{% extends 'base_simple.html.twig' %}
{% block title %}Log in!{% endblock %}
{% block body %}
<!--begin::Main-->
<!--begin::Login-->
<div class="login login-1 login-signin-on d-flex flex-column flex-lg-row flex-column-fluid bg-dark-o-15" id="kt_login" style="background-color: #f3f5f9">
<!--begin::Content-->
<div class="login-content flex-row-fluid d-flex flex-column justify-content-center position-relative overflow-hidden p-7 mx-auto">
<!--begin::Content body-->
<div class="d-flex flex-column-fluid flex-center" >
<!--begin::Signin-->
<div class="login-form login-signin" >
<!--begin::Form-->
<div class="bg-white rounded p-10">
<!--begin::Card-->
<div class="card card-custom card-fit card-border">
<div class="card-body pt-2" style="width:450px;">
<form class="form" method="post" novalidate="novalidate" id="kt_login_signin_form">
<!--begin::Title-->
{% 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.username }}, <a href="{{ path('app_logout') }}">Logout</a>
</div>
{% endif %}
<div class="pb-13 pt-lg-0 pt-5 text-center">
<a href="#" class="text-center mb-10">
<img src="/imagenes/logos/moldes-picassent-logo.png" class="max-h-70px" alt="" />
</a>
{#<h3 class="font-weight-bolder text-dark font-size-h4 font-size-h1-lg text-center">Bienvenido a <br/>Moldes Picassent</h3>#}
</div>
<!--begin::Title-->
<!--begin::Form group-->
<div class="form-group">
<label class="font-size-h6 font-weight-bolder text-dark">Nombre de usuario</label>
<input class="form-control form-control-solid h-auto py-6 px-6 rounded-lg" id="inputUsername" value="{{ last_username }}" type="text" name="username" autocomplete="off" required autofocus/>
</div>
<!--end::Form group-->
<!--begin::Form group-->
<div class="form-group">
<div class="d-flex justify-content-between mt-n5">
<label class="font-size-h6 font-weight-bolder text-dark pt-5">Contraseña</label>
{#<a href="javascript:;" class="text-primary font-size-h6 font-weight-bolder text-hover-primary pt-5" id="kt_login_forgot">Forgot Password ?</a>#}
</div>
<input class="form-control form-control-solid h-auto py-6 px-6 rounded-lg" id="inputPassword" type="password" name="password" autocomplete="off" required/>
<input type="hidden" name="_csrf_token"
value="{{ csrf_token('authenticate') }}"
>
</div>
<!--end::Form group-->
<!--begin::Action-->
<div class="pb-lg-0 pb-5 text-center">
<button type="submit" id="kt_login_signin_submit" data-load-text="Iniciando sesión..." class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-3">Iniciar sesión</button>
</div>
<!--end::Action-->
<div class="pb-lg-0 pb-5 text-center pt-5">
<a href="{{ path('publico_orden_new') }}" data-load-text="Cargando...">Acceder al Taller</a>
</div>
</form>
</div>
</div>
<!--end::Card-->
</div>
<!--end::Form-->
</div>
<!--end::Signin-->
</div>
<!--end::Content body-->
</div>
<!--end::Content-->
</div>
<!--end::Login-->
<!--end::Main-->
{% endblock %}