<?php include('header.php');?>

	<!-- ================================
			///// Begin page header section /////
			================================= -->
			<section id="page-header-secion" class="alter-heading">

				<!-- Begin page header image 
				===============================
				* Use class "parallax" to enable parallax effect.
				-->
				<div class="page-header-image parallax bg-image" style="background-image: url(assets/img/headings/heading-6.jpg); background-position: 50% 70%;"></div>
				<!-- End page header image -->

				<!-- Element cover -->
				<div class="cover page-header-cover"></div>

				<!-- Begin page header info -->
				<div class="container page-header-content no-padding max-width-800 text-center">
					<div class="row">
						<div class="col-lg-12">

							<h1 class="album-title">Yash Photography</h1>
						 

						</div> <!-- /.col -->
					</div> <!-- /.row -->
				</div> 
				<!-- End page header info -->

			</section>
			<!-- End page header section -->

<section id="content-section" class="portfolio-list-grid">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-12">					
							<!-- Begin content wrap -->
							<div class="content-wrap">

								<!-- Begin isotope
								===================
								* Use classes "gutter-1", "gutter-2" or "gutter-3" to add more space between items.
								* Use class "col-1", "col-2", "col-3", "col-4", "col-5" or "col-6" for columns.
								-->
								<div class="isotope  gutter-2 col-2">

									<!-- Begin gallery top content -->
									<div class="gallery-top-content">

										<div class="row margin-bottom-40">
											<div class="col-md-8">

												<!-- Begin isotope filter -->
											 	<div class="container-fluid">
					<div class="row">
						<div class="col-md-12">
 
								<div class="isotope gutter-2 col-5">

									<!-- Begin gallery top content -->
									<div class="gallery-top-content">

										 
									<div class="col-md-12">
                                    <div class="ali-caption">
										<?php
										$photo_id = $_GET['photo_id'];
										$photo_query = mysql_query("select * from photo inner join customer on customer.customer_code=photo.customer_code inner join photo_category on photo_category.photo_category_id=photo.photo_category_id inner join function_category on function_category.function_category_id=photo.function_category_id where photo.photo_id = ".$photo_id." and photo.status = 'yes' order by photo.photo_id asc");
										if(mysql_num_rows($photo_query)>0){	
										while($photo_row=mysql_fetch_array($photo_query)){
										$cus_name = $photo_row['name'];
										$function_category_name = $photo_row['function_category_name'];
										$photo_category_name = $photo_row['photo_category_name'];
										}
										}
										?>	
									<h2 class="ali-title"><?php echo $cus_name; ?> (<?php echo $function_category_name; ?>) - <?php echo $photo_category_name; ?></h2>
									 
								       </div>
									</div></div></div></div></div></div> 
												<!-- End isotope filter -->
												
											</div> <!-- /.col -->

											<div class="col-md-4">

									 

											</div> <!-- /.col -->
										</div> <!-- /.row -->

									</div>
									<!-- End gallery top content -->


									<!-- Begin isotope items (album list items) 
									============================================= 
									* Use class "caption-gradient" to enable gradient caption.
									* Use class "caption-outside" to enable caption outside.
									* Use class "caption-dark" to enable dark caption (no effect if "caption-gradient" or "caption-outside" is used).
									* Use class "caption-boxed" to enable boxed caption (no effect if "caption-gradient" or "caption-outside" is used).
									* Use class "caption-sm", "caption-lg" or "caption-xlg" to change caption size.
									* Use classes "ali-style-1", "ali-style-2" to change album list item style (no effect if "gutter-1" is used).
									* Note: For grid layout make sure that your images are the same dimensions.
									* Note: For masonry layout make sure that your images are the different dimensions.
									-->
									<div class="isotope-items-wrap ali-style-2 caption-outside" style="position: relative; height: 919.5px;">
										<!-- Grid sizer (do not remove!!!) -->
										<div class="grid-sizer"></div>
										<!-- //////////////////
										// Begin isotope item 
										/////////////////////// -->
																			
										<?php
										$photo_details_query = mysql_query("select * from photo_details where photo_id = ".$photo_id." order by photo_details_id asc");
										if(mysql_num_rows($photo_details_query)>0){	
										while($photo_details_row=mysql_fetch_array($photo_details_query)){
										$url = $photo_details_row['url'];
										?>
										<div class="isotope-item portraits" style="position: absolute; left: 0px; top: 0px;">
											<!-- Begin album list item -->
											<div class="album-list-item">
												<a class="ali-link" href="<?php echo $base_url; ?>photos_details.php?photo_details_id=<?php echo $photo_details_row['photo_details_id']; ?>">
													<div class="ali-img-wrap">
														<img class="ali-img" src="<?php echo $base_url; ?>admin/uploads/photo/<?php echo $url; ?>" alt="image">
													</div>
													<div class="ali-caption">
														<h2 class="ali-title"></h2>
														<div class="ali-meta"></div>
													</div>
												</a>
												<a href="#0" class="album-share" title="Share this album" data-toggle="modal" data-target="#modal-93365766">
													<i class="fas fa-share-alt"></i>
												</a>
											</div>
											<!-- End album list item -->
										</div>
										<?php
										}
										}
										?>
									</div>
									<!-- End isotope items wrap -->

								</div>
								<!-- End isotope -->

							</div>
							<!-- End content wrap -->
							
						</div> <!-- /.col -->
					</div> <!-- /.row -->

					<!--<div class="row">
						<div class="col-md-8">
							<nav class="pagination-wrap">
								<ul class="pagination">
									<li>
										<a href="#" aria-label="Previous">
											<span aria-hidden="true">First</span>
										</a>
									</li>
									<li><a href="#">Prev</a></li>
									<li class="active"><a href="#0">1</a></li>
									<li><a href="#">2</a></li>
									<li><a href="#">3</a></li>
									<li><a href="#0">...</a></li>
									<li><a href="#">6</a></li>
									<li><a href="#">7</a></li>
									<li><a href="#">8</a></li>
									<li><a href="#">Next</a></li>
									<li>
										<a href="#" aria-label="Next">
											<span aria-hidden="true">Last</span>
										</a>
									</li>
								</ul>
							</nav>
						</div>

						<div class="col-md-4">
							<div class="pagination-info ">
								<span>Showing page 1 of 8</span>
								<span>Items 1 - 8 of 94</span>
							</div>
						</div>
					</div>-->
				</div> <!-- /.container -->
			</section>
<?php include('footer.php');?>