<?php use Carbon\Carbon; ?>


<?php $__env->startSection('title', $album->caption.' Images'); ?>

<?php $__env->startSection('meta_tags', env('APP_NAME').' Gallery Albums ' . $album->caption); ?>

<?php $__env->startSection('meta_description', env('APP_NAME').' Discover what we do in our Gallery albums'); ?>

<?php $__env->startSection('header_css'); ?>
<link href="<?php echo e(asset('frontend/css/simplelightbox.min.css')); ?>" rel='stylesheet' type='text/css'>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('header_js'); ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
<!-- breadcrumb wrapper Start -->
<div class="breadcrumb-banner-wrapper">
  <div class="container">
    <div class="row">
      <div class="col-sm-12">
        <div class="breadcrumb-text">
          <h1 class="text-center"><?php echo e($album->caption); ?> </h1>
          <div class="breadcrumb-bar">
            <ul class="breadcrumb text-center">
               <li><a href="<?php echo e(route('home')); ?>">Home</a></li>
			        <li><a href="<?php echo e(route('gallery.index')); ?>">Gallery</a> </li>
              <li><?php echo e($album->caption); ?> </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- breadcrumb wrapper End --> 

<!-- Inner page wrapper start -->
<div class="inner-page-wrapper home-gallery-wrapper">
  <div class="container">
  <div class="row">
   <div class="gal-container">
        
        <?php foreach($album->activePhotos as $row) { ?>
        
        <div class="col-sm-3 col-xs-6 gal-item"><a href="<?php echo e(asset('uploads/albums/'.$row->attachment)); ?>" class="big"><img src="<?php echo e(asset('uploads/albums/thumbs/'.$row->attachment)); ?>" alt="<?php echo e($album->caption); ?> - Image"></a></div>
       
  <?php } ?>      
        
        
        
        
        
      </div>
  </div>
</div>

</div>
<!-- Inner page wrapper end --> 


	
<?php $__env->stopSection(); ?>

<?php $__env->startSection('footer_js'); ?>

<script type="text/javascript" src="<?php echo e(asset('frontend/js/simple-lightbox.js')); ?>"></script>

<script>
	$(function(){
		var $gallery = $('.gal-container a').simpleLightbox();
		
		$gallery.on('show.simplelightbox', function(){
			console.log('Requested for showing');
		})
		.on('shown.simplelightbox', function(){
			console.log('Shown');
		})
		.on('close.simplelightbox', function(){
			console.log('Requested for closing');
		})
		.on('closed.simplelightbox', function(){
			console.log('Closed');
		})
		.on('change.simplelightbox', function(){
			console.log('Requested for change');
		})
		.on('next.simplelightbox', function(){
			console.log('Requested for next');
		})
		.on('prev.simplelightbox', function(){
			console.log('Requested for prev');
		})
		.on('nextImageLoaded.simplelightbox', function(){
			console.log('Next image loaded');
		})
		.on('prevImageLoaded.simplelightbox', function(){
			console.log('Prev image loaded');
		})
		.on('changed.simplelightbox', function(){
			console.log('Image changed');
		})
		.on('nextDone.simplelightbox', function(){
			console.log('Image changed to next');
		})
		.on('prevDone.simplelightbox', function(){
			console.log('Image changed to prev');
		})
		.on('error.simplelightbox', function(e){
			console.log('No image found, go to the next/prev');
			console.log(e);
		});
	});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout.container', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>