<div class="modal fade" id="tambahModal" tabindex="-1" aria-labelledby="tambahModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="tambahModalLabel">BERIKAN TANGGAPAN</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('riwayat.store') }}" enctype="multipart/form-data">
                    @csrf

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

                    <div class="max-w-xl mb-3">
                        <x-input-label for="id_pengaduan_bk" value="DATA PENGADU" />
                        <x-select-input id="id_pengaduan_bk" name="id_pengaduan_bk" class="mt-1 block w-full" required>
                            <option value="">Pilih Data</option>
                            @foreach (App\Models\Pengaduan::all() as $data)
                                <option value="{{ $data->id_pengaduan_bk }}">{{ $data->judul_pengaduan }} -
                                    {{ $data->user->name }}</option>
                            @endforeach
                        </x-select-input>
                        <x-input-error class="mt-2" :messages="$errors->get('id_pengaduan_bk')" />
                    </div>

                    <div class="mb-3">
                        <x-input-label for="tindakan_bk" value="TINDAKAN BK" />
                        <textarea id="tindakan_bk" rows="4" type="text" name="tindakan_bk" class="mt-1 block w-full rounded-md"
                            value="{{ old('tindakan_bk') }}" required></textarea>
                        <x-input-error class="mt-2" :messages="$errors->get('tindakan_bk')" />
                    </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>
