user_join_round.html

{% extends "base.html" %}
{% import "bootstrap/wtf.html" as wtf %}
{% block head %}
<script src='{{ asset_url('js/osmo.js') }}'></script>
<script>
	osmo_api_root = {{ url_for('api_root')|jsescape }};
	osmo_school = new OSMOSchool();
	{% if form.town_query.data %}
		osmo_school.prefill_town_query = {{ form.town_query.data|jsescape }};
		{% if form.town_list.data %}
		osmo_school.prefill_town_list = {{ form.town_list.data|jsescape }};
		{% if form.school.data %}
		osmo_school.prefill_school = {{ form.school.data|jsescape }};
		{% endif %}
		{% endif %}
	{% endif %}
	document.addEventListener('DOMContentLoaded', () => { osmo_school.init() });
</script>
{% endblock %}
{% block title %}Přihláška{% endblock %}
{% block body %}

<h3 style='margin-bottom: 21px'>{{ round.name }} kategorie {{ round.category }} {% if round.enroll_advert %} ({{ round.enroll_advert }}){% endif %}</h3>

<form action="" method="POST" role="form" class="form form-horizontal">
	{{ form.csrf_token }}
	{% if form.school %}
		<div id='town_query-group' class='form-group row required{% if form.school.errors %} has-error{% endif %}'>
			<label class='col-sm-2 control-label' for='town_query'>Škola</label>
			<div class='col-sm-8'>
				<input autofocus="" class="form-control" id="town_query" name="town_query" type="text" value="">
				<div id='town_query-help' class='help-block'>
					Zadejte prvních pár znaků jména obce a zmáčkněte Hledat.
					Pokud se vám nedaří školu najít (například proto, že studujete v zahraničí),
					informujte prosím <a href='{{ url_for('doc_about') }}'>správce OSMO</a>.
				</div>
			</div>
			<div class='col-sm-2'>
				<button class='btn btn-primary' type='button' onclick='osmo_school.find_town(false)'>
					Hledat
				</button>
			</div>
		</div>
		<div id='town_list-div' class='form-group row' style='display: none'>
			<div class='col-sm-offset-2 col-sm-10'>
				<select id='town_list' name='town_list' onchange='osmo_school.town_picked()'>
				</select>
			</div>
		</div>
		<div id='school-div' name='school' class='form-group row' style='display: none'>
			<div class='col-sm-offset-2 col-sm-10'>
				<select id='school' name='school'>
				</select>
			</div>
		</div>
		{{ wtf.form_field(form.grade, form_type='horizontal', horizontal_columns=('sm', 2, 10)) }}
		{{ wtf.form_field(form.birth_year, form_type='horizontal', horizontal_columns=('sm', 2, 10)) }}
		<p>Přihlášením do soutěže udělujete souhlas se <a href='{{ url_for('doc_gdpr') }}'>zpracováním osobních údajů</a>.
		U nezletilých účastníků musí přihlášku odeslat zákonný zástupce.
	{% else %}
		<p>Vaše osobní údaje už známe z ostatních kategorií. Stačí tedy potvrdit přihlášení.
	{% endif %}
	<div class='form-group'>
		<div class='col-sm-12'>
			{{ wtf.form_field(form.submit, form_type='inline', button_map={'submit': 'primary'}) }}
			<a class="btn btn-default" href="{{ url_for('user_join') }}">Zpět</a>
		</div>
	</div>
</form>

{% endblock %}