{% extends 'invoices/base.html' %}
{% block title %}{{ action }} Customer{% endblock %}
{% block page_title %}{{ action }} Customer{% endblock %}
{% block topbar_actions %}<a href="{% url 'invoices:customer_list' %}" class="btn btn-outline">← Back</a>{% endblock %}
{% block content %}
<div style="max-width:600px;">
<form method="post">{% csrf_token %}
<div class="card">
  <div class="card-header"><h3 style="font-size:15px;font-weight:700;">Customer Information</h3></div>
  <div class="card-body">
    {% for field in form %}
    <div class="form-group">
      <label class="form-label">{{ field.label }}</label>
      {% if 'address' in field.html_name %}
        <textarea name="{{ field.html_name }}" class="form-control" rows="2">{{ field.value|default:'' }}</textarea>
      {% else %}
        <input type="text" name="{{ field.html_name }}" value="{{ field.value|default:'' }}" class="form-control">
      {% endif %}
      {% if field.errors %}<div style="color:var(--danger);font-size:12px;margin-top:4px;">{{ field.errors }}</div>{% endif %}
    </div>
    {% endfor %}
  </div>
</div>
<div style="margin-top:16px;display:flex;gap:12px;justify-content:flex-end;">
  <a href="{% url 'invoices:customer_list' %}" class="btn btn-outline">Cancel</a>
  <button type="submit" class="btn btn-primary">💾 Save Customer</button>
</div>
</form>
</div>
{% endblock %}