<div class="modal fade" id="tambahModal" tabindex="-1" aria-labelledby="tambahModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="tambahModalLabel">TAMBAH DATA</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">

                <form method="post" action="{{ route('jadwalbk.store') }}" enctype="multipart/form-data"
                    class="mt-6 space-y-6">
                    @csrf

                    <div class="max-w-xl">
                        <x-input-label for="id_guru" value="NAMA GURU BK" />
                        <x-select-input id="id_guru" name="id_guru" class="mt-1 block w-full" required>
                            <option value="">Pilih Guru BK</option>
                            @foreach (\App\Models\Guru::where('jabatan', 'Guru BK')->get() as $gurubk)
                                <option value="{{ $gurubk->id_guru }}">{{ $gurubk->nama_guru }}</option>
                            @endforeach
                        </x-select-input>
                    </div>
                    <div class="max-w-xl">
                        <x-input-label for="hari_mulai" value="HARI PERTAMA" />
                        <x-select-input id="hari_mulai" name="hari_mulai" class="mt-1 block w-full" required>
                            <option value="">Pilih Hari</option>
                            <option value="Senin" {{ old('hari_mulai') === 'Senin' ? 'selected' : '' }}>Senin</option>
                            <option value="Selasa" {{ old('hari_mulai') === 'Selasa' ? 'selected' : '' }}>Selasa
                            </option>
                            <option value="Rabu" {{ old('hari_mulai') === 'Rabu' ? 'selected' : '' }}>Rabu</option>
                            <option value="Kamis" {{ old('hari_mulai') === 'Kamis' ? 'selected' : '' }}>Kamis</option>
                            <option value="Jumat" {{ old('hari_mulai') === 'Jumat' ? 'selected' : '' }}>Jumat</option>
                        </x-select-input>
                        <x-input-error class="mt-2" :messages="$errors->get('hari_mulai')" />
                    </div>
                    <div class="max-w-xl">
                        <x-input-label for="hari_selesai" value="HARI KEDUA" />
                        <x-select-input id="hari_selesai" name="hari_selesai" class="mt-1 block w-full" required>
                            <option value="">Pilih Hari</option>
                            <option value="Senin" {{ old('hari_selesai') === 'Senin' ? 'selected' : '' }}>Senin
                            </option>
                            <option value="Selasa" {{ old('hari_selesai') === 'Selasa' ? 'selected' : '' }}>Selasa
                            </option>
                            <option value="Rabu" {{ old('hari_selesai') === 'Rabu' ? 'selected' : '' }}>Rabu</option>
                            <option value="Kamis" {{ old('hari_selesai') === 'Kamis' ? 'selected' : '' }}>Kamis
                            </option>
                            <option value="Jumat" {{ old('hari_selesai') === 'Jumat' ? 'selected' : '' }}>Jumat
                            </option>
                        </x-select-input>
                    </div>
                    <div class="max-w-xl">
                        <x-input-label for="jam" value="JAM" />
                        <x-text-input id="jam" type="time" name="jam" class="mt-1 block w-full"
                            value="{{ old('jam') }}" required />
                        <x-input-error class="mt-2" :messages="$errors->get('jam')" />
                    </div>
                    <div class="modal-footer">
                        <x-secondary-button tag="a" data-bs-dismiss="modal">Batal</x-secondary-button>
                        <x-primary-button name="save" value="true">Simpan</x-primary-button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
