@extends('frontend-v3.pages.layout')

{{-- Monthly newsletter archive (App\Models\Newsletter): search + year + month filters, 9 per page. --}}
@section('page')
    @include('frontend-v3.pages.partials.styles')
    @include('frontend-v3.pages.newsletters.styles')

    @php
        $hasFilters = $term !== '' || $year || $month;
    @endphp

    <section class="v3-inner-hero">
        <div class="container">
            <div class="v3-eyebrow">Archives</div>
            <h1 class="v3-title">Monthly Newsletter</h1>
            <p class="v3-summary">Browse published monthly newsletters from Srimanta Sankaradeva Kalakshetra. Read each issue online or download it as a PDF.</p>
        </div>
    </section>

    <section class="container">
        <form class="v3-filter-panel row g-3 align-items-end" method="GET" action="{{ route('frontend-v3.newsletters.index') }}">
            <div class="col-12 col-lg">
                <label class="form-label small fw-bold v3-muted" for="q">Search newsletters</label>
                <input class="form-control v3-input" id="q" type="search" name="q" value="{{ $term }}">
            </div>
            <div class="col-6 col-lg-2">
                <label class="form-label small fw-bold v3-muted" for="year">Year</label>
                <select class="form-select v3-input" id="year" name="year">
                    <option value="">All years</option>
                    @foreach ($years as $optionYear)
                        <option value="{{ $optionYear }}" @selected($year === $optionYear)>{{ $optionYear }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-lg-2">
                <label class="form-label small fw-bold v3-muted" for="month">Month</label>
                <select class="form-select v3-input" id="month" name="month">
                    <option value="">All months</option>
                    @foreach (range(1, 12) as $optionMonth)
                        <option value="{{ $optionMonth }}" @selected($month === $optionMonth)>{{ \Illuminate\Support\Carbon::create(2000, $optionMonth, 1)->format('F') }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-12 col-lg-auto">
                <button class="btn v3-btn px-4" type="submit">Apply</button>
                <a class="btn btn-light px-4 ms-2" href="{{ route('frontend-v3.newsletters.index') }}">Reset</a>
            </div>
        </form>
    </section>

    <section class="v3-section">
        <div class="container">
            @if ($records->total() > 0)
                <p class="newsletter-count v3-muted">{{ $records->total() }} {{ \Illuminate\Support\Str::plural('issue', $records->total()) }}{{ $hasFilters ? ' found' : '' }}</p>
            @endif

            <div class="row g-4">
                @forelse ($records as $record)
                    @php
                        $titleText = $localized($record, 'title');
                        $excerpt = $localized($record, 'summary') ?: strip_tags((string) $localized($record, 'content'));
                        $detailUrl = route('frontend-v3.newsletters.show', $record->slug);
                    @endphp
                    <div class="col-12 col-md-6 col-xl-4">
                        <article class="v3-card">
                            <img class="v3-card-image" src="{{ $imageUrl($record->image) }}" alt="{{ $titleText }}" loading="lazy">
                            <div class="v3-card-body">
                                <p class="small fw-bold text-uppercase v3-muted mb-2">{{ $record->issue_date?->format('F Y') ?: 'Newsletter' }}</p>
                                <h2 class="v3-card-title">{{ $titleText }}</h2>
                                @if (filled($excerpt))
                                    <p class="v3-muted">{{ str($excerpt)->limit(130) }}</p>
                                @endif
                                <div class="newsletter-card-actions">
                                    @if ($record->pdfFile)
                                        <a class="btn v3-btn px-3" href="{{ $imageUrl($record->pdfFile) }}" target="_blank" rel="noopener">Download PDF</a>
                                    @endif
                                    <a class="v3-link" href="{{ $detailUrl }}">Read Issue</a>
                                </div>
                            </div>
                        </article>
                    </div>
                @empty
                    <div class="col-12">
                        <div class="v3-empty">
                            @if ($hasFilters)
                                No newsletters match your filters. <a class="v3-link" href="{{ route('frontend-v3.newsletters.index') }}">Show all newsletters</a>
                            @else
                                No newsletters have been published yet.
                            @endif
                        </div>
                    </div>
                @endforelse
            </div>

            <div class="mt-5">
                {{ $records->links() }}
            </div>
        </div>
    </section>
@endsection