{% extends "Admin/base.html.twig"%}
{% block body %}
    <form action="{% if type == 'forgot-password' %}{{path('users-reset-password')}}{% endif %}" method="post">
        <div class="login-frame">
            <div class="os-form flex col middle">
                <fieldset class="login-container block-center text-center">
                    <figure class='relative'>
                    <img src="{{logo}}" class='contain'/>
                    </figure>
                    <h1 class="top-20 semibold">Identifiez-vous</h1>
                    <div class="login-box">
					{% include "Admin/notice.html.twig" with {plainText:true} %}
					{% if type == 'login' %}
                        <div class="las">
                           <input type="email" id="username" name="_username" value="{{ last_username }}" placeholder="Votre adresse e-mail"/>
                        </div>
                        <div class="las">
                            <input type="password" id="password" name="_password" placeholder="Votre mot de passe"/>
                        </div>
                        <div class="text-right">
                            <a href="{{path('forgot-password')}}" class="semibold">Mot de passe oublié ?</a>
                        </div>
                        <div class="text-center top-20">
                            <input type="submit" name="" value=" Se Connecter " class="btn btn-success radius-5"/>
                        </div>
					{% elseif type == 'flogin' or type == 'forgot-password' %}
						{% if type == 'flogin' %}
                        <div class="las">
                            <label>Adresse e-mail</label>
                           <input type="email" id="username" name="_username" readonly value="{% if email is defined %}{{email}}{% endif %}" placeholder="VOTRE ADRESSE E-MAIL"/>
                        </div>
						<div class="las">
							<label>Nouveau mot de passe</label>
							<input type="password" id="new-password" name="new-password" class="os-pwd" placeholder="NOUVEAU MOT DE PASSE" required="required" />
						</div>
						<div class="las">
							<label>Confirmer mot de passe</label>
							<input type="password" id="confirmed-password" name="confirmed-password"  class="os-confirm-pwd" placeholder="CONFIRMER MOT DE PASSE" required="required"/>
						</div>						
						{% else %}
                        <div class="las">
                            <label class="text-center">Adresse e-mail</label>
                           <input type="email" id="username" name="_username" value="" placeholder="VOTRE ADRESSE E-MAIL"/>
                        </div>
						{% endif %}
                        <div class="text-center">
                            <input type="submit" name="" value=" Valider " class="btn small btn-success radius-5"/>
                        </div>
					{% endif %}
                    </div>
                </fieldset>
            </div>
        </div>
    </form>
    <span class="text-center w100" style="position: absolute; bottom: 10px; color: #fff;">&copy; {{sitename}} {{"now"|date('Y')}}<br/>Powered By <a href='https://www.olasoft.net' target='blank' class='bold'><u>OlaSoft</u></a></span>
{% endblock %}