{% extends "base.html" %}
{% from 'macros/help.html' import help_icon %}
{% from 'macros/badges.html' import badge_warning %}
{% block title %}Položky vybavení — MedCover{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h2 class="mb-0">Položky vybavení {{ help_icon("Konkrétní kusy vybavení (např. defibrilátor SN-001, lékárnička č. 3). Každá položka patří do některého Typu vybavení. Položky lze přiřadit k akci a sledovat jejich umístění a dostupnost.") }}</h2>
  <div class="d-flex gap-2">
    <a href="{{ url_for('equipment.index') }}" class="btn btn-outline-secondary btn-sm">Typy vybavení</a>
    {% if current_user.has_permission('equipment_item.create') %}
      <a href="{{ url_for('equipment.item_create') }}" class="btn btn-danger btn-sm">Nová položka</a>
    {% endif %}
  </div>
</div>

{# Filters #}
<form method="GET" class="row g-2 mb-3">
  <div class="col-auto">
    <select name="type_id" class="form-select form-select-sm">
      <option value="">Všechny typy</option>
      {% for t in types %}
        <option value="{{ t.id }}" {{ 'selected' if type_filter == t.id }}>{{ t.name }}</option>
      {% endfor %}
    </select>
  </div>
  <div class="col-auto">
    <select name="issued" class="form-select form-select-sm">
      <option value="">Vše</option>
      <option value="yes" {{ 'selected' if issued_filter == 'yes' }}>Vydáno</option>
      <option value="no" {{ 'selected' if issued_filter == 'no' }}>Skladem</option>
    </select>
  </div>
  <div class="col-auto">
    <button type="submit" class="btn btn-outline-secondary btn-sm">Filtrovat</button>
    <a href="{{ url_for('equipment.items') }}" class="btn btn-outline-secondary btn-sm">Vše</a>
  </div>
</form>

{% if equipment_items %}
<div class="table-responsive">
  <table class="table table-hover align-middle" id="itemsTable">
    <thead class="table-light">
      <tr>
        <th class="sortable" data-col="name" class="cursor-pointer">Název <span class="sort-icon text-muted">↕</span></th>
        <th class="sortable" data-col="type" class="cursor-pointer">Typ <span class="sort-icon text-muted">↕</span></th>
        <th>Sériové číslo</th>
        <th>Umístění</th>
        <th class="sortable" data-col="issued" class="cursor-pointer">Vydáno <span class="sort-icon text-muted">↕</span></th>
        <th>Dostupnost</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for item in equipment_items %}
      <tr data-sv='{"name":{{ item.name | lower | tojson }},"type":{{ item.equipment_type.name | lower | tojson }},"issued":{{ (item.issued_to.name | lower if item.issued_to else "") | tojson }}}'
          {% if current_user.has_permission('equipment_item.edit') %}
          class="cursor-pointer"
          data-href="{{ url_for('equipment.item_edit', item_id=item.id) }}"
          {% endif %}>
        <td class="fw-semibold">{{ item.name }}</td>
        <td>{{ item.equipment_type.name }}</td>
        <td class="text-muted small">{{ item.serial_number or '—' }}</td>
        <td class="text-muted small">{{ item.home_location or '—' }}</td>
        <td>
          {% if item.issued_to %}
            {{ badge_warning(item.issued_to.name) }}
          {% else %}
            <span class="text-muted">—</span>
          {% endif %}
        </td>
        <td>
          {% if not item.is_available %}
            <span class="badge text-bg-warning">
              Nedostupná od {{ item.unavailability_since | localdate }}
              {% if item.unavailability_until %}do {{ item.unavailability_until | localdate }}{% endif %}
              {% if item.unavailability_reason %}&mdash; {{ item.unavailability_reason }}{% endif %}
            </span>
          {% elif item.unavailability_since %}
            <span class="badge text-bg-secondary">
              Plánovaná nedostupnost od {{ item.unavailability_since | localdate }}
              {% if item.unavailability_until %}do {{ item.unavailability_until | localdate }}{% endif %}
              {% if item.unavailability_reason %}&mdash; {{ item.unavailability_reason }}{% endif %}
            </span>
          {% else %}
            <span class="text-muted small">—</span>
          {% endif %}
        </td>
        <td class="text-end">
          <div class="d-flex gap-1 justify-content-end flex-wrap">
            {% if current_user.has_permission('equipment_item.issue_personal') and not item.issued_to %}
              <form method="POST" action="{{ url_for('equipment.item_take', item_id=item.id) }}"
                    data-confirm="Vzít položku „{{ item.name }}“ s sebou?">
                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                <button class="btn btn-outline-primary btn-sm">Vzít s sebou</button>
              </form>
              <button class="btn btn-outline-success btn-sm" type="button"
                      data-bs-toggle="collapse" data-bs-target="#issue-form-{{ item.id }}">
                Vydat
              </button>
            {% endif %}
            {% if current_user.has_permission('equipment_item.issue_personal') and item.issued_to %}
              <form method="POST" action="{{ url_for('equipment.item_return', item_id=item.id) }}"
                    data-confirm="Vrátit položku „{{ item.name }}”?">
                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                <button class="btn btn-outline-warning btn-sm">Vrátit</button>
              </form>
            {% endif %}
            {% if current_user.has_permission('equipment_item.availability_modify') %}
              {% if not item.is_available %}
                <form method="POST" action="{{ url_for('equipment.item_mark_available', item_id=item.id) }}"
                      data-confirm="Vrátit položku „{{ item.name }}“ do provozu jako dostupnou?">
                  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                  <input type="hidden" name="version" value="{{ item.version }}">
                  <button class="btn btn-outline-success btn-sm">Vrátit do provozu</button>
                </form>
              {% elif item.unavailability_since %}
                <form method="POST" action="{{ url_for('equipment.item_mark_available', item_id=item.id) }}"
                      data-confirm="Zrušit plánovaný servis položky „{{ item.name }}”?">
                  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                  <input type="hidden" name="version" value="{{ item.version }}">
                  <button class="btn btn-outline-warning btn-sm">Zrušit plánovanou nedostupnost</button>
                </form>
              {% else %}
                <button class="btn btn-outline-secondary btn-sm" type="button"
                        data-bs-toggle="collapse" data-bs-target="#unavail-form-{{ item.id }}">
                  Servis
                </button>
              {% endif %}
            {% endif %}
            {% if current_user.has_permission('equipment_item.delete') %}
              <form method="POST" action="{{ url_for('equipment.item_delete', item_id=item.id) }}"
                    class="d-inline"
                    data-confirm="Smazat položku „{{ item.name }}”?">
                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                <button class="btn btn-outline-danger btn-sm">Smazat</button>
              </form>
            {% endif %}
          </div>
          {% if current_user.has_permission('equipment_item.issue_personal') and not item.issued_to %}
          <div class="collapse mt-1" id="issue-form-{{ item.id }}">
            <form method="POST" action="{{ url_for('equipment.item_issue', item_id=item.id) }}" class="d-flex gap-1">
              <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
              <select name="user_id" class="form-select form-select-sm" required>
                <option value="">— vyberte uživatele —</option>
                {% for u in active_users %}
                  <option value="{{ u.id }}">{{ u.name }}</option>
                {% endfor %}
              </select>
              <button type="submit" class="btn btn-success btn-sm">OK</button>
            </form>
          </div>
          {% endif %}
          {% if current_user.has_permission('equipment_item.availability_modify') and item.is_available and not item.unavailability_since %}
          <div class="collapse mt-1" id="unavail-form-{{ item.id }}">
            <form method="POST" action="{{ url_for('equipment.item_mark_unavailable', item_id=item.id) }}"
                  class="row g-2 align-items-end mt-0">
              <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
              <input type="hidden" name="version" value="{{ item.version }}">
              <div class="col-sm-4">
                <label class="form-label form-label-sm mb-1 text-muted small">Důvod</label>
                <input type="text" name="reason" class="form-control form-control-sm"
                       placeholder="Servis, oprava…">
              </div>
              <div class="col-sm-3">
                <label class="form-label form-label-sm mb-1 text-muted small">Nedostupná od</label>
                <input type="text" name="since" class="form-control form-control-sm flatpickr-date">
              </div>
              <div class="col-sm-3">
                <label class="form-label form-label-sm mb-1 text-muted small">Do (výlučně, prázdné = neurčito)</label>
                <input type="text" name="until" class="form-control form-control-sm flatpickr-date">
              </div>
              <div class="col-sm-2">
                <button type="submit" class="btn btn-warning btn-sm w-100">Označit</button>
              </div>
            </form>
          </div>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
  <p class="text-muted">Žádné položky vybavení nenalezeny.</p>
{% endif %}
{% endblock %}

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