{% extends "base.html" %}
{% block title %}Preise — {{ ausschreibung.titel }}{% endblock %}
{% block content %}

<div class="flex items-center justify-between mb-4">
  <h1 class="page-title">Preise</h1>
  <div class="flex gap-2">
    <a href="{% url 'ausschreibungen:preise:auswertung' ausschreibung.pk %}" class="btn-secondary text-xs">Auswertung</a>
    <a href="{% url 'ausschreibungen:preise:neu' ausschreibung.pk %}" class="btn-primary text-xs">+ Preispunkt</a>
  </div>
</div>

<form method="get" class="card mb-4 flex flex-wrap gap-3 items-end">
  <div>
    <label class="form-label">Leistungstyp</label>
    <input type="text" name="leistungstyp" value="{{ filter.leistungstyp }}" list="lt-list" class="form-input">
    <datalist id="lt-list">{% for lt in leistungstypen %}<option value="{{ lt }}">{% endfor %}</datalist>
  </div>
  <div>
    <label class="form-label">Los</label>
    <select name="los" class="form-select">
      <option value="">Alle</option>
      {% for los in lose %}<option value="{{ los.pk }}" {% if filter.los == los.pk|stringformat:"s" %}selected{% endif %}>{{ los.bezeichnung }}</option>{% endfor %}
    </select>
  </div>
  <div>
    <label class="form-label">Subunternehmer</label>
    <select name="subunternehmer" class="form-select">
      <option value="">Alle</option>
      <option value="ja" {% if filter.subunternehmer == 'ja' %}selected{% endif %}>Ja</option>
      <option value="nein" {% if filter.subunternehmer == 'nein' %}selected{% endif %}>Nein</option>
    </select>
  </div>
  <button type="submit" class="btn-secondary text-xs">Filtern</button>
  {% if filter.leistungstyp or filter.los or filter.subunternehmer %}
  <a href="{% url 'ausschreibungen:preise:liste' ausschreibung.pk %}" class="btn-ghost text-xs">Zurücksetzen</a>
  {% endif %}
</form>

{% if preispunkte %}
<div class="card overflow-hidden">
  <table class="w-full text-sm">
    <thead>
      <tr class="border-b border-slate-200 text-left text-xs text-slate-500">
        <th class="pb-2 pr-3">Leistungstyp</th>
        <th class="pb-2 pr-3">Konkrete Leistung</th>
        <th class="pb-2 pr-3 text-right">Menge/Einh.</th>
        <th class="pb-2 pr-3 text-right">Einzelpreis</th>
        <th class="pb-2 pr-3 text-right">Gesamtpreis</th>
        <th class="pb-2 pr-3 text-center">Gewicht</th>
        <th class="pb-2">Los</th>
        <th class="pb-2"></th>
      </tr>
    </thead>
    <tbody class="divide-y divide-slate-100">
      {% for pp in preispunkte %}
      <tr class="hover:bg-slate-50">
        <td class="py-2 pr-3 text-xs text-slate-600">{{ pp.leistungstyp }}</td>
        <td class="py-2 pr-3">
          <a href="{% url 'ausschreibungen:preise:detail' ausschreibung.pk pp.pk %}" class="text-blue-600 hover:underline">{{ pp.konkrete_leistung }}</a>
        </td>
        <td class="py-2 pr-3 text-right text-xs text-slate-600">
          {% if pp.menge %}{{ pp.menge|floatformat:2 }} {{ pp.mengeneinheit }}{% else %}—{% endif %}
        </td>
        <td class="py-2 pr-3 text-right text-xs">
          {% if pp.einzelpreis %}
          <span class="{% if pp.vergleichsgewicht == 0 %}line-through text-slate-400{% elif pp.vergleichsgewicht > 1 %}font-semibold{% else %}text-slate-700{% endif %}">
            {{ pp.einzelpreis|floatformat:2 }} {{ pp.waehrung }}
          </span>
          {% else %}—{% endif %}
        </td>
        <td class="py-2 pr-3 text-right text-xs">
          {% if pp.gesamtpreis %}
          <span class="{% if pp.vergleichsgewicht == 0 %}line-through text-slate-400{% elif pp.vergleichsgewicht > 1 %}font-semibold{% else %}text-slate-700{% endif %}">
            {{ pp.gesamtpreis|floatformat:2 }} {{ pp.waehrung }}
          </span>
          {% else %}—{% endif %}
        </td>
        <td class="py-2 pr-3 text-center text-xs">
          <span class="{% if pp.vergleichsgewicht == 0 %}text-slate-400{% elif pp.vergleichsgewicht > 1 %}font-semibold text-blue-700{% else %}text-slate-600{% endif %}">
            {{ pp.vergleichsgewicht }}
          </span>
        </td>
        <td class="py-2 text-xs text-slate-500">{{ pp.los.bezeichnung|default:"—" }}</td>
        <td class="py-2 text-right">
          <a href="{% url 'ausschreibungen:preise:bearbeiten' ausschreibung.pk pp.pk %}" class="text-xs text-slate-400 hover:text-blue-600">Bearb.</a>
        </td>
      </tr>
      {% endfor %}
    </tbody>
    <tfoot>
      <tr class="border-t border-slate-200">
        <td colspan="4" class="pt-2 text-xs text-slate-500 font-medium">Summe Gesamtpreise (ungewichtet)</td>
        <td class="pt-2 text-right text-xs font-semibold text-slate-700">
          {% if summe_gesamt %}{{ summe_gesamt|floatformat:2 }} EUR{% else %}—{% endif %}
        </td>
        <td colspan="3"></td>
      </tr>
    </tfoot>
  </table>
</div>
{% else %}
<div class="card text-center py-10 text-sm text-slate-500">
  Noch keine Preispunkte erfasst.
  <a href="{% url 'ausschreibungen:preise:neu' ausschreibung.pk %}" class="text-blue-600 hover:underline ml-1">+ Ersten Preispunkt anlegen</a>
</div>
{% endif %}

{% endblock %}