Smarter/smarter/templates/browsing.j2
Arija A. a3a6316054
.html -> .j2 for Jinja2 correctness
Signed-off-by: Arija A. <ari@ari.lt>
2025-05-27 23:34:42 +03:00

56 lines
2.9 KiB
Django/Jinja

{% extends "base.j2" %}
{% block main %}
<div class="container">
{% block header %}{% endblock %}
<form id="configurationForm">
<div class="row justify-content-center mt-3">
<div class="col-md-5 m-2">
<label for="category" class="form-label text-primary-emphasis">Category</label>
<select required class="form-select bg-info-subtle text-success border-success-subtle" id="category">
<option selected value="any">Any</option>
<option value="9">General Knowledge</option>
<option value="10">Entertainment: Books</option>
<option value="11">Entertainment: Film</option>
<option value="12">Entertainment: Music</option>
<option value="13">Entertainment: Musicals & Theatres</option>
<option value="14">Entertainment: Television</option>
<option value="15">Entertainment: Video Games</option>
<option value="16">Entertainment: Board Games</option>
<option value="17">Science & Nature</option>
<option value="18">Science: Computers</option>
<option value="19">Science: Mathematics</option>
<option value="20">Mythology</option>
<option value="21">Sports</option>
<option value="22">Geography</option>
<option value="23">History</option>
<option value="24">Politics</option>
<option value="25">Art</option>
<option value="26">Celebrities</option>
<option value="27">Animals</option>
<option value="28">Vehicles</option>
<option value="29">Entertainment: Comics</option>
<option value="30">Science: Gadgets</option>
<option value="31">Entertainment: Japanese Anime & Manga</option>
<option value="32">Entertainment: Cartoon & Animations</option>
</select>
</div>
<div class="col-md-5 m-2">
<label for="difficulty" class="form-label text-primary-emphasis">Difficulty</label>
<select required class="form-select text-success border-success-subtle bg-info-subtle" id="difficulty">
<option selected value="any">Any</option>
<option value="easy">Easy</option>
<option value="medium">Medium</option>
<option value="hard">Hard</option>
</select>
</div>
<div class="col-md-1 m-2 d-flex justify-content-center align-items-end">
<button class="btn btn-outline-primary" id="formButton" type="submit">Apply</button>
</div>
</div>
</form>
{% block table %}{% endblock %}
</div>
{% endblock %}