@extends('web.layout.default')
<link rel="stylesheet" href="{{url(env('ASSETSPATHURL').'web-assets/css/fancybox/fancybox-v4-0-27.css') }}"><!-- Fancybox 4.0 CSS -->
@section('page_title')
    | {{ trans('labels.gallery') }}
@endsection
@section('content')
    <div class="breadcrumb-sec">
        <div class="container">
            <div class="breadcrumb-sec-content">
                <nav class="text-dark d-flex breadcrumb-divider" aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item {{ session()->get('direction') == '2' ? 'breadcrumb-item-rtl ps-0' : '' }}"> <a class="fw-bold text-dark" href="{{ route('home') }}">{{ trans('labels.home') }}</a> </li>
                        <li class="breadcrumb-item {{ session()->get('direction') == '2' ? 'breadcrumb-item-rtl ps-0' : '' }} text-primary fw-bold active" aria-current="page">{{ trans('labels.gallery') }}</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
    <section class="my-5">
        <div class="container mb-5">
            <h3 class="fw-bold fs-2 mb-4 color-changer truncate-2">{{ trans('labels.gallery') }}</h3>
            @if (count($getgalleries)>0)    
            <div id="galleryimg">
                @foreach ($getgalleries as $image)
                    <div data-src="{{ $image->image_url }}" data-fancybox="gallery" data-thumb="{{ $image->image_url }}">
                        <img src="{{ $image->image_url }}" width="200" height="150" />
                      </div>
                @endforeach
            </div>
            @else
                @include('web.nodata')
            @endif
        </div>
    </section>

@endsection
@section('scripts')
    <script src="{{url(env('ASSETSPATHURL').'web-assets/js/fancybox/fancybox-v4-0-27.js') }}"></script><!-- Fancybox 4.0 JS -->
@endsection