{% extends 'base/html.html.twig' %}
{% block title %}Login{% endblock %}
{% block stylesheets %}
<link href="{{ asset('assets/css/style.min.css') }}" rel="stylesheet">
{% endblock %}
{% block bodyClass %}c-app flex-row align-items-center
{% endblock %}
{% block container %}
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card-group">
<div class="card p-4">
<div class="card-body">
<h1>Sportal.bg Dashboard</h1>
<p class="text-muted">Sign In to your account</p>
{% if error %}<div class ="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
<form action="{{ path('login') }}" method="post">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text">
<svg class="c-icon">
<use xlink:href="{{ asset('assets/vendors/@coreui/icons/svg/free.svg#cil-user') }}"></use>
</svg>
</span>
</div>
<input class="form-control" type="text" placeholder="Username" name="_username" value="{{ username }}">
</div>
<div class="input-group mb-4">
<div class="input-group-prepend">
<span class="input-group-text">
<svg class="c-icon">
<use xlink:href="{{ asset('assets/vendors/@coreui/icons/svg/free.svg#cil-lock-locked') }}"></use>
</svg>
</span>
</div>
<input class="form-control" type="password" placeholder="Password" name="_password">
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
</div>
<div class="row">
<div class="col-6">
<button class="btn btn-primary px-4" type="submit">Login</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}