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

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

		{% block page_title %}
			{% import "macro.html.twig" as macro %}
			<h3>Foglalható időpont szerkesztése</h3>
			<div class="logo-container">
				{{ macro.projectLogo(projectName) }}
			</div>
		{% endblock %}

		{% block page_content %}
			{{ form_start(form) }}

			<div class="row mb-2">
				<div class="col-4">
					Foglalás: {{ bookableHeadcount }} fő
				</div>
				<div class="col-4">
					Várólistás: {{ subscriptionHeadcount }} fő
				</div>
			</div>

			{% if false == canChangeDate %}
				<label class="alert alert-danger">
					<b>Időpontot nem lehet módosítani.</b>
					Erre az időpontra vannak foglalások/várólistás jelentkezések.
				</label>
			{% endif %}
			{{ form_row(form.date, {label: "Időpont", attr: {class:'datetimepicker-input', "data-toggle": "datetimepicker"}}) }}
			{{ form_row(form.capacity, {label: "Kapacitás"}) }}
			<div class="form-group">
				<label>Program / túra helyszín</label>
				<input class="form-control" disabled value="{{ tourType.name }}">
			</div>
			{{ form_row(form.supportPackagesIds, {label: "Támogatói csomagok",attr: {class: "select2"}}) }}
			{{ form_rest(form) }}
			<div style="display: flex; justify-content: space-between">
				<a href="{{ path('filter_bookable_dates') }}" 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>

			{{ form_end(form) }}
		{% endblock %}

	{% endembed %}
{% endblock %}