{% extends "admin/layout.html" %}
{% block admin_title %}{{ client.name }}{% endblock %}
{% block admin_content %}
<div class="admin-top">
  <div>
    <h1>{{ client.name }}</h1>
    <div class="muted">{{ client.server.name }} · {{ client.server.protocol }} · {{ client.address }}</div>
  </div>
  <div class="actions">
    <a class="btn btn-sm btn-ghost" href="/admin/clients">Назад</a>
    <a class="btn btn-sm btn-accent" href="/admin/clients/{{ client.id }}/config">Скачать .conf</a>
  </div>
</div>

<div class="detail-grid">
  <div class="panel">
    <div class="panel-head"><strong>Конфиг</strong></div>
    <div class="panel-body">
      <pre class="mono">{{ config }}</pre>
    </div>
  </div>
  <div class="panel">
    <div class="panel-head"><strong>QR‑код</strong></div>
    <div class="panel-body">
      <img class="qr" src="/admin/clients/{{ client.id }}/qr" alt="QR config" />
      <p class="muted" style="margin-top:0.8rem">Отсканируйте в клиенте WireGuard / AmneziaWG.</p>
      {% if client.notes %}
      <p><strong>Заметка:</strong> {{ client.notes }}</p>
      {% endif %}
    </div>
  </div>
</div>
{% endblock %}