{% extends "layout.njk" %}
{% block title %}Edit {{ customer.name }} — Harding's Clocks{% endblock %}
{% block content %}
  <div class="page-header">
    <h1>Edit Customer</h1>
  </div>

  <form method="post" action="/customers/{{ customer.id }}/edit" class="stacked-form">
    <fieldset>
      <legend>Customer</legend>
      <div class="grid-2">
        <label>Name <input type="text" name="name" value="{{ customer.name }}" required></label>
        <label>Phone <input type="text" name="phone" value="{{ customer.phone or '' }}"></label>
        <label>Alt phone <input type="text" name="alt_phone" value="{{ customer.alt_phone or '' }}"></label>
        <label>Email <input type="email" name="email" value="{{ customer.email or '' }}"></label>
        <label>Address line 1 <input type="text" name="address_line1" value="{{ customer.address_line1 or '' }}"></label>
        <label>Address line 2 <input type="text" name="address_line2" value="{{ customer.address_line2 or '' }}"></label>
        <label>City <input type="text" name="city" value="{{ customer.city or '' }}"></label>
        <label>State <input type="text" name="state" value="{{ customer.state or '' }}"></label>
        <label>Zip <input type="text" name="zip" value="{{ customer.zip or '' }}"></label>
      </div>

      <label>
        Note <span class="hint">(internal only — never printed on the invoice)</span>
        <textarea name="internal_note" rows="3">{{ customer.internal_note or '' }}</textarea>
      </label>
    </fieldset>

    <button type="submit">Save</button>
    <a class="button-link" href="/customers">Cancel</a>
  </form>
{% endblock %}