{% extends "crud/list.html" %}
{% from "macros/list.html" import filter_text, multi_dropdown %}

{% set entity_name = 'Key' %}

{% block page_css %}
<link rel="stylesheet" href="{{ url_for('static', filename='eportal-css/crud/base.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='eportal-css/crud/keys.css') }}">
{% endblock %}

{% block filters_section %}
<div class="collapse" id="filterCollapse">
    <div class="card filter-panel">
        <div class="card-header">
            <strong>Filters</strong>
        </div>
        <div class="card-body">
            {{ filter_text('filter-key', 'Key') }}
            {{ filter_text('filter-note', 'Description', wide=true) }}
            {{ multi_dropdown('filter-feed', 'Feed', feeds) }}
            {{ multi_dropdown('filter-products', 'Products', products) }}
            {% if is_bu_context_visible %}
            {{ multi_dropdown('filter-unit', 'Unit', units_list) }}
            {% endif %}
            <div class="filter-group filter-actions">
                <button id="btn-clear-filters" type="button" class="btn btn-secondary btn-sm">Clear Filters</button>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block table_content %}
<table id="keys-table" class="table table-striped table-bordered crud-table crud-truncate keys-table"
       data-show-unit-column="{{ (is_bu_context_visible | default(false)) | lower }}"
       data-key-details-url="{{ url_for('admin_crud.keys_update_form', key='__ID__') }}"
       data-servers-url="{{ url_for('admin_crud.servers_list') }}"
       data-api-url="{{ url_for('admin_data.keys_api') }}"
       data-delete-api-url="{{ url_for('admin_crud.keys_delete', key='__ID__') }}"
       data-mass-delete-url="{{ url_for('admin_data.keys_mass_delete') }}">
    <thead>
        <tr>
            <th class="col-checkbox"></th>
            <th class="col-key">Key</th>
            <th class="col-description">Description</th>
            <th class="col-server-count">Server Count / Limit</th>
            <th class="col-feed">Feed</th>
            <th class="col-products">Products</th>
            {% if is_bu_context_visible %}<th class="col-unit">Business Unit</th>{% endif %}
            <th class="col-actions"></th>
        </tr>
    </thead>
    <tbody>
        {# Empty - data loaded via server-side AJAX #}
    </tbody>
</table>
{% endblock %}

{% block page_scripts %}
<script src="{{ url_for('static', filename='eportal-js/crud/delete-confirm.js') }}"></script>
<script src="{{ url_for('static', filename='eportal-js/crud/keys.js') }}"></script>
{% endblock %}