{% extends "admin_base.html" %}
{% import "macros/admin_management_header.html" as mh %}
{% import "macros/admin_pagination_footer.html" as pag %}

{% block extra_head %}

{% endblock %}

{% block page_title %}{{ profile.title | default(value="Sheet") }}{% endblock %}

{% block admin_content %}
<div class="rs-admin-shell relational-sheet-grid-app" data-plugin="relational-sheet"
    data-profile-slug="{{ profile.slug | default(value='') }}"
    data-currency="{{ currency_symbol | default(value='₹') }}">

    {% if profile_error %}
    <div class="card rs-profile-error-banner" role="alert">{{ profile_error }}</div>
    {% endif %}

    {{ mh::management_header_simple(
        title=profile.title | default(value="Sheet"),
        subtitle=profile.description | default(value=""),
        back_href="/plugins/relational-sheet/admin",
        back_label="All profiles",
        actions_html='<div class="rs-sheet-toolbar-actions"><button type="button" class="blocks-button blocks-button-secondary" id="rs-reload-sheet"><i class="fas fa-sync"></i> Reload</button><button type="button" class="blocks-button blocks-button-primary" id="rs-save-sheet" disabled><i class="fas fa-save"></i> Save changes</button></div>'
    ) }}

    <div class="card rs-filters-bar" id="rs-sheet-filters"></div>

    <div class="card rs-sheet-card">
        <div class="rs-bulk-bar" id="rs-bulk-bar" hidden>
            <span id="rs-selected-count">0 selected</span>
            <select id="rs-bulk-action-select" aria-label="Bulk action"></select>
            <button type="button" class="blocks-button blocks-button-primary blocks-button-sm" id="rs-bulk-run">Apply</button>
        </div>
        <div class="rs-grid-wrap">
            <table class="blocks-admin-table rs-grid-table" id="rs-sheet-grid">
                <thead id="rs-sheet-head"></thead>
                <tbody id="rs-sheet-body">
                    <tr><td class="rs-empty-cell">Loading…</td></tr>
                </tbody>
            </table>
        </div>
        {{ pag::simple_footer(prefix="rs-sheet", page=1, total_pages=2, total=0, item_label="rows", hide_when_single=false) }}
    </div>
</div>

<script type="application/json" id="rs-sheet-config">{% if config %}{{ config | json_encode | replace(from="</script>", to="<\\/script>") | safe }}{% else %}{}{% endif %}</script>
{% endblock %}

{% block scripts %}
<script src="/plugins/relational-sheet/assets/js/relational_sheet_common.js"></script>
<script src="/plugins/relational-sheet/assets/js/relational_sheet_grid.js"></script>
{% endblock %}