{% extends 'base.html.twig' %}
{% block title %}Réinialisation du mot de passe | Smile Mood
{% endblock %}
{% block body %}
<div class="container">
<nav class="navbar navbar-light navbar-expand-md" style="height: 80px;">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="200px" height="95.205px" viewbox="0 0 200 95.205" enable-background="new 0 0 200 95.205" xml:space="preserve" class="login-logo">
<g>
<path fill="#FFF200" d="M76.418,90.785h-0.009c-20.409,0-39.157-8.617-50.157-23.053l8.635-6.582
c8.958,11.76,24.48,18.775,41.521,18.775h0.009c17.046,0,32.572-7.022,41.525-18.783l8.639,6.575
C115.588,82.161,96.831,90.785,76.418,90.785"/>
<path fill="#050505" d="M13.867,34.708l7.67-0.776c0.878,4.981,3.449,7.676,8.487,7.676c7.48,0,10.929-7.159,3.991-9.682
c-4.661-1.725-11.39-2.285-15.089-5.757c-2.403-2.221-3.576-4.917-3.576-8.107c0-8.216,7.399-11.256,14.171-11.256
c7.881,0,14.569,3.298,14.881,12.313l-7.9,0.279c-0.69-4.354-2.947-5.842-7.086-5.842c-2.403,0-6.562,0.732-6.562,3.966
c0,0.949,0.377,1.769,1.17,2.437c2.592,2.286,11.454,3.3,15.654,5.586c10.806,5.909,7.045,22.922-9.738,22.922
C20.826,48.465,14.997,44.369,13.867,34.708 M52.114,47.732V7.537h11.809l7.002,27.407l6.897-27.407h11.83v40.195h-7.294
l-0.02-31.634l-7.672,31.634h-7.587l-7.649-31.634l-0.021,31.634H52.114z M97.28,7.537h7.882v40.195H97.28V7.537z M112.873,47.732
V7.881h7.9v33.058h19.52v6.793H112.873z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFF200" d="M158.729,7.904c10.115-0.474,18.746,7.181,20.021,17.359h-0.041
c0.084,0.69,0.146,1.424,0.146,2.2c-5.205,1.617-24.914,3.514-28.529-3.235c0.021,0.022,10.471,2.136,22.26-0.063
c-1.631-6.146-7.191-10.523-13.607-10.222c-7.441,0.324-13.209,6.814-12.875,14.492c0.336,7.675,6.625,13.628,14.066,13.282
c5.33-0.237,9.803-3.645,11.789-8.367l6.27-0.28c-2.131,8.15-9.197,14.298-17.807,14.685c-10.682,0.496-19.711-8.043-20.17-19.041
C139.791,17.693,148.047,8.379,158.729,7.904 M160.086,21.985c0,0.754-0.584,1.38-1.316,1.402c-0.732,0-1.338-0.604-1.359-1.36
c0-1.141,0.42-2.155,1.109-2.932c0.709-0.754,1.672-1.25,2.758-1.293c1.109-0.044,2.154,0.366,2.906,1.099h0.02
c0.754,0.732,1.256,1.746,1.297,2.889c0.041,0.755-0.543,1.402-1.275,1.445c-0.732,0.021-1.357-0.561-1.4-1.315
c0-0.389-0.166-0.755-0.438-0.992c-0.252-0.236-0.607-0.388-0.984-0.366c-0.377,0.021-0.709,0.194-0.939,0.452
C160.232,21.252,160.086,21.618,160.086,21.985"/>
</g>
<text transform="matrix(1 0 0 1 138.9746 69.8301)" font-family="'Roboto'" font-size="24.7906">M</text>
<text transform="matrix(1 0 0 1 160.5566 69.8301)" font-family="'Roboto'" font-size="16.527">ood</text>
</svg>
</a>
</div>
</nav>
<div class="row justify-content-center">
<div class="col-md-9 col-lg-12 col-xl-10">
<div class="card shadow-lg o-hidden border-0 my-5" style="padding-top: 50px;padding-bottom: 50px;padding-right: 15px;padding-left: 15px;">
<div class="card-body p-0">
<div class="row text-center">
{# <div class="col-lg-6 d-none d-lg-flex">
<div class="flex-grow-1 bg-login-image" style="background-image: url({{ asset('img/op.png') }});"></div>
</div> #}
<div class="col-12 col-lg-8 m-auto d-flex justify-content-xl-center align-items-xl-center">
<div class="p-5 w-100" style="padding: 20px;padding-top: 20px !important;padding-right: 30px !important;padding-bottom: 20px !important;padding-left: 30px !important;">
<div class="text-center mb-3">
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="200px" height="95.205px" viewbox="0 0 200 95.205" enable-background="new 0 0 200 95.205" xml:space="preserve" class="login-logo">
<g>
<path fill="#FFF200" d="M76.418,90.785h-0.009c-20.409,0-39.157-8.617-50.157-23.053l8.635-6.582
c8.958,11.76,24.48,18.775,41.521,18.775h0.009c17.046,0,32.572-7.022,41.525-18.783l8.639,6.575
C115.588,82.161,96.831,90.785,76.418,90.785"/>
<path fill="#050505" d="M13.867,34.708l7.67-0.776c0.878,4.981,3.449,7.676,8.487,7.676c7.48,0,10.929-7.159,3.991-9.682
c-4.661-1.725-11.39-2.285-15.089-5.757c-2.403-2.221-3.576-4.917-3.576-8.107c0-8.216,7.399-11.256,14.171-11.256
c7.881,0,14.569,3.298,14.881,12.313l-7.9,0.279c-0.69-4.354-2.947-5.842-7.086-5.842c-2.403,0-6.562,0.732-6.562,3.966
c0,0.949,0.377,1.769,1.17,2.437c2.592,2.286,11.454,3.3,15.654,5.586c10.806,5.909,7.045,22.922-9.738,22.922
C20.826,48.465,14.997,44.369,13.867,34.708 M52.114,47.732V7.537h11.809l7.002,27.407l6.897-27.407h11.83v40.195h-7.294
l-0.02-31.634l-7.672,31.634h-7.587l-7.649-31.634l-0.021,31.634H52.114z M97.28,7.537h7.882v40.195H97.28V7.537z M112.873,47.732
V7.881h7.9v33.058h19.52v6.793H112.873z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFF200" d="M158.729,7.904c10.115-0.474,18.746,7.181,20.021,17.359h-0.041
c0.084,0.69,0.146,1.424,0.146,2.2c-5.205,1.617-24.914,3.514-28.529-3.235c0.021,0.022,10.471,2.136,22.26-0.063
c-1.631-6.146-7.191-10.523-13.607-10.222c-7.441,0.324-13.209,6.814-12.875,14.492c0.336,7.675,6.625,13.628,14.066,13.282
c5.33-0.237,9.803-3.645,11.789-8.367l6.27-0.28c-2.131,8.15-9.197,14.298-17.807,14.685c-10.682,0.496-19.711-8.043-20.17-19.041
C139.791,17.693,148.047,8.379,158.729,7.904 M160.086,21.985c0,0.754-0.584,1.38-1.316,1.402c-0.732,0-1.338-0.604-1.359-1.36
c0-1.141,0.42-2.155,1.109-2.932c0.709-0.754,1.672-1.25,2.758-1.293c1.109-0.044,2.154,0.366,2.906,1.099h0.02
c0.754,0.732,1.256,1.746,1.297,2.889c0.041,0.755-0.543,1.402-1.275,1.445c-0.732,0.021-1.357-0.561-1.4-1.315
c0-0.389-0.166-0.755-0.438-0.992c-0.252-0.236-0.607-0.388-0.984-0.366c-0.377,0.021-0.709,0.194-0.939,0.452
C160.232,21.252,160.086,21.618,160.086,21.985"/>
</g>
<text transform="matrix(1 0 0 1 138.9746 69.8301)" font-family="'Roboto'" font-size="24.7906">M</text>
<text transform="matrix(1 0 0 1 160.5566 69.8301)" font-family="'Roboto'" font-size="16.527">ood</text>
</svg>
</div>
<div class="text-center">
<h4 class="text-dark mb-5">Réinialisation de mot de passe</h4>
</div>
{{ form_start(form, {
"attr": {
"class": "user"
}
}) }}
{% if error %}
<div class="alert alert-danger mb-4">
{{ error }}
</div>
{% endif %}
{{ form_row(form.email) }}
<button class="btn btn-primary btn-block text-white btn-user my-3">Envoyer le lien de réinialisation à cet adresse email</button>
<div class="text-center py-2">
<small><a href="{{ path('app_login') }}" class="mt-3">Se connecter à mon compte</a><small>
</div>
{{ form_end(form) }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="bg-white sticky-footer">
<div class="container my-auto">
<div class="text-center my-auto copyright">
<span>Smile Mood By Ma Réputation En Ligne</span>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
{% endblock %}