@extends('Frontend::default_layout')

@section('content')
    {{ $gallery->cms_gal_description }}

    <div class="clearfix"></div>

    <p></p>
    <div class="clearfix"></div>
    <p></p>

    <div class="sorting-block">
        <ul class="row sorting-grid">
            @foreach($gallery->galleryImages as $image)
                <li class="col-md-3 col-sm-6 col-xs-12 mix" data-cat="0">
                    @if(! is_null($image->cms_galimg_url) && trim($image->cms_galimg_url) != '')
                        <a href="{{{ $image->cms_galimg_url }}}" class="thumbnail fancybox-button zoomer">
                    @else
                        <a href="{{ $image->present()->image_url }}" class="thumbnail fancybox-button zoomer" data-rel="fancybox-button">
                    @endif
                        <img class="img-responsive" src="{{ $image->present()->thumbnail_url }}" alt="">
                        <span class="sorting-cover">
                            <span>{{{ $image->cms_galimg_name }}}</span>
                            <p>{{{ $image->cms_galimg_description }}}</p>
                        </span>
                    </a>
                </li>
            @endforeach
        </ul>
    </div>

    <div class="clearfix"></div>

@stop


@section('js')
    <script type="text/javascript" src="{{ asset('assets/frontend/plugins/jquery.mixitup.min.js') }}"></script>  
    <script type="text/javascript" src="{{ asset('assets/frontend/js/pages/page_portfolio.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/frontend/plugins/fancybox/source/jquery.fancybox.pack.js') }}"></script>
    <script type="text/javascript">
        jQuery(document).ready(function() {
            PortfolioPage.init(); 
            App.initFancybox();                            
        });
    </script>
@stop