{% extends "base_with_header.html" %}

{% block main_container %}

<h2>Profile</h2>

{% match user %}
{% when Some with (user) %}

<div id="user-edit">

    <label for="title_field">Name</label>
    <input
        id="name_field"
        type="text"
        name="name"
        value="{{ user.name }}"
        autocapitalize="none"
        autocomplete="title"
        autofocus="autofocus" />


    <label for="password_field_1">New password (minimum 8 characters)</label>
    <input id="password_field_1" type="password" name="password_1" />

    <label for="password_field_1">Re-enter password</label>
    <input id="password_field_2" type="password" name="password_2" />

    <button class="button" typed="button">Save</button>
</div>

{% when None %}
{% endmatch %}

{% endblock %}