{% load i18n %}
{# Partial: kolomheader — gebruikt door rename_list HTMX response #}
<div class="card-header bg-white border-bottom-0 py-3 d-flex justify-content-between align-items-center"
     id="column-header-{{ list.id }}">
    {% if can_write %}
        <h5 class="h6 mb-0 fw-bold text-dark column-name"
            data-rename-url="{% url 'aa_kanban:rename_list' list.id %}"
            title="{% trans 'Click to rename' %}"
            style="cursor: pointer;">
            {{ list.name }}
        </h5>
        <div class="d-flex align-items-center gap-1">
            <span class="badge bg-secondary rounded-pill card-count-badge">0</span>
            <button type="button"
                    class="btn btn-sm btn-outline-danger border-0 delete-list-btn"
                    data-list-id="{{ list.id }}"
                    data-list-name="{{ list.name }}"
                    data-delete-url="{% url 'aa_kanban:delete_list' list.id %}"
                    title="{% trans 'Delete column' %}">
                <i class="fas fa-trash-alt"></i>
            </button>
        </div>
    {% else %}
        <h5 class="h6 mb-0 fw-bold text-dark">{{ list.name }}</h5>
        <span class="badge bg-secondary rounded-pill card-count-badge">0</span>
    {% endif %}
</div>