{% extends 'base.html' %}
{% block content %}
<div class="page-header">
  <h2>{{ name }}</h2>
  <a href="{{ url_for('index') }}" class="btn">← Назад</a>
</div>

<div class="peer-detail-grid">
  <div class="card qr-card">
    <h3>QR-код</h3>
    <img src="data:image/png;base64,{{ qr_b64 }}" alt="QR" class="qr-img" />
    <p class="text-muted">Отсканируйте в приложении WireGuard</p>
  </div>

  <div class="card conf-card">
    <div class="conf-header">
      <h3>Конфигурация</h3>
      <a href="{{ url_for('peer_download', peer_id=request.view_args.get('peer_id', 0)) }}" class="btn btn-sm">↓ Скачать .conf</a>
    </div>
    <pre class="conf-block">{{ client_conf }}</pre>
    <div class="pubkey-block">
      <span class="label">Публичный ключ:</span>
      <span class="mono-sm">{{ public_key }}</span>
    </div>
  </div>
</div>
{% endblock %}