{% extends "base.html.twig" %}
{% trans_default_domain 'admin' %}
{% set t_root = 'admin.user' %}

{% block title %}{{ (t_root ~ '.change-my-password.title')|trans }}{% endblock %}
{% block page_title %}{{ (t_root ~ '.change-my-password.title')|trans }}{% endblock %}

{% block body %}

    <div class="row mt-2">

        {# {{ dump(form) }} #}

        {{ form_start(form) }}
            <div class="form-errors">
                {{ form_errors(form) }}
            </div>
            
            <div class="col mb-3">
                {{ form_label(form.old_password, t_root ~ '.fields.@old-password.label', { 'label_attr': {'class': 'form-label'} }) }}
                <div class="form-errors"> {{ form_errors(form.old_password) }} </div>
                {{ form_widget(form.old_password, { 'attr': {'class': 'form-select', 'placeholder': t_root ~ '.fields.@old-password.placeholder'} }) }}
            </div>

            <div class="col mb-3">
                {{ form_label(form.new_password, t_root ~ '.fields.@new-password.label', { 'label_attr': {'class': 'form-label'} }) }}
                <div class="form-errors"> {{ form_errors(form.new_password) }} </div>
                {{ form_widget(form.new_password, { 'attr': {'class': 'form-select', 'placeholder': t_root ~ '.fields.@new-password.placeholder'} }) }}
            </div>

            <div class="col mb-3">
                {{ form_label(form.confirm_new_password, t_root ~ '.fields.@confirm-new-password.label', { 'label_attr': {'class': 'form-label'} }) }}
                <div class="form-errors"> {{ form_errors(form.confirm_new_password) }} </div>
                {{ form_widget(form.confirm_new_password, { 'attr': {'class': 'form-select', 'placeholder': t_root ~ '.fields.@confirm-new-password.placeholder'} }) }}
            </div>

            <div class="edit-actions">
                <button type="submit" class="btn btn-success">{{ (t_root ~ '.actions.save')|trans }}</button>
            </div>

        {{ form_end(form) }}


    </div>


{% endblock %}