{% extends 'common/base-login.html.twig' %}
{% block form %}
<form class="form-horizontal" role="form" method="POST" action="{{ path('security_login_check') }}">
<div class="panel panel-body login-form no-padding" style="background-color: rgba(255, 255, 255, 0.95); border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
{% if error %}
<div class="alert alert-danger text-center" style="margin: 10px;">
{{ error.messageKey|trans(error.messageData) }}
</div>
{% endif %}
<div class="panel-heading no-padding text-center" style="padding: 15px;">
<img src="{{ asset('assets/images/platform/logo_negro.png') }}" class="img-responsive" style="max-width: 150px; margin: 0 auto;">
</div>
<div class="text-center" style="margin-bottom: 20px;">
<h5 class="content-group">{% trans %}Login to your account{% endtrans %}<small class="display-block">{% trans %}Enter your credentials below{% endtrans %}</small></h5>
</div>
<div class="form-group has-feedback has-feedback-left" style="margin: 10px 20px;">
<input id="email" type="email" class="form-control" name="_email" value="{{ last_username }}" placeholder="Email" style="padding-left: 40px; border-radius: 5px;">
<div class="form-control-feedback" style="left: 10px;">
<i class="icon-user text-muted"></i>
</div>
</div>
<div class="form-group has-feedback has-feedback-left" style="margin: 10px 20px;">
<input id="password" type="password" class="form-control" name="_password" placeholder="Password" style="padding-left: 40px; border-radius: 5px;">
<div class="form-control-feedback" style="left: 10px;">
<i class="icon-lock2 text-muted"></i>
</div>
</div>
<div class="form-group text-center" style="margin: 20px 20px;">
<button type="submit" class="btn btn-primary btn-lg" style="width: 100%; border-radius: 5px; background-color: #007bff; border-color: #007bff;">
{% trans %}Log in{% endtrans %}<i class="icon-circle-right2 position-right"></i>
</button>
</div>
{#<div class="text-center" style="margin-bottom: 20px;">#}
{#<a href="{{ path('security_password_reset') }}">{% trans %}Forgot password?{% endtrans %}</a>#}
{#</div>#}
</div>
</form>
{% endblock %}
{% block javascripts %}
<script type="text/javascript" src="{{ asset('assets/js/pages/login/login.js') }}"></script>
{% endblock %}