{% extends "rama-full-width.html.twig" %}
{% block TITLE %}InforPol NET:Logowanie{% endblock %}
{% block BREADCRUMB %}
<li class="breadcrumb-item active" aria-current="page"><a href='{{ path("app_login") }}'>Logowanie</a></li>
{% endblock %}
{% block WORK_AREA %}
<form method="post">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-md-12 mb-3">
<h2>Logowanie</h2>
<p>Podaj swój login oraz hasło, aby sie zalogować...</p>
</div>
<div class="col-md-12">
<div class="mb-3">
<label class="form-label">Login</label>
<!-- <input type="email" class="form-control"> -->
<input type="text" value="{{ last_username }}" name="login" id="inputLogin" class="form-control" autocomplete="login" required autofocus>
</div>
</div>
<div class="col-12">
<div class="mb-4">
<label class="form-label">Hasło</label>
<!-- <input type="text" class="form-control"> -->
<input type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required>
</div>
</div>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<!--<div class="col-12">
<div class="mb-3">
<div class="form-check form-check-primary form-check-inline">
<input class="form-check-input me-3" type="checkbox" id="form-check-default">
<label class="form-check-label" for="form-check-default">
Remember me
</label>
</div>
</div>
</div>-->
<div class="col-12">
<div class="mb-4">
<button class="btn btn-secondary w-100" type="submit">Zaloguj się</button>
</div>
</div>
<!--<div class="col-12 mb-4">
<div class="">
<div class="seperator">
<hr>
<div class="seperator-text"> <span>Or continue with</span></div>
</div>
</div>
</div>
<div class="col-sm-4 col-12">
<div class="mb-4">
<button class="btn btn-social-login w-100 ">
<img src="{{ asset ("src/assets/img/google-gmail.svg") }}" alt="" class="img-fluid">
<span class="btn-text-inner">Google</span>
</button>
</div>
</div>
<div class="col-sm-4 col-12">
<div class="mb-4">
<button class="btn btn-social-login w-100">
<img src={{ asset ("src/assets/img/github-icon.svg") }}" alt="" class="img-fluid">
<span class="btn-text-inner">Github</span>
</button>
</div>
</div>
<div class="col-sm-4 col-12">
<div class="mb-4">
<button class="btn btn-social-login w-100">
<img src={{ asset ("src/assets/img/twitter.svg") }}" alt="" class="img-fluid">
<span class="btn-text-inner">Twitter</span>
</button>
</div>
</div>-->
<div class="col-12">
<div class="text-center">
<p class="mb-0">Nie masz jeszcze konta? <a href="{{ path ("rejestracja") }}" class="text-warning">Zarejestruj się</a></p>
<p class="mb-0">Nie pamietasz hasła? <a href="{{ path ("get_pass_reset_stage_1") }}" class="text-warning">Uruchom procedurę resetowania hasła</a></p>
</div>
</div>
</div>
</div>
</div>
</form>
{% endblock %}