{% extends "base.html" %}
{% from "_macros.html" import attachments_card %}

{% block title %}Messprotokoll #{{ rec.id }}{% endblock %}
{% block breadcrumb %}<p class="text-xs text-neutral-500"><a href="/measurements" class="hover:underline">Messprotokolle</a> / Protokoll #{{ rec.id }}</p>{% endblock %}
{% block heading %}Protokoll #{{ rec.id }} — {{ rec.template_name }}{% endblock %}
{% block topbar_actions %}
  {% if rec.status == 'passed' %}<span class="badge badge-emerald">i.O. ✓</span>
  {% elif rec.status == 'failed' %}<span class="badge badge-red">n.i.O. ✗</span>
  {% elif rec.status == 'partial' %}<span class="badge badge-amber">Teilweise</span>
  {% else %}<span class="badge badge-neutral">Offen</span>{% endif %}
  <a class="btn btn-sm btn-secondary" href="/measurements/records/{{ rec.id }}/print" target="_blank">Druckansicht</a>
  <a class="btn btn-sm btn-primary" href="/measurements/records/{{ rec.id }}/pdf" target="_blank">Messbericht PDF</a>
{% endblock %}

{% block content %}

<section class="card max-w-4xl">
  <div class="card-header"><div>
    <h2>Kopfdaten</h2>
  </div></div>
  <div class="p-5 grid grid-cols-3 gap-x-6 gap-y-3 text-sm">
    <div>
      <p class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Vorlage</p>
      <p class="mt-0.5 font-medium">{{ rec.template_name }}</p>
    </div>
    <div>
      <p class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Seriennr.</p>
      <p class="mt-0.5 nums">{{ rec.serial_no or '—' }}</p>
    </div>
    <div>
      <p class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Erfasst</p>
      <p class="mt-0.5 nums">{{ rec.created_at[:16] }}</p>
    </div>
    <div>
      <p class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Geprüft von</p>
      <p class="mt-0.5">{% if rec.first_name %}{{ rec.first_name }} {{ rec.last_name }}{% else %}—{% endif %}</p>
    </div>
    {% if rec.template_description %}
    <div class="col-span-2">
      <p class="text-[10px] uppercase tracking-wider font-semibold text-neutral-500">Beschreibung</p>
      <p class="mt-0.5 text-neutral-600">{{ rec.template_description }}</p>
    </div>
    {% endif %}
  </div>
</section>

<section class="card max-w-4xl">
  <div class="card-header"><div>
    <h2>Mess-Werte</h2>
    <p class="sub">Soll · Toleranz · Ist · Bewertung</p>
  </div></div>
  <table class="data-table">
    <thead>
      <tr>
        <th>#</th>
        <th>Maß</th>
        <th class="num">Soll</th>
        <th class="num">+Tol</th>
        <th class="num">−Tol</th>
        <th class="num">Ist</th>
        <th class="num">Δ Abweichung</th>
        <th>OK?</th>
      </tr>
    </thead>
    <tbody>
      {% for p in points %}
      {% set v = values[loop.index0] if loop.index0 < (values|length) else {"value": none, "ok": none} %}
      <tr {% if v.ok == false %}style="background:rgba(239, 68, 68, 0.07);"{% elif v.ok == true %}style="background:rgba(16, 185, 129, 0.06);"{% endif %}>
        <td class="num text-neutral-500">{{ loop.index }}</td>
        <td><div class="font-medium">{{ p.name }}</div></td>
        <td class="num nums">{{ p.nominal }} {{ p.unit }}</td>
        <td class="num nums text-xs">+{{ p.tol_plus }}</td>
        <td class="num nums text-xs">{{ p.tol_minus }}</td>
        <td class="num nums font-semibold">{% if v.value is not none %}{{ v.value }} {{ p.unit }}{% else %}—{% endif %}</td>
        <td class="num nums text-xs">
          {% if v.value is not none %}
            {% set delta = v.value - p.nominal %}
            {% if delta >= 0 %}+{% endif %}{{ "%.4f"|format(delta) }}
          {% else %}—{% endif %}
        </td>
        <td>
          {% if v.ok == true %}<span class="badge badge-emerald">✓ i.O.</span>
          {% elif v.ok == false %}<span class="badge badge-red">✗ n.i.O.</span>
          {% else %}<span class="badge badge-neutral">offen</span>{% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</section>

{% if rec.note %}
<section class="card max-w-4xl">
  <div class="card-header"><div><h2>Notiz</h2></div></div>
  <div class="p-5 text-sm whitespace-pre-line">{{ rec.note }}</div>
</section>
{% endif %}

<section class="max-w-4xl">
  {{ attachments_card(
       attachments,
       action_url="/measurements/records/" ~ rec.id ~ "/attachment",
       title="Bilder zur Messung",
       subtitle="Fotos vom geprüften Bauteil, Messmikroskop-Aufnahmen, abgewiesene Stücke"
     ) }}
</section>

<style>
  @media print {
    aside, header, .btn { display: none !important; }
    main { margin: 0 !important; }
    body { background: white !important; }
    .card { border: 1px solid #999; box-shadow: none; }
  }
</style>

{% endblock %}