@extends('layouts.guru')
@section('title', 'Hari Libur')
@section('page-title', 'Hari Libur')
@section('page-actions')
    <x-button href="{{ route('guru.hari-libur.create') }}" variant="secondary">Tambah Hari Libur</x-button>
@endsection
@section('guru-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">
                    <a href="{{ route('guru.hari-libur.edit', $l['id']) }}" class="font-semibold text-sky-700 hover:text-sky-900">Edit</a>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</x-table>
@endsection