Confirm Delete


<div class="container my-5">
    <div class="col-md-6 mx-auto">
        <div class="card shadow-lg">
            <div class="card-body text-center bg-light p-4">
                <!-- Warning Icon -->
                <div class="text-danger fs-1 mb-3">⚠️</div>
                
                <h2 class="text-danger fw-bold">Confirm Delete</h2>
                <p class="fs-5">Are you sure you want to delete the disease <strong>African Horse Sickness</strong>?</p>
                <p class="text-muted">This action cannot be undone.</p>

                <form method="POST" class="mt-4">
                    <input type="hidden" name="csrfmiddlewaretoken" value="qjDdr34zAh5oEByh9Cky4QH4YazpMgYFlSKYpxBzyhk65GvtKWlfYOqoH0ypCMcH">
                    
                    <!-- Buttons -->
                    <div class="d-flex justify-content-between">
                        <a href="/disease/list/" class="btn btn-secondary px-4">❌ Cancel</a>
                        <button type="submit" class="btn btn-danger px-4">🗑️ Yes, Delete</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- Bootstrap 5 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">