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

{% set entity_name = "Server" %}
{% set no_create = true %}
{% set wide_table = false %}

{% 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/servers.css') }}">
{% endblock %}

{% block header_extra %}
<div class="server-stats">
    <button type="button" class="stat-filter-link" data-stat="total" title="All servers">
        Total: <span id="stat-total" class="badge text-bg-secondary">&hellip;</span>
    </button>
    <button type="button" class="stat-filter-link" data-stat="active"
            aria-pressed="false" title="Servers with activity in the last 30 days">
        Active: <span id="stat-active" class="badge text-bg-success">&hellip;</span>
    </button>
    <button type="button" class="stat-filter-link" data-stat="silent"
            aria-pressed="false" title="Servers with no activity in the last 30 days">
        Silent: <span id="stat-silent" class="badge text-bg-warning">&hellip;</span>
    </button>
    <button type="button" class="stat-filter-link" data-stat="never_checked_in"
            aria-pressed="false" title="Servers that have never checked in">
        Never checked in: <span id="stat-never-checked-in" class="badge text-bg-danger">&hellip;</span>
    </button>
</div>
{% 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-ip', 'IP', 'Filter by IP...') }}
            {{ filter_text('filter-hostname', 'Hostname', 'Filter by hostname...') }}
            {{ filter_text('filter-euname', 'Effective Kernel', 'Filter by kernel...') }}
            {{ filter_text('filter-server-id', 'Server ID', 'Filter by ID...') }}
            {{ multi_dropdown('filter-key', 'Key', keys_list) }}
            {% if is_bu_context_visible %}
            {{ multi_dropdown('filter-unit', 'Unit', units_list) }}
            {% endif %}

            {# Which patch stream the Patchset and Check In columns read.  Its
               options are fetched when the menu opens, because building them
               scans every userland check-in. #}
            {{ single_dropdown('patch-target', 'Patch View', 'filter-patch-target', 'kernel') }}

            {# Advanced filters toggle #}
            <div class="filter-group filter-actions">
                <button id="btn-toggle-advanced" type="button" class="btn btn-secondary btn-sm"
                        aria-expanded="false" aria-controls="advancedFilters">
                    <i class="bi bi-three-dots" aria-hidden="true"></i> Advanced
                </button>
                <button id="btn-clear-filters" type="button" class="btn btn-secondary btn-sm">Clear Filters</button>
            </div>
        </div>

        {# Advanced filters — collapsed by default #}
        <div id="advancedFilters" class="card-body advanced-filters collapse">
            <div class="filter-row">
                {{ multi_dropdown('filter-tag', 'Tag', tags_list) }}
                {{ filter_text('filter-tag-value', 'Tag Value', 'Substring match...') }}
                {{ multi_dropdown('filter-feed', 'Feed', feeds_list) }}
            </div>
            <div class="filter-row">
                {{ multi_dropdown('filter-arch', 'Architecture', arch_list) }}
                {{ filter_text('filter-patchset', 'Patchset', 'Exact match...') }}
                {{ filter_text('filter-patch-type', 'Patch Type', 'Substring match...') }}
            </div>
            {% if patch_status_filter_enabled %}
            <div class="filter-row">
                {{ multi_dropdown('filter-patch-status', 'Patch Status', patch_status_list) }}
            </div>
            {% endif %}
            <input type="hidden" id="filter-never-checked-in">
            <input type="hidden" id="filter-min-days-inactive">
            <input type="hidden" id="filter-max-days-inactive">
            <input type="hidden" id="filter-max-uptime-days">
            <div class="filter-row">
                <div class="filter-group">
                    <label for="filter-uptime-days">Uptime Days &ge;:</label>
                    <input type="number" id="filter-uptime-days" class="form-control form-control-sm" min="1" placeholder="e.g. 7">
                </div>
            </div>
            <div class="filter-row">
                <div class="filter-group filter-date-range" role="group" aria-labelledby="filter-checkin-label">
                    <label id="filter-checkin-label" for="filter-checkin-after">Check In:</label>
                    <input type="date" id="filter-checkin-after" class="form-control form-control-sm"
                           aria-label="Check In from" title="After">
                    <span class="date-separator" aria-hidden="true">&ndash;</span>
                    <input type="date" id="filter-checkin-before" class="form-control form-control-sm"
                           aria-label="Check In to" title="Before">
                </div>
                <div class="filter-group filter-date-range" role="group" aria-labelledby="filter-registered-label">
                    <label id="filter-registered-label" for="filter-registered-after">Registered:</label>
                    <input type="date" id="filter-registered-after" class="form-control form-control-sm"
                           aria-label="Registered from" title="After">
                    <span class="date-separator" aria-hidden="true">&ndash;</span>
                    <input type="date" id="filter-registered-before" class="form-control form-control-sm"
                           aria-label="Registered to" title="Before">
                </div>
                <div class="filter-group filter-date-range" role="group" aria-labelledby="filter-updated-label">
                    <label id="filter-updated-label" for="filter-updated-after">Last Updated:</label>
                    <input type="date" id="filter-updated-after" class="form-control form-control-sm"
                           aria-label="Last Updated from" title="After">
                    <span class="date-separator" aria-hidden="true">&ndash;</span>
                    <input type="date" id="filter-updated-before" class="form-control form-control-sm"
                           aria-label="Last Updated to" title="Before">
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block table_content %}
<table id="servers-table" class="table table-striped table-bordered crud-table crud-truncate"
       data-show-unit-column="{{ (is_bu_context_visible | default(false)) | lower }}"
       data-servers-url="{{ url_for('admin_crud.servers_list') }}/"
       data-keys-url="{{ url_for('admin_crud.keys_list') }}"
       data-api-url="{{ url_for('admin_data.servers_api') }}"
       data-patch-targets-url="{{ url_for('admin_data.servers_patch_targets') }}"
       data-delete-api-url="{{ url_for('admin_crud.servers_delete', server_id='__ID__') }}"
       data-mass-delete-url="{{ url_for('admin_data.servers_mass_delete') }}">
    <thead>
        <tr>
            <th scope="col" class="col-checkbox"></th>
            <th scope="col" class="col-ip">IP</th>
            <th scope="col" class="col-hostname">Hostname</th>
            <th scope="col" class="col-tags">Tags</th>
            <th scope="col" class="col-euname">Effective Kernel</th>
            <th scope="col" class="col-created">Registered</th>
            <th scope="col" class="col-last">Check In</th>
            <th scope="col" class="col-key">Key</th>
            <th scope="col" class="col-patchset">Patchset</th>
            {# Always the kernel's, whatever the patch view: patch_status_levels
               is keyed by kernel_id, so there is no userland status to show. #}
            <th scope="col" class="col-patch-status">Patch Status</th>
            {% if is_bu_context_visible %}<th scope="col" class="col-unit">Business Unit</th>{% endif %}
            <th scope="col" 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/patch-target.js') }}"></script>
<script src="{{ url_for('static', filename='eportal-js/crud/servers.js') }}"></script>
{% endblock %}