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

{% block content %}
	{% set params = {
		columns: {
			appointmentName: "Csoport név",
			school: "Iskola",
			bookingDate: "Időpont",
			organizingTeacher: "Szervező tanár",
			supportPackage: "Támogató",
			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",
			parentsConsent: "Szülői nyilatkozat",
		},
		rows: attendees,
		pagination: pagination,
	} %}

	{% embed "embed/table_page.html.twig" with params %}

		{% block page_title %}
			{% import "macro.html.twig" as macro %}
			<h3>Minden résztvevő</h3>
			{{ macro.showChangeProject(configs, configSession.currentConfig.name) }}
			<div class="btn-group">
				<button class="btn btn-sm btn-transparent" title="{{ "search"|trans }}"
						data-toggle="collapse" data-target="#filterGrid" type="button">
					<i class="fa fa-2x fa-search" aria-hidden="true"></i>
				</button>
			</div>
		{% endblock %}

		{% block page_content %}
			<div class="grid simple collapse {{ form.vars.active|default(false) ? 'show' }}" id="filterGrid">
				<div class="grid-title">
					<h4>Szűrés</h4>
					<button data-toggle="collapse" data-target="#filterGrid" type="button"
							class="btn btn-sm btn-white pull-right">
						<i class="fa fa-times" aria-hidden="true"></i>
					</button>
				</div>
				<div class="grid-body">
					{{ form_start(form) }}
					<div class="row">
						<div class="col-sm-3">
							{{ form_row(form.name, {label: 'Résztvevő neve', attr: {placeholder: "Mind"}}) }}
						</div>
						<div class="col-sm-3">
							{{ form_row(form.appointmentName, {label: 'Csoport neve', attr: {placeholder: "Mind"}}) }}
						</div>
						<div class="col-sm-3">
							{{ form_row(form.schoolName, {label: 'Iskola neve', attr: {placeholder: "Mind"}}) }}
						</div>
						<div class="col-sm-3">
							{{ form_row(form.supportPackageCode, {label: 'Támogatói csomag kód', attr: {placeholder: "Mind"}}) }}
						</div>


					</div>
					<div class="row">
						<div class="col-sm-3">
							{{ form_row(form.age, {label: 'Életkor', attr: {placeholder: "Mind"}}) }}
						</div>
						<div class="col-sm-3">
							{{ form_row(form.hasParentsContent, {label: 'Szülői nyilatkozat', placeholder: "Mind"}) }}
						</div>
						<div class="col-sm-3">
							{{ form_row(form.bookingMin, {label: 'Időpont minimum', attr: {placeholder: "Mind", class:'datetimepicker-input', "data-toggle": "datetimepicker"}}) }}
						</div>
						<div class="col-sm-3">
							{{ form_row(form.bookingMax, {label: 'Időpont maximum', attr: {placeholder: "Mind", class:'datetimepicker-input', "data-toggle": "datetimepicker"}}) }}
						</div>
					</div>
					<div class="d-flex justify-content-end">
						<button type="button" class="btn btn-sm btn-outline-secondary reset-form mr-2">
							<i class="fa fa-fw fa-times"></i> Visszaállítás
						</button>
						<button type="submit" class="btn btn-sm btn-primary">
							<i class="fa fa-fw fa-search"></i> Keresés
						</button>
					</div>
					{{ form_row(form.pageIndex, {value: '0'}) }}
					{{ form_end(form) }}
				</div>
			</div>
			{{ parent() }}
		{% endblock %}

		{% block grid_body %}
			<div class="btn-toolbar">
				<a href="{{ totalElement <= export_limit.xls ? path('filter_attendees.xls', xlsFilterParameters) : "#" }}"
				   class="btn btn-sm btn-primary {% if totalElement > export_limit.xls %}disabled{% endif %}"
				   data-toggle="tooltip"
				   data-title="Letöltés .xls formátumban (Max. {{ export_limit.xls }} elem)">
					<i class="fa fa-fw fa-file-excel-o"></i> XLS
				</a>
				<a href="{{ totalElement <= export_limit.xls ? path('filter_attendees.info.xls', xlsFilterParameters) : "#" }}"
				   class="btn btn-sm btn-primary ml-1 {% if totalElement > export_limit.xls %}disabled{% endif %}"
				   data-toggle="tooltip"
				   data-title="Letöltés .xls formátumban (Max. {{ export_limit.xls }} elem)">
					<i class="fa fa-fw fa-file-excel-o"></i> Résztvevő export 43ForFree
				</a>
			</div>
			{{ parent() }}
		{% endblock %}

		{% block header %}
			<th>Csoport név</th>
			<th>Iskola</th>
			<th>Időpont</th>
			<th>Szervező tanár</th>
			<th>Támogató</th>
			{% 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 row %}
			<td class="align-middle">
				{{ row.appointment.name }}
			</td>
			<td class="align-middle">
				{{ row.appointment.schoolName }}
				{% if row.appointment.schoolAddress is not empty %}
					<br><small>{{ "%s %s %s %s"|format(row.appointment.schoolAddress.county, row.appointment.schoolAddress.postCode, row.appointment.schoolAddress.city, row.appointment.schoolAddress.street) }}</small>
				{% endif %}
			</td>
			<td class="align-middle text-nowrap">
				{% if row.appointment.bookingDate is not empty %}
					{{ row.appointment.bookingDate.date }}
				{% else %}
					-
				{% endif %}
			</td>
			<td class="align-middle">
				{{ row.appointment.organizingTeacher.name }}
				<br><small>{{ row.appointment.organizingTeacher.email }} ({{ row.appointment.organizingTeacher.phone }}
					)</small>
			</td>
			<td class="align-middle">
				{% if row.appointment.supportPackage is not empty %}
					{{ row.appointment.supportPackage.code }}
					<br><small>{{ row.appointment.supportPackage.companyName }}</small>
				{% else %}
					-
				{% endif %}
			</td>
			{% 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>
					{% else %}
						-
					{% endif %}
				</div>
			</td>
		{% endblock %}


	{% endembed %}
{% endblock %}