<?php $__env->startSection('title','Julian Overseas - Gallery'); ?>

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

<link rel="stylesheet" type="text/css" href="<?php echo e(asset('css/jquery.fancybox.min.css')); ?>">

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

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

<style type="text/css">

.inner_sec_info_w3ls_agile p {
  color: #263238;
}

.img-container {
  margin-bottom: 10px;  
  overflow: hidden;
}

</style>

<div class="services-breadcrumb">
  <div class="inner_breadcrumb">
    <ul class="short_w3ls_agile">
      <li><a href="<?php echo e(url('/')); ?>">Home</a><span>|</span></li>
      <li>Gallery</li>
    </ul>
  </div>
</div>

<div class="banner_bottom">
  <div class="container">
    <h3 class="tittle">Gallery</h3>

    <div class="inner_sec_info_w3ls_agile">
      <div class="container">

        <?php $__currentLoopData = $data->chunk(4); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $chunkedData): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <div class="row">
          <?php $__currentLoopData = $chunkedData; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $file): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
          <div class="col-md-3">
            <div class="img-container">
              <?php if($file->data_type=="image"): ?>
              <a data-fancybox="group" data-caption="<?php echo e($file->title); ?>" href="<?php echo e(url('/julian_gallery/images/'.$file->filename)); ?>">
                <div style="height:16em; width:18em; background: url(<?php echo e(url('julian_gallery/images/'.$file->filename)); ?>); background-size: 18em 16em; background-position: center; background-repeat: no-repeat;"></div>
              </a>
              <?php else: ?>
              <a data-fancybox="group" data-caption="<?php echo e($file->title); ?>" href="https://www.youtube.com/watch?v=<?php echo e($file->filename); ?>">
                <div style="height:16em; width:18em; background: url(https://img.youtube.com/vi/<?php echo e($file->filename); ?>/default.jpg); background-size: 18em 16em; background-position: center; background-repeat: no-repeat;"></div>
                  </a>
              <?php endif; ?>
            </div>
          </div>
          <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

        <?php echo e($data->links()); ?>


      </div>
    </div>
  </div>
</div>


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

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

<script src="<?php echo e(asset('js/jquery.fancybox.min.js')); ?>"></script>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.main', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>