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

                        <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 $item)
                                    <option value="{{ $item->id_pengaduan_bk }}"
                                        {{ old('id_pengaduan_bk', $data->id_pengaduan_bk ?? '') == $item->id_pengaduan_bk ? 'selected' : '' }}>
                                        {{ $item->judul_pengaduan }} - {{ $item->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>{{ old('tindakan_bk', $data->tindakan_bk) }}</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>
@endforeach