117 lines
3.6 KiB
HTML
117 lines
3.6 KiB
HTML
{% extends 'base.html' %}
|
|
|
|
{% load static i18n %}
|
|
|
|
{% block title %}{% trans "Login" %} - Agdar{% endblock %}
|
|
|
|
{% block outter_content %}
|
|
<!-- BEGIN login -->
|
|
<div class="login login-v1">
|
|
<!-- BEGIN login-container -->
|
|
<div class="login-container">
|
|
<!-- BEGIN login-header -->
|
|
<div class="login-header">
|
|
<div class="brand">
|
|
<div class="d-flex align-items-center">
|
|
<img src="{% static 'img/logo/Agdar-Logo.png' %}" alt="" class="me-2" style="height: 128px; ">
|
|
</div>
|
|
<small>{% trans "Behavioral Clinic Management System" %}</small>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="fa fa-lock"></i>
|
|
</div>
|
|
</div>
|
|
<!-- END login-header -->
|
|
|
|
<!-- BEGIN login-body -->
|
|
<div class="login-body">
|
|
<!-- BEGIN login-content -->
|
|
<div class="login-content fs-13px">
|
|
{% if messages %}
|
|
{% for message in messages %}
|
|
<div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
|
|
{{ message }}
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
|
|
{% if form.non_field_errors %}
|
|
<div class="alert alert-danger alert-dismissible fade show" role="alert">
|
|
{{ form.non_field_errors }}
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<form action="{% url 'login' %}" method="POST">
|
|
{% csrf_token %}
|
|
|
|
<div class="form-floating mb-20px">
|
|
<input type="text"
|
|
name="username"
|
|
class="form-control fs-13px h-45px {% if form.username.errors %}is-invalid{% endif %}"
|
|
id="username"
|
|
placeholder="{% trans 'Username' %}"
|
|
required
|
|
autofocus />
|
|
<label for="username" class="d-flex align-items-center">{% trans "Username" %}</label>
|
|
{% if form.username.errors %}
|
|
<div class="invalid-feedback">
|
|
{{ form.username.errors }}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div class="form-floating mb-20px">
|
|
<input type="password"
|
|
name="password"
|
|
class="form-control fs-13px h-45px {% if form.password.errors %}is-invalid{% endif %}"
|
|
id="password"
|
|
placeholder="{% trans 'Password' %}"
|
|
required />
|
|
<label for="password" class="d-flex align-items-center">{% trans "Password" %}</label>
|
|
{% if form.password.errors %}
|
|
<div class="invalid-feedback">
|
|
{{ form.password.errors }}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div class="form-check mb-20px">
|
|
<input class="form-check-input" type="checkbox" value="" id="rememberMe" name="remember_me" />
|
|
<label class="form-check-label" for="rememberMe">
|
|
{% trans "Remember Me" %}
|
|
</label>
|
|
</div>
|
|
|
|
<div class="mb-20px text-end">
|
|
<a href="{% url 'password_reset' %}" class="text-theme">
|
|
{% trans "Forgot Password?" %}
|
|
</a>
|
|
</div>
|
|
|
|
<input type="hidden" name="next" value="{{ next }}" />
|
|
|
|
<div class="login-buttons">
|
|
<button type="submit" class="btn btn-theme h-45px d-block w-100 btn-lg">
|
|
{% trans "Sign me in" %}
|
|
</button>
|
|
</div>
|
|
|
|
<div class="text-center mt-3">
|
|
<small>
|
|
{% trans "Don't have an account?" %}
|
|
<a href="{% url 'core:signup' %}" class="text-theme">{% trans "Sign up here" %}</a>
|
|
</small>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- END login-content -->
|
|
</div>
|
|
<!-- END login-body -->
|
|
</div>
|
|
<!-- END login-container -->
|
|
</div>
|
|
<!-- END login -->
|
|
{% endblock %}
|