{% extends 'Security/layout.html.twig' %}

{% block title %}  {{'PasswordReset.T10' | trans}}{% endblock %}

{% block forgotten_password %}
    <!-- start: FORGOT -->
    <div class="row">
        <div class="main-login col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-4">
            <div class="logo margin-top-30">
                <img src="{{ asset('components/assets/images/logo.png') }}"  style="width: 250px;" alt="Total Opérations"/>
            </div>
            <!-- start: FORGOT BOX -->
            <div class="box-forgot">
                <form  class="form-forgot" method="post" >
                    <fieldset>
                        <legend>
                            {{'PasswordReset.T1' | trans}}
                        </legend>
                        <p>
                            {{'PasswordReset.T2' | trans}}
                        </p>
                        <div class="form-group">
								<span class="input-icon">
									<input type="email"  id="inputEmail" class="form-control" name="email" placeholder="{{'PasswordReset.T3' | trans}}">
									<i class="fa fa-envelope-o"></i> </span>
                        </div>
                        <div class="form-actions" >
                            <a class="btn btn-primary btn-o pull-left" href="{{ path('login') }}">
                                <i class="fa fa-chevron-circle-left"></i> {{'PasswordReset.T4' | trans}}
                            </a>
                            <button type="submit" class="btn btn-primary pull-right">
                                {{'PasswordReset.T5' | trans}} <i class="fa fa-arrow-circle-right"></i>
                            </button>
                        </div>
                    </fieldset>
                </form>
                <!-- start: COPYRIGHT -->
                <div class="copyright">
                    {{'Login.T6' | trans}} <span class="text-bold text-uppercase">{{'Login.T7' | trans}}</span>
                </div>
                <!-- end: COPYRIGHT -->
            </div>
            <!-- end: FORGOT BOX -->
        </div>
    </div>
{% endblock %}