@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-bullhorn mr-2 text-teal-600"></i>Tracking Pengaduan</h2><p class="mt-2 text-slate-500">Hanya data pengaduan milik akun Anda yang ditampilkan.</p></section>
<div class="grid gap-4">
@forelse($complaints as $complaint)
    <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">{{ $complaint->subject }} <span class="badge ml-2">{{ $complaint->statusLabel() }}</span></p><p class="mt-1 text-sm text-slate-500">Kode: {{ $complaint->tracking_code }} • {{ $complaint->created_at->format('d/m/Y H:i') }}</p><p class="mt-2 text-slate-600">{{ $complaint->admin_note ?: 'Belum ada tindak lanjut.' }}</p></div><a class="btn-soft" href="{{ route('complaints.show',$complaint) }}">Detail</a></div></div>
@empty <div class="card p-8 text-center text-slate-500">Belum ada pengaduan.</div>@endforelse
</div>
<div class="mt-5">{{ $complaints->links() }}</div>
@endsection