{% extends 'base.html.twig' %}
{% block subtitle %}Login{% endblock %}
{% block header %}
{{ parent() }}
{# {% block title %}#}
{# {{ parent() }}#}
{# {% block subtitle %}#}
{# {{ parent() }}#}
{# Login#}
{# {% endblock %}#}
{# {% endblock %}#}
{% endblock %}
{% block body %}
{% block navbar %}
{{ parent() }}
{% endblock %}
{% block flashmessages %}
{{ parent() }}
{% endblock %}
{% block content %}
{#
{% 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="col">#}
{# <form class="form-signin" method="post" name="login">#}
{# {% if error %}#}
{# <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>#}
{# {% endif %}#}
{# <img class="mb-4" src="{{ asset('img/logo/favicon-32x32.png') }}" alt="" width="72" height="72">#}
{# <h1 class="h3 mb-3 font-weight-normal"><strong style="color: purple">Popsi</strong><i style="color: orange;">Sign</i></h1>#}
{# <input type="email" class="form-control mb-1" placeholder="Email address" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" required autofocus>#}
{# <input type="password" class="form-control" placeholder="Password" name="password" id="inputPassword" class="form-control">#}
{# <div class="checkbox mb-3">#}
{# <label>#}
{# <input type="checkbox" name="_remember_me" value="remember-me"> Remember me#}
{# </label>#}
{# </div>#}
{# <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">#}
{# <button style="border:0px; background: none;" type="submit">#}
{# <svg style="color: cornflowerblue;" xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="currentColor" class="bi bi-box-arrow-in-right" viewBox="0 0 16 16">#}
{# <path fill-rule="evenodd" d="M6 3.5a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 0-1 0v2A1.5 1.5 0 0 0 6.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-8A1.5 1.5 0 0 0 5 3.5v2a.5.5 0 0 0 1 0v-2z"/>#}
{# <path fill-rule="evenodd" d="M11.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H1.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z"/>#}
{# </svg>#}
{# </button>#}
{# <p class="mt-5 mb-3 text-muted">© POPSICUBE-FOVEA 2021</p>#}
{# </form>#}
{# </div>#}
<!-- Main content -->
<!-- Content area -->
<div class="content d-flex justify-content-center align-items-center">
<!-- Login form -->
<form class="login-form" name="login" method="post">
<div class="card mb-0">
<div class="card-body">
{% if error %}
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
<div class="text-center mb-3">
<i class="icon-reading icon-2x text-slate-300 border-slate-300 border-3 rounded-round p-3 mb-3 mt-1"></i>
<h5 class="mb-0">Login to your account</h5>
<span class="d-block text-muted">Enter your credentials below</span>
</div>
<div class="form-group form-group-feedback form-group-feedback-left">
<input type="email" class="form-control" placeholder="Email address" value="{{ last_username }}" name="email" id="inputEmail" required autofocus>
<div class="form-control-feedback">
<i class="icon-user text-muted"></i>
</div>
</div>
<div class="form-group form-group-feedback form-group-feedback-left">
<input type="password" class="form-control" placeholder="Password" name="password" id="inputPassword">
<div class="form-control-feedback">
<i class="icon-lock2 text-muted"></i>
</div>
</div>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<div class="form-group">
<button type="submit" class="btn btn-primary btn-block">Sign in <i class="icon-circle-right2 ml-2"></i></button>
</div>
<div class="text-center">
<a href="{{ path('app_account_forgot') }}">Forgot password?</a>
</div>
</div>
</div>
</form>
<!-- /login form -->
</div>
<!-- /content area -->
{% endblock %}
{% endblock %}