{% extends "base.html" %}

{% block title %}
	{{ _("Sign in") }}
{% endblock %}

{% block container %}
	<main class="text-center pt-5">
		{% from "macros/forms.html" import render_field, render_checkbox_field, render_submit_field %}
		<form class="signin" method="POST">
			{{ form.hidden_tag() }}

			<h1 class="h3 mb-4 font-weight-normal">{{ self.title() }}</h1>

			{{ render_field(form.username, tabindex=110, label_visible=False, placeholder=_("Username or email")) }}
			{{ render_field(form.password, tabindex=120, label_visible=False, placeholder=_("Password")) }}
			<div class="row mb-3">
				{{ render_checkbox_field(form.remember_me, tabindex=130, class_="col-sm") }}
				<a class="col-sm" href="{{ url_for('users.forgot_password') }}">
					{{ _("Forgot my password") }}
				</a>
			</div>
			{{ render_submit_field(form.submit, tabindex=140, class_="btn btn-lg btn-primary btn-block") }}

			<hr class="my-5" />

			<p>
				<a class="btn btn-secondary mr-3" href="{{ url_for('github.start') }}">
					<i class="fab fa-github mr-1"></i>
					{{ _("GitHub") }}
				</a>
				<a class="btn btn-secondary" href="{{ url_for('users.register') }}">
					<i class="fas fa-user-plus mr-1"></i>
					{{ _("Register") }}
				</a>
			</p>
		</form>
	</main>
{% endblock %}