@extends('layouts.app')

@section('title', 'Register Surat')

@section('content')
<div class="pkbm-master-page surat-management-page mx-auto max-w-7xl space-y-5">
    <header class="pkbm-dashboard__heading">
        <div>
            <p class="pkbm-dashboard__breadcrumb"><span>Administrasi</span><i class="bi bi-chevron-right" aria-hidden="true"></i>Manajemen Surat</p>
            <h1 class="pkbm-dashboard__title">Register Surat</h1>
            <p class="pkbm-dashboard__subtitle">Register terpusat untuk draft, pemeriksaan, penerbitan, dan pembatalan surat lembaga.</p>
        </div>
        @if ($canManage)
            <a href="{{ route('pkbm.surat.create') }}" class="sp-btn-primary shrink-0"><i class="bi bi-plus-circle" aria-hidden="true"></i>Buat surat</a>
        @endif
    </header>

    @if (session('status'))
        <div role="status" class="settings-notice settings-notice--success"><i class="bi bi-check-circle-fill" aria-hidden="true"></i><span>{{ session('status') }}</span></div>
    @endif
    @if ($errors->any())
        <div role="alert" class="settings-notice settings-notice--error"><i class="bi bi-exclamation-circle-fill" aria-hidden="true"></i><div><p class="font-semibold">Permintaan belum dapat diproses.</p><ul class="mt-1 list-inside list-disc">@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div></div>
    @endif

    <section class="sp-card overflow-hidden">
        <div class="sp-card-header flex flex-col gap-3 md:flex-row md:items-end md:justify-between">
            <div class="shrink-0">
                <h2 class="sp-section-title">Daftar surat</h2>
                <p class="mt-1 text-xs text-slate-500">
                    @if ($letters->total())
                        Menampilkan {{ $letters->firstItem() }}–{{ $letters->lastItem() }} dari {{ $letters->total() }} surat
                    @else
                        0 surat ditampilkan
                    @endif
                </p>
            </div>
            <form method="GET" action="{{ route('pkbm.surat.index') }}" class="grid w-full gap-2 sm:grid-cols-2 md:max-w-lg md:grid-cols-2">
                <input type="hidden" name="q" value="{{ $filters['q'] ?? '' }}">
                <label class="text-xs font-semibold text-slate-600">Jenis surat
                    <select name="jenis" class="sp-form-control mt-1 w-full px-3 py-2 text-sm" onchange="this.form.requestSubmit()">
                        <option value="">Semua jenis</option>
                        @foreach ($types as $type)
                            <option value="{{ $type->slug }}" @selected(($filters['jenis'] ?? '') === $type->slug)>{{ $type->nama }}</option>
                        @endforeach
                    </select>
                </label>
                <label class="text-xs font-semibold text-slate-600">Status
                    <select name="status" class="sp-form-control mt-1 w-full px-3 py-2 text-sm" onchange="this.form.requestSubmit()">
                        <option value="">Semua status</option>
                        @foreach (['draft' => 'Draft', 'review' => 'Menunggu pemeriksaan', 'terbit' => 'Terbit', 'batal' => 'Dibatalkan'] as $value => $label)
                            <option value="{{ $value }}" @selected(($filters['status'] ?? '') === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                </label>
            </form>
        </div>

        <form method="GET" action="{{ route('pkbm.surat.index') }}" class="flex flex-col gap-2 border-b border-slate-100 p-4 sm:flex-row sm:items-end">
            <input type="hidden" name="jenis" value="{{ $filters['jenis'] ?? '' }}">
            <input type="hidden" name="status" value="{{ $filters['status'] ?? '' }}">
            <label for="letter-search" class="sp-form-label mb-0 w-full sm:w-[26rem] sm:flex-none">Cari surat
                <input id="letter-search" type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Nomor, perihal, nama penerima, atau NIS" class="sp-form-control mt-1 w-full px-3 py-2 text-sm">
            </label>
            <button type="submit" class="sp-btn-secondary justify-center"><i class="bi bi-search" aria-hidden="true"></i>Cari</button>
        </form>

        <div class="overflow-x-auto">
            <table class="sp-table min-w-[68rem]">
                <thead><tr><th scope="col">Nomor / tanggal</th><th scope="col">Jenis / perihal</th><th scope="col">Penerima</th><th scope="col">Status</th><th scope="col" class="text-right">Aksi</th></tr></thead>
                <tbody>
                    @forelse ($letters as $letter)
                        <tr>
                            <td class="whitespace-nowrap">
                                <span class="font-semibold text-slate-800">{{ $letter->nomor_surat ?? 'Belum bernomor' }}</span><br>
                                <span class="text-xs text-slate-500">{{ \Carbon\CarbonImmutable::parse($letter->tanggal_surat)->locale('id')->translatedFormat('d M Y') }}</span>
                            </td>
                            <td>
                                <span class="font-semibold text-slate-700">{{ $letter->jenis_nama }}</span><br>
                                <span class="text-sm">{{ $letter->perihal }}</span>
                                @if ($letter->catatan_pemeriksaan)
                                    <p class="mt-1 max-w-md text-xs text-rose-700">Catatan: {{ $letter->catatan_pemeriksaan }}</p>
                                @endif
                                @if ($letter->alasan_pembatalan)
                                    <p class="mt-1 max-w-md text-xs text-rose-700">Alasan pembatalan: {{ $letter->alasan_pembatalan }}</p>
                                @endif
                            </td>
                            <td>{{ $letter->nama_penerima }}@if ($letter->nis)<br><span class="text-xs text-slate-500">NIS {{ $letter->nis }}</span>@endif</td>
                            <td>
                                @php($statusClasses = ['draft' => 'bg-slate-100 text-slate-700', 'review' => 'bg-amber-100 text-amber-800', 'terbit' => 'bg-emerald-100 text-emerald-800', 'batal' => 'bg-rose-100 text-rose-800'])
                                <span @class(['inline-flex rounded-full px-2.5 py-1 text-xs font-semibold', $statusClasses[$letter->status] ?? 'bg-slate-100 text-slate-700'])>
                                    {{ ['draft' => 'Draft', 'review' => 'Menunggu pemeriksaan', 'terbit' => 'Terbit', 'batal' => 'Dibatalkan'][$letter->status] ?? $letter->status }}
                                </span>
                            </td>
                            <td>
                                <div class="flex flex-wrap justify-end gap-2">
                                    @if ($letter->status === 'draft' && $canManage)
                                        <a href="{{ route('pkbm.surat.edit', $letter->id) }}" class="sp-btn-secondary min-h-0 px-3 py-2 text-xs"><i class="bi bi-pencil-square" aria-hidden="true"></i>Edit</a>
                                        <form method="POST" action="{{ route('pkbm.surat.submit', $letter->id) }}" onsubmit="return confirm('Kirim surat ini ke Sekretaris untuk diperiksa?')">
                                            @csrf
                                            <button class="sp-btn-primary min-h-0 px-3 py-2 text-xs"><i class="bi bi-send" aria-hidden="true"></i>Ajukan</button>
                                        </form>
                                    @elseif ($letter->status === 'review' && $canReview)
                                        <form method="POST" action="{{ route('pkbm.surat.publish', $letter->id) }}" onsubmit="return confirm('Terbitkan surat ini? Nomor surat akan dialokasikan dan tidak dapat digunakan ulang.')">
                                            @csrf
                                            <button class="sp-btn-primary min-h-0 px-3 py-2 text-xs"><i class="bi bi-patch-check" aria-hidden="true"></i>Terbitkan</button>
                                        </form>
                                        <form method="POST" action="{{ route('pkbm.surat.reject', $letter->id) }}" class="flex gap-1">
                                            @csrf
                                            <input name="catatan_pemeriksaan" required maxlength="2000" placeholder="Catatan perbaikan" aria-label="Catatan perbaikan" class="sp-form-control w-36 px-2 py-1.5 text-xs">
                                            <button class="sp-btn-secondary min-h-0 px-2 py-1.5 text-xs">Kembalikan</button>
                                        </form>
                                    @endif
                                    @if (in_array($letter->status, ['terbit', 'batal'], true))
                                        <a href="{{ route('pkbm.surat.print', $letter->id) }}" target="_blank" rel="noopener" class="sp-btn-secondary min-h-0 px-3 py-2 text-xs"><i class="bi bi-printer" aria-hidden="true"></i>Cetak</a>
                                    @endif
                                    @if ($letter->status === 'terbit' && $canManage)
                                        <form method="POST" action="{{ route('pkbm.surat.cancel', $letter->id) }}" class="flex gap-1" onsubmit="return confirm('Batalkan surat ini? Nomornya akan tetap tersimpan di register.')">
                                            @csrf
                                            <input name="alasan_pembatalan" required maxlength="2000" placeholder="Alasan batal" aria-label="Alasan pembatalan surat" class="sp-form-control w-28 px-2 py-1.5 text-xs">
                                            <button class="sp-btn-danger min-h-0 px-3 py-2 text-xs"><i class="bi bi-x-circle" aria-hidden="true"></i>Batalkan</button>
                                        </form>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="px-4 py-12 text-center text-sm text-slate-500">Belum ada surat yang sesuai. Buat surat baru untuk memulai register.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="p-4">{{ $letters->links() }}</div>
    </section>
</div>
@endsection