{% extends "base.html" %}
{% block title %}{{ 'Upravit položku vybavení' if edit else 'Nová položka vybavení' }} — MedCover{% endblock %}

{% block content %}
<div class="row justify-content-center">
  <div class="col-12 col-lg-6">
    <h2 class="mb-4">{{ 'Upravit položku vybavení' if edit else 'Nová položka vybavení' }}</h2>
    <form method="POST" novalidate>
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      {% if edit %}
        <input type="hidden" name="version" value="{{ item.version }}">
      {% endif %}

      <div class="mb-3">
        <label for="name" class="form-label">Název <span class="text-danger">*</span></label>
        <input type="text" class="form-control" id="name" name="name"
               value="{{ item.name if edit else request.form.get('name', '') }}"
               required autofocus>
      </div>

      <div class="mb-3">
        <label for="type_id" class="form-label">Typ vybavení <span class="text-danger">*</span></label>
        <select class="form-select" id="type_id" name="type_id" required>
          <option value="">— vyberte —</option>
          {% for t in types %}
            <option value="{{ t.id }}"
              {{ 'selected' if (edit and item.type_id == t.id) or (not edit and request.form.get('type_id')|int == t.id) }}>
              {{ t.name }}
            </option>
          {% endfor %}
        </select>
      </div>

      <div class="mb-3">
        <label for="serial_number" class="form-label">Sériové číslo</label>
        <input type="text" class="form-control" id="serial_number" name="serial_number"
               value="{{ (item.serial_number or '') if edit else request.form.get('serial_number', '') }}">
      </div>

      <div class="mb-3">
        <label for="home_location" class="form-label">Výchozí umístění</label>
        <input type="text" class="form-control" id="home_location" name="home_location"
               value="{{ (item.home_location or '') if edit else request.form.get('home_location', '') }}">
      </div>

      <div class="mb-4">
        <label for="notes" class="form-label">Poznámky</label>
        <textarea class="form-control" id="notes" name="notes" rows="3">{{ (item.notes or '') if edit else request.form.get('notes', '') }}</textarea>
      </div>

      {% if edit and can_modify_availability %}
      <hr>
      <h5 class="mb-3">Servis / údržba
        {{ help_icon("Vyplňte datum začátku (a volitelně konce) servisního okna. Pokud je vyplněno, položka je v daném období automaticky vyřazena z dostupné zásoby pro plánování akcí. Prázdné = žádný servis naplánován.") if help_icon is defined else '' }}
      </h5>
      <div class="mb-3">
        <label for="unavailability_reason" class="form-label">Důvod</label>
        <textarea class="form-control" id="unavailability_reason" name="unavailability_reason"
                  rows="2" placeholder="Např. čeká na opravu, výměna baterie…">{{ (item.unavailability_reason or '') if edit else '' }}</textarea>
      </div>
      <div class="row g-3 mb-3">
        <div class="col-md-6">
          <label for="unavailability_since" class="form-label">Servis od</label>
          <input type="text" class="form-control flatpickr-date" id="unavailability_since"
                 name="unavailability_since"
                 value="{{ item.unavailability_since | localdate_iso if edit and item.unavailability_since else '' }}">
        </div>
        <div class="col-md-6">
          <label for="unavailability_until" class="form-label">Do (výlučně, prázdné = neurčito)</label>
          <input type="text" class="form-control flatpickr-date" id="unavailability_until"
                 name="unavailability_until"
                 value="{{ item.unavailability_until | localdate_iso if edit and item.unavailability_until else '' }}">
        </div>
      </div>
      {% endif %}

      <div class="d-flex gap-2">
        <button type="submit" class="btn btn-danger">{{ 'Uložit' if edit else 'Vytvořit' }}</button>
        <a href="{{ url_for('equipment.items') }}" class="btn btn-outline-secondary">Zrušit</a>
      </div>
    </form>
  </div>
</div>
{% endblock %}