{% extends "base.html" %}
{% from 'macros/help.html' import help_icon %}
{% block title %}Nová kvalifikace — MedCover{% endblock %}

{% block content %}
<div class="row justify-content-center">
  <div class="col-12 col-lg-6">
    <h2 class="mb-4">Nová kvalifikace</h2>
    <form method="POST" novalidate>
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <div class="mb-3">
        <label for="name" class="form-label">Název <span class="text-danger">*</span>
          {{ help_icon("Název kvalifikace, např. 'Záchranář' nebo 'ZZS'. Musí být jednoznačný — používá se při přiřazování míst na akci.") }}
        </label>
        <input type="text" class="form-control" id="name" name="name"
               value="{{ request.form.get('name', '') }}" required autofocus>
      </div>
      <div class="mb-3">
        <label for="description" class="form-label">Popis
          {{ help_icon("Volitelný popis — co tato kvalifikace obnáší, jaký certifikát nebo průkaz ji dokládá.") }}
        </label>
        <textarea class="form-control" id="description" name="description" rows="2">{{ request.form.get('description', '') }}</textarea>
      </div>
      <div class="mb-3">
        <div class="form-check">
          <input class="form-check-input" type="checkbox" id="can_be_rp" name="can_be_rp"
                 {{ 'checked' if request.form.get('can_be_rp') }}>
          <label class="form-check-label" for="can_be_rp">
            Může být zodpovědná osoba
            {{ help_icon("Zaškrtněte, pokud držitel této kvalifikace může být zodpovědnou osobou na akci. Typicky: Zdravotník ZA, Záchranář, Lékař.") }}
          </label>
        </div>
      </div>
      {% if all_qualifications %}
      <div class="mb-4">
        <label class="form-label">Nadřazené kvalifikace
          {{ help_icon("Označte kvalifikace, jejichž držitelé mohou automaticky zastoupit tuto kvalifikaci. Příklad: pokud zaškrtnete 'Záchranář', pak záchranář může obsadit pozici určenou pro zdravotníka.") }}
        </label>
        <div class="form-text mb-2">Označte kvalifikace, jejichž držitelé mohou zastoupit tuto kvalifikaci.</div>
        {% for cred in all_qualifications %}
        <div class="form-check">
          <input class="form-check-input" type="checkbox" name="parent_ids"
                 id="parent_{{ cred.id }}" value="{{ cred.id }}"
                 {{ 'checked' if cred.id|string in request.form.getlist('parent_ids') }}>
          <label class="form-check-label" for="parent_{{ cred.id }}">{{ cred.name }}</label>
        </div>
        {% endfor %}
      </div>
      {% endif %}
      <div class="d-flex gap-2">
        <button type="submit" class="btn btn-danger">Vytvořit</button>
        <a href="{{ url_for('qualifications.index') }}" class="btn btn-outline-secondary">Zrušit</a>
      </div>
    </form>
  </div>
</div>
{% endblock %}