{% load django_ledger %}
{% 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-success text-white{% elif not coa_model.is_active %}bg-danger text-white{% endif %} py-3">
        <div class="d-flex align-items-center">
            <div class="me-3">
                <i class="fas fa-building fa-2x"></i>
            </div>
            <div class="fw-bold fs-5">
                {{ coa_model.name }}
                {% if coa_model.is_default %}
                    <span class="badge bg-light text-dark ms-2">{% trans 'DEFAULT' %}</span>
                {% endif %}
            </div>
        </div>
    </div>

    <div class="card-body">
        <div class="row g-3">
            <div class="col-md-6">
                <div class="d-flex align-items-center mb-2">
                    <span class="fw-bold me-2">{% trans 'Entity Default' %}:</span>
                    {% if coa_model.is_default %}
                        <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="d-flex 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-md-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_total__count }}</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_active__count }}</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_locked__count }}</span>
                </div>
            </div>
        </div>

        <hr class="my-3">

        <div class="row">
            <div class="col-md-6">
                <small class="text-muted">
                    <i class="far fa-calendar-plus me-1"></i>
                    <span class="fw-bold">{% trans 'Created' %}:</span>
                    {{ coa_model.created|date }}
                </small>
            </div>
            <div class="col-md-6">
                <small class="text-muted">
                    <i class="far fa-clock me-1"></i>
                    <span class="fw-bold">{% trans 'Updated' %}:</span>
                    {{ coa_model.created|timesince }} {% trans 'ago' %}
                </small>
            </div>
        </div>
    </div>

    <div class="card-footer bg-transparent border-top-0">
        <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-outline-warning fw-bold">
                <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-outline-success fw-bold">
                <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-outline-info fw-bold">
                <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-outline-danger fw-bold">
                    <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-outline-warning fw-bold">
                    <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-outline-success fw-bold">
                    <i class="fas fa-toggle-on me-1"></i> {% trans 'Mark as Active' %}
                </a>
            {% endif %}
        </div>
    </div>
</div>