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

{% block content %}

	{% set params = {
		columns: {
			name: "Csoportnév",
			school: "Iskola",
			supportPackage: 'Támogató',
			headCount: "Létszám",
			averageAge: "Korosztály",
			parentConsent: "Szülői nyilatkozat",
			bookingDate: "Időpont",
			tourType: "Helyszín",
			attendees: "Résztvevők",
		},
		rows: appointments,
		pagination: pagination,
	} %}

	{% embed "embed/table_page.html.twig" with params %}
		{% block page_title %}
			{% import "macro.html.twig" as macro %}
			<h3>Jelentkezések listája</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.tourType, {label: 'Helyszín', placeholder: 'Mind'}) }}
						</div>
						<div class="col-sm-3">
							{{ form_row(form.bookingTimeMin, {label: 'Időpont minimum', attr:{placeholder: 'Mind', class:'datetimepicker-input', "data-toggle": "datetimepicker"}}) }}
						</div>
						<div class="col-sm-3">
							{{ form_row(form.bookingTimeMax, {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_organizing_appointments.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>

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

		{% block cell_school %}
			<td class="align-middle">
				{{ row.schoolName }}
				{% if row.schoolAddress is not empty %}
					<br>
					<small>
						{{ "%s %s %s %s"|format(row.schoolAddress.county, row.schoolAddress.postCode, row.schoolAddress.city, row.schoolAddress.street) }}
					</small>
				{% else %}
					<br>
					<i class="fa fa-exclamation-triangle text-danger" aria-hidden="true"
					   data-toggle="tooltip" data-placement="bottom"
					   title="Kérjük frissítse az iskola címét!"></i>
					<small>{{ row.legacySchoolAddress }}</small>
				{% endif %}
			</td>
		{% endblock %}

		{% block cell_supportPackage %}
			<td class="align-middle">
				{% if row.supportPackage is not empty %}
					{{ row.supportPackage.code }}
					<br><small>{{ row.supportPackage.companyName }}</small>
				{% else %}
					-
				{% endif %}
			</td>
		{% endblock %}

		{% block cell_headCount %}
			<td class="align-middle text-nowrap">
				{{ row.attendeesCount }} / {{ row.headCount }}
				<span class="ml-1">
				{% if row.attendeesCount >= row.headCount %}
					<i class="fa fa-check-circle-o text-success" aria-hidden="true"
					   data-toggle="tooltip" data-placement="bottom" title="Teljes a létszám!"></i>
				{% else %}
					<i class="fa fa-exclamation-triangle text-danger" aria-hidden="true"
					   data-toggle="tooltip" data-placement="bottom"
					   title="Még nem töltötted fel az összes részvevőt."></i>
				{% endif %}
				</span>
				<br>
				{% if row.attendeeDeadline is not null and row.attendeesCount < row.headCount %}
					<small title="Amennyiben nem töltöd fel a szükséges adatokat a jelzett időn belül a foglalás törlésre kerül."
					       data-toggle="tooltip" data-placement="bottom" class="text-danger">
						{% if row.attendeeDeadline.day != 0 %}
							{{ row.attendeeDeadline.day }} napod van feltölteni
						{% else %}
							<1 napja van feltölteni.
						{% endif %}
					</small>
				{% endif %}
			</td>
		{% endblock %}

		{% block cell_averageAge %}
			<td class="align-middle">{{ ('age.' ~ value)|trans }}</td>
		{% endblock %}

		{% block cell_parentConsent %}
			<td class="align-middle text-nowrap">
				{{ row.parentConsentCount }} / {{ row.headCount }}
				<span class="ml-1">
					{% if row.parentConsentCount >= row.headCount %}
						<i class="fa fa-check-circle-o text-success" aria-hidden="true"
						   data-toggle="tooltip" data-placement="bottom"
						   title="Minden szülői nyilatkozat fel lett töltve!"></i>
					{% else %}
						<i class="fa fa-exclamation-triangle text-danger" aria-hidden="true"
						   data-toggle="tooltip" data-placement="bottom"
						   title="Még nem töltötted fel az összes szülői nyilatkozatot!"></i>
					{% endif %}
				</span>
				<br>
				{% if row.parentConsentDeadline is not null and row.attendeesCount >= row.headCount and row.parentConsentCount < row.headCount %}
					<small title="Amennyiben nem töltötted fel a szükséges adatokat a foglalás törlésre kerül."
					       data-toggle="tooltip" data-placement="bottom" class="text-danger">
						{% if row.parentConsentDeadline.day != 0 %}
							{{ row.parentConsentDeadline.day }} napja van feltölteni.
						{% else %}
							<1 napja van feltölteni.
						{% endif %}
					</small>
				{% endif %}
			</td>
		{% endblock %}

		{% block cell_bookingDate %}
			<td class="align-middle text-nowrap">
				{% if row.bookingDate is not empty %}
					{{ row.bookingDate.date }}
					{% if row.attendeesCount >= row.headCount and row.parentConsentCount >= row.headCount %}
						<i class="fa fa-check-circle-o fa-fw text-success" aria-hidden="true"
						   data-toggle="tooltip" data-placement="bottom"
						   data-html="true"
						   style="vertical-align: middle;font-size: 31px"
						   title="<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: 43 for free csapata"></i>
					{% endif %}
				{% else %}
					N/A
				{% endif %}
			</td>
		{% endblock %}

		{% block cell_tourType %}
			<td class="align-middle text-nowrap">
				{{ row.tourType }}
			</td>
		{% endblock %}

		{% block cell_attendees %}
			<td class="align-middle" style="width: 136px">
				<div class="btn-group">
					<a href="{{ path('filter_organizing_appointments_export', {'id': row.id}) }}"
					   class="btn btn-sm btn-danger text-nowrap">
						XLS
					</a>
					<a href="{{ path("filter_organizing_attendees", {id : row.id}) }}"
					   class="btn btn-sm btn-primary text-nowrap"
					   data-toggle="tooltip" title="Résztvevők listája">
						<i class="fa fa-fw fa-users"></i>
						Résztvevők
					</a>
				</div>
			</td>
		{% endblock %}

	{% endembed %}

{% endblock %}