@foreach ($psikolog as $data)
    <div class="modal fade" id="exampleModal_{{ $data->id_psikolog }}" tabindex="-1"
        aria-labelledby="exampleModalLabel_{{ $data->id_psikolog }}" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content modal-lg">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel_{{ $data->id_psikolog }}">Data Penanganan</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('psikolog.update', $data->id_psikolog) }}"
                        enctype="multipart/form-data">
                        @csrf
                        @method('PATCH')

                        <p class="fw-bold mb-3">KELOLA PENANGANAN</p>

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

                        <div class="max-w-xl mb-3">
                            <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 (\App\Models\Siswa::all() as $siswa)
                                    <option value="{{ old('id_siswa', $siswa->id_siswa) }}" selected>
                                        {{ $siswa->nama_siswa }}</option>
                                @endforeach
                            </select>
                            <x-input-error class="mt-2" :messages="$errors->get('id_siswa')" />
                        </div>

                        <div class="mb-3">
                            <x-input-label for="kesimpulan_sementara" value="KESIMPULAN SEMENTARA" />
                            <textarea id="kesimpulan_sementara" rows="3" type="text" name="kesimpulan_sementara"
                                class="mt-1 block w-full rounded-md" required>{{ old('kesimpulan_sementara', $data->kesimpulan_sementara) }}</textarea>
                            <x-input-error class="mt-2" :messages="$errors->get('kesimpulan_sementara')" />
                        </div>

                        <div class="mb-3">
                            <x-input-label for="penanganan" value="PENANGANAN" />
                            <x-text-input id="penanganan" type="text" name="penanganan"
                                class="mt-1 block w-full rounded-md" value="{{ old('penanganan', $data->penanganan) }}"
                                required />
                            <x-input-error class="mt-2" :messages="$errors->get('penanganan')" />
                        </div>

                        <div class="col-12">
                            <x-input-label for="rekomendasi_lanjut"
                                class="form-lable font-bold rounded-md">REKOMENDASI</x-input-label>
                            <x-file-input id="rekomendasi_lanjut" name="rekomendasi_lanjut" type="file"
                                class="form-control-file" />
                            <small>
                                <span class="text-danger">
                                    *Lampirkan surat rekomendasi jika diperlukan. <br>
                                    <strong>Silakan unggah di sini</strong>!
                                </span>
                            </small>
                            <br>
                            @if ($data->rekomendasi_lanjut)
                                <a href="{{ asset('storage/rekomendasi_lanjut/' . $data->rekomendasi_lanjut) }}"
                                    target="_blank" class="text-blue-500 hover:text-black">
                                    <u>Lihat Surat Sebelumnya</u>
                                </a>
                            @endif
                            <x-input-error class="mt-2" :messages="$errors->get('rekomendasi_lanjut')" />
                        </div>

                        <div class="text-end">
                            <button type="submit" class="btn px-4 py-2 border border-dark"
                                style="background-color: rgba(87, 7, 65, 1); color: white;">
                                KIRIM
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endforeach