{% extends "pos/base.html" %}
{% block title %}Remove Spec A Assignment{% endblock %}
{% block heading %}Remove Spec A Assignment{% endblock %}

{% block content %}
<div class="d-flex mb-3">
    <a class="btn btn-secondary font-weight-bold" href="{% url 'authentication:sub_tenant_spec_a_list' %}">
        <i class="fas fa-arrow-left"></i> Back to List
    </a>
</div>

<div class="card">
    <div class="card-header bg-danger text-white">
        <strong><i class="fas fa-exclamation-triangle"></i> Confirm Removal</strong>
    </div>
    <div class="card-body">
        <div class="alert alert-warning">
            <h5><i class="fas fa-unlink"></i> Are you sure you want to remove this assignment?</h5>
            <hr>
            <p class="mb-1">
                <strong>Sub-Tenant:</strong> {{ assignment.sub_tenant.name }}
            </p>
            <p class="mb-1">
                <strong>Spec A:</strong> {{ assignment.spec_a.name }}
                {% if assignment.is_primary %}
                    <span class="badge badge-success">Primary</span>
                {% endif %}
            </p>
            <p class="mb-0">
                <strong>Created:</strong> {{ assignment.created_at|date:"d-M-Y H:i" }}
            </p>
        </div>
        
        <form method="post">
            {% csrf_token %}
            <button type="submit" class="btn btn-danger font-weight-bold mr-2">
                <i class="fas fa-trash"></i> Yes, Remove Assignment
            </button>
            <a href="{% url 'authentication:sub_tenant_spec_a_list' %}" class="btn btn-outline-secondary">
                <i class="fas fa-times"></i> Cancel
            </a>
        </form>
    </div>
</div>
{% endblock %}