theraPy/templates/index.html
2024-08-26 21:05:34 +02:00

85 lines
4.2 KiB
HTML

{% 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-3">
<label for="locationInput" class="form-label mt-4">{{ form.location.label }}</label>
{{ form.location(class="form-control", id="locationInput", placeholder="Standort eingeben") }}
{% if form.location.errors %}
<div class="text-danger">
{{ form.location.errors[0] }}
</div>
{% endif %}
</div>
<div class="mb-3">
<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-3">
<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-3">
<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>
<button type="submit" class="btn btn-primary">Suche</button>
</fieldset>
</form>
</div>
</div>
</div>
{% endblock %}