{% load django_ledger %}
{% load custom_filters %}
{% load i18n %}
{% now "Y" as current_year %}
<div class="card shadow-sm border-0 mb-4">
    <div class="card-header {% if coa_model.is_default %}bg-gray-100{% elif not coa_model.is_active %}bg-danger text-white{% endif %} py-3 d-flex align-items-center">
        <div class="me-3">
            <i class="fas fa-building fa-2x"></i>
        </div>
        <div class="flex-grow-1">
            <h5 class="fw-bold mb-0">

                {% if coa_model.is_default %}
                    <span class="badge bg-light text-primary ms-2 d-none d-sm-inline">{% trans 'DEFAULT' %}</span>
                {% endif %}
            </h5>
            {% if coa_model.is_default %}
                <span class="badge bg-light text-primary mt-1 d-sm-none">{% trans 'DEFAULT' %}</span>
            {% endif %}
        </div>
        <div class="ms-auto d-flex flex-column align-items-end">
            {% if coa_model.is_active %}
                <span class="badge bg-success"><i class="fas fa-check-circle"></i> {% trans 'Active' %}</span>
            {% else %}
                <span class="badge bg-danger"><i class="fas fa-times-circle"></i> {% trans 'Inactive' %}</span>
            {% endif %}
            {% if coa_model.is_default %}
                <span class="badge bg-primary-subtle text-primary mt-1">{% trans 'Entity Default' %}</span>
            {% endif %}
        </div>
    </div>
    <div class="card-body">
        <div class="row g-3">
            <div class="col-sm-6">
                <div class="d-flex flex-wrap align-items-center mb-2">
                    <span class="fw-bold me-2">{% trans 'Is Active' %}:</span>
                    {% if coa_model.is_active %}
                        <span class="badge bg-success"><i class="fas fa-check-circle"></i></span>
                    {% else %}
                        <span class="badge bg-danger"><i class="fas fa-times-circle"></i></span>
                    {% endif %}
                </div>
                <div class="mb-2">
                    <span class="fw-bold">CoA ID:</span>
                    <span class="text-muted ms-2">{{ coa_model.slug }}</span>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="mb-2">
                    <span class="fw-bold"><i class="fas fa-list-alt me-1"></i> {% trans 'Total Accounts' %}:</span>
                    <span class="ms-2">{{ coa_model.accountmodel_set.all|length }}</span>
                </div>
                <div class="mb-2">
                    <span class="fw-bold text-info"><i class="fas fa-check-circle me-1"></i> {% trans 'Active Accounts' %}:</span>
                    <span class="ms-2">{{ coa_model.accountmodel_set|filter_by_status:'active'|length }}</span>
                </div>
                <div class="mb-2">
                    <span class="fw-bold text-danger"><i class="fas fa-lock me-1"></i> {% trans 'Locked Accounts' %}:</span>
                    <span class="ms-2">{{ coa_model.accountmodel_set|filter_by_status:'locked'|length }}</span>
                </div>
            </div>
        </div>
        <hr class="my-3">
        <div class="row g-2">
            <div class="col-sm-6">
                <small class="text-muted d-block">
                    <i class="far fa-calendar-plus me-1"></i>
                    <span class="fw-bold">{% trans 'Created' %}:</span>
                    <span class="d-block d-md-inline-block">{{ coa_model.created|date }}</span>
                </small>
            </div>
            <div class="col-sm-6">
                <small class="text-muted d-block">
                    <i class="far fa-clock me-1"></i>
                    <span class="fw-bold">{% trans 'Updated' %}:</span>
                    <span class="d-block d-md-inline-block">{{ coa_model.created|timesince }} {% trans 'ago' %}</span>
                </small>
            </div>
        </div>
    </div>
    <div class="card-footer bg-transparent border-top-0 pt-0 pt-sm-3">
        <div class="d-flex flex-wrap gap-2">
            <a href="{% url 'coa-update' request.dealer.slug request.entity.slug coa_model.slug %}"
               class="btn btn-sm btn-phoenix-warning fw-bold flex-grow-1 flex-sm-grow-0">
                <i class="fas fa-edit me-1"></i> {% trans 'Update' %}
            </a>
            <a href="{% url 'account_list' request.dealer.slug coa_model.pk %}"
               class="btn btn-sm btn-phoenix-success fw-bold flex-grow-1 flex-sm-grow-0">
                <i class="fas fa-book me-1"></i> {% trans 'Accounts' %}
            </a>
            <a href="{% url 'account_create' request.dealer.slug coa_model.pk %}"
               class="btn btn-sm btn-phoenix-info fw-bold flex-grow-1 flex-sm-grow-0">
                <i class="fas fa-plus-circle me-1"></i> {% trans 'Add Account' %}
            </a>
            {% if coa_model.can_mark_as_default %}
                <a href="{% url 'coa-action-mark-as-default' request.dealer.slug request.entity.slug coa_model.slug %}"
                   class="btn btn-sm btn-phoenix-danger fw-bold flex-grow-1 flex-sm-grow-0">
                    <i class="fas fa-star me-1"></i> {% trans 'Mark as Default' %}
                </a>
            {% endif %}
            {% if coa_model.can_deactivate %}
                <a href="{% url 'coa-action-mark-as-inactive' request.dealer.slug request.entity.slug coa_model.slug %}"
                   class="btn btn-sm btn-phoenix-warning fw-bold flex-grow-1 flex-sm-grow-0">
                    <i class="fas fa-toggle-off me-1"></i> {% trans 'Mark as Inactive' %}
                </a>
            {% elif coa_model.can_activate %}
                <a href="{% url 'coa-action-mark-as-active' request.dealer.slug request.entity.slug coa_model.slug %}"
                   class="btn btn-sm btn-phoenix-success fw-bold flex-grow-1 flex-sm-grow-0">
                    <i class="fas fa-toggle-on me-1"></i> {% trans 'Mark as Active' %}
                </a>
            {% endif %}
        </div>
    </div>
</div>