{% extends "base.html" %}
{% from 'macros/help.html' import help_icon %}
{% from 'macros/badges.html' import badge_warning, badge_secondary %}
{% block title %}{{ user.name }} — MedCover{% endblock %}

{% block content %}
<div class="mb-3 d-flex justify-content-between align-items-center">
  <a href="{{ url_for('users.index', archived=1 if user.is_archived else None) }}" class="btn btn-sm btn-outline-secondary">← Zpět na uživatele</a>
  <div class="d-flex gap-2">
    {% if current_user.has_permission('report.view') %}
    <a href="{{ url_for('reports.user_report', user_id=user.id) }}" class="btn btn-sm btn-outline-primary">Přehled akcí</a>
    {% endif %}
    {% if not user.is_archived %}
      {% if not user.is_active and current_user.has_permission('user.activate') %}
      <form method="POST" action="{{ url_for('users.activate', user_id=user.id) }}">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <button class="btn btn-sm btn-success">Aktivovat</button>
      </form>
      {% endif %}
      {% if user.is_active and current_user.has_permission('user.deactivate') and user.id != current_user.id %}
      <form method="POST" action="{{ url_for('users.deactivate', user_id=user.id) }}">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <button class="btn btn-sm btn-warning"
                data-confirm="Deaktivovat účet {{ user.name }}?">Deaktivovat</button>
      </form>
      {% endif %}
      {% if current_user.has_permission('user.archive') and user.id != current_user.id %}
      <form method="POST" action="{{ url_for('users.archive', user_id=user.id) }}">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <button class="btn btn-sm btn-outline-danger"
                data-confirm="Archivovat účet {{ user.name }}? Uživatel bude deaktivován a skryt ze všech seznamů.">Archivovat</button>
      </form>
      {% endif %}
    {% else %}
      {% if current_user.has_permission('user.archive') %}
      <form method="POST" action="{{ url_for('users.unarchive', user_id=user.id) }}">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <button class="btn btn-sm btn-outline-secondary"
                data-confirm="Obnovit účet {{ user.name }} z archivu?">Obnovit z archivu</button>
      </form>
      {% endif %}
    {% endif %}
  </div>
</div>

<form method="POST" action="{{ url_for('users.save_user', user_id=user.id) }}" novalidate>
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

  <div class="row g-4">
    {# ── Left column: info + password ── #}
    <div class="col-12 col-lg-5">

      <div class="card mb-4">
        <div class="card-header fw-semibold d-flex justify-content-between align-items-center">
          Základní údaje
          {% if user.is_archived %}
            {{ badge_secondary('Archivován') }}
          {% elif user.is_active %}
            <span class="badge bg-success">Aktivní</span>
          {% else %}
            {{ badge_warning('Neaktivní') }}
          {% endif %}
        </div>
        <div class="card-body">
          {% if current_user.has_permission('user.edit_any') %}
          <div class="mb-3">
            <label class="form-label" for="edit_name">Celé jméno <small class="text-muted fw-normal">(Příjmení Jméno)</small>
              {{ help_icon("Zadejte nejdříve příjmení, pak jméno — např. Novák Jan. Tento formát se zobrazuje ve všech přehledech a výkazech.") }}
            </label>
            <input class="form-control" type="text" id="edit_name" name="name"
                   value="{{ user.name }}" placeholder="Novák Jan" required>
          </div>
          <div class="mb-3">
            <label class="form-label" for="edit_email">E-mail
              {{ help_icon("Přihlašovací e-mail uživatele. Musí být unikátní v celém systému.") }}
            </label>
            <input class="form-control" type="email" id="edit_email" name="email"
                   value="{{ user.email }}" required>
          </div>
          <div class="mb-3">
            <label class="form-label" for="edit_phone">Telefon
              {{ help_icon("Nepovinné. Povolené formáty: +420 123 456 789, 00420 123 456 789, 123 456 789 (mezery jsou volitelné).") }}
            </label>
            <input class="form-control" type="tel" id="edit_phone" name="phone"
                   value="{{ user.phone or '' }}">
            <div class="invalid-feedback">Neplatný formát. Povolené formáty: +420 123 456 789, 00420 123 456 789, 123 456 789 (mezery jsou volitelné).</div>
          </div>
          {% else %}
          <dl class="row mb-0">
            <dt class="col-5">Jméno</dt><dd class="col-7">{{ user.name }}</dd>
            <dt class="col-5">E-mail</dt><dd class="col-7">{{ user.email }}</dd>
            <dt class="col-5">Telefon</dt><dd class="col-7">{{ user.phone or '—' }}</dd>
            <dt class="col-5">Registrace</dt><dd class="col-7">{{ user.created_at | localdt }}</dd>
          </dl>
          {% endif %}
        </div>
      </div>

      {% if current_user.has_permission('user.edit_any') %}
      <div class="card mb-4">
        <div class="card-header fw-semibold">Nastavit heslo <span class="text-muted fw-normal fs-6">(volitelné)</span></div>
        <div class="card-body">
          <div class="mb-2">
            <label class="form-label" for="new_password">
              Nové heslo {{ help_icon("Ponechte prázdné, pokud heslo neměníte. Heslo musí mít alespoň "~ min_password_length ~" znaků.") }}
            </label>
            <input class="form-control" type="password" id="new_password" name="new_password"
                   autocomplete="new-password" placeholder="Nové heslo (min. {{ min_password_length }} znaků)">
            <div class="invalid-feedback">Heslo musí mít alespoň {{ min_password_length }} znaků.</div>
          </div>
        </div>
      </div>
      {% endif %}

    </div>

    {# ── Right column: roles + qualifications ── #}
    <div class="col-12 col-lg-7">

      {% if current_user.has_permission('user.assign_role') %}
      <div class="card mb-4">
        <div class="card-header fw-semibold">Role
          {{ help_icon("Role určují, co uživatel v systému smí dělat — jaké stránky vidí a jaké akce může provádět.") }}
        </div>
        <div class="card-body">
          <div class="d-flex flex-wrap gap-2">
            {% for role in all_roles %}
            <div class="form-check">
              <input class="form-check-input" type="checkbox" name="role_ids"
                     value="{{ role.id }}" id="role_{{ role.id }}"
                     {{ 'checked' if role in user.roles }}>
              <label class="form-check-label" for="role_{{ role.id }}">{{ role.name }}</label>
            </div>
            {% endfor %}
          </div>
        </div>
      </div>
      {% endif %}

      {% if current_user.has_permission('user.assign_qualification') %}
      <div class="card mb-4">
        <div class="card-header fw-semibold">Kvalifikace
          {{ help_icon("Kvalifikace určují, na jaké pozice může uživatel nastoupit. Přiřazení zde ovlivňuje, které pozice si může uživatel vybrat při přihlašování na akci.") }}
        </div>
        <div class="card-body">
          <div class="row g-2">
            {% for cred in all_qualifications %}
            <div class="col-12 col-md-6">
              <div class="form-check">
                <input class="form-check-input" type="checkbox" name="qualification_ids"
                       value="{{ cred.id }}" id="cred_{{ cred.id }}"
                       {{ 'checked' if cred in user.qualifications }}>
                <label class="form-check-label" for="cred_{{ cred.id }}">{{ cred.name }}</label>
              </div>
            </div>
            {% endfor %}
          </div>
        </div>
      </div>
      {% endif %}

    </div>
  </div>

  {% if current_user.has_permission('user.edit_any') %}
  <div class="d-flex gap-2 mt-2">
    <button type="submit" class="btn btn-danger">Uložit uživatele</button>
    <a href="{{ url_for('users.index') }}" class="btn btn-outline-secondary">Zrušit</a>
  </div>
  {% endif %}

</form>
{% endblock %}

{% block extra_scripts %}
<script src="{{ url_for('static', filename='js/user-form.js') }}?v={{ static_ver }}"></script>
{% endblock %}