{% extends "base.html" %}
{% from 'macros/help.html' import help_icon %}
{% from 'macros/badges.html' import badge_info, badge_secondary %}
{% block title %}Vybavení — MedCover{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h2 class="mb-0">Typy vybavení {{ help_icon("Typy vybavení jsou kategorie (např. Defibrilátory, Lékárničky, Sanitky). Pod každý typ spadají konkrétní Položky vybavení. Přiřazení vybavení k akci probíhá na úrovni položek.") }}</h2>
  <div class="d-flex gap-2">
    <a href="{{ url_for('equipment.items') }}" class="btn btn-outline-secondary btn-sm">Přehled položek</a>
    {% if current_user.has_permission('equipment_type.create') %}
      <a href="{{ url_for('equipment.type_create') }}" class="btn btn-danger btn-sm">Nový typ</a>
    {% endif %}
  </div>
</div>

{% if types %}
<div class="table-responsive">
  <table class="table table-hover align-middle">
    <thead class="table-light">
      <tr>
        <th>Název</th>
        <th>Popis</th>
        <th class="text-center">Položek</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for et in types %}
      <tr {% if current_user.has_permission('equipment_type.edit') %}
          class="cursor-pointer"
          data-href="{{ url_for('equipment.type_edit', type_id=et.id) }}"
          {% endif %}>
        <td class="fw-semibold">{{ et.name }}</td>
        <td class="text-muted small">{{ et.description or '—' }}</td>
        <td class="text-center">{{ et.items | length }}</td>
        <td class="text-end">
          {% if current_user.has_permission('equipment_type.delete') %}
            <form method="POST" action="{{ url_for('equipment.type_delete', type_id=et.id) }}"
                  class="d-inline"
                  data-confirm="Smazat typ „{{ et.name }}“">
              <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
              <button class="btn btn-outline-danger btn-sm">Smazat</button>
            </form>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
  <p class="text-muted">Žádné typy vybavení zatím nejsou definovány.</p>
{% endif %}
{% endblock %}