{% extends "tesm_core/base.html" %}
{% from "tesm_core/macros.html" import alert %}
{% block page_title %}{{ entry.name }}{% endblock %}
{% block page_sub %}Klartextanzeige – dieser Zugriff wurde protokolliert{% endblock %}
{% block breadcrumb %}
<nav class="breadcrumb">
  <span><a href="{{ url_for('credentials.overview') }}">Zugangsdaten</a></span><span>{{ entry.name }}</span>
</nav>
{% endblock %}
{% block content %}
{{ alert('Dieser Aufruf steht mit Zeitpunkt, Benutzer und IP im Aenderungsprotokoll.
Schliessen Sie die Seite, sobald Sie den Wert uebernommen haben.', 'warning') }}
<section class="card" style="max-width:560px">
  <div class="card__header">
    <div class="flex-1"><div class="card__title">{{ icon('key', size=17) }} {{ entry.name }}</div>
      <div class="card__sub">{{ entry.category }}</div></div>
  </div>
  <div class="card__body stack">
    <label class="field">
      <span class="field__label">Benutzer</span>
      <div class="input-group">
        <input class="input input--mono" id="reveal-user" value="{{ username }}" readonly>
        <button class="btn" type="button" data-copy="#reveal-user">{{ icon('copy', size=15) }}</button>
      </div>
    </label>
    <label class="field">
      <span class="field__label">Passwort</span>
      <div class="input-group">
        <input class="input input--mono" id="reveal-secret" value="{{ secret }}" readonly>
        <button class="btn" type="button" data-copy="#reveal-secret">{{ icon('copy', size=15) }}</button>
      </div>
    </label>
  </div>
  <div class="card__footer">
    <a class="btn btn--primary" href="{{ url_for('credentials.overview') }}">Fertig</a>
  </div>
</section>
{% endblock %}