{% extends "base.html" %}
{% block content %}
<div class="page-head">
  <h1 class="page-title">{{ name }}</h1>
  <div class="page-actions"><a class="btn ghost" href="/crm">Zurück</a><a class="btn ghost" href="/crm/pipeline">Pipeline</a></div>
</div>
<div class="grid-2">
  <div class="panel">
    <h3 style="margin-top:0">Firmendaten</h3>
    <form method="post" action="/crm/{{ id }}">
      <input type="hidden" name="_csrf" value="{{ ctx.csrf }}">
      <div class="formrow"><label>Name</label><input name="name" value="{{ name }}" required></div>
      <div class="grid-2">
        <div class="formrow"><label>Branche</label><input name="branche" value="{{ branche }}"></div>
        <div class="formrow"><label>Status</label>
          <select name="status">
            {% for o in status_opts %}<option value="{{ o.0 }}" {% if o.1 %}selected{% endif %}>{{ o.0 }}</option>{% endfor %}
          </select>
        </div>
      </div>
      <div class="grid-2">
        <div class="formrow"><label>Telefon</label><input name="telefon" value="{{ telefon }}"></div>
        <div class="formrow"><label>Website</label><input name="website" value="{{ website }}"></div>
      </div>
      <div class="formrow"><label>Adresse</label><input name="adresse" value="{{ adresse }}"></div>
      <div class="formrow"><label>Notizen</label><textarea name="notizen">{{ notizen }}</textarea></div>
      <button class="btn" type="submit">Speichern</button>
    </form>
  </div>
  <div>
    <div class="panel">
      <h3 style="margin-top:0">Kontakte</h3>
      {% for k in contacts %}
      <div class="tl-item"><b>{{ k.name }}</b> <span class="sz">{{ k.position }}</span>
        <div class="sz">{{ k.email }} {{ k.telefon }}</div></div>
      {% endfor %}
      {% if contacts.is_empty() %}<p class="sz">Keine Kontakte.</p>{% endif %}
      <form method="post" action="/crm/{{ id }}/kontakte">
        <input type="hidden" name="_csrf" value="{{ ctx.csrf }}">
        <div class="grid-2">
          <div class="formrow"><input name="vorname" placeholder="Vorname"></div>
          <div class="formrow"><input name="nachname" placeholder="Nachname" required></div>
        </div>
        <div class="grid-2">
          <div class="formrow"><input name="email" placeholder="E-Mail"></div>
          <div class="formrow"><input name="telefon" placeholder="Telefon"></div>
        </div>
        <div class="formrow"><input name="position" placeholder="Position"></div>
        <button class="btn ghost mini" type="submit">+ Kontakt</button>
      </form>
    </div>
    <div class="panel">
      <h3 style="margin-top:0">Deals</h3>
      {% for d in deals %}
      <div class="tl-item"><b>{{ d.titel }}</b> · {{ d.wert }}
        <span class="pill {{ d.stufe_class }}">{{ d.stufe }}</span>
        {% if !d.faellig.is_empty() %}<span class="sz">fällig {{ d.faellig }}</span>{% endif %}
      </div>
      {% endfor %}
      {% if deals.is_empty() %}<p class="sz">Keine Deals.</p>{% endif %}
      <form method="post" action="/crm/{{ id }}/deals">
        <input type="hidden" name="_csrf" value="{{ ctx.csrf }}">
        <div class="formrow"><input name="titel" placeholder="Deal-Titel" required></div>
        <div class="grid-2">
          <div class="formrow"><input name="wert_eur" placeholder="Wert in € (z.B. 12500,00)"></div>
          <div class="formrow"><select name="stufe">{% for s in stage_opts %}<option>{{ s }}</option>{% endfor %}</select></div>
        </div>
        <div class="formrow"><label>Fällig</label><input name="faellig" type="date"></div>
        <button class="btn ghost mini" type="submit">+ Deal</button>
      </form>
    </div>
  </div>
</div>
{% endblock %}