DecisionTree/templates/auth/login.html

59 lines
2.6 KiB
HTML

{% extends 'base.html' %}
{% block content %}
<div class="container mt-5">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h3 class="text-center">Login</h3>
</div>
<div class="card-body">
<form method="POST" action="{{ url_for('auth.login') }}">
{{ form.hidden_tag() }}
<div class="mb-3">
{{ form.username.label(class="form-label") }}
{{ form.username(class="form-control") }}
{% for error in form.username.errors %}
<span class="text-danger">{{ error }}</span>
{% endfor %}
</div>
<div class="mb-3">
{{ form.password.label(class="form-label") }}
{{ form.password(class="form-control") }}
{% for error in form.password.errors %}
<span class="text-danger">{{ error }}</span>
{% endfor %}
</div>
<div class="mb-3 form-check">
{{ form.remember_me(class="form-check-input") }}
{{ form.remember_me.label(class="form-check-label") }}
</div>
<div class="d-grid">
{{ form.submit(class="btn btn-primary") }}
</div>
</form>
{% if google_configured %}
<div class="mt-4">
<div class="d-flex align-items-center mb-3">
<hr class="flex-grow-1">
<span class="mx-2 text-muted">OR</span>
<hr class="flex-grow-1">
</div>
<div class="d-grid">
<a href="{{ url_for('google.login') }}" class="btn btn-outline-danger">
<i class="fab fa-google me-2"></i> Sign in with Google
</a>
</div>
</div>
{% endif %}
</div>
<div class="card-footer text-center">
<p>New User? <a href="{{ url_for('auth.register') }}">Register here</a></p>
</div>
</div>
</div>
</div>
</div>
{% endblock %}