{% extends 'base.html' %}
{% load i18n %}
{% block title %}{% trans "Delete Car" %}{% endblock %}
{% block content %}
    <main class="d-flex align-items-center justify-content-center min-vh-50 py-5">
        <div class="col-md-6 ">
            <div class="card shadow-lg border-0 rounded-4 overflow-hidden animate__animated animate__fadeInUp">
                <div class="card-body p-4 p-md-5 text-center bg-gradient">
                    <div class="mb-4">
                        <i class="fa-solid fa-triangle-exclamation text-danger"
                           style="font-size: 2rem"></i>
                    </div>
                    <h1 class="card-title  fw-bold mb-3 fs-4">{% trans 'Confirm Deletion' %}</h1>
                    <p class="fs-7  mb-4">{% trans "Are you absolutely sure you want to delete the car" %}</p>
                    <p class="fs-6  mb-4">
                        "<strong class="">{{ car }}</strong>"?
                    </p>
                    <p class="fs-7  mb-4">{% trans "This action is permanent and cannot be undone." %}</p>
                    <form method="post"
                          class="d-grid gap-3 d-sm-flex justify-content-sm-center">
                        {% csrf_token %}
                        <button type="submit" class="btn btn-phoenix-danger btn-lg px-5">
                            <i class="fa-solid fa-trash-can me-2"></i>{% trans 'Confirm Delete' %}
                        </button>
                        <a href="{% url 'car_list' request.dealer.slug %}"
                           class="btn btn-phoenix-secondary btn-lg px-5">
                            <i class="fa-solid fa-ban me-2"></i>{% trans 'Cancel' %}
                        </a>
                    </form>
                </div>
            </div>
        </div>
    </main>
{% endblock %}