@foreach ($sp as $data)
    <div class="modal fade" id="hapusModal_{{ $data->id_sp }}" tabindex="-1"
        aria-labelledby="hapusModalLabel_{{ $data->id_sp }}" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title font-bold" id="hapusModalLabel_{{ $data->id_sp }}">HAPUS DATA TINDAK LANJUT SP
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form method="post" action="{{ route('tindak-lanjut.sp.destroy', $data->id_sp) }}"
                        enctype="multipart/form-data" class="mt-6 space-y-6">
                        @csrf
                        @method('delete')
                        <p>Anda yakin ingin menghapus data {{ $data->siswa->nama_siswa }} dari da tindak lanjut SP ?</p>
                        <div class="modal-footer">
                            <x-secondary-button tag="a" data-bs-dismiss="modal">Batal</x-secondary-button>
                            <x-primary-button value="true">Hapus</x-primary-button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endforeach