{% extends "base.html" %}

{% block title %}{{ item.ident }} · CNC-Programme{% endblock %}
{% block breadcrumb %}<p class="text-xs text-neutral-500"><a href="/items" class="hover:underline">Artikel</a> / <a href="/items/{{ item.id }}" class="hover:underline">{{ item.ident }}</a> / CNC-Programme</p>{% endblock %}
{% block heading %}{{ item.ident }} <span class="text-neutral-400 font-normal text-base ml-2">· CNC-Programme</span>{% endblock %}
{% block topbar_actions %}
  <div class="tabs">
    <a class="tab {% if not show_all %}is-active{% endif %}" href="/items/{{ item.id }}/cnc">Aktive Versionen</a>
    <a class="tab {% if show_all %}is-active{% endif %}" href="/items/{{ item.id }}/cnc?all=1">Alle (mit Archiv)</a>
  </div>
{% endblock %}

{% block content %}
{# Upload-Form #}
<form method="post" action="/items/{{ item.id }}/cnc/upload"
      enctype="multipart/form-data" class="card max-w-4xl mb-4">
  <div class="card-header"><div>
    <h2>Neues Programm hochladen</h2>
    <p class="sub">
      Erlaubte Dateitypen: .nc · .h · .ptp · .mpf · .mod · .gcode · .tap · .iso · .cnc · .eia · .pdf
      · max. 8 MB.
      Beim Upload wird die Versionsnummer automatisch hochgezählt und die alte Version archiviert.
    </p>
  </div></div>
  <div class="p-5 grid grid-cols-1 md:grid-cols-3 gap-x-6 gap-y-4">
    <div class="md:col-span-2">
      <label class="text-[10px] uppercase tracking-wider font-semibold" style="color: var(--card-text-muted);">CNC-Datei *</label>
      <input class="input mt-1 w-full" type="file" name="file" required
             accept=".nc,.h,.ptp,.mpf,.spf,.mod,.gcode,.tap,.iso,.cnc,.eia,.cls,.min,.txt,.pdf">
    </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 w-full">
        <option value="">— alle Maschinen —</option>
        {% for m in machines %}
          <option value="{{ m.id }}">{{ m.name }}</option>
        {% endfor %}
      </select>
    </div>
    <div class="md:col-span-3">
      <label class="text-[10px] uppercase tracking-wider font-semibold" style="color: var(--card-text-muted);">Beschreibung (Tools, Material, Aufspannung)</label>
      <input class="input mt-1 w-full" type="text" name="description"
             placeholder="z.B. 1.4301 Ø50mm × 80mm · CK-Aufspannung · 12 Tools">
    </div>
    <div class="md:col-span-3">
      <label class="text-[10px] uppercase tracking-wider font-semibold" style="color: var(--card-text-muted);">Änderungs-Notiz (was wurde gegenüber der vorherigen Version geändert?)</label>
      <input class="input mt-1 w-full" type="text" name="change_note"
             placeholder="z.B. Schnittwerte für T7 erhöht · Schwingung beim Ausstechen behoben">
    </div>
  </div>
  <div class="px-5 py-4 border-t flex justify-end" style="border-color: var(--card-border-2);">
    <button class="btn btn-primary" type="submit">+ Programm hochladen</button>
  </div>
</form>

{# Programm-Liste #}
<div class="card">
  <div class="card-header"><div>
    <h2>{% if show_all %}Alle Versionen{% else %}Aktive Versionen{% endif %}
      <span class="text-neutral-400 font-normal text-sm">· {{ programs|length }}</span>
    </h2>
    <p class="sub">
      {% if show_all %}
      Alle hochgeladenen Programme — sowohl aktiv als auch archiviert. Über „Reaktivieren" können
      Sie eine ältere Version wieder als die aktuell gültige markieren.
      {% else %}
      Pro Maschine wird die jeweils aktuellste Version hier gezeigt.
      {% endif %}
    </p>
  </div></div>

  {% if programs %}
  <table class="data-table">
    <thead>
      <tr>
        <th>Version</th>
        <th>Maschine</th>
        <th>Datei</th>
        <th>Beschreibung</th>
        <th>Änderung</th>
        <th class="num">Größe</th>
        <th>Hochgeladen</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for p in programs %}
      <tr {% if not p.is_active %}style="opacity:0.55;"{% endif %}>
        <td class="nums font-bold">
          {{ p.version }}
          {% if p.is_active %}<br><span class="badge badge-emerald" style="font-size:9px;">AKTIV</span>
          {% else %}<br><span class="badge badge-neutral" style="font-size:9px;">archiviert</span>{% endif %}
        </td>
        <td class="text-xs">{{ p.machine_name or '— alle —' }}</td>
        <td class="text-xs nums" style="max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
          {{ p.file_name }}
        </td>
        <td class="text-xs" style="max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--card-text-muted);">
          {{ p.description or '—' }}
        </td>
        <td class="text-xs" style="max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fbbf24;">
          {{ p.change_note or '—' }}
        </td>
        <td class="num text-xs nums">
          {% if p.file_size %}{{ '%.1f'|format(p.file_size / 1024) }} kB{% else %}—{% endif %}
        </td>
        <td class="text-xs nums" style="color: var(--card-text-muted);">
          {{ (p.uploaded_at or '')[:16] }}
          {% if p.uploader_first %}<br>{{ p.uploader_first }} {{ p.uploader_last or '' }}{% endif %}
        </td>
        <td class="text-right" style="white-space:nowrap;">
          <a class="btn btn-sm btn-secondary" href="/cnc-programs/{{ p.id }}/download">Download</a>
          {% if p.is_active %}
          <form method="post" action="/cnc-programs/{{ p.id }}/archive" style="display:inline;"
                onsubmit="return confirm('Diese Version archivieren? Eine ältere wird dadurch nicht automatisch reaktiviert.');">
            <button class="btn btn-sm btn-secondary" type="submit"
                    style="color:#ef4444;border-color:#ef4444;">Archivieren</button>
          </form>
          {% else %}
          <form method="post" action="/cnc-programs/{{ p.id }}/reactivate" style="display:inline;"
                onsubmit="return confirm('Diese Version als aktiv setzen? Andere Versionen für dieselbe Maschine werden archiviert.');">
            <button class="btn btn-sm btn-primary" type="submit">Reaktivieren</button>
          </form>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <div class="p-12 text-center">
    <div style="font-size: 48px; line-height: 1; opacity: 0.20; margin-bottom: 12px;">🔧</div>
    <p class="text-sm" style="color: var(--card-text-muted);">
      Noch keine CNC-Programme für diesen Artikel hochgeladen.
    </p>
  </div>
  {% endif %}
</div>

<div class="entity-tasks max-w-4xl" data-entity-type="item" data-entity-id="{{ item.id }}"></div>
{% endblock %}