{% extends 'base.html.twig' %}
{% block title %}Inicio de Sesión!{% endblock %}
{% block navclass %}navbar-light bg-light{% endblock %}
{% block stylesheets %}
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,500,500i,600,600i&display=swap" rel="stylesheet" />
{{ encore_entry_link_tags('account') }}
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('account') }}
{% endblock %}
{% block bodyclass %}text-center{% endblock %}
{% block body %}
<main class="form-signin">
<form method="post">
<i class="bi bi-headset mb-4" style="font-size: 72px"></i>
{# <img class="mb-4" src="../assets/brand/bootstrap-logo.svg" alt="" width="72" height="57"> #}
<h1 class="h3 mb-3 fw-normal">CallCenter C&W</h1>
{% if error %}
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
{% if app.user %}
<div class="mb-3">
Estás logeado como {{ app.user.username }}, <a href="{{ path('app_logout') }}">Salir</a>
</div>
{% endif %}
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<div class="form-floating">
<input placeholder="usuario" type="text" value="{{ last_username }}" name="username" id="inputUsername" class="form-control" autocomplete="username" required autofocus>
<label for="inputUsername">Usuario</label>
</div>
<div class="form-floating">
<input placeholder="contraseña" type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required>
<label for="inputPassword">Contraseña</label>
</div>
<div class="checkbox mb-3">
{# <label>
<input type="checkbox" value="remember-me"> Remember me
</label> #}
</div>
<button class="w-100 btn btn-lg btn-primary" type="submit">Iniciar Sesión</button>
<p class="mt-5 mb-3 text-muted">© Desarrollado por bitcubo - 2021</p>
</form>
</main>
{% endblock %}