@extends('layouts.app')

@section('title', 'Atur Pagu Anggaran')

@section('content')
<style>
    .budget-year-field {
        width: 9rem;
        min-width: 9rem;
        flex: 0 0 9rem;
    }

    .budget-year-field > div {
        width: 100%;
    }
</style>
<div class="pkbm-master-page mx-auto max-w-7xl space-y-5">
    <header class="pkbm-dashboard__heading">
        <div>
            <p class="pkbm-dashboard__breadcrumb"><span>Manajemen SPJ</span><i class="bi bi-chevron-right" aria-hidden="true"></i>Atur Pagu Anggaran</p>
            <h1 class="pkbm-dashboard__title">Atur Pagu Anggaran</h1>
            <p class="pkbm-dashboard__subtitle">Kelola pagu anggaran dan tim penandatangan berdasarkan tahun anggaran.</p>
        </div>
    </header>
    @include('pkbm.spj.partials.navigation', ['menus' => $menus])
    @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">Periksa data tim dan pagu anggaran.</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">
        <div class="sp-card-header flex flex-wrap items-end justify-between gap-3">
            <div><h2 class="sp-section-title">Tim dan pagu anggaran</h2><p class="mt-1 text-xs text-slate-500">Simpan konfigurasi tersendiri untuk setiap tahun anggaran.</p></div>
            <form method="GET" action="{{ route('pkbm.spj.budget') }}" class="flex items-end gap-2">
                <label for="budget-year-select" class="sp-form-label budget-year-field mb-0">Pilih tahun<select id="budget-year-select" name="tahun_anggaran" class="sp-form-control mt-1 px-3 py-2 text-sm" onchange="this.form.submit()">
                    @foreach (range((int) now()->format('Y'), max(2000, (int) now()->format('Y') - 5)) as $optionYear)
                        <option value="{{ $optionYear }}" @selected((int) $year === $optionYear)>{{ $optionYear }}</option>
                    @endforeach
                    @if (! in_array((int) $year, range((int) now()->format('Y'), max(2000, (int) now()->format('Y') - 5)), true))
                        <option value="{{ $year }}" selected>{{ $year }}</option>
                    @endif
                </select></label>
            </form>
        </div>
        <form method="POST" action="{{ route('pkbm.spj.budget.save') }}" class="grid gap-4 p-4 md:grid-cols-2 xl:grid-cols-3">
            @csrf
            <div><label for="team-tahun-anggaran" class="sp-form-label">Tahun anggaran</label><input id="team-tahun-anggaran" name="tahun_anggaran" type="number" min="2000" max="2100" required value="{{ old('tahun_anggaran', $team->tahun_anggaran ?? $year) }}" class="sp-form-control px-3 py-2 text-sm"></div>
            <div><label for="team-pagu" class="sp-form-label">Total pagu (Rp)</label><input id="team-pagu" name="pagu" type="number" min="0" step="1" required value="{{ old('pagu', $team->pagu ?? 0) }}" class="sp-form-control px-3 py-2 text-sm"></div>
            @foreach (['penanggungjawab' => 'Penanggung jawab', 'ketua' => 'Ketua tim', 'sekertaris' => 'Sekretaris', 'bendahara' => 'Bendahara'] as $field => $label)
                <div><label for="team-{{ $field }}" class="sp-form-label">{{ $label }}</label><input id="team-{{ $field }}" name="{{ $field }}" type="text" maxlength="100" value="{{ old($field, $team->{$field} ?? '') }}" class="sp-form-control px-3 py-2 text-sm"></div>
            @endforeach
            <div class="md:col-span-2 xl:col-span-3"><label for="team-anggota" class="sp-form-label">Anggota tim (pisahkan dengan koma)</label><textarea id="team-anggota" name="anggota" rows="2" maxlength="2000" class="sp-form-control px-3 py-2 text-sm">{{ old('anggota', $team->anggota ?? '') }}</textarea></div>
            <div class="md:col-span-2 xl:col-span-3"><button type="submit" class="sp-btn-primary"><i class="bi bi-save" aria-hidden="true"></i>Simpan tim dan pagu</button></div>
        </form>
    </section>

    <section class="sp-card overflow-hidden">
        <div class="sp-card-header"><h2 class="sp-section-title">Riwayat Pagu Anggaran</h2><p class="mt-1 text-xs text-slate-500">Riwayat konfigurasi tim dan pagu yang sudah tersimpan per tahun.</p></div>
        <div class="overflow-x-auto">
            <table class="sp-table min-w-[54rem]">
                <thead><tr><th class="w-14 text-center">No.</th><th>Tahun anggaran</th><th class="text-right">Pagu anggaran</th><th>Ketua tim</th><th>Bendahara</th><th class="text-center">Terakhir diperbarui</th><th class="text-right">Aksi</th></tr></thead>
                <tbody>
                    @forelse ($history as $item)
                        <tr>
                            <td class="text-center">{{ $history->firstItem() + $loop->index }}</td>
                            <td class="font-semibold">{{ $item->tahun_anggaran ?: '—' }}</td>
                            <td class="text-right font-semibold">Rp {{ number_format((int) $item->pagu, 0, ',', '.') }}</td>
                            <td>{{ $item->ketua ?: '—' }}</td>
                            <td>{{ $item->bendahara ?: '—' }}</td>
                            <td class="text-center">{{ $item->updated_at ? \Carbon\Carbon::parse($item->updated_at)->format('d/m/Y H:i') : '—' }}</td>
                            <td class="text-right"><a href="{{ route('pkbm.spj.budget', ['tahun_anggaran' => $item->tahun_anggaran]) }}" class="sp-btn-secondary px-3 py-1.5"><i class="bi bi-pencil" aria-hidden="true"></i>Ubah</a></td>
                        </tr>
                    @empty
                        <tr><td colspan="7" class="py-8 text-center text-sm text-slate-500">Belum ada riwayat pagu anggaran.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if ($history->hasPages())<div class="p-4">{{ $history->links() }}</div>@endif
    </section>
</div>
@endsection