{% extends "base.html" %}

{% block title %}{{ pi.inq_no }} — {{ pi.subject }}{% endblock %}
{% block heading %}{{ pi.inq_no }} — {{ pi.subject }}{% endblock %}

{% block topbar_actions %}
  <a class="btn btn-secondary" href="/purchase-inquiries">← Zurück</a>
  <form method="post" action="/purchase-inquiries/{{ pi.id }}/status" style="display:inline;">
    <select name="status" onchange="this.form.submit()" class="status-select">
      {% for s in ['open', 'sent', 'answered', 'converted', 'closed'] %}
        <option value="{{ s }}" {% if pi.status == s %}selected{% endif %}>{{ s }}</option>
      {% endfor %}
    </select>
  </form>
{% endblock %}

{% block content %}
<div class="card">
  <p>{{ pi.note or '—' }}</p>
  <p class="text-xs text-muted">Erstellt: {{ pi.created_at[:16] }} · Status: <strong>{{ pi.status }}</strong></p>
</div>

<!-- ============ Positionen ============ -->
<div class="card">
  <h3 style="margin-top: 0;">Positionen <span class="badge badge-neutral">{{ pi.lines|length }}</span></h3>
  {% if pi.lines %}
  <table class="data-table">
    <thead>
      <tr>
        <th>#</th>
        <th>Material</th>
        <th>Beschreibung</th>
        <th class="text-right">Menge</th>
        <th>Einheit</th>
        <th class="text-right">Ziel-Preis</th>
      </tr>
    </thead>
    <tbody>
      {% for l in pi.lines %}
      <tr>
        <td>{{ loop.index }}</td>
        <td class="text-xs">{{ l.material_code or '—' }}</td>
        <td>{{ l.description }}</td>
        <td class="text-right nums">{{ '%g' % l.qty }}</td>
        <td class="text-xs">{{ l.unit }}</td>
        <td class="text-right nums">
          {% if l.target_price is not none %}{{ '%.2f' % l.target_price }} €{% else %}—{% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% endif %}

  <details style="margin-top: 4mm;">
    <summary class="btn btn-secondary btn-sm">+ Position hinzufügen</summary>
    <form method="post" action="/purchase-inquiries/{{ pi.id }}/lines" style="margin-top: 3mm;">
      <div class="form-grid">
        <label>Material
          <select name="material_id"><option value="">— Freitext —</option>
            {% for m in materials %}<option value="{{ m.id }}">{{ m.code }} — {{ m.name }}</option>{% endfor %}
          </select>
        </label>
        <label>Beschreibung <input type="text" name="description" required></label>
        <label>Menge <input type="number" step="0.01" name="qty" value="1" required></label>
        <label>Einheit <input type="text" name="unit" value="Stk"></label>
        <label>Ziel-Preis (€) <input type="number" step="0.01" name="target_price"></label>
      </div>
      <button type="submit" class="btn btn-primary btn-sm">Hinzufügen</button>
    </form>
  </details>
</div>

<!-- ============ Antworten (Preisvergleich) ============ -->
<div class="card">
  <h3 style="margin-top: 0;">Antworten <span class="badge badge-neutral">{{ pi.responses|length }}</span></h3>
  {% if pi.responses %}
  <table class="data-table">
    <thead>
      <tr>
        <th>Lieferant</th>
        <th class="text-right">Summe netto</th>
        <th class="text-right">Lieferzeit</th>
        <th>Gültig bis</th>
        <th>Notiz</th>
        <th>Empfangen</th>
      </tr>
    </thead>
    <tbody>
      {% for r in pi.responses %}
      <tr{% if loop.first %} style="background:rgba(34,197,94,0.08);"{% endif %}>
        <td><strong>{{ r.vendor_name }}</strong>{% if loop.first %} ⭐{% endif %}</td>
        <td class="text-right nums">{{ '%.2f' % r.total_net }} €</td>
        <td class="text-right nums">{% if r.lead_time_days %}{{ r.lead_time_days }} Tage{% else %}—{% endif %}</td>
        <td class="text-xs">{{ r.valid_until or '—' }}</td>
        <td class="text-xs">{{ r.note or '—' }}</td>
        <td class="text-xs">{{ r.received_at[:10] }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  <p class="text-xs text-muted" style="margin-top: 2mm;">Sortiert nach Preis aufsteigend. Bestes Angebot ist mit ⭐ markiert.</p>
  {% endif %}

  <details style="margin-top: 4mm;">
    <summary class="btn btn-secondary btn-sm">+ Antwort erfassen</summary>
    <form method="post" action="/purchase-inquiries/{{ pi.id }}/responses" style="margin-top: 3mm;">
      <div class="form-grid">
        <label>Lieferant *
          <select name="vendor_id" required>
            <option value="">— bitte wählen —</option>
            {% for v in vendors %}<option value="{{ v.id }}">{{ v.name }}</option>{% endfor %}
          </select>
        </label>
        <label>Summe netto (€) *
          <input type="number" step="0.01" name="total_net" required>
        </label>
        <label>Lieferzeit (Tage)
          <input type="number" name="lead_time_days">
        </label>
        <label>Gültig bis
          <input type="date" name="valid_until">
        </label>
        <label class="span-2">Notiz
          <input type="text" name="note" placeholder="Skonto, Lieferbedingung, Mindestmenge …">
        </label>
      </div>
      <button type="submit" class="btn btn-primary btn-sm">Antwort erfassen</button>
    </form>
  </details>
</div>
{% endblock %}