{% extends "base.html" %}
{% block content %}
<div class="page-head">
  <h1 class="page-title">CRM — Pipeline</h1>
  <div class="page-actions"><a class="btn ghost" href="/crm">Zur Firmenliste</a></div>
</div>
<div class="board pipeline">
  {% for col in columns %}
  <div class="board-col">
    <div class="board-col-head">{{ col.title }} <span class="pill offen">{{ col.count }}</span></div>
    <div class="sz" style="padding:0 6px 8px">{{ col.summe }}</div>
    {% for d in col.deals %}
    <div class="board-card">
      <div><b>{{ d.titel }}</b></div>
      <div class="sz">{{ d.company }}</div>
      <div class="board-card-foot">
        <span class="sz">{{ d.wert }}</span>
        <form method="post" action="/crm/deals/{{ d.id }}/stufe" class="inline-form" style="margin-left:auto">
          <input type="hidden" name="_csrf" value="{{ ctx.csrf }}">
          <input type="hidden" name="zurueck" value="/crm/pipeline">
          <select name="stufe" data-autosubmit>
            {% for s in stage_opts %}<option value="{{ s }}" {% if s.as_str() == d.stufe.as_str() %}selected{% endif %}>{{ s }}</option>{% endfor %}
          </select>
        </form>
      </div>
    </div>
    {% endfor %}
    {% if col.deals.is_empty() %}<div class="sz" style="padding:8px">—</div>{% endif %}
  </div>
  {% endfor %}
</div>
{% endblock %}