{% extends "base.html" %}
{% block content %}
<div class="page-head">
  <h1 class="page-title">CRM — Firmen</h1>
  <div class="page-actions">
    <button class="btn" id="open-new-ticket">Neue Firma</button>
    <a class="btn ghost" href="/crm/pipeline">Pipeline</a>
  </div>
</div>
<div class="kpi-row">
  {% for k in kpis %}<div class="kpi"><div class="lbl">{{ k.0 }}</div><div class="val">{{ k.1 }}</div></div>{% endfor %}
</div>
<div class="tabs">
  {% for t in tabs %}<a href="{{ t.0 }}" class="{% if t.2 %}active{% endif %}">{{ t.1 }}</a>{% endfor %}
</div>

<div id="new-ticket-modal" class="modal" hidden>
  <div class="modal-box">
    <div class="modal-head"><h3>Neue Firma</h3><button class="linklike" id="close-new-ticket">✕</button></div>
    <form method="post" action="/crm/neu">
      <input type="hidden" name="_csrf" value="{{ ctx.csrf }}">
      <div class="formrow"><label>Name</label><input name="name" required></div>
      <div class="grid-2">
        <div class="formrow"><label>Branche</label><input name="branche"></div>
        <div class="formrow"><label>Status</label>
          <select name="status">{% for s in status_opts %}<option>{{ s }}</option>{% endfor %}</select>
        </div>
      </div>
      <div class="grid-2">
        <div class="formrow"><label>Telefon</label><input name="telefon"></div>
        <div class="formrow"><label>Website</label><input name="website"></div>
      </div>
      <div class="formrow"><label>Adresse</label><input name="adresse"></div>
      <div class="formrow"><label>Notizen</label><textarea name="notizen"></textarea></div>
      <button class="btn" type="submit">Anlegen</button>
    </form>
  </div>
</div>

<table class="tickets">
  <thead><tr><th>Firma</th><th>Branche</th><th>Telefon</th><th>Status</th></tr></thead>
  <tbody>
  {% for r in rows %}
    <tr class="row" data-href="/crm/{{ r.id }}">
      <td><b>{{ r.name }}</b></td>
      <td>{{ r.branche }}</td>
      <td class="sz">{{ r.telefon }}</td>
      <td><span class="pill {{ r.status_class }}">{{ r.status }}</span></td>
    </tr>
  {% endfor %}
  {% if rows.is_empty() %}<tr><td colspan="4" class="sz">Keine Firmen.</td></tr>{% endif %}
  </tbody>
</table>
{% endblock %}