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

{% block content %}

	{% set params = {
		columns: {
			date: "Időpont",
			capacity: "Kapacitás",
			freeCapacity: "Szabad kapacitás",
			bookableHeadcount: "Foglalt létszám",
			subscriptionHeadcount: "Várólistás létszám",
			supportPackages: "Támogatói csomagok",
			tourType: "Program / túra helyszín",
			operations: "",
		},
		rows: bookableDates,
		pagination: pagination
	} %}

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

		{% block page_title %}
			{% import "macro.html.twig" as macro %}
			<h3>Foglalható időpontok</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 ? '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-4">
							{{ form_row(form.tourTypeId, {label: 'Helyszín', placeholder: 'Mind'}) }}
						</div>
						<div class="col-sm-4">
							{{ form_row(form.startDate, {label: 'Kezdő dátum', attr:{placeholder: 'Mind', class:'datepicker-input', "data-toggle": "datetimepicker"}}) }}
						</div>
						<div class="col-sm-4">
							{{ form_row(form.endDate, {label: 'Vég dátum', attr:{placeholder: 'Mind', class:'datepicker-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="{{ path("add_bookable_date") }}" class="btn btn-sm btn-primary">
					<i class="fa fa-fw fa-plus"></i> Hozzáadás
				</a>
				<a href="{{ path("batch_add_bookable_date") }}" class="btn btn-sm btn-primary ml-2">
					<i class="fa fa-fw fa-plus"></i> Csoportos hozzáadás
				</a>
			</div>
			{{ parent() }}
		{% endblock %}

		{% block cell_freeCapacity %}
			<td class="align-middle">
				{{ row.capacity - row.bookableHeadcount }}
			</td>
		{% endblock %}

		{% block cell_supportPackages %}
			<td class="align-middle">
				{% if row.supportPackages|length > 0 %}
					{% for supportPackage in row.supportPackages %}
						{{ supportPackage.code }} ({{ supportPackage.companyName }})<br/>
					{% endfor %}
				{% else %}
					-
				{% endif %}
			</td>
		{% endblock %}

		{% block cell_operations %}
			<td class="text-right align-middle">
				<a href="{{ path('update_bookable_dates', {'id': row.id}) }}" class="btn btn-sm btn-primary"
				   data-toggle="tooltip" data-placement="bottom" data-title="Szerkesztés">
					<i class="fa fa-fw fa-edit"></i>
				</a>
				{% if row.bookableHeadcount == 0 and row.subscriptionHeadcount == 0 %}
					<a href="{{ path("remove_bookable_date", {id: row.id}) }}"
					   class="btn btn-sm btn-danger confirm-removal"
					   data-toggle="tooltip" data-placement="bottom" data-title="Törlés">
						<i class=" fa fa-fw fa-trash-o"></i>
					</a>
				{% else %}
					<a href="#" class="btn btn-sm btn-danger disabled"
					   data-toggle="tooltip" data-placement="bottom" data-title="Törlés">
						<i class="fa fa-fw fa-trash-o"></i>
					</a>
				{% endif %}
			</td>
		{% endblock cell_operations %}

	{% endembed %}

{% endblock %}