{% extends 'base.html.twig' %}
{% block content %}
<div class="bx--row">
<div class="bx--col"></div>
<div class="bx--col-md-4" style="padding-top:2rem;">
<div class="bx--row mt-7">
<div class="bx--col">
<div class="bx--col">
<div class="font-xl bold" style="display:flex; align-items:center;">
<img src="{{ asset('images/ncstox-logo.png') }}" style="width: 260px;" alt="">
<span style="color:#ABA9BC">NCS</span><span style="color:#FF866B">TOX</span>
</div>
</div>
</div>
</div>
{% if error %}
<div class="bx--row">
<div class="bx--col">
<bx-inline-notification
kind="warning"
style="min-width: 30rem; margin-bottom: .5rem"
title="Error : "
{# subtitle="{{ error.message }}" #}
subtitle="Either your login or the password is invalid">
</bx-inline-notification>
</div>
</div>
{% endif %}
{% if app.user %}
<div class="bx--row">
<div class="bx--col">
<div class="">
You are logged in as {{ app.user.username }}, <a href="{{ path('app_logout') }}">Logout</a>
</div>
</div>
</div>
{% endif %}
<form method="post" data-controller="submit" data-turbo="false">
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<bx-form-item class="mb-2">
<bx-input label-text="Login" value="{{ last_username }}" name="username" id="inputUsername" required autofocus></bx-input>
</bx-form-item>
<bx-form-item class="mb-2">
<bx-input label-text="Password" type="password" name="password" id="inputPassword" required></bx-input>
</bx-form-item>
{# <bx-btn type="submit" kind="primary" data-action="click->search#submit">Submit</bx-btn> #}
<button class="bx--btn bx--btn--primary bx--btn--lg" data-action="click->submit#submit">Submit</button>
</form>
</div>
<div class="bx--col"></div>
</div>
{% endblock %}