{% extends 'base-no-menu.html.twig' %}
{% block title %}Log in!{% endblock %}
{% block body %}
<!-- Basic login form-->
<div class="mt-10 card shadow-lg border-0 rounded-lg login-card">
<div class="card-header card-header bg-brand"><h1 class="text-white my-4 header-title">Login</h1></div>
<div class="card-body">
<!-- Login form-->
<form method="post" class="form">
{% if error %}
<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %}
{% if app.user %}
<div class="mb-3 alert alert-info">
You are logged in as {{ app.user.username }}, <a href="{{ path('app_logout') }}">Logout</a>
</div>
{% endif %}
<!-- Form Group (email address)-->
<div class="form-group">
<label class="small mb-1 form-label" for="inputEmailAddress">Username</label>
<input class="form-control" id="inputEmailAddress" type="text" placeholder="Enter email address" value="{{ last_username }}" name="_username" />
</div>
<!-- Form Group (password)-->
<div class="form-group">
<label class="small mb-1 form-label" for="inputPassword">Password</label>
<input class="form-control" id="inputPassword" name="_password" type="password" placeholder="Enter password" />
</div>
<!-- Form Group (remember password checkbox)-->
<div class="form-group">
<div class="custom-control custom-checkbox">
<input class="custom-control-input" id="rememberPasswordCheck" name="_remember_me" type="checkbox" checked/>
<label class="custom-control-label form-label" for="rememberPasswordCheck">Remember login</label>
</div>
</div>
<!-- Form Group (login box)-->
<div class="form-group my-4 mb-1 d-flex">
<input type="submit" class="mx-auto login-btn btn-lg btn-brand-primary" value="Sign in">
{# <a class="small forgotten-password-btn btn btn-sm btn-brand-secondary" href="auth-password-basic.html">Forgot Password?</a>#}
</div>
<div class="text-center my-2"> <span class="text-muted">Or</span> </div>
<div class="form-group mt-4 mb-1 d-flex">
<a class="mx-auto small forgotten-password-btn btn btn-sm btn-primary" href="{{ url('connect_azure_start') }}"> <i class="fa-brands fa-windows mx-2"></i> Login With Outlook</a>
</div>
<div style="clear:both"></div>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
</form>
</div>
<div class="card-footer text-center card-footer bg-brand">
<div class="text-white small card-footer-text"><span>® Columbia International College</span></div>
</div>
</div>
{% endblock %}