{% extends 'base.html' %}
{% block title %}{{ 'Nieuw contact' if new else c.name }}{% endblock %}
{% block content %}
<div class="head">
  <div>
    <a class="label" href="{{ url_for('contacts') if new else url_for('contact_view', cid=c.id) }}">← Terug</a>
    <h1>{{ ('Nieuwe ' ~ TYPE.get(c.type, 'lead')|lower) if new else 'Contact bewerken' }}</h1>
  </div>
</div>
<form method="post" class="card"><div class="card-body">
  <div class="row g-3">
    <div class="col-md-6"><label class="form-label" for="name">Naam *</label><input class="form-control" id="name" name="name" value="{{ c.name }}" required></div>
    <div class="col-md-6"><label class="form-label" for="company">Bedrijf</label><input class="form-control" id="company" name="company" value="{{ c.company }}"></div>
    <div class="col-md-6"><label class="form-label" for="email">E-mail</label><input class="form-control" id="email" type="email" name="email" value="{{ c.email }}"></div>
    <div class="col-md-6"><label class="form-label" for="phone">Telefoon</label><input class="form-control" id="phone" type="tel" name="phone" value="{{ c.phone }}"></div>
    <div class="col-12"><label class="form-label" for="address">Adres</label><input class="form-control" id="address" name="address" value="{{ c.address }}"></div>
    <div class="col-sm-4"><label class="form-label" for="postcode">Postcode</label><input class="form-control" id="postcode" name="postcode" value="{{ c.postcode }}"></div>
    <div class="col-sm-8"><label class="form-label" for="city">Plaats</label><input class="form-control" id="city" name="city" value="{{ c.city }}"></div>
    <div class="col-md-6 col-xl-4"><label class="form-label" for="status">Status</label>
      <select class="form-select" id="status" name="status">
        {% for k, l in STATUSES %}<option value="{{ k }}" {{ 'selected' if c.status == k }}>{{ l }}</option>{% endfor %}
      </select>
    </div>
    <div class="col-md-6 col-xl-4"><label class="form-label" for="type">Soort</label>
      <select class="form-select" id="type" name="type">
        {% for k, l in TYPES %}<option value="{{ k }}" {{ 'selected' if c.type == k }}>{{ l }}</option>{% endfor %}
      </select>
    </div>
    <div class="col-md-6 col-xl-4"><label class="form-label" for="assigned">Toegewezen aan</label>
      <select class="form-select" id="assigned" name="assigned_user_id">
        <option value="">— Niemand —</option>
        {% for u in USERS %}<option value="{{ u.id }}" {{ 'selected' if c.assigned_user_id|string == u.id|string }}>{{ u.name }}</option>{% endfor %}
      </select>
    </div>
    <div class="col-md-6"><label class="form-label" for="relation">Relatie</label>
      <select class="form-select" id="relation" name="relation_id">
        <option value="">— Geen —</option>
        {% for kind, label in RELATION_KINDS %}
        <optgroup label="{{ label }}s">
          {% for r in relations if r.kind == kind %}<option value="{{ r.id }}" {{ 'selected' if c.relation_id|string == r.id|string }}>{{ r.name }}{% if r.type %} · {{ r.type }}{% endif %}</option>{% endfor %}
        </optgroup>
        {% endfor %}
      </select>
      <p class="hint">Huishouden, familie of bedrijf van de klant, of de partner waar deze persoon werkt.</p>
    </div>
    <div class="col-md-6"><label class="form-label" for="role">Rol binnen relatie</label><input class="form-control" id="role" name="relation_role" value="{{ c.relation_role }}" placeholder="Bijv. bewoner, mantelzorger, inkoper"></div>
    <div class="col-md-6"><label class="form-label" for="value">Verwachte waarde (€)</label><input class="form-control" id="value" type="number" step="0.01" name="value" value="{{ c.value or '' }}" inputmode="decimal"></div>
    <div class="col-md-6"><label class="form-label" for="source">Bron</label><input class="form-control" id="source" name="source" value="{{ c.source }}" placeholder="Bijv. website, beurs, telefoon"></div>
    <div class="col-12"><label class="form-label" for="notes">Vaste notities</label><textarea class="form-control" id="notes" name="notes">{{ c.notes }}</textarea></div>
  </div>
  <div class="actions">
    <button class="btn btn-primary">Opslaan</button>
    <a class="btn btn-outline-secondary" href="{{ url_for('contacts') if new else url_for('contact_view', cid=c.id) }}">Annuleren</a>
  </div>
</div></form>
{% endblock %}