{% extends "base.html" %}
{% set title = "New customer" %}
{% macro field(name, label, type="text", placeholder="") %}
    <label for="{{ name }}">{{ label }}</label>
    <input id="{{ name }}" name="Input.{{ name }}" type="{{ type }}" placeholder="{{ placeholder }}"
           {%- if type != "password" %} value="{{ values.get(name, '') }}"{% endif %}>
    {% if errors[name] %}<span class="error">{{ errors[name] }}</span>{% endif %}
{% endmacro %}
{% block main %}
<h1>New customer</h1>
<form method="post" action="/customers/new">
    {% include "_summary.html" %}
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    {{ field("Name", "Name") }}
    <fieldset>
        <legend>Gender</legend>
        <label><input type="radio" name="Input.Gender" value="f" {{ "checked" if values.get("Gender") == "f" }}> female</label>
        <label><input type="radio" name="Input.Gender" value="m" {{ "checked" if values.get("Gender") == "m" }}> male</label>
        {% if errors.Gender %}<span class="error">{{ errors.Gender }}</span>{% endif %}
    </fieldset>
    {{ field("Birthdate", "Date of birth", "date") }}
    {{ field("Place", "Place of birth") }}
    {{ field("Address", "Address") }}
    {{ field("Phone", "Mobile phone", "tel", "0812-3456-7890") }}
    {{ field("Email", "E-mail", "email") }}
    {{ field("Password", "Online password (optional)", "password") }}
    {{ field("ConfirmPassword", "Repeat the password", "password") }}
    <button>Register</button>
</form>
{% endblock %}