{% extends "base_with_header.html" %}

{% block main_container %}

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

<div class="content">

    <h1>Profile</h1>

    <form id="user-edit">

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


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

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

        <input type="button" value="Save" />
    </form>

</div>

{% when None %}
{% endmatch %}

{% endblock %}