{% extends 'base.html.twig' %}
{% block title %}Log in!{% endblock %}
{% block body %}
<div class="wrapper" style="background-image: url('https://wallpaperaccess.com/full/1512223.jpg');">
<div class="login-form-bg h-100" >
<div class="container h-100" >
<BR>
<div class="row justify-content-center h-100">
<div class="col-xl-6">
<div class="form-input-content">
<div class="card login-form mb-0">
<div class="card-body pt-5">
{% if app.user %}
<div class="mb-3">
You are logged in as {{ app.user.userIdentifier }}, <a href="{{ path('app_logout') }}">Logout</a>
</div>
{% else %}
<a class="text-center" > <h4>SafeShops</h4></a>
<form method="post" class="mt-5 mb-5 login-input">
{% if error %}
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
<div class="form-group">
<input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus placeholder="Email">
</div>
<div class="form-group">
<input type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required placeholder="Password">
</div>
<button class="btn login-form__btn submit w-100">Sign In</button>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" >
</form>
<p class="mt-5 login-form__footer">Dont have account? <a href="{{ path('app_register') }}" class="text-primary">Sign Up</a> now</p> {% endif %}
</div>
</div>
</div>
</div>
</div>
</div><BR> <div><BR> <BR></div>
<BR>
<div><BR> <BR></div>
<BR> <BR> <BR> <BR>
</div>
{% endblock %}