{{-- Delete DU/DI Modal --}}
<div class="modal fade" id="deleteDudiModal" tabindex="-1" aria-labelledby="deleteDudiModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form id="deleteDudiForm" method="POST">
                @csrf
                @method('DELETE')
                <div class="modal-header bg-danger text-white">
                    <h5 class="modal-title" id="deleteDudiModalLabel">
                        <i class="fas fa-exclamation-triangle me-2"></i>Konfirmasi Hapus
                    </h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="text-center">
                        <div class="mb-3">
                            <i class="fas fa-trash-alt fa-3x text-danger mb-3"></i>
                        </div>
                        <h6>Apakah Anda yakin ingin menghapus DU/DI:</h6>
                        <div class="alert alert-warning mt-3">
                            <strong id="deleteDudiName"></strong>
                        </div>
                        
                        <div class="alert alert-warning" id="deleteWarning" style="display: none;">
                            <i class="fas fa-info-circle me-2"></i>
                            <strong>Peringatan:</strong> DU/DI ini masih memiliki <span id="siswaCount" class="fw-bold"></span> siswa dan tidak dapat dihapus.
                            <br><small class="text-muted">Silahkan hapus atau pindahkan semua siswa terlebih dahulu.</small>
                        </div>
                        
                        <div class="alert alert-info" id="deleteInfo" style="display: block;">
                            <i class="fas fa-info-circle me-2"></i>
                            <small>Data yang sudah dihapus tidak dapat dikembalikan. Pastikan Anda yakin dengan tindakan ini.</small>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                        <i class="fas fa-times me-1"></i>Batal
                    </button>
                    <button type="submit" class="btn btn-danger" id="confirmDeleteBtn">
                        <i class="fas fa-trash me-1"></i>Hapus DU/DI
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>