{% extends "base.html" %}
{% from "macros/list.html" import filter_toggle_button %}
{% from "macros/url.html" import prepend_bu_prefix %}
{#
Base template for CRUD list pages with server-side DataTables.
Extended by page-specific list templates (keys, servers, tags, userlog).

Variables to set:
  - entity_name: Title-cased entity label (e.g. "Server", "Key", "API Key").
        Used for buttons, page title (entity_name + "s"), and Create label.
  - wide_table: Break table out of container for full-width display (default: false)
  - no_create: Set to true to hide the "Create" button (default: false)
  - no_delete: Set to true to hide the "Delete" buttons (default: false)

Blocks to override:
  - page_css: Additional page-specific CSS files
  - page_title: Override title markup (default: entity_name + "s")
  - action_buttons: Action buttons in header (Create, Export, etc.)
  - filters_section: Filter controls (collapsible panel)
  - table_content: The <table> element with DataTables data attributes
  - page_scripts: Additional page-specific JS files
#}

{% set _title = (entity_name ~ 's') if entity_name is defined else 'List' %}
{% set _base_path = prepend_bu_prefix(request.path.rstrip('/') or request.path) %}
{% block title %}{{ _title }} - ePortal{% if current_unit() %} [{{ current_unit().title }}]{% endif %}{% endblock %}

{% block head_css %}
{{ super() }}
<link rel="stylesheet" href="{{ url_for('static', filename='vendor/dataTables.bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='eportal-css/list.css') }}">
{% block page_css %}{% endblock %}
<meta name="csrf-token" content="{{ csrf_token() }}">
{% endblock %}

{% set _wide = wide_table | default(false) %}

{% block body %}
{# Error alert #}
<div id="error-alert" class="alert alert-danger{% if not (error is defined and error) %} hidden{% endif %}" role="alert">
    {{ error if error is defined else '' }}
</div>

{# Success alert #}
{% if success is defined and success %}
<div class="alert alert-success" role="alert">
    {{ success }}
</div>
{% endif %}

{# Header with title and action buttons #}
<div class="list-header-row">
    <h2>{% block page_title %}{{ _title }}{% endblock %}</h2>
    <div class="list-header-actions">
        {% block action_buttons %}
        {% if entity_name is defined and not no_delete | default(false) %}
        <button type="button" class="btn btn-danger" data-action="mass-delete"
                data-entity="{{ entity_name }}">Delete All</button>
        {% endif %}
        {% if entity_name is defined and not no_create | default(false) %}
        <a href="{{ _base_path }}/new" class="btn btn-primary btn-sm">Create {{ entity_name }}</a>
        {% endif %}
        {% if entity_name is defined %}
        <a href="{{ _base_path }}/csv" class="btn btn-default btn-sm" data-action="export-csv">Export CSV</a>
        {% endif %}
        {% block extra_action_buttons %}{% endblock %}
        {% if entity_name is defined %}
        {{ filter_toggle_button() }}
        {% endif %}
        {% endblock %}
    </div>
</div>

{# Filters section #}
{% block filters_section %}{% endblock %}

{% if not _wide %}
{% block table_content %}{% endblock %}
{% endif %}
{% if _wide %}
</div>
<div class="list-table-fullwidth">
    <div class="list-table-inner">
        {{ self.table_content() }}
    </div>
</div>
<div class="container">
{% endif %}
{% endblock %}

{% block tail %}
{{ super() }}
<script src="{{ url_for('static', filename='vendor/jquery.dataTables.min.js') }}"></script>
<script src="{{ url_for('static', filename='vendor/dataTables.bootstrap.min.js') }}"></script>
<script src="{{ url_for('static', filename='eportal-js/utils.js') }}"></script>
<script src="{{ url_for('static', filename='eportal-js/crud/utils.js') }}"></script>
{% block page_scripts %}{% endblock %}
{% endblock %}