@push('style')
@endpush
@extends('site.master')
@section('main-content')




<div class="banner-section"
    style="background: url('https://demo.xpeedstudio.com/evenex/home-main/wp-content/themes/evenex/assets/images/banner/bg_banner.png')">
    <div class="hr-content">
        <div class="container">
            <h2 class="d-flx text-bold text-white">Title For gallery</h2>
        </div>

    </div>
</div>



<section class="main-content">
    <div class="container">
        <div id="aniimated-thumbnials">
            @if (!$picture->isEmpty())

            @foreach ($picture as $k => $item)
            <a href="{{ asset('album_i/gallery/' . $item->image, $secure = null) }}">
                <img src="{{ asset('album_i/gallery/' . $item->image, $secure = null) }}" />
            </a>

            @endforeach


            @else
            No Record Found
            @endif
        </div>


    </div>
</section>
@endsection

@push('script')

<!-- lightgallery plugins -->
<script src="{{ asset('site/lightgallery/lightgallery.min.js') }}"></script>


<script>
    $(document).ready(function() {

                window.prettyPrint && prettyPrint()

                // Animated thumbnails
                var $animThumb = $('#aniimated-thumbnials');
                if ($animThumb.length) {
                    $animThumb.justifiedGallery({
                        border: 6
                    }).on('jg.complete', function() {
                        lightGallery($animThumb[0], {
                            thumbnail: true
                        });
                    });
                };

                //thumbnails without animation
                var $thumb = $('#thumbnials-without-animation');
                if ($thumb.length) {
                    $thumb.justifiedGallery({
                        border: 6
                    }).on('jg.complete', function() {
                        lightGallery($thumb[0], {
                            thumbnail: true,
                            animateThumb: false,
                            showThumbByDefault: false
                        });
                    });
                };

            });
</script>
@endpush