@extends('layouts.admin')
@section('title', 'Tambah Hari Libur')
@section('page-title', 'Tambah Hari Libur')
@section('admin-content')
<x-card title="Form Hari Libur" subtitle="Bisa berupa rentang tanggal. Otomatis mematikan absensi pada tanggal tersebut.">
<form action="{{ route('admin.hari-libur.store') }}" method="POST" class="grid grid-cols-1 gap-4 md:grid-cols-2">
    @csrf
    <x-input name="tanggal_mulai" label="Tanggal Mulai" type="date" required />
    <x-input name="tanggal_selesai" label="Tanggal Selesai" type="date" required />
    <x-input name="keterangan" label="Keterangan" placeholder="Contoh: Libur Idul Fitri" :value="old('keterangan')" wrapClass="md:col-span-2" required />
    <div class="md:col-span-2 mt-2 flex flex-wrap gap-2">
        <x-button type="submit" variant="secondary">Simpan</x-button>
        <x-button href="{{ route('admin.hari-libur.index') }}" variant="ghost">Batal</x-button>
    </div>
</form>
</x-card>
@endsection