{% extends "crud/list.html" %}
{% from "macros/list.html" import filter_text, multi_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 page_title %}
{{ _title }}
<div class="server-stats">
    <a href="#" class="stat-filter-link" data-stat="total" title="All servers">
        Total: <span id="stat-total" class="badge">&hellip;</span>
    </a>
    <a href="#" class="stat-filter-link" data-stat="active" title="Servers with activity in the last 30 days">
        Active: <span id="stat-active" class="badge badge-success">&hellip;</span>
    </a>
    <a href="#" class="stat-filter-link" data-stat="silent" title="Servers with no activity in the last 30 days">
        Silent: <span id="stat-silent" class="badge badge-warning">&hellip;</span>
    </a>
    <a href="#" class="stat-filter-link" data-stat="never_checked_in" title="Servers that have never checked in">
        Never checked in: <span id="stat-never-checked-in" class="badge badge-danger">&hellip;</span>
    </a>
</div>
{% endblock %}


{% block filters_section %}
<div class="collapse" id="filterCollapse">
    <div class="panel panel-default filter-panel">
        <div class="panel-heading">
            <strong>Filters</strong>
        </div>
        <div class="panel-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_global_admin_view %}
            {{ multi_dropdown('filter-unit', 'Unit', units_list) }}
            {% endif %}

            {# Advanced filters toggle #}
            <div class="filter-group filter-actions">
                <button id="btn-toggle-advanced" type="button" class="btn btn-default btn-sm">
                    <span class="glyphicon glyphicon-option-horizontal"></span> Advanced
                </button>
                <button id="btn-clear-filters" type="button" class="btn btn-default btn-sm">Clear Filters</button>
            </div>
        </div>

        {# Advanced filters — collapsed by default #}
        <div id="advancedFilters" class="panel-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>
            <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 input-sm" min="1" placeholder="e.g. 7">
                </div>
            </div>
            <div class="filter-row">
                <div class="filter-group filter-date-range">
                    <label>Check In:</label>
                    <input type="date" id="filter-checkin-after" class="form-control input-sm" title="After">
                    <span class="date-separator">&ndash;</span>
                    <input type="date" id="filter-checkin-before" class="form-control input-sm" title="Before">
                </div>
                <div class="filter-group filter-date-range">
                    <label>Registered:</label>
                    <input type="date" id="filter-registered-after" class="form-control input-sm" title="After">
                    <span class="date-separator">&ndash;</span>
                    <input type="date" id="filter-registered-before" class="form-control input-sm" title="Before">
                </div>
                <div class="filter-group filter-date-range">
                    <label>Last Updated:</label>
                    <input type="date" id="filter-updated-after" class="form-control input-sm" title="After">
                    <span class="date-separator">&ndash;</span>
                    <input type="date" id="filter-updated-before" class="form-control input-sm" 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_global_admin_view | 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-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 class="col-checkbox"></th>
            <th class="col-ip">IP</th>
            <th class="col-hostname">Hostname</th>
            <th class="col-tags">Tags</th>
            <th class="col-euname">Effective Kernel</th>
            <th class="col-created">Registered</th>
            <th class="col-last">Check In</th>
            <th class="col-key">Key</th>
            <th class="col-patchset">Patchset</th>
            <th class="col-patch-status">Patch Status</th>
            {% if is_global_admin_view %}<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/servers.js') }}"></script>
{% endblock %}