{% extends "layouts/default.html.twig" %}

{% block title %}{{ 'User profile'|trans }}{% endblock %}

{% block body %}
    <div class="container-fluid">

        {{ include('partials/_page_header.html.twig', {header: 'User profile'|trans, description:''}) }}

        <div class="row">

            {{ include('partials/_user_menu.html.twig') }}

            <div class="col-12 col-md-6">

                <h4>User details</h4>

                <form>
                    <div class="mb-3">
                        <label class="form-label" for="inputUsername">Username</label>
                        <input name="username" value="{{ username }}" type="text" id="inputUsername"
                               class="form-control"
                               placeholder="Username" aria-describedby="username_helpblock" disabled>
                        <div id="username_helpblock" class="form-text">Username cannot be changed</div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label" for="inputEmail">Email</label>
                        <input name="email" value="{{ email }}" type="email" id="inputEmail" class="form-control"
                               placeholder="Email address" readonly>
                        <div id="email_helpblock" class="form-text">This will come in a next version</div>
                    </div>

                    <button class="btn btn-sm btn-primary pull-right" disabled="disabled" type="submit">Update</button>
                    {{ csrf|raw }}
                </form>
            </div>
        </div>
    </div>
{% endblock %}