{% extends "base.html" %}
{% load static i18n %}

{% block title %}{% trans "Confirm Delete" %} - {{ block.super }}{% endblock %}

{% block content %}
<div class="container my-5">
    <div class="row justify-content-center">
        <div class="col-lg-8 col-xl-6">
            <div class="card border-danger shadow-lg">
                <div class="card-header bg-danger text-white">
                    <h2 class="h4 mb-0 d-flex align-items-center">
                        <svg class="heroicon me-2" viewBox="0 0 24 24" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M10 11V17"></path>
                            <path d="M14 11V17"></path>
                            <path d="M4 7H20"></path>
                            <path d="M6 7H18V19C18 19.5304 17.7893 20.0391 17.4142 20.4142C17.0391 20.7893 16.5304 21 16 21H8C7.46957 21 6.96086 20.7893 6.58579 20.4142C6.21071 20.0391 6 19.5304 6 19V7Z"></path>
                            <path d="M9 7V4C9 3.46957 9.21071 2.96086 9.58579 2.58579C9.96086 2.21071 10.4696 2 11 2H13C13.5304 2 14.0391 2.21071 14.4142 2.58579C14.7893 2.96086 15 3.46957 15 4V7"></path>
                        </svg>
                        {% trans "Confirm Deletion" %}
                    </h2>
                </div>
                <div class="card-body">
                    <p class="lead text-danger fw-bold">
                        {% trans "You are about to permanently delete the following Application." %}
                    </p>

                    <p>
                        {% blocktrans with candidate_name=object.candidate.full_name job_title=object.job.title %}
                        **Are you absolutely sure** you want to delete the application submitted by **{{ object}}** ?
                        {% endblocktrans %}
                    </p>

                    <blockquote class="blockquote border-start border-danger border-4 ps-3 py-2 bg-light rounded-end">
                        <h5 class="mb-1 text-dark">{% trans "Application Details" %}</h5>
                        {% if object.candidate %}
                            <p class="mb-0"><strong>{% trans "Candidate:" %}</strong> {{ object.candidate.full_name }}</p>
                        {% endif %}
                        {% if object.job %}
                            <p class="mb-0"><strong>{% trans "Job Title:" %}</strong> {{ object.job.title }}</p>
                        {% endif %}
                        <p class="mb-0"><strong>{% trans "Applied On:" %}</strong> {{ object.created_at|date:"M d, Y \a\t P" }}</p>
                    </blockquote>

                    <p class="mt-4 text-muted">
                        {% trans "This action is **irreversible** and all associated data will be lost." %}
                    </p>
                    
                </div>
                <div class="card-footer d-flex justify-content-between align-items-center">
                    <a href="{% url 'application_list' %}" class="btn btn-secondary">
                        {% trans "Cancel" %}
                    </a>
                    <form method="post">
                        {% csrf_token %}
                        <button type="submit" class="btn btn-danger d-flex align-items-center">
                            <svg class="heroicon me-1" viewBox="0 0 24 24" width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                <path d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path>
                            </svg>
                            {% trans "Yes, Permanently Delete" %}
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}