{% extends "base.html" %}

{% block title %}Rüstpläne{% endblock %}
{% block heading %}Rüstpläne · Setup-Sheets{% endblock %}
{% block topbar_actions %}
  <a href="/setup-plans/new" class="btn btn-primary">+ Neuer Rüstplan</a>
{% endblock %}

{% block content %}
<div class="card">
  <form method="get" action="/setup-plans"
        style="padding:12px 16px;display:flex;gap:12px;align-items:end;flex-wrap:wrap;
               border-bottom:1px solid var(--card-border-2);">
    <div>
      <label class="text-[10px] uppercase tracking-wider font-semibold"
             style="color:var(--card-text-muted);">Bauteil</label>
      <select name="item_id" class="select mt-1">
        <option value="">— alle —</option>
        {% for i in items %}
        <option value="{{ i.id }}" {% if i.id == filter_item_id %}selected{% endif %}>{{ i.ident }}{% if i.description %} — {{ i.description[:40] }}{% endif %}</option>
        {% endfor %}
      </select>
    </div>
    <div>
      <label class="text-[10px] uppercase tracking-wider font-semibold"
             style="color:var(--card-text-muted);">Maschine</label>
      <select name="machine_id" class="select mt-1">
        <option value="">— alle —</option>
        {% for m in machines %}
        <option value="{{ m.id }}" {% if m.id == filter_machine_id %}selected{% endif %}>{{ m.name }}</option>
        {% endfor %}
      </select>
    </div>
    <button type="submit" class="btn btn-primary">Filtern</button>
    <a href="/setup-plans" class="btn btn-secondary">Zurücksetzen</a>
  </form>

  <div class="card-body" style="padding:0;">
    <table class="data-table" style="width:100%;font-size:13px;">
      <thead>
        <tr>
          <th>Plan</th>
          <th>Bauteil</th>
          <th>Maschine</th>
          <th class="text-right">Schritte</th>
          <th class="text-right">Rüstzeit (gepl.)</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        {% for p in plans %}
        <tr>
          <td><strong>{{ p.name }}</strong></td>
          <td>{{ p.item_ident or '—' }}{% if p.item_description %}<div class="text-[11px] text-neutral-500">{{ p.item_description[:50] }}</div>{% endif %}</td>
          <td>{{ p.machine_name or '— alle Maschinen —' }}</td>
          <td class="text-right nums">{{ p.step_count }}</td>
          <td class="text-right nums">{{ p.est_minutes }} min</td>
          <td><a href="/setup-plans/{{ p.id }}" class="btn btn-sm btn-secondary">Details</a></td>
        </tr>
        {% else %}
        <tr><td colspan="6" style="padding:40px;text-align:center;color:var(--card-text-muted);">
          Noch keine Rüstpläne. <a href="/setup-plans/new">Ersten anlegen</a> →
        </td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  <div class="card-footer" style="padding:10px 16px;font-size:11px;color:var(--card-text-muted);">
    {{ plans|length }} Rüstpläne · Rüstpläne werden im Shopfloor beim Job-Start automatisch angezeigt
  </div>
</div>
{% endblock %}