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

{% block extra_head %}
<link rel="stylesheet" href="/plugins/wallet/assets/css/wallet-admin.ui.css">
{% endblock %}

{% block page_title %}Wallet Management{% endblock %}
{% block admin_content %}

<main class="wallet-admin-app" aria-labelledby="wallet-admin-title">
<header class="wallet-admin-header">
    <div><h1 id="wallet-admin-title">Wallet Management</h1><p>Review customer balances and manage wallet adjustments.</p></div>
</header>
<div class="wallet-admin-feedback" data-wallet-admin-feedback role="status" aria-live="polite" tabindex="-1" hidden></div>

{{ crud::shell_open(config_url="/plugins/wallet/assets/admin/wallets_list.json", mount_id="wallets-list-container", custom_mount=true) }}

<table id="wallets-table">
    <thead>
        <tr>
            <th>User</th>
            <th>Current Balance</th>
            <th>Last Updated</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody id="wallets-body">
        {{ spinner::table_skeleton(colspan=4, lines=3, label="Loading wallets…") }}
    </tbody>
</table>

{{ crud::shell_close() }}

<div id="admin-config" hidden></div>

<div id="wallet-admin-config" hidden
     data-currency-symbol="{{ plugin_settings.currency_symbol | default(value='₹') }}"
     data-denomination-symbol="{{ plugin_settings.denomination_symbol | default(value='💎') }}"
     data-denominations-per-currency-unit="{{ plugin_settings.denominations_per_currency_unit | default(value='10') }}"
     data-denomination-is-currency="{% if plugin_settings.use_currency_mode == 'true' or plugin_settings.use_currency_mode == true %}true{% else %}false{% endif %}"></div>

{{ modal::modal(id="historyModal", title="Transaction History", body_html='<div class="wallet-history-user-line">User: <span id="historyUserName"></span></div><div id="historyContent"><div class="loading-spinner">Loading...</div></div>', footer_html='<button type="button" class="btn btn-outline" data-modal-close="historyModal">Close</button>', extra_class="history-modal-content", aria_labelledby="historyModal-title") }}

{{ modal::modal(id="creditModal", title="Manage Funds", body_html='<div id="credit-form-fields"></div>', extra_class="credit-modal-content", aria_labelledby="creditModal-title") }}

</main>

{% endblock %}

{% block scripts %}
<script src="/static/js/blocks-admin-history-modal.js"></script>
<script src="/plugins/wallet/assets/js/wallet_admin.js"></script>
{% endblock %}