@extends('layouts.frontend.app')
@section('title', trans('general.publication-report'))
@section('meta_keys', trans('general.publication-report'))
@section('meta_description', trans('general.publication-report'))


@section('script')
    <script>
        $('#thematic_id').on('change', function() {
        var thematic_slug = $(this).find('option:selected').data('slug');
        window.location = '{{ route('publication.filter') }}' + '?slug=' + thematic_slug;
    });
    </script>
@endsection

@section('content')

    @include('inner.breadcrumb', [
        'pageTitle' => 'Publications',
    ])

    <!-- project-details S t a r t -->
    <section class="blog-details section-padding list-fix">
        <div class="container">
            <div>
                <select class="form-control select2 select2-hidden-accessible" name="category" id="thematic_id">
                  
                    <option value="0">Filter By Thematic Areas (All)</option>
                    @foreach ($thematic_areas as $item)
                        <option value="{{ $item->id }}" data-slug="{{ $item->slug }}" @if(isset($selected_thematic_area))@selected($selected_thematic_area == $item->id) @endif>{{ $item->title }}</option>
                    @endforeach
                </select>
            </div>
            <br>
            <div class="row gy-24">
                @forelse ($reports as $index => $report)
                    @if ($report->file)
                        @php
                            $fileExtension = pathinfo($report->file, PATHINFO_EXTENSION);
                            $displayName = Helper::getElibraryFileName($fileExtension) ?? 'File';
                            $cssClass = strtolower(Helper::getElibraryFileName($fileExtension));
                        @endphp
                    @endif

                    <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 view-wrapper">
                        <div class="single-blog h-calc report-publication">
                            <div class="blog-img">
                                <a href="#!">
                                    <img src="{{ $report->image && file_exists('storage/' . $report->image) ? asset('storage/' . $report->image) : asset('assets/images/no-img.jpg') }}"
                                        class="img-fluid w-100" alt="17th Annual General Meeting Report">
                                </a>
                            </div>
                            <div class="blog-info">
                                <div class="d-flex justify-content-between align-items-center">
                                    <div class="blog-info-title">
                                        <div class="flex mb-15 gap-16 align-items-center">
                                            <div class="user flex gap-10 align-items-center">
                                                <i class="ri-time-line"></i>
                                                <p class="info">{{ Helper::formatDate($report->published_date) }}</p>
                                            </div>
                                            <div class="donate flex gap-10 align-items-center">
                                                <i class="ri-file-line"></i>
                                                <p class="info">{{ $displayName }}</p>
                                            </div>
                                        </div>
                                        <h4 class="title text-capitalize">
                                            <a href="{{ asset('storage/' . $report->file) }}">{{ $report->title }}</a>
                                        </h4>
                                    </div>
                                </div>
                            </div>
                            <div class="button-section">
                                <a href="{{ asset('storage/' . $report->file) }}" class="read-btn"  target="_blank">Download</a>
                            </div>
                        </div>
                    </div>
                @empty
                    <p>{{ trans('general.no-record-found') }}</p>
                @endforelse

                <!-- pagination -->
                @if (isset($reports) && count($reports) > 0)
                    {!! $reports->appends(request()->query())->links('layouts.frontend.inc.pagination') !!}
                @endif
                <!-- End pagination -->
            </div>
        </div>
    </section>

@endsection