{% extends "base.html" %}
{% from 'macros/badges.html' import badge_secondary %}
{% block title %}Nastavení — Krok 3/3 — MedCover{% endblock %}
{% block content %}
<div class="row justify-content-center">
  <div class="col-12 col-md-7 col-lg-6">
    <div class="card shadow-sm mt-4">
      <div class="card-header bg-danger text-white">
        <strong>Počáteční nastavení</strong>
        <span class="float-end text-white-50 small">Krok 3 ze 3</span>
      </div>
      <div class="card-body p-4">
        <h5 class="mb-1">Administrátorský účet</h5>
        <p class="text-muted small mb-4">Vytvořte první administrátorský účet. Tento účet bude okamžitě aktivní.</p>
        <form method="POST" novalidate>
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
          <div class="mb-3">
            <label for="full_name" class="form-label">Celé jméno <span class="text-danger">*</span></label>
            <input type="text" class="form-control" id="full_name" name="full_name" required autofocus>
          </div>
          <div class="mb-3">
            <label for="email" class="form-label">E-mail <span class="text-danger">*</span></label>
            <input type="email" class="form-control" id="email" name="email" required>
          </div>
          <div class="mb-3">
            <label for="password" class="form-label">Heslo <span class="text-danger">*</span></label>
            <input type="password" class="form-control" id="password" name="password" required minlength="{{ min_password_length }}">
            <div class="form-text">Minimálně {{ min_password_length }} znaků.</div>
          </div>
          <div class="mb-3">
            <label for="password2" class="form-label">Zopakujte heslo <span class="text-danger">*</span></label>
            <input type="password" class="form-control" id="password2" name="password2" required minlength="{{ min_password_length }}">
          </div>
          <div class="d-flex justify-content-between mt-4">
            <a href="{{ url_for('setup.step2') }}" class="btn btn-outline-secondary">← Zpět</a>
            <button type="submit" class="btn btn-danger">Dokončit nastavení</button>
          </div>
        </form>
      </div>
    </div>
    <div class="d-flex gap-2 mt-3 justify-content-center">
      {{ badge_secondary('1 Organizace', extra_classes='px-3 py-2') }}
      {{ badge_secondary('2 E-mail', extra_classes='px-3 py-2') }}
      <span class="badge bg-danger px-3 py-2">3 Admin účet</span>
    </div>
  </div>
</div>
{% endblock %}