Files
tmhr/templates/sign-in.html
2024-02-23 10:30:02 +00:00

49 lines
2.1 KiB
HTML
Executable File

{% extends 'includes/base_auth.html' %}
{% load static %}
{% block content %}
<main class="main-content mt-0">
<div class="page-header align-items-start min-vh-50 pt-5 pb-11 m-3 border-radius-lg" style="background-image: url('https://images.unsplash.com/photo-1612911853182-96e6be2792c7?q=80&w=2340&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'); background-position: center;">
<span class="mask bg-gradient-dark opacity-6"></span>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-5 text-center mx-auto">
<h1 class="text-white mb-2 mt-5">Welcome!</h1>
<p class="text-lead text-white">Please log in to continue</p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row mt-lg-n10 mt-md-n11 mt-n10 justify-content-center">
<div class="col-xl-4 col-lg-5 col-md-7 mx-auto">
<div class="card z-index-0">
<div class="card-header text-center pt-4">
<h5>Sign In</h5>
</div>
<div class="card-body">
{% if invalid == True %}
<div class="alert alert-danger" role="alert">
Username or Password is incorrect
</div>
{% endif %}
<form role="form" action="{% url 'accounts:sign_in' %}" method='post'>
{% csrf_token %}
<div class="mb-3">
{{ form.username }}
</div>
<div class="mb-3">
{{ form.password }}
</div>
<div class="text-center">
<button type="submit" class="btn bg-gradient-dark w-100 my-4 mb-2">Sign in</button>
</div>
<p class="text-sm mt-3 mb-0">Don't have an account? <a href="{% url 'accounts:sign_up' %}" class="text-dark font-weight-bolder">Sign up</a></p>
</form>
</div>
</div>
</div>
</div>
</div>
</main>
{% endblock content %}