{% extends "base.html" %}

{% block title %}Materialanfragen{% endblock %}
{% block heading %}Material-Anfragen (RFQ){% endblock %}

{% block topbar_actions %}
  <div class="tabs">
    <a class="tab {% if not status_filter %}is-active{% endif %}" href="/purchase-inquiries">Alle</a>
    <a class="tab {% if status_filter=='open' %}is-active{% endif %}" href="/purchase-inquiries?status=open">Offen</a>
    <a class="tab {% if status_filter=='sent' %}is-active{% endif %}" href="/purchase-inquiries?status=sent">Versendet</a>
    <a class="tab {% if status_filter=='answered' %}is-active{% endif %}" href="/purchase-inquiries?status=answered">Antwort da</a>
    <a class="tab {% if status_filter=='converted' %}is-active{% endif %}" href="/purchase-inquiries?status=converted">Bestellt</a>
  </div>
  <a class="btn btn-primary" href="/purchase-inquiries/new">+ Neue Anfrage</a>
{% endblock %}

{% block content %}
<div class="card">
  {% if inquiries %}
  <table class="data-table">
    <thead>
      <tr>
        <th>Nr.</th>
        <th>Erstellt</th>
        <th>Betreff</th>
        <th class="text-right">Positionen</th>
        <th class="text-right">Antworten</th>
        <th>Status</th>
      </tr>
    </thead>
    <tbody>
      {% for pi in inquiries %}
      <tr class="cursor-pointer" onclick="location='/purchase-inquiries/{{ pi.id }}'">
        <td class="font-semibold">{{ pi.inq_no }}</td>
        <td class="text-xs">{{ pi.created_at[:10] }}</td>
        <td>{{ pi.subject }}</td>
        <td class="text-right nums">{{ pi.line_count }}</td>
        <td class="text-right nums">{{ pi.response_count }}</td>
        <td>
          {% set scol = {'open':'amber','sent':'blue','answered':'green','converted':'green','closed':'neutral'} %}
          <span class="badge badge-{{ scol.get(pi.status, 'neutral') }}">{{ pi.status }}</span>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p class="text-muted">Keine Materialanfragen vorhanden. <a href="/purchase-inquiries/new">Neue anlegen →</a></p>
  {% endif %}
</div>
{% endblock %}