{% trans_default_domain 'FOSUserBundle' %}
{% if error %}
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
<form action="{{ path("fos_user_security_check") }}" method="post">
{% if csrf_token %}
<input type="hidden" name="_csrf_token" value="{{ csrf_token }}" />
{% endif %}
{% if app.request.get('_target_path') %}
<input type="hidden" name="_target_path" value="{{ app.request.get('_target_path') }}" />
{% endif %}
<div class="tw-mb-6">
<label class="jlls-form-label" for="username">{{ 'security.login.username'|trans }}</label>
<input class="jlls-form-input" type="text" id="username" name="_username" value="{{ last_username }}" required="required" />
</div>
<div class="tw-mb-8">
<div class="tw-flex tw-items-center tw-justify-between tw-mb-1">
<label class="jlls-form-label tw-mb-0" for="password">{{ 'security.login.password'|trans }}</label>
<label class="jlls-form-checkbox-wrapper tw-mb-0">
<input type="checkbox" id="remember_me" name="_remember_me" value="on" checked class="jlls-form-checkbox" />
<span class="jlls-form-checkbox-label">{{ 'security.login.remember_me'|trans }}</span>
</label>
</div>
<div class="tw-relative">
<input class="jlls-form-input !tw-pr-12" type="password" id="password" name="_password" required="required" />
<button type="button" class="tw-absolute tw-right-0 tw-top-0 tw-h-full tw-px-3 tw-flex tw-items-center tw-text-joboo-gray-400 hover:tw-text-joboo-gray-600 tw-transition-colors tw-bg-transparent tw-border-0 tw-cursor-pointer">
<i class="fa fa-eye-slash" id="showpassword"></i>
</button>
</div>
</div>
<div class="tw-flex tw-items-center tw-gap-3 tw-flex-wrap tw-mt-8">
<button type="submit" class="jlls-button-tertiary" id="_submit" name="_submit">{{ 'security.login.submit'|trans }}</button>
<span> oder </span>
<a class="jlls-link-as-button-secondary tw-inline-flex tw-items-center tw-gap-2"
href="{{ google_identity_service.getLoginOAuth2TargetUrl(app.user) }}"
>
<img width="20px"
alt="Google sign-in"
src="{{ asset('assets/images/Google_G_Logo.svg.png')|cdnifyUri }}"
/>
<span>{{ 'security.login.login_via_google'|trans }}</span>
</a>
</div>
<div class="jlls-alert jlls-alert-info tw-mt-8">
<div class="jlls-alert-body jlls-alert-body-info">
<p class="tw-mb-0"><a href="{{ path('fos_user_resetting_request') }}" class="jlls-link-default">{{ 'security.login.forgot_password'|trans|raw }}</a></p>
</div>
</div>
</form>