{% extends 'core/base.html' %}
{% block title %}Delete {{ org_to_delete.name }} | Killian{% endblock %}

{% block content %}
<div class="page-head page-head-width-900 page-head-centered">
    <div>
        <h1>Delete Organization</h1>
        <p>This action permanently removes the organization and cascading related data.</p>
    </div>

    <div class="page-head-actions">
        <a class="button secondary" href="{% url 'org_manage' %}">Cancel</a>
    </div>
</div>

<div class="delete-confirm-card">
    <div class="danger-notice">
        <strong>Permanent deletion: {{ org_to_delete.name }}</strong>
        <span>
            This cannot be undone. If you only want to remove the customer from active
            Killian views, return to Manage Organizations and use Archive instead.
        </span>
    </div>

    <div class="delete-impact">
        <h2>Data that will be affected</h2>
        <div class="delete-impact-grid">
            {% for label, count in related_counts.items %}
                <div>
                    <strong>{{ count }}</strong>
                    <span>{{ label }}</span>
                </div>
            {% endfor %}
        </div>
    </div>

    <form method="post" class="delete-confirm-form">
        {% csrf_token %}

        <label for="confirmation">
            Type <strong>{{ org_to_delete.name }}</strong> exactly to confirm:
        </label>

        <input
            id="confirmation"
            name="confirmation"
            type="text"
            autocomplete="off"
            spellcheck="false"
            required
        >

        <div class="delete-confirm-actions">
            <a class="button secondary" href="{% url 'org_manage' %}">Cancel</a>
            <button class="button danger" type="submit">
                Permanently Delete Organization
            </button>
        </div>
    </form>
</div>
{% endblock %}