{% extends "admin_base.html" %}
{% import "macros/admin_crud_list.html" as crud %}

{% block page_title %}Branch Management{% endblock %}
{% block admin_content %}
<div id="multi-store-branches-config"
    data-domain="{{ domain_name }}"
    class="hidden"></div>
<div>
    {{ crud::shell_open(config_url="/plugins/multi-store/assets/admin/branches_list.json", mount_id="multi-store-branches-list", custom_mount=true) }}

    <div class="border-b border-divider bg-canvas p-4" data-crud-toolbar-extra>
        <div class="relative w-full max-w-md">
            <i class="fas fa-search pointer-events-none absolute left-3 top-1/2 z-10 -translate-y-1/2 text-muted" aria-hidden="true"></i>
            <input type="search" id="branchSearch" class="blocks-input w-full pl-10" placeholder="Search branches..." aria-label="Search branches">
        </div>
    </div>

    <div class="table-container">
        <table>
            <thead></thead>
            <tbody class="divide-y">
                <tr>
                    <td colspan="4" class="crud-empty-state p-12 text-center">Loading branches…</td>
                </tr>
            </tbody>
        </table>
    </div>

    {{ crud::shell_close() }}
</div>

{% include "multi-store/provision_modal.html" %}
{% include "multi-store/sync_modal.html" %}
{% endblock %}

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