{% extends 'base_simple.html.twig' %}
{% block title %}Iniciar sesión{% endblock %}
{% block body %}
<!--begin::Main-->
<!--begin::Login-->
<div class="login login-2 login-signin-on d-flex flex-column flex-lg-row flex-column-fluid bg-white" id="kt_login">
<!--begin::Aside-->
<div class="login-aside order-2 order-lg-1 d-flex flex-row-auto position-relative overflow-hidden">
<!--begin: Aside Container-->
<div class="d-flex flex-column-fluid flex-column justify-content-between py-9 px-7 py-lg-13 px-lg-35" style="background-color: rgba(187, 221, 230, 0.2);">
<!--begin::Logo-->
<a href="#" class="text-center pt-2">
<img src="assets/media/logos/logo.png" class="max-h-75px" alt="" />
</a>
<!--end::Logo-->
<!--begin::Aside body-->
<div class="d-flex flex-column-fluid flex-column flex-center">
<!--begin::Signin-->
<div class="login-form login-signin py-11">
<!--begin::Form-->
<form class="form" method="post" novalidate="novalidate" id="kt_login_signin_form">
<!--begin::Title-->
{% if error %}
<div class="alert alert-danger">Credenciales no válidas</div>
{% endif %}
{% if app.user %}
<div class="mb-3">
Has iniciado sesión como {{ app.user.username }}, <a href="{{ path('app_logout') }}"> Cerrar sesión</a>
</div>
{% endif %}
<!--end::Title-->
<!--begin::Form group-->
<div class="form-group">
<label class="font-size-h6 font-weight-bolder text-dark">Usuario</label>
<input class="form-control 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 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="text-center pt-2">
<button type="submit" id="kt_login_signin_submit" class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-3" data-load-text="Iniciando...">Iniciar sesión</button>
</div>
<!--end::Action-->
</form>
<!--end::Form-->
</div>
<!--end::Signin-->
<!--begin::Signup-->
<!--end::Signup-->
</div>
<!--end::Aside body-->
<a href="{{ path('index1') }}" class="btn btn-transparent-dark font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-3">
<i class="flaticon2-box"></i>
Acceder al panel de procesos
</a>
</div>
<!--end: Aside Container-->
</div>
<!--begin::Aside-->
<!--begin::Content-->
<div class="content order-1 order-lg-2 d-flex flex-column w-100 pb-0" style="background-image:url(/imagenes/logos/bg_login.jpeg);background-size:cover;">
<!--begin::Title-->
<div class="d-flex flex-column h-100 text-center">
<div class="pb-13 pt-lg-0 pt-5 text-center">
<div class="text-center mb-10" >
<img class="p-3" width="40%" style="background-color: rgba(50, 41, 35, 0.2);" src="/imagenes/logos/logo-javier-ramos-ret.png" alt="" />
</div>
</div>
{#}
<h3 class="display4 font-weight-bolder my-7 text-dark" style="color: #986923;">Amazing Wireframes</h3>
<p class="font-weight-bolder font-size-h2-md font-size-lg text-dark opacity-70">User Experience & Interface Design, Product Strategy
<br />Web Application SaaS Solutions</p>
{#}
</div>
<!--end::Title-->
<!--begin::Image-->
<div class="content-img d-flex flex-row-fluid bgi-no-repeat bgi-position-y-bottom bgi-position-x-center"></div>
<!--end::Image-->
</div>
<!--end::Content-->
</div>
<!--end::Login-->
<!--end::Main-->
{% endblock %}