{% extends "portal_base.html" %}
{% block title %}New invoice · Portal{% endblock %}
{% block topbar_title %}New invoice{% endblock %}
{% block portal_content %}
<form method="post" class="form-grid">
  {% csrf_token %}
  <div class="field">
    <label>Contact</label>
    <select name="contact" required>
      <option value="">Choose…</option>
      {% for c in contacts %}
      <option value="{{ c.pk }}">{{ c }} · {{ c.email }}</option>
      {% endfor %}
    </select>
  </div>
  <div class="field"><label>Description</label><input name="description" required></div>
  <div class="field"><label>Amount</label><input name="amount" type="number" step="0.01" min="0.01" required></div>
  <div class="field"><label>Due date</label><input name="due_date" type="date"></div>
  <div class="field"><label>Notes</label><textarea name="notes"></textarea></div>
  <button class="btn btn-primary" type="submit">Create draft</button>
</form>
{% endblock %}