<?php

$nextid = isset( $_POST['portnext'] ) ? $_POST['portnext'] : '';
$previd = isset( $_POST['portprev'] ) ? $_POST['portprev'] : '';
$postid = isset( $_POST['portid'] ) ? $_POST['portid'] : '';

?>

<div id="portfolio-ajax-single" class="clearfix">

	<div id="portfolio-ajax-title" style="position: relative;">
		<h2>Single Item with Video</h2>
		<div id="portfolio-navigation">
			<?php if( $previd ){ ?><a href="#" id="prev-portfolio" data-id="<?php echo $previd; ?>"><i class="icon-angle-left"></i></a><?php } ?>
			<?php if( $nextid ){ ?><a href="#" id="next-portfolio" data-id="<?php echo $nextid; ?>"><i class="icon-angle-right"></i></a><?php } ?>
			<a href="#" id="close-portfolio"><i class="icon-line-cross"></i></a>
		</div>
	</div>

	<div class="line line-sm topmargin-sm"></div>

	<div class="row col-mb-50">
		<!-- Portfolio Single Content
		============================================= -->
		<div class="col-md-5 portfolio-single-content">
			<!-- Portfolio Single - Description
			============================================= -->
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis, dolores, facere, corrupti delectus ex quidem adipisci tempore. Illum molestias cupiditate eveniet dolore obcaecati voluptatibus est.</p>
			<!-- Portfolio Single - Description End -->

			<div class="line" style="margin: 40px 0;"></div>

			<!-- Portfolio Single - Meta
			============================================= -->
			<ul class="portfolio-meta bottommargin">
				<li><span><i class="icon-user"></i>Created by:</span> John Doe</li>
				<li><span><i class="icon-calendar3"></i>Completed on:</span> 17th March 2021</li>
				<li><span><i class="icon-lightbulb"></i>Skills:</span> HTML5 / PHP / CSS3</li>
				<li><span><i class="icon-link"></i>Client:</span> <a href="#">Google</a></li>
			</ul>
			<!-- Portfolio Single - Meta End -->

			<!-- Portfolio Single - Share
			============================================= -->
			<div class="si-share d-flex justify-content-between align-items-center mt-4">
				<span>Share:</span>
				<div>
					<a href="#" class="social-icon si-borderless si-facebook">
						<i class="icon-facebook"></i>
						<i class="icon-facebook"></i>
					</a>
					<a href="#" class="social-icon si-borderless si-twitter">
						<i class="icon-twitter"></i>
						<i class="icon-twitter"></i>
					</a>
					<a href="#" class="social-icon si-borderless si-pinterest">
						<i class="icon-pinterest"></i>
						<i class="icon-pinterest"></i>
					</a>
					<a href="#" class="social-icon si-borderless si-gplus">
						<i class="icon-gplus"></i>
						<i class="icon-gplus"></i>
					</a>
					<a href="#" class="social-icon si-borderless si-rss">
						<i class="icon-rss"></i>
						<i class="icon-rss"></i>
					</a>
					<a href="#" class="social-icon si-borderless si-email3">
						<i class="icon-email3"></i>
						<i class="icon-email3"></i>
					</a>
				</div>
			</div>
			<!-- Portfolio Single - Share End -->
		</div><!-- .portfolio-single-content end -->

		<!-- Portfolio Single Image
		============================================= -->
		<div class="col-md-7 portfolio-single-image">
			<iframe src="https://player.vimeo.com/video/80975867" width="500" height="281" allow="autoplay; fullscreen" allowfullscreen></iframe>
		</div><!-- .portfolio-single-image end -->
	</div>

</div>