{% extends "template_3/layoutAuth.html.twig" %}
{% block title %}Connexion{% endblock %}
{% block body %}
<!--begin::Form-->
<form class="form w-100" novalidate="novalidate" id="kt_sign_in_form" data-kt-redirect-url="#" action="{{path('app_login')}}" method="POST">
{% for mesg in app.session.getflashbag.get('ina') %}
<div class="alert alert-info ">{{mesg}}</div>
{% endfor %}
{% for mesg in app.session.getflashbag.get('login.user.lock') %}
<div class="alert alert-warning ">{{mesg}}</div>
{% endfor %}
{% for mesg in app.session.getflashbag.get('login.user.already.login') %}
<div class="alert alert-warning ">{{mesg}}</div>
{% endfor %}
{% for mesg in app.session.getflashbag.get('login.form.ivalide') %}
<div class="alert alert-danger ">{{mesg}} </div>
{% endfor %}
{% for mesg in app.session.getflashbag.get('login.user.prod.erreur') %}
<div class="alert alert-danger ">{{mesg}}</div>
{% endfor %}
{% for mesg in app.session.getflashbag.get('logout.success') %}
<div class="alert alert-success ">{{mesg}}</div>
{% endfor %}
{% if error %}
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
{% if app.user %}
<div class="mb-3">
You are logged in as {{ app.user.userIdentifier }}, <a href="{{ path('app_logout') }}">Logout</a>
</div>
{% endif %}
<!--begin::Heading-->
<div class="text-center mb-11">
<!--begin::Title-->
<h1 class="text-gray-900 fw-bolder mb-3">Connexion</h1>
<!--end::Title-->
<!--begin::Subtitle-->
<!--end::Subtitle=-->
</div>
<!--begin::Heading-->
<!--begin::Login options-->
<div class="row g-3 mb-9">
<!--begin::Col-->
<!--end::Col-->
</div>
<!--end::Login options-->
<!--begin::Separator-->
<div class="separator separator-content my-14">
<span class="w-125px text-gray-500 fw-semibold fs-7">{{objetAbonne.nom}}</span>
</div>
<!--end::Separator-->
<!--begin::Input group=-->
<div class="fv-row mb-8">
<!--begin::Email-->
<!--end::Email-->
<input type="text" value="{{ last_username }}" name="username" id="inputUsername" class="form-control h-auto form-control-solid py-4 px-8" autocomplete="username" placeholder="{{'site.login.pseudo'|trans}}" required autofocus>
</div>
<!--end::Input group=-->
<div class="fv-row mb-3">
<!--begin::Password-->
<input type="password" name="password" id="inputPassword" class="form-control h-auto form-control-solid py-4 px-8" autocomplete="current-password" placeholder="{{'site.login.password'|trans}}" required>
<!--end::Password-->
</div>
<!--end::Input group=-->
<!--begin::Wrapper-->
<div class="d-flex flex-stack flex-wrap gap-3 fs-base fw-semibold mb-8">
<div></div>
<!--begin::Link-->
<!--end::Link-->
</div>
<!--end::Wrapper-->
<!--begin::Submit button-->
<div class="d-grid mb-10">
<button type="submit" id="kt_sign_in_submit" class="btn btn-primary">
<!--begin::Indicator label-->
<span class="indicator-label">{{'site.valider'|trans}}</span>
<!--end::Indicator label-->
<!--begin::Indicator progress-->
<span class="indicator-progress">Please wait...
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
<!--end::Indicator progress-->
</button>
</div>
<!--end::Submit button-->
<!--begin::Sign up-->
<input type="hidden" name="_csrf_token"
value="{{ csrf_token('authenticate') }}"
>
<!--end::Form group-->
<!--end::Action-->
{% for restoreUrl in app.session.getflashbag.get('restoreUrl') %}
<input type="hidden" name="restoreUrl" value="{{restoreUrl}}" />
{% endfor %}
<!--end::Sign up-->
</form>
<!--end::Form-->
{% endblock %}
{% block scripts %}
{{parent()}}
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
{% endblock %}