<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('pelanggaran.store') }}" enctype="multipart/form-data"
                    class="mt-6 space-y-6">
                    @csrf

                    <div class="max-w-xl">
                        @php
                            use App\Models\Guru;
                            $guru = Guru::where('jabatan', 'LIKE', '%Wali Kelas%')->get();
                        @endphp

                        <x-input-label for="id_guru" value="NAMA WALI KELAS" />
                        <select id="id_guru" name="id_guru" class="block rounded-lg w-full" required>
                            <option value="">Pilih Wali Kelas</option>
                            @foreach ($guru as $item)
                                <option value="{{ $item->id_guru }}">{{ $item->nama_guru }}</option>
                            @endforeach
                        </select>
                    </div>

                    @php
                        use App\Models\Siswa;
                        $siswas = Siswa::all();
                    @endphp
                    <x-input-label for="id_siswa" value="NAMA SISWA" />
                    <select id="id_siswa" name="id_siswa" class="mt-1 block w-full rounded-md" required>
                        <option value="">Pilih Siswa</option>
                        @foreach ($siswas as $siswa)
                            <option value="{{ $siswa->id_siswa }}">{{ $siswa->nama_siswa }}</option>
                        @endforeach
                    </select>

                    <div class="max-w-xl">
                        <x-input-label for="tanggal" value="TANGGAL" />
                        <x-text-input id="tanggal" type="date" name="tanggal" class="mt-1 block w-full"
                            value="{{ old('tanggal') }}" required />
                        <x-input-error class="mt-2" :messages="$errors->get('tanggal')" />
                    </div>

                    @php
                        use App\Models\PointPelanggaran;
                        $points = PointPelanggaran::all();
                    @endphp

                    <div class="max-w-xl">
                        <x-input-label for="id_point_pelanggaran" value="Jenis Pelanggaran" />
                        <select id="id_point_pelanggaran" name="id_point_pelanggaran"
                            class="mt-1 block w-full rounded-md" required>
                            <option value="">Pilih Jenis Pelanggaran</option>
                            @foreach ($points as $point)
                                <option value="{{ $point->id_point_pelanggaran }}">
                                    {{ $point->jenis_pelanggaran }} - {{ $point->point }} poin
                                </option>
                            @endforeach
                        </select>
                        <x-input-error class="mt-2" :messages="$errors->get('id_point_pelanggaran')" />
                    </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>
