@extends('layouts.admin')
@section('title','Tahun Rekapan')
@section('page-title','Tahun Rekapan')
@section('content')
<div class="page-header">
    <div class="page-header-left">
        <div class="breadcrumb"><a href="{{ route('admin.dashboard') }}">Dashboard</a><span class="breadcrumb-sep">›</span><span>Tahun Rekapan</span></div>
        <h1 class="page-header-title">Tahun Rekapan</h1>
    </div>
    <div class="page-header-actions">
        <a href="{{ route('admin.tahun-rekapans.create') }}" class="btn btn-primary">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" /></svg>
            Tambah Tahun
        </a>
    </div>
</div>
<div class="card" style="max-width:560px;">
    <div class="table-wrapper" style="border:none;">
        <table>
            <thead><tr><th>#</th><th>Tahun</th><th>Status</th><th>Aksi</th></tr></thead>
            <tbody>
                @forelse($tahunRekapans as $t)
                <tr>
                    <td class="text-muted">{{ $loop->iteration }}</td>
                    <td class="fw-bold">{{ $t->tahun }}</td>
                    <td>
                        @if($t->aktif)
                        <span class="badge badge-success">Aktif</span>
                        @else
                        <span class="badge badge-gray">Tidak Aktif</span>
                        @endif
                    </td>
                    <td>
                        <div class="td-actions">
                            <a href="{{ route('admin.tahun-rekapans.edit', $t) }}" class="btn btn-outline btn-sm">Edit</a>
                            <form method="POST" action="{{ route('admin.tahun-rekapans.destroy', $t) }}" onsubmit="return confirm('Hapus tahun rekapan ini?')">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm">Hapus</button>
                            </form>
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="4"><div class="empty-state"><div class="empty-state-icon">📅</div><div class="empty-state-title">Belum ada tahun rekapan</div></div></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection