{% extends "admin_base.html" %}
{% import "macros/admin_crud_list.html" as crud %}
{% import "macros/admin_management_header.html" as mh %}
{% import "macros/modal.html" as modal %}
{% import "macros/loading_spinner.html" as spinner %}

{% block page_title %}Credit Accounts Management{% endblock %}

{% block admin_content %}
<main class="mx-auto my-6 w-full max-w-7xl space-y-6 px-4 sm:px-6 lg:px-8">
    {% set currency_sym = currency_symbol | default(value='₹') %}
    {{ mh::management_header_simple(title="Credit Accounts", subtitle="Manage customer credit lines and account statuses.") }}
    {% if data_error %}
    <div class="rounded-xl border border-danger bg-danger/10 p-4 text-sm leading-6 text-danger" role="alert">{{ error | default(value='Store Credit data could not be loaded. Check tenant setup and applied migrations, then retry.') }}</div>
    {% else %}
    <section class="grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3" aria-label="Credit account totals">
        <article class="min-w-0 rounded-xl border border-divider border-l-4 border-l-brand bg-surface p-4 shadow-sm">
            <div class="mb-2 text-xs font-bold uppercase tracking-wide text-muted"><i class="fas fa-credit-card mr-1" aria-hidden="true"></i> Total Credit Granted</div>
            <div class="break-words text-xl font-bold text-foreground">{{ currency_sym }}{{ total_limit_v | default(value=0) | price }}</div>
        </article>
        <article class="min-w-0 rounded-xl border border-divider border-l-4 border-l-danger bg-surface p-4 shadow-sm">
            <div class="mb-2 text-xs font-bold uppercase tracking-wide text-muted"><i class="fas fa-exclamation-circle mr-1" aria-hidden="true"></i> Total Outstanding</div>
            <div class="break-words text-xl font-bold text-foreground">{{ currency_sym }}{{ total_outstanding_v | default(value=0) | price }}</div>
        </article>
        <article class="min-w-0 rounded-xl border border-divider border-l-4 border-l-warning bg-surface p-4 shadow-sm">
            <div class="mb-2 text-xs font-bold uppercase tracking-wide text-muted"><i class="fas fa-percentage mr-1" aria-hidden="true"></i> Total Interest Due</div>
            <div class="break-words text-xl font-bold text-foreground">{{ currency_sym }}{{ total_interest_v | default(value=0) | price }}</div>
        </article>
    </section>
    {% endif %}

    {{ crud::shell_open(config_url="/plugins/store-credit/assets/admin/accounts_list.json", mount_id="store-credit-accounts-list", custom_mount=true) }}
    <div class="max-w-full overflow-x-auto rounded-xl border border-divider">
        <table>
            <thead></thead>
            <tbody>
        {{ spinner::table_skeleton(colspan=8, lines=4, label="Loading credit accounts…") }}
    </tbody>
        </table>
    </div>
    {{ crud::shell_close() }}
</main>

{{ modal::modal(id="creditLineModal", title='<span id="credit-line-modal-title">Grant Credit</span>', body_html='<div id="credit-line-form-fields"></div>') }}
{% endblock %}

{% block scripts %}
<script src="/plugins/store-credit/assets/js/admin_accounts.js"></script>
{% endblock %}