{% extends 'base.html.twig' %}

{% block title %}User{% endblock %}

{% block body %}
    {% for message in app.flashes('success') %}
        <div class="alert alert-success" role="alert">
            {{ message }}
        </div>
    {% endfor %}

    <div class="mb-3">
        <h1>Hello {{ user.username }}!</p>
    </div>

    <div class="mb-3">
        <form method="post">
            <h3 class="mb-3 font-weight-normal">Change your user data</h3>
            <div class="mb-3">
                <label for="inputEmail" class="form-label">Email address</label>
                <input name="email" type="email" class="form-control" id="inputEmail" aria-describedby="emailHelp" placeholder="{{ app.user.email }}" readonly>
            </div>
            <div class="mb-3">
                <label for="inputPassword">Password</label>
                <input type="password" name="password" id="inputPassword" class="form-control" required>
            </div>

            <input type="hidden" name="_csrf_token"
                value="{{ csrf_token('authenticate') }}"
            >

            <button class="btn btn-lg btn-primary" type="submit">
                Save
            </button>
        </form>
    </div>

    <div class="mb-3">
        <h3 class="mb-3">Delete Account</h3>
        <button class="btn btn-danger">Delete Account</button>
    </div>
{% endblock %}