@extends('layouts.app')
@section('content')

    @include('layouts.header')
    @include('layouts.menu')

    <div class="container-fluid page-header bannerBg-news py-5">
        <div class="container text-center ">
            <h1 class="page-title-header">Gallery of {{ $year }} IFFI Festival</h1>
        </div>
    </div>

    <div class="col-lg-12 mt-5 static-content">
        <div class="container">
            <div class="row ">

                @if ($year != 2023)
                    <form method="GET" action="{{ route('search-gallery-by-cat', $year) }}" class="forms-sample"
                        id="filterForm">

                        <input type="hidden" name="date" id="dateInput" value="{{ request('date') }}">

                        <ul class="nav nav-tabs calander-tab-new-div" id="dateTabs" role="tablist">
                            <li class="nav-item" role="presentation">
                                <a class="nav-link calanderrr" onclick="resetFilters()">
                                    <div class="calander-all">
                                        <p>All</p>
                                    </div>
                                </a>
                            </li>

                            @foreach ($dates as $date)
                                <li class="nav-item" role="presentation">
                                    <a class="nav-link {{ request('date') == $date ? 'active' : '' }}"
                                        href="javascript:void(0)" data-date="{{ $date }}"
                                        onclick="changeTab(this, '{{ $date }}')">
                                        <div class="calander-text">
                                            <span class="mb-2">
                                                {{ \Carbon\Carbon::parse($date)->format('d') }}</span>
                                            <span class="mb-1">{{ \Carbon\Carbon::parse($date)->format('M') }}</span>
                                            <span>{{ \Carbon\Carbon::parse($date)->format('Y') }}</span>
                                        </div>
                                    </a>
                                </li>
                            @endforeach
                        </ul>

                        <div class="d-flex justify-content-around mt-3 filter-form">
                            <div class="input-group">
                                <select name="category_id" id="categorySelect" class="form-select">
                                    <option value="">All Categories</option>
                                    @foreach ($categories as $category)
                                        <option value="{{ $category->id }}"
                                            {{ request('category_id') == $category->id ? 'selected' : '' }}>
                                            {{ $category->category }}
                                        </option>
                                    @endforeach
                                </select>
                                <span class="input-group-text p-0"> <button type="submit"
                                        class="btn cus-prim-btn   text-center">Filter</button></span>
                            </div>

                        </div>
                    </form>
                @endif

                @if ($year == 2023)
                    <div class="col-lg-12 mt-5 static-content">
                        <div class="container">
                            <div class="mt-5 mb-4">
                                <div id="lightgallery" class="gallery">
                                    @foreach ($gallery as $gall)
                                        <div class="grid-item">
                                            <a href="{{ asset('images/gallery/' . $gall->image) }}"
                                                data-src="{{ asset('images/gallery/' . $gall->image) }}">
                                                <img src="{{ asset('images/gallery/' . $gall->image) }}"
                                                    alt="{{ $gall->image }}">
                                            </a>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                @elseif($year == 2024)
                    <div class="gallery mt-4 gallery" id="lightgallery">
                        @forelse ($gallery as $item)
                            <div class="grid-item">
                                @php
                                    $pathWithYear =
                                        'https://storage.googleapis.com/iffi-goa-public-bucket-0001/uploads/gallery/2024/';

                                    $pathWithoutYear =
                                        'https://storage.googleapis.com/iffi-goa-public-bucket-0001/uploads/';

                                    if (str_contains($item->img_url, $pathWithYear)) {
                                        $imageName = str_replace($pathWithYear, '', $item->img_url);
                                    } else {
                                        $imageName = str_replace($pathWithoutYear, '', $item->img_url);
                                    }
                                @endphp

                                <a href="{{ asset('images/gallery/' . $imageName) }}" target="_blank">
                                    <img src="{{ asset('images/gallery/' . $imageName) }}"
                                        alt="{{ $item->img_caption }}">
                                </a>
                            </div>
                        @empty
                            <p>No images found.!!</p>
                        @endforelse
                    </div>
                    
                @elseif($year == 2025)
                    <div class="gallery mt-4 gallery" id="lightgallery">
                        @forelse ($gallery as $item)
                            <div class="grid-item">
                                @php
                                    $pathWithYear =
                                        'https://storage.googleapis.com/iffi-goa-public-bucket-0001/uploads/gallery/2025/';
                                    $pathWithoutYear =
                                        'https://storage.googleapis.com/iffi-goa-public-bucket-0001/uploads/gallery/';

                                    if (str_contains($item->img_url, $pathWithYear)) {
                                        $imageName = str_replace($pathWithYear, '', $item->img_url);
                                    } else {
                                        $imageName = str_replace($pathWithoutYear, '', $item->img_url);
                                    }
                                @endphp

                                <a href="{{ asset('images/gallery/' . $imageName) }}" target="_blank">
                                    <img src="{{ asset('images/gallery/' . $imageName) }}"
                                        alt="{{ $item->img_caption }}">
                                </a>

                            </div>
                        @empty
                            <p>No images found.!!</p>
                        @endforelse
                    </div>
                @endif

                <div class="mt-4 gallery-pageni">
                    {{ $gallery->appends(request()->input())->links() }}
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection