Free and open source ticket system written in python
1{% extends 'base.html' %}
2{% block content %}
3{% load i18n %}
4<div class="self-center w-full max-w-xl mx-auto">
5 <div class="flex items-center">
6 <h1 class="text-3xl font-bold p-2">{% trans 'FurryBlacklight Login' %}</h1>
7 <div class="flex-grow"></div>
8 <a href="{% url 'login' %}" class="btn btn-sm btn-neutral">{% trans 'Go Back' %}</a>
9 </div>
10 <div class="bg-base-200 rounded p-8">
11 <ul class="steps w-full mb-6">
12 <li class="step step-accent">{% trans 'Authenticate' %}</li>
13 <li class="step step-accent">{% trans 'Confirm Code' %}</li>
14 <li class="step">{% trans 'Account Completion' %}</li>
15 <li class="step step-success">{% trans 'Done' %}</li>
16 </ul>
17
18 <div role="alert" class="alert alert-info mb-4">
19 {% trans 'We sent you an email that contains a code for your login. Please enter the code in the field below.' %}
20 </div>
21 <form method="post" action="/fbl/auth_get_code">
22 {% csrf_token %}
23
24 {% if get_code_form.non_field_errors %}
25 <div role="alert" class="alert alert-error mb-4">
26 <svg xmlns="http://www.w3.org/2000/svg" class="hidden sm:block stroke-current shrink-0 h-6 w-6" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 10l4 4m0 -4l-4 4" /><path d="M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" /></svg>
27 <span>{{ get_code_form.non_field_errors }}</span>
28 </div>
29 {% endif %}
30
31 <div class="form-control w-full">
32 <label class="label">
33 <span class="text-base label-text" for="{{ get_code_form.username.id_for_label }}">{% trans 'Badge Number' %}</span>
34 </label>
35 <input type="number" name="badge_number" class="w-full input input-bordered" value="{{ get_code_form.badge_number.value }}" readonly />
36 </div>
37 <div class="form-control w-full">
38 <label class="label">
39 <span class="text-base label-text" for="{{ get_code_form.dob.id_for_label }}">{% trans 'Date of Birth' %}</span>
40 </label>
41 <input type="text" name="dob" class="w-full input input-bordered" value="{{ get_code_form.dob.value }}" readonly />
42 </div>
43
44 <script src="https://cdn.jsdelivr.net/npm/@alpinejs/mask@3.x.x/dist/cdn.min.js"></script>
45 <script src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
46 <div class="form-control w-full">
47 <label class="label">
48 <span class="text-base label-text" for="{{ get_code_form.username.id_for_label }}">{% trans 'Verify Code' %}</span>
49 </label>
50 <input type="text" name="validation_code" x-mask="999999" placeholder="000000" class="w-full input input-bordered text-2xl" />
51 </div>
52 <div class="flex justify-end mt-6">
53 <button type="submit" class="btn btn-accent mb-4">{% trans 'Confirm Code' %}</button>
54 </div>
55 </form>
56 </div>
57</div>
58{% endblock %}