{% extends "base.html" %}

{% block title %}Geschäftsvorgang{% endblock %}
{% block heading %}
  Geschäftsvorgang
  {% if belege.inquiry %} · {{ belege.inquiry.inquiry_no }}{% endif %}
{% endblock %}
{% block breadcrumb %}
  <p class="text-xs" style="color: var(--card-text-muted);">
    {% if belege.inquiry %}<a href="/inquiries/{{ belege.inquiry.id }}">Anfrage {{ belege.inquiry.inquiry_no }}</a> /{% endif %}
    Pipeline-Übersicht
  </p>
{% endblock %}

{% block content %}

{% include "_workflow_stepper.html" %}

<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 14px;">

  {# === ANFRAGE === #}
  <div class="card" style="border-top: 3px solid {% if belege.inquiry %}#2b5ce6{% else %}#d1d5db{% endif %};">
    <div class="card-header">
      <div>
        <h3 style="margin: 0;">Anfrage</h3>
        {% if belege.inquiry %}
          <p class="sub">{{ belege.inquiry.inquiry_no }} · {{ (belege.inquiry.created_at or '')[:10] }}</p>
        {% else %}
          <p class="sub" style="color: var(--card-text-muted);">noch keine Anfrage</p>
        {% endif %}
      </div>
    </div>
    <div class="p-4 text-sm">
      {% if belege.inquiry %}
      <div style="margin-bottom: 8px;">
        <b>{{ belege.inquiry.subject or '(kein Subject)' }}</b>
      </div>
      <div style="color: var(--card-text-muted); font-size: 12px; margin-bottom: 12px;">
        Kunde: {{ belege.inquiry.customer_name or belege.inquiry.customer_email_text or '?' }}
      </div>
      <a href="/inquiries/{{ belege.inquiry.id }}" class="btn btn-sm btn-secondary w-full">
        Anfrage öffnen
      </a>
      {% else %}
      <p style="color: var(--card-text-muted);">Vorgang ohne Anfrage gestartet (z.B. Direkt-Angebot).</p>
      {% endif %}
    </div>
  </div>

  {# === ANGEBOT === #}
  <div class="card" style="border-top: 3px solid {% if belege.quote %}#16a34a{% else %}#d1d5db{% endif %};">
    <div class="card-header">
      <div>
        <h3 style="margin: 0;">Angebot</h3>
        {% if belege.quote %}
          <p class="sub">{{ belege.quote.quote_no }} · {{ belege.quote.status }}{% if belege.quote.total_gross %} · {{ "%.2f"|format(belege.quote.total_gross) }} €{% endif %}</p>
        {% else %}
          <p class="sub" style="color: var(--card-text-muted);">noch nicht erstellt</p>
        {% endif %}
      </div>
    </div>
    <div class="p-4 text-sm">
      {% if belege.quote %}
      <div style="color: var(--card-text-muted); font-size: 12px; margin-bottom: 12px;">
        Gültig bis: {{ (belege.quote.valid_until or '')[:10] or '—' }}
      </div>
      <div class="flex gap-2">
        <a href="/quotes/{{ belege.quote.id }}" class="btn btn-sm btn-secondary flex-1">Öffnen</a>
        <a href="/quotes/{{ belege.quote.id }}/pdf" target="_blank" class="btn btn-sm btn-ghost">PDF</a>
      </div>
      {% elif belege.inquiry %}
      <a href="/quotes/new?inquiry_id={{ belege.inquiry.id }}" class="btn btn-sm btn-primary w-full">
        + Angebot aus Anfrage
      </a>
      {% else %}
      <a href="/quotes/new" class="btn btn-sm btn-primary w-full">+ Angebot anlegen</a>
      {% endif %}
    </div>
  </div>

  {# === AUFTRAG === #}
  <div class="card" style="border-top: 3px solid {% if belege.sales_order %}#f59e0b{% else %}#d1d5db{% endif %};">
    <div class="card-header">
      <div>
        <h3 style="margin: 0;">Auftrag</h3>
        {% if belege.sales_order %}
          <p class="sub">{{ belege.sales_order.order_no }} · {{ belege.sales_order.status }}</p>
        {% else %}
          <p class="sub" style="color: var(--card-text-muted);">noch nicht angelegt</p>
        {% endif %}
      </div>
    </div>
    <div class="p-4 text-sm">
      {% if belege.sales_order %}
      <div style="color: var(--card-text-muted); font-size: 12px; margin-bottom: 12px;">
        Liefer: {{ (belege.sales_order.due_date or '')[:10] or '—' }}
        {% if belege.sales_order.total_gross %} · {{ "%.2f"|format(belege.sales_order.total_gross) }} €{% endif %}
      </div>
      <a href="/sales-orders/{{ belege.sales_order.id }}" class="btn btn-sm btn-secondary w-full">
        Auftrag öffnen
      </a>
      {% elif belege.quote and belege.quote.status == 'accepted' %}
      <form method="post" action="/quotes/{{ belege.quote.id }}/convert">
        {{ csrf_field(request)|safe }}
        <button type="submit" class="btn btn-sm btn-primary w-full">
          Angebot → Auftrag
        </button>
      </form>
      {% else %}
      <p style="color: var(--card-text-muted); font-size: 12px;">
        Voraussetzung: Angebot mit Status „accepted"
      </p>
      {% endif %}
    </div>
  </div>

  {# === LIEFERSCHEIN === #}
  <div class="card" style="border-top: 3px solid {% if belege.delivery_note %}#0ea5e9{% else %}#d1d5db{% endif %};">
    <div class="card-header">
      <div>
        <h3 style="margin: 0;">Lieferschein</h3>
        {% if belege.delivery_note %}
          <p class="sub">{{ belege.delivery_note.dn_no }} · {{ belege.delivery_note.status }}</p>
        {% else %}
          <p class="sub" style="color: var(--card-text-muted);">noch nicht erstellt</p>
        {% endif %}
      </div>
    </div>
    <div class="p-4 text-sm">
      {% if belege.delivery_note %}
      <a href="/delivery-notes/{{ belege.delivery_note.id }}" class="btn btn-sm btn-secondary w-full">
        Lieferschein öffnen
      </a>
      {% elif belege.sales_order %}
      <a href="/sales-orders/{{ belege.sales_order.id }}/ship" class="btn btn-sm btn-primary w-full">
        + Lieferschein anlegen
      </a>
      {% endif %}
    </div>
  </div>

  {# === RECHNUNG === #}
  <div class="card" style="border-top: 3px solid {% if belege.invoice %}#dc2626{% else %}#d1d5db{% endif %};">
    <div class="card-header">
      <div>
        <h3 style="margin: 0;">Rechnung</h3>
        {% if belege.invoice %}
          <p class="sub">{{ belege.invoice.invoice_no }} · {{ belege.invoice.status }}</p>
        {% else %}
          <p class="sub" style="color: var(--card-text-muted);">noch nicht erstellt</p>
        {% endif %}
      </div>
    </div>
    <div class="p-4 text-sm">
      {% if belege.invoice %}
      <div style="color: var(--card-text-muted); font-size: 12px; margin-bottom: 12px;">
        Fällig: {{ (belege.invoice.due_date or '')[:10] or '—' }}
        {% if belege.invoice.total_gross %} · {{ "%.2f"|format(belege.invoice.total_gross) }} €{% endif %}
      </div>
      <a href="/invoices/{{ belege.invoice.id }}" class="btn btn-sm btn-secondary w-full">
        Rechnung öffnen
      </a>
      {% elif belege.sales_order %}
      <form method="post" action="/sales-orders/{{ belege.sales_order.id }}/complete">
        {{ csrf_field(request)|safe }}
        <button type="submit" class="btn btn-sm btn-primary w-full"
                style="background: #16a34a; color: white;">
          Lieferschein + Rechnung in 1 Klick
        </button>
      </form>
      {% endif %}
    </div>
  </div>

</div>

{% endblock %}