@extends('layouts.admin')
@section('title', 'Hari Libur')
@section('page-title', 'Hari Libur')
@section('page-actions')
    <x-button href="{{ route('admin.hari-libur.create') }}" variant="secondary">Tambah Hari Libur</x-button>
    
    <!-- Tombol sinkron libur nasional -->
    <form method="POST" action="{{ route('admin.hari-libur.sync-nasional') }}" class="inline-block">
        @csrf
        <input type="hidden" name="tahun" value="{{ now()->year }}">
        <x-button type="submit" variant="ghost">Sinkron Libur Nasional {{ now()->year }}</x-button>
    </form>
@endsection
@section('admin-content')
<x-table title="Daftar Hari Libur" subtitle="Hari libur disimpan dalam file JSON (tanpa tabel baru).">
    <table class="min-w-full divide-y divide-slate-200">
        <thead class="bg-slate-50">
            <tr>
                <th class="px-5 py-3 text-left text-xs font-bold uppercase tracking-wide text-slate-500">Tanggal Mulai</th>
                <th class="px-5 py-3 text-left text-xs font-bold uppercase tracking-wide text-slate-500">Tanggal Selesai</th>
                <th class="px-5 py-3 text-left text-xs font-bold uppercase tracking-wide text-slate-500">Keterangan</th>
                <th class="px-5 py-3 text-left text-xs font-bold uppercase tracking-wide text-slate-500">Aksi</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-slate-200">
            @foreach($liburan as $l)
            <tr class="hover:bg-slate-50/70">
                <td class="px-5 py-3 text-sm font-semibold text-slate-900">{{ \Carbon\Carbon::parse($l['tanggal_mulai'])->format('d/m/Y') }}</td>
                <td class="px-5 py-3 text-sm text-slate-800">{{ \Carbon\Carbon::parse($l['tanggal_selesai'])->format('d/m/Y') }}</td>
                <td class="px-5 py-3 text-sm text-slate-600">{{ $l['keterangan'] ?? '-' }}</td>
                <td class="px-5 py-3 text-sm space-x-3">
                    <a href="{{ route('admin.hari-libur.edit', $l['id']) }}" class="font-semibold text-sky-700 hover:text-sky-900">Edit</a>
                    <form action="{{ route('admin.hari-libur.destroy', $l['id']) }}" method="POST" class="inline" onsubmit="return confirm('Hapus?')">@csrf @method('DELETE')<button type="submit" class="font-semibold text-rose-700 hover:text-rose-900">Hapus</button></form>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</x-table>
@endsection