theraPy/templates/index.html

113 lines
6.1 KiB
HTML
Raw Normal View History

2024-08-26 21:05:34 +02:00
{% extends "base.html" %}
{% block content %}
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-7 col-sm-6">
<form method="POST" action="/search">
{{ form.csrf_token }}
<fieldset>
<legend>Suche</legend>
<div class="mb-2">
2024-08-26 21:05:34 +02:00
<label for="locationInput" class="form-label mt-4">{{ form.location.label }}</label>
2024-08-28 10:08:46 +02:00
{{ form.location(class="form-control", id="locationInput", placeholder="Standort/PLZ eingeben") }}
2024-08-26 21:05:34 +02:00
{% if form.location.errors %}
<div class="text-danger">
{{ form.location.errors[0] }}
</div>
{% endif %}
2024-08-27 23:09:19 +02:00
<fieldset>
<div class="mt-2">
2024-08-27 23:09:19 +02:00
<label for="distanceRange" class="form-label">{{ form.therapy_distance.label }}</label>
{{ form.therapy_distance(class="form-range", id="distanceRange", min=0, max=50, step=1, oninput="this.nextElementSibling.value = this.value") }}
<output>{{ form.therapy_distance.data or 25 }}</output>
km
{% if form.therapy_distance.errors %}
<div class="text-danger">
{{ form.therapy_distance.errors[0] }}
</div>
{% endif %}
</div>
</fieldset>
2024-08-26 21:05:34 +02:00
</div>
<div class="mb-2">
2024-08-26 21:05:34 +02:00
<fieldset>
<legend class="mt-4">{{ form.therapy_type.label }}</legend>
{% for subfield in form.therapy_type %}
<div class="form-check">
{{ subfield(class="form-check-input") }}
<label class="form-check-label" for="{{ subfield.id }}">
{{ subfield.label.text }}
</label>
</div>
{% endfor %}
{% if form.therapy_type.errors %}
<div class="text-danger">
{{ form.therapy_type.errors[0] }}
</div>
{% endif %}
</fieldset>
</div>
<div class="mb-2">
2024-08-26 21:05:34 +02:00
<fieldset>
<legend class="mt-4">{{ form.therapy_age_range.label }}</legend>
{% for subfield in form.therapy_age_range %}
<div class="form-check">
{{ subfield(class="form-check-input") }}
<label class="form-check-label" for="{{ subfield.id }}">
{{ subfield.label.text }}
</label>
</div>
{% endfor %}
{% if form.therapy_age_range.errors %}
<div class="text-danger">
{{ form.therapy_age_range.errors[0] }}
</div>
{% endif %}
</fieldset>
</div>
<div class="mb-2">
2024-08-26 21:05:34 +02:00
<fieldset>
<legend class="mt-4">{{ form.therapy_setting.label }}</legend>
{% for subfield in form.therapy_setting %}
<div class="form-check">
{{ subfield(class="form-check-input") }}
<label class="form-check-label" for="{{ subfield.id }}">
{{ subfield.label.text }}
</label>
</div>
{% endfor %}
{% if form.therapy_setting.errors %}
<div class="text-danger">
{{ form.therapy_setting.errors[0] }}
</div>
{% endif %}
</fieldset>
</div>
<div class="mb-2">
<fieldset>
<div class="mt-2">
<label for="timeRange" class="form-label">{{ form.amount_of_weeks.label }}</label>
{{ form.amount_of_weeks(class="form-range", id="timeRange", min=1, max=4, step=1, oninput="this.nextElementSibling.value = this.value") }}
<output>{{ form.amount_of_weeks.data or 4 }}</output>
nächste(n) Woche(n)
{% if form.therapy_distance.errors %}
<div class="text-danger">
{{ form.amount_of_weeks.errors[0] }}
</div>
{% endif %}
</div>
</fieldset>
</div>
2024-08-26 21:05:34 +02:00
<button type="submit" class="btn btn-primary">Suche</button>
</fieldset>
</form>
</div>
</div>
</div>
{% endblock %}