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


    {{-- @php dd($list); @endphp --}}
    <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">Gallery</h2>
            </div>

        </div>
    </div>
    <div class="clearfix"></div>
    <div class="container">
        <div class="row">
            <div class="col-8">
                <div class="d-main">
                    <div class="row">
                        @if (!$gallery->isEmpty())
                            @foreach ($gallery as $kl => $item)
                                <div class="col-lg-6">
                                    <div class="img-gallery">
                                        <a href="{{ route('picture', $item->id) }}">
                                            <img src="{{ asset('album_i/album/' . $item->image, $secure = null) }}"
                                                alt="{{ $item->title }}" title="{{ $item->title }}">
                                            <div class="g-text">{{ $item->title }}</div>
                                            <span class="im-icon"><i class="las la-images"></i> </span>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="img-gallery">
                                        <a href="{{ route('picture', $item->id) }}">
                                            <img src="{{ asset('album_i/album/' . $item->image, $secure = null) }}"
                                                alt="{{ $item->title }}" title="{{ $item->title }}">
                                            <div class="g-text">{{ $item->title }}</div>
                                            <span class="im-icon"><i class="las la-images"></i> </span>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="img-gallery">
                                        <a href="{{ route('picture', $item->id) }}">
                                            <img src="{{ asset('album_i/album/' . $item->image, $secure = null) }}"
                                                alt="{{ $item->title }}" title="{{ $item->title }}">
                                            <div class="g-text">{{ $item->title }}</div>
                                            <span class="im-icon"><i class="las la-images"></i> </span>
                                        </a>
                                    </div>
                                </div>
                            @endforeach
                        @else
                            No Record Found
                        @endif
                    </div>
                </div>


            </div>
            <div class="col-lg-4">
                <aside>
                    <div class="serch-"></div>
                </aside>
                @include('site.sidebar.sidebar')
            </div>
        </div>
    </div>

@endsection
@push('script')
<script src="https://sachinchoolur.github.io/lightgallery.js/static/js/prettify.js"></script>
<script src="https://sachinchoolur.github.io/lightgallery.js/static/js/jquery.justifiedGallery.min.js"></script>
<script src="https://sachinchoolur.github.io/lightgallery.js/static/js/transition.js"></script>
<script src="https://sachinchoolur.github.io/lightgallery.js/static/js/collapse.js"></script>
<script src="https://sachinchoolur.github.io/lightgallery.js/lightgallery/js/lightgallery.js"></script>
<script src="https://sachinchoolur.github.io/lightgallery.js/lightgallery/js/lg-thumbnail.js"></script>
<script src="https://sachinchoolur.github.io/lightgallery.js/lightgallery/js/lg-share.js"></script>
<script src="https://sachinchoolur.github.io/lightgallery.js/lightgallery/js/lg-fullscreen.js"></script>
<script src="https://sachinchoolur.github.io/lightgallery.js/lightgallery/js/lg-zoom.js"></script>
<script src="https://sachinchoolur.github.io/lightgallery.js/lightgallery/js/lg-autoplay.js"></script>
<script src="https://sachinchoolur.github.io/lightgallery.js/lightgallery/js/lg-hash.js"></script>
@endpush