{% extends "base.html" %}
{% from "macros.html" import utc_timestamp %}

{% block title %}Server {{ server_title }} - ePortal{% if current_unit() %} [{{ current_unit().title }}]{% endif %}{% endblock %}

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

{% block tail %}
{{ super() }}
<script src="{{ url_for('static', filename='vendor/dataTables.min.js') }}"></script>
<script src="{{ url_for('static', filename='vendor/dataTables.bootstrap5.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>
<script src="{{ url_for('static', filename='eportal-js/crud/delete-confirm.js') }}"></script>
<script src="{{ url_for('static', filename='eportal-js/server_manage_tags.js') }}"></script>
{% endblock %}

{% block body %}
<div class="row">
    <div class="col-md-12">
        <div class="server-detail-header">
            <h1 class="h2">
                {{ server.node or server.remote_ip }}
                {% if server.node %}<small class="text-muted">({{ server.remote_ip }})</small>{% endif %}
            </h1>
            <div>
                <a href="{{ url_for('admin_crud.servers_list') }}" class="btn btn-secondary btn-sm">Back to List</a>
                {% if not current_user.readonly %}
                <a href="#" class="btn btn-danger btn-sm"
                   data-delete-url="{{ url_for('admin_crud.servers_delete', server_id=server.server_id) }}"
                   data-delete-message="Are you sure you want to delete server {{ server_title }}?"
                   data-delete-success="{{ url_for('admin_crud.servers_list') }}">Delete</a>
                {% endif %}
            </div>
        </div>

        {# `role="tab"` without aria-selected/aria-controls announces a tab whose
           state and panel are unknown; the pair points both ways or the panel
           has no name. #}
        <ul class="nav nav-tabs" role="tablist">
            <li class="nav-item" role="presentation">
                <a class="nav-link active" href="#tab-info" role="tab" data-bs-toggle="tab"
                   id="tab-info-label" aria-controls="tab-info" aria-selected="true">Server Information</a>
            </li>
            <li class="nav-item" role="presentation">
                <a class="nav-link" href="#tab-tags" role="tab" data-bs-toggle="tab"
                   id="tab-tags-label" aria-controls="tab-tags" aria-selected="false">
                    Tags{% if server.server_tags %}
                    <span class="badge text-bg-secondary">{{ server.server_tags | length }}
                        <span class="visually-hidden">tags</span></span>{% endif %}
                </a>
            </li>
        </ul>

        <div class="tab-content server-tabs">
            <div role="tabpanel" class="tab-pane active" id="tab-info" aria-labelledby="tab-info-label">
                <div class="row">
                    <div class="col-md-6">
                        <h2 class="server-section-title">General</h2>
                        <dl class="server-dl">
                            <dt>IP</dt>
                            <dd>{{ server.remote_ip }}</dd>
                            <dt>Hostname</dt>
                            <dd>{{ server.node or '' }}</dd>
                            <dt>Key</dt>
                            <dd>
                                {% if server.kc_key %}
                                <a href="{{ url_for('admin_crud.keys_update_form', key=server.kc_key) }}">{{ server.kc_key }}</a>
                                {% endif %}
                            </dd>
                            {% if is_bu_context_visible %}
                            <dt>Business Unit</dt>
                            <dd>{{ server.kc_key_rel.unit.title if server.kc_key_rel and server.kc_key_rel.unit else 'Default' }}</dd>
                            {% endif %}
                            <dt>Uptime</dt>
                            <dd>{{ format_uptime(server.uptime) }}</dd>
                        </dl>
                    </div>
                    <div class="col-md-6">
                        <h2 class="server-section-title">Patching</h2>
                        <dl class="server-dl">
                            <dt>Patch Level</dt>
                            <dd>{{ server.patch_level if server.patch_level is not none else '' }}</dd>
                            <dt>Patch Type</dt>
                            <dd>{{ server.patch_type or '' }}</dd>
                            <dt>Applied Patchset</dt>
                            <dd>{{ server.patchset or '' }}</dd>
                            <dt>Latest Patchset</dt>
                            <dd>{{ latest_patchset or '' }}</dd>
                            <dt>Patch Error</dt>
                            <dd>
                                {% if not server.last %}
                                {% elif server.update_error is none %}
                                <span class="text-warning-emphasis">Upgrade agent to receive error reports</span>
                                {% elif server.update_error %}
                                <span class="text-danger">{{ server.update_error }}</span>
                                {% else %}
                                <span class="text-success">No errors</span>
                                {% endif %}
                            </dd>
                        </dl>
                        {% if userspace %}
                        <h2 class="server-section-title">Userland Patches</h2>
                        {% if not userspace.enabled %}
                        <p id="server-userspace-disabled" class="text-muted">Not enabled on this server's key.</p>
                        {% endif %}
                        {% if userspace.rows %}
                        <table id="server-userspace-table" class="table table-sm table-bordered">
                            <thead>
                                <tr>
                                    <th>Library</th>
                                    <th>Product</th>
                                    <th>Patchset</th>
                                    <th>Check In</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for row in userspace.rows %}
                                <tr>
                                    <td>{{ row.library }}</td>
                                    <td>{{ row.product or '—' }}</td>
                                    <td>{{ row.patchset or '—' }}</td>
                                    <td>
                                        {{ utc_timestamp(row.last) }}
                                        {%- if row.status.title %} <span class="badge {{ row.status.badge }}">{{ row.status.title }}</span>{% endif %}
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                        {% endif %}
                        {% endif %}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <h2 class="server-section-title">System</h2>
                        <dl class="server-dl">
                            <dt>Distro</dt>
                            <dd>{{ server.distro or '' }}</dd>
                            <dt>Distro Version</dt>
                            <dd>{{ server.distro_version or '' }}</dd>
                            <dt>Architecture</dt>
                            <dd>{{ server.machine or '' }}</dd>
                            <dt>Virt</dt>
                            <dd>{{ server.virt or '' }}</dd>
                        </dl>
                    </div>
                    <div class="col-md-6">
                        <h2 class="server-section-title">KernelCare Agent</h2>
                        <dl class="server-dl">
                            <dt>Server ID</dt>
                            <dd>{{ server.server_id }}</dd>
                            <dt>KCare Version</dt>
                            <dd>{{ server.kcare_version or '' }}</dd>
                            <dt>Registered</dt>
                            <dd>{{ utc_timestamp(server.created) }}</dd>
                            <dt>Check In</dt>
                            <dd>{% if server.last %}{{ utc_timestamp(server.last) }}{% else %}<span class="text-danger">Never checked in</span>{% endif %}</dd>
                            <dt>Last Updated</dt>
                            <dd>{{ utc_timestamp(server.ltimestamp) }}</dd>
                        </dl>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <h2 class="server-section-title">Kernel</h2>
                        <dl class="server-dl">
                            <dt>Kernel ID</dt>
                            <dd>{{ server.kernel_id or '' }}</dd>
                            <dt>Effective Kernel</dt>
                            <dd>{{ server.euname or '' }}</dd>
                            <dt>Boot Kernel</dt>
                            <dd>{{ server.release or '' }}</dd>
                            <dt>Version</dt>
                            <dd>{{ server.version or '' }}</dd>
                        </dl>
                    </div>
                </div>
            </div>

            <div role="tabpanel" class="tab-pane" id="tab-tags" aria-labelledby="tab-tags-label">
                <div id="tags-alert" class="alert d-none" role="alert"></div>

                {% if can_manage_tags %}
                <div class="server-tags-toolbar">
                    <button id="btn-save-tags" class="btn btn-primary btn-sm" disabled>Save Tags</button>
                    <a href="{{ url_for('admin_crud.tags_create_form') }}" class="btn btn-secondary btn-sm">
                        <i class="bi bi-plus-circle"></i> New Tag
                    </a>
                </div>
                {% endif %}

                <div class="mb-3" id="tag-filter-group">
                    <input type="text" id="filter-tag-name" class="form-control form-control-sm"
                           placeholder="Filter by tag name...">
                </div>
                <table id="server-tags-table" class="table table-sm table-bordered server-manage-tags"
                       data-api-url="{{ url_for('admin_data.server_tags_api', server_id=server.server_id) }}"
                       data-save-url="{{ url_for('admin_data.server_tags_save', server_id=server.server_id) }}"
                       data-can-manage="{{ can_manage_tags | lower }}">
                    <thead>
                        <tr>
                            {% if can_manage_tags %}<th class="col-assigned">Assigned</th>{% endif %}
                            <th>Tag</th>
                            <th>Value</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
{% endblock %}