@extends('layouts.app')
@section('content')
<section class="mb-6 card p-6"><h2 class="text-3xl font-black text-slate-950"><i class="fa-solid fa-file-signature mr-2 text-teal-600"></i>Tracking Permohonan Surat</h2><p class="mt-2 text-slate-500">Hanya data surat milik akun Anda yang ditampilkan.</p></section>
<div class="grid gap-4">
@forelse($letters as $letter)
    <div class="card p-5"><div class="flex flex-col gap-3 md:flex-row md:items-center md:justify-between"><div><p class="font-black text-slate-950">{{ $letter->letter_type }} <span class="badge ml-2">{{ $letter->statusLabel() }}</span></p><p class="mt-1 text-sm text-slate-500">Kode: {{ $letter->tracking_code }} • {{ $letter->created_at->format('d/m/Y H:i') }}</p><p class="mt-2 text-slate-600">{{ $letter->admin_note ?: 'Belum ada catatan pengurus.' }}</p></div><div class="flex gap-2"><a class="btn-soft" href="{{ route('letters.show',$letter) }}">Detail</a>@if($letter->completed_file)<a class="btn-primary" href="{{ asset('storage/'.$letter->completed_file) }}" target="_blank"><i class="fa-solid fa-download"></i> Download</a>@endif</div></div></div>
@empty <div class="card p-8 text-center text-slate-500">Belum ada permohonan surat.</div>@endforelse
</div>
<div class="mt-5">{{ $letters->links() }}</div>
@endsection