{% extends 'website/layouts/base.html' %}
{% load static %}

{% block title %}Delete Blog Post - CMS Dashboard{% endblock %}

{% block content %}
<!--====== Start Page Hero Section ======-->
<section class="page-hero bg_cover p-r z-1" data-src="{% static 'assets/images/innerpage/bg/page-bg.jpg' %}" style="background-image: url(&quot;{% static 'assets/images/innerpage/bg/page-bg.jpg' %}&quot;);">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <!--=== Page Content ===-->
                <div class="page-content text-center">
                    <h1 class="text-white">Delete Blog Post</h1>
                    <ul class="breadcrumb-nav">
                        <li><a href="{% url 'home' %}">Home</a></li>
                        <li><a href="{% url 'blog_list' %}" class="text-white">/ Blog</a></li>
                        <li class="text-white-50">/ Delete</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!--====== End Page Hero Section ======-->

<!--====== Start Delete Section ======-->
<section class="pt-120 pb-120 bg-light">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8 col-lg-6">
                <div class="card shadow-sm border-0 rounded-3">
                    <div class="card-header bg-danger text-white p-4">
                        <h4 class="mb-0 text-white"><i class="fas fa-exclamation-triangle me-2"></i>Confirm Deletion</h4>
                    </div>
                    <div class="card-body p-5 text-center bg-white">
                        <p class="lead text-dark mb-4">Are you sure you want to delete this blog post?</p>
                        <h3 class="text-danger mb-4">"{{ post.title }}"</h3>
                        <p class="text-muted mb-5">Warning: This action is permanent and cannot be undone.</p>
                        
                        <form method="post" class="d-inline-block w-100">
                            {% csrf_token %}
                            <div class="d-flex justify-content-between align-items-center">
                                <a href="{% url 'blog_detail' post.slug %}" class="btn btn-outline-secondary px-4 py-2">
                                    <i class="fas fa-times me-1"></i> Keep Post
                                </a>
                                <button type="submit" class="btn btn-danger px-4 py-2 fw-bold text-white">
                                    <i class="fas fa-trash-alt me-1"></i> Yes, Delete Permanently
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--====== End Delete Section ======-->
{% endblock %}