{% extends "base.html" %}

{% block title %}Neue Materialanfrage{% endblock %}
{% block heading %}Neue Material-Anfrage{% endblock %}

{% block topbar_actions %}
  <a class="btn btn-secondary" href="/purchase-inquiries">← Zurück</a>
{% endblock %}

{% block content %}
<form method="post" action="/purchase-inquiries/new" class="card">
  <div class="form-grid">
    <label class="span-2">Betreff
      <input type="text" name="subject" required placeholder="z.B. Stahlstange 1.4301 ø 30 mm, 6 m">
    </label>
    <label class="span-2">Notiz / Begleittext
      <textarea name="note" rows="3" placeholder="Lieferzeit-Anforderung, Sonderwünsche, Zeichnung-Hinweise …"></textarea>
    </label>
  </div>

  <h3 style="margin-top: 6mm;">Erste Position (optional, weitere im Detail)</h3>
  <div class="form-grid">
    <label>Material
      <select name="first_line_material_id">
        <option value="">— Freitext —</option>
        {% for m in materials %}
          <option value="{{ m.id }}">{{ m.code }} — {{ m.name }}</option>
        {% endfor %}
      </select>
    </label>
    <label>Menge
      <input type="number" step="0.01" name="first_line_qty" value="1">
    </label>
    <label>Einheit
      <input type="text" name="first_line_unit" value="Stk">
    </label>
    <label>Ziel-Preis (€/Einheit, optional)
      <input type="number" step="0.01" name="first_line_target_price">
    </label>
    <label class="span-2">Beschreibung
      <input type="text" name="first_line_description" placeholder="z.B. Stahl 1.4301 ø30 mm, Länge 6000 mm">
    </label>
  </div>

  <div class="form-actions">
    <button type="submit" class="btn btn-primary">Anfrage anlegen</button>
  </div>
</form>
{% endblock %}