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

{% block content %}

	{% set columns = {
		name: "Név",
		age: "Életkor (év)",
		height: "Magasság (cm)",
		weight: "Testtömeg (kg)",
		feetSize: "Lábméret",
		headSize: "Fejméret",
		sport: "Sport",
		skiLevel: "Sítudás / Snowboard tudás",
		equipment: "Felszerelés",
		control: "Szülői nyilatkozat",

	} %}
	{% set params = {
		columns: columns,
		rows: attendees,
		appointment: appointment,
		pagination: pagination,
	} %}

	<div class="attendeeList">
		{% embed "embed/table_page.html.twig" with params %}

			{% block header %}
				{% for column in tableColumns %}
					<th>{{ column.title }}</th>
				{% endfor %}
				<th style="width: 100px" class="text-right text-nowrap">
					Szülői nyilatkozat
				</th>
			{% endblock %}


			{% block empty %}
				<td colspan="{{ tableColumns|length + 5 }}">
					<div class="text-center padding-20" style="font-size: 16px">
						<i class="fa fa-fw fa-frown-o"></i> Nincs találat
					</div>
				</td>
			{% endblock empty %}



			{% block row %}
				{% for column in tableColumns %}
					<td class="align-middle">{{ column.getValue(row) }}</td>
				{% endfor %}
				<td class="text-right align-middle">
					<div class="btn-group">
						{% if row.parentsConsent is not null %}
							<a href="{{ path("show_parents_consent", {id: row.id}) }}"
							   class="btn btn-sm btn-danger"
							   title="Letöltés">
								<i class="fa fa-download" aria-hidden="true"></i>
							</a>
						{% endif %}
					</div>
				</td>
			{% endblock %}

			{% block page_title %}
				<a href="{{ path("filter_organizing_appointments" ) }}">
					<i class="fa fa-chevron-left" aria-hidden="true"></i>
				</a>
				<h3>"{{ appointment.name }}" csoport résztvevői </h3>
			{% endblock %}

			{% block grid_body %}
				<div class="btn-toolbar justify-content-between" style="font-size: large">
					<div class="font-weight-bold">
						Időpont:
						{% if appointment.bookableDate is not null %}
							{{ appointment.bookableDate }}
						{% else %}
							N/A
						{% endif %}
					</div>
					<div class="font-weight-bold">
						Létszám: {{ appointment.attendeePerHeadCount }}
					</div>
				</div>
				{% if appointment.isHeadCountFull and appointment.isParentConsentFull and appointment.bookableDate is not null %}
					<div class="d-flex justify-content-center">
						<div class="alert alert-success text-center">
							<div class="d-flex align-items-center justify-content-center">
								<i class="fa fa-check fa-fw fa-2x text-success" aria-hidden="true"
								   style="vertical-align: middle"></i>
								<div class="flex-grow-1 m-2">
									<p>Kedves Szervező!</p>
									A regisztráció sikeresen lezárult!<br/>
									A jelentkezéseteket elfogadtuk, várunk benneteket
									az általad foglalt időpontban!<br/>
									Köszönettel: 43ForFree csapata
								</div>
							</div>

						</div>
					</div>
				{% endif %}
				{{ parent() }}
			{% endblock %}

		{% endembed %}

	</div>

{% endblock %}