{% extends 'core/base.html' %}
{% block title %}Delete Role | Killian{% endblock %}
{% block content %}
<div class="page-head">
    <div>
        <div class="breadcrumb"><a href="{% url 'role_list' %}">Roles</a><span>/</span><span>Delete</span></div>
        <h1>Delete Role</h1>
        <p>Delete the custom role <strong>{{ role.name }}</strong>.</p>
    </div>
    <a class="button secondary" href="{% url 'role_list' %}">Back</a>
</div>

{% if assigned_count %}
<div class="danger-notice">
    <strong>Role is still assigned</strong>
    <span>
        {{ assigned_count }} user{{ assigned_count|pluralize }} currently use this role. Reassign each user to another role before deletion is allowed.
    </span>
</div>

<section class="module-panel" style="margin-top:22px;">
    <div class="module-panel-head"><div><h2>Assigned Users</h2><span>Reassign these accounts first.</span></div></div>
    <div style="padding:12px 22px 22px;">
        {% for item in assigned_users %}
            <div style="display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);">
                <strong>{{ item.username }}</strong>
                <a class="button secondary small-button" href="{% url 'user_edit' item.pk %}">Change role</a>
            </div>
        {% endfor %}
    </div>
</section>
{% else %}
<div class="danger-notice">
    <strong>Permanent deletion</strong>
    <span>
        Deleting this role also deletes its linked Django Group. No users are currently assigned to it. This action cannot be undone.
    </span>
</div>

<form method="post" style="margin-top:22px;" data-confirm="Permanently delete role {{ role.name }}?">
    {% csrf_token %}
    <button class="button danger" type="submit">Delete Role</button>
    <a class="button secondary" href="{% url 'role_list' %}">Cancel</a>
</form>
{% endif %}
{% endblock %}