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

{% block title %}Editer | {{ parent() }}{% endblock %}

{% block body %}
    <div class="breadcrumb">
        <h1 class="mr-2">Utilisateurs</h1>
        <ul>
            <li><a href="{{ path('backoffice') }}" onclick="$('.loader').addClass('is-active');">Accueil</a></li>
            <li><a href="{{ path('user_index') }}" onclick="$('.loader').addClass('is-active');">Retour</a></li>
            <li>Editer</li>
        </ul>
    </div>
    <div class="separator-breadcrumb border-top"></div>
    <div class="row mb-4">
        <div class="col-md-12">
            <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#changePasswordModal">Changer le mot de passe</a>
            <a href="#" class="btn btn-warning" onclick="javascript:actionByPathAndElts('{{path('user_reset_password', {'id': user.id})}}')"><i class="fa fa-reload"></i> Reinitialiser le mot de passe</a>
        </div>
    </div>
    <div class="row mb-4">
        <div class="col-md-12 mb-4">
            <div class="card text-left">
                <div class="card-body">
                    {{ include('security/user/_form.html.twig') }}
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="changePasswordModal" tabindex="-1" role="dialog" aria-labelledby="changePasswordModal" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="changePasswordModal_title">Changer le mot de passe</h5>
                    <button class="close" type="button" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label class="col-form-label" for="oldpassword">Ancien mot de passe:</label>
                            <input class="form-control" id="oldPassword" name="oldPassword" type="password" />
                        </div>
                        <div class="form-group">
                            <label class="col-form-label" for="newPassword">Nouveau mot de passe:</label>
                            <input class="form-control" id="newPassword" name="newPassword" type="password" />
                        </div>
                        <div class="form-group">
                            <label class="col-form-label" for="confirmPassword">Confirmation du mot de passe:</label>
                            <input class="form-control" id="confirmPassword" name="confirmPassword" type="password" />
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-secondary" type="button" data-dismiss="modal">Annuler</button>
                    <button class="btn btn-primary" onclick="javascript:changeUserPassword('{{path('user_change_password', {'id': user.id})}}')" type="button">Changer le mot de passe</button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}