@extends('layouts.app')

@section('content')
    @php
        $banner = !empty($menu->szBannerImage)
            ? asset('uploads/abouts/' . $menu->szBannerImage)
            : asset('uploads/abouts/brief.jpg');
    @endphp

    <section class="page-banner position-relative d-flex align-items-end"
        style="background-image:url('{{ $banner }}');
           background-position:center;
           background-size:cover;
           background-repeat:no-repeat;
           min-height:450px;">

        <div class="position-absolute top-0 start-0 w-100 h-100 banner-overlay"></div>

        <div class="container position-relative text-white pb-5">      
            <h1 class="display-3 fw-bold mb-3">
                {{ __('messages.fauna_checklist') }}
            </h1>
            <nav>
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item">
                        <a href="{{ url('/') }}" class="text-white text-decoration-none">
                            {{ __('messages.home') }}
                        </a>
                    </li>              
                </ol>
            </nav>
        </div>

    </section>
    <section class="background-section py-5">
        <div class="container">
            <div class="background-card">
                <!-- Heading -->
                <div class="section-heading border-bottom pb-3 mb-4">
                    <h3 class="fw-bold mb-0">
                        {{ __('messages.fauna_checklist') }}
                    </h3>
                </div>
                <!-- Content -->
                <div class="background-content">

                    @if ($checklists->isEmpty())
                        <div class="alert alert-warning text-center">
                            No Checklist Found.
                        </div>
                    @else
                        <div class="table-responsive">

                            <table class="table table-bordered table-hover align-middle">

                                <thead class="table-success">

                                    <tr>

                                        <th width="80">S.No.</th>

                                        <th>Checklist Title</th>

                                        @foreach ($yearList as $year)
                                            <th class="text-center">
                                                {{ $year }}
                                            </th>
                                        @endforeach

                                    </tr>

                                </thead>

                                <tbody>

                                    @foreach ($checklists as $checklist)
                                        <tr>

                                            <td>{{ $loop->iteration }}</td>

                                            <td>{{ $checklist->title }}</td>

                                            @foreach ($yearList as $year)
                                                @php
                                                    $documents = $checklist->documents_by_year[$year] ?? collect();
                                                @endphp

                                                <td class="text-center">

                                                    @forelse($documents as $document)
                                                        @foreach ($document->files as $file)
                                                            <a href="{{ asset('uploads/documents/checklist/' . (app()->getLocale() == 'hi' ? 'hindi' : 'english') . '/' . $file) }}"
                                                                target="_blank" class="pdf-link">

                                                                <img id="checklistpdf" src="{{ asset('images/icons/pdf-icon.png') }}"
                                                                    alt="PDF">

                                                                <span>View</span>

                                                            </a>
                                                        @endforeach

                                                    @empty

                                                        -
                                                    @endforelse

                                                </td>
                                            @endforeach

                                        </tr>
                                    @endforeach

                                </tbody>

                            </table>

                        </div>
                    @endif
<div class="d-flex justify-content-center mt-4">
    {{ $checklists->links() }}
</div>
                </div>

            </div>

            <div class="text-end mt-4">

                <a href="javascript:history.back()" class="btn btn-success">

                    <i class="fas fa-arrow-left me-2"></i>

                   {{__('messages.previous')}}

                </a>

            </div>

        </div>

    </section>
@endsection