{% extends "layout.html.twig" %}


{% block content %}
	{% embed "embed/page.html.twig" %}

		{% block page_title %}
			<h3>Résztvevő hozzáadása</h3>
		{% endblock %}

		{% block page_content %}
			{% import "macro.html.twig" as macro %}
			{{ form_start(form) }}
			{% set updateType = form.updateAnswer %}
			<div class="row">
				<div class="col-sm-6">
					<h4 class="">Általános adatok</h4>

					{{ form_row(form.name, {label: "Neve"}) }}
					{{ form_row(form.age, {label: "Életkora"}) }}
					{{ macro.showFormIfExist(updateType, "sport", {label: "Sport választás"}) }}
					{% if form.vars['project_name'] == 'ski' %}
						{{ macro.showFormIfExist(updateType, "skiLevel", {label: "Sítudás / Snowboard tudás"}) }}
					{% else %}
						{{ macro.showFormIfExist(updateType, "skiLevel", {label: "Sítudás"}) }}
					{% endif %}

					{{ macro.showFormIfExist(updateType, "bacon", {label: "Szeretne-e szalonnátsütni a végén?"}) }}

					{{ macro.showFormIfExist(updateType, "equipment", {label: "Amennyiben rendelkezik felszereléssel, kérjük jelöld be melyikekkel"}) }}

					{% if updateType.equipment is defined %}
						{{ form_row(updateType.equipment.children.0, {label_attr: {class: 'checkbox-custom'}}) }}
						<div style="margin-bottom: -10px">
							{{ form_row(updateType.equipment.children.1, {label_attr: {class: 'checkbox-custom'}}) }}
						</div>
						{{ form_row(updateType.equipment.children.2, {label_attr: {class: 'checkbox-custom'}}) }}
						{% if updateType.equipment.children.3 is defined %}
							<div style="margin-bottom: -10px">
								{{ form_row(updateType.equipment.children.3, {label_attr: {class: 'checkbox-custom'}}) }}
							</div>
							{{ form_row(updateType.equipment.children.4, {label_attr: {class: 'checkbox-custom'}}) }}
						{% endif %}
					{% endif %}

					{% if updateType.height is defined or
					updateType.weight is defined or
						updateType.hasSkate is defined or
						updateType.headSize is defined or
						updateType.feetSize is defined %}
					<h4 class="">Méretek</h4>
					{% endif %}

					<div class="mb-3 mt-3">
						<div class="row">
							<div class="col-md-3">
								{{ macro.showFormIfExist(updateType, "height", {label: "Magasság (cm)"}) }}
							</div>
							<div class="col-md-3">
								{{ macro.showFormIfExist(updateType, "weight", {label: "Testtömeg (kg)"}) }}
							</div>
						</div>
						<div class="row">
							<div class="col-md-3">
								{{ macro.showFormIfExist(updateType, "hasSkate", {label: "Van korcsolyája?"}) }}
								{{ macro.showFormIfExist(updateType, "headSize", {label: "Fejméret"}) }}
							</div>
							<div class="col-md-3">
								{{ macro.showFormIfExist(updateType, "feetSize", {label: "Lábméret"}) }}
							</div>
						</div>
					</div>
					{% if form.parentsConsent is defined %}
						{{ form_row(form.parentsConsent, {label: "Szülői nyilatkozat", attr: {lang: "hu"}}) }}
						{{ form_row(form.validParentsConsent, {label: "Szülői nyilatkozatot ellenőriztem", attr: {class: "validParentsConsents"}, label_attr: {class: 'checkbox-custom'}}) }}
					{% endif %}

					{% do updateType.setRendered() %}
					<div class="d-flex justify-content-between">
						<a href="{{ path('list_attendees', {id: appointment_id}) }}" class="btn btn-outline-secondary">
							<i class="fa fa-fw fa-angle-double-left"></i> Vissza
						</a>
						<button class="btn btn-primary" type="submit">
							<i class="fa fa-fw fa-save"></i> Mentés
						</button>
					</div>
				</div>
			</div>
			{{ form_end(form) }}
		{% endblock page_content %}

	{% endembed %}

{% endblock content %}