@extends('layouts.landing')

@section('title')
    {{ __('message.Galeri') }}
@endsection
@section('content')
    {{-- <section class="wrapper bg-soft-primary position-relative">
        <div class="container pt-20 pb-10 pt-md-20 text-center">
            <div class="row">
                <div class="col-lg-8 mx-auto mb-5">
                    <h3 class="display-1 mb-6">{{ Helper::lang('Gallery') }}</h3>
                </div>
                <!-- /column -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
        <div class="overflow-hidden">
            <div class="divider text-light mx-n2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 60">
                    <path fill="currentColor" d="M0,0V60H1440V0A5771,5771,0,0,1,0,0Z" />
                </svg>
            </div>
        </div>
    </section> --}}

    <section class="wrapper bg-light">
        <div class="container pt-20 pt-md-20 pb-10 py-14 py-md-16">
            <!-- /.row -->
            <div class="grid grid-view projects-masonry">
                <div class="row gx-md-8 gy-10 gy-md-13 isotope">
                    @forelse ($gallery as $key => $value)
                        <div class="project item col-md-6 col-xl-4">
                            @if ($value->photo)
                                <figure class="rounded mb-6"><a href="javascript:void(0)" data-bs-toggle="modal"
                                        data-bs-target="#show-gallery{{ $value->id }}"> <img
                                            src="{{ asset('uploads/landing-page/gallery/photo/' . $value->photo) }}"
                                            alt="" /></a>
                                </figure>
                            @else
                                <figure class="rounded mb-6 overlay overlay-1 hover-scale h-22"><a
                                        href="javascript:void(0)"> <img
                                            src=" https://via.placeholder.com/400x265.png?text=Your+Thumbnail"
                                            alt="" class="h-25" /></a>
                                </figure>
                            @endif
                            <div class="project-details d-flex justify-content-center flex-column flex-grow-1">
                                <div class="post-header">
                                    <div class="post-category text-line mb-3 text-purple">
                                        {{ date('d M Y', strtotime($value->date)) }}</div>
                                    <h2 class="post-title h3"><a
                                            href="{{ route('landing.gallery.show', ['id' => $value->id]) }}">{{ Str::words($value->name, 6, '...') }}</a>
                                    </h2>
                                </div>
                                <!-- /.post-header -->
                            </div>
                            <!-- /.project-details -->
                        </div>
                    @empty
                        <p class="text-center">{{ __('message.Tidak ada data') }}</p>
                    @endforelse
                </div>
                <!-- /.row -->
            </div>
            <!-- /.grid -->
            @if ($gallery->hasPages())
                <div class="row">
                    <div class="col">
                        {{ $gallery->links('pagination::bootstrap-4') }}
                    </div>
                </div>
            @endif
        </div>
        <!-- /.container -->
    </section>
    <!-- /section -->
@endsection