{% extends "base.html" %}
{% from "_ui.html" import icon, badge, alert %}
{% set page_title = 'Сервер' %}
{% set problems = profile.checks|selectattr('level', 'ne', 'ok')|list %}

{% block page_header %}
<div class="page-header">
  <div>
    <h1>Сервер</h1>
    <p class="lead">Оборудование и готовность сервера к работе с виртуальными машинами.</p>
  </div>
  <div class="page-actions">
    <form method="post" action="/host/refresh" data-toast="Проверка выполнена"><button class="btn">{{ icon('refresh-cw', 'icon-sm') }}Проверить заново</button></form>
  </div>
</div>
{% endblock %}

{% block content %}
<section class="grid grid-main">
  <div class="stack">
    <article class="card">
      <div class="card-header">
        <div><h2>Готовность</h2><p>{{ 'Всё готово для запуска машин' if not problems else 'Есть замечания — ниже написано, что сделать' }}</p></div>
        {% if profile.ready and not problems %}{{ badge('Готов', 'success') }}{% elif profile.ready %}{{ badge('Работает с замечаниями', 'warning') }}{% else %}{{ badge('Не готов', 'danger') }}{% endif %}
      </div>
      <div class="checklist">
        {% for check in profile.checks %}
          {% set level = check.level|default('ok' if check.ok else 'err') %}
          {% set tone = 'success' if level == 'ok' else 'warning' if level == 'warn' else 'danger' %}
          <div class="check-item {{ tone }}">
            {{ icon('circle-check' if tone == 'success' else 'triangle-alert' if tone == 'warning' else 'circle-x') }}
            <div><strong>{{ check.name }}</strong>{% if tone != 'success' %}<span>{{ check.hint }}</span>{% endif %}</div>
          </div>
        {% endfor %}
      </div>
    </article>
  </div>

  <aside class="stack">
    <article class="card">
      <div class="card-header"><h2>Оборудование</h2></div>
      <div class="card-body" style="padding-top:6px;padding-bottom:6px">
        <div class="summary-row"><span>Тип</span><strong>{{ profile.label }}</strong></div>
        <div class="summary-row"><span>Модель</span><strong>{{ profile.model }}</strong></div>
        <div class="summary-row"><span>Архитектура</span><strong>{{ profile.arch }}</strong></div>
        <div class="summary-row"><span>Ускорение</span><strong>{{ 'KVM (аппаратное)' if profile.virtualization_mode == 'kvm' else 'Эмуляция (медленно)' }}</strong></div>
        <div class="summary-row"><span>Сеть по умолчанию</span><strong>{{ 'Локальная сеть' if profile.recommended_network == 'bridge' else 'Автоматически (NAT)' }}</strong></div>
      </div>
    </article>
    <details class="advanced">
      <summary>{{ icon('terminal', 'icon-sm') }}Профиль целиком<span class="chev">{{ icon('chevron-down', 'icon-sm') }}</span></summary>
      <div class="advanced-body"><pre class="terminal" style="max-height:360px">{{ profile_json }}</pre></div>
    </details>
  </aside>
</section>
{% endblock %}