{% import "macro.html.twig" as macro %}

{% for groupName, projectGroup in projectGroups %}
	{% if groupName == "default" %}
		<div class="page-title">
			<h3>Sport43 programok</h3>
		</div>
	{% elseif groupName == "culture" %}
		<div class="page-title mt-2">
			<h3>Culture43 programok</h3>
		</div>
	{% endif %}
	<div class="d-flex flex-wrap">
		{% for project in projectGroup %}
			{% set available = project.available %}
			{% set existOpening = project.name in openings|keys %}
			<div class="project-card {{ available == false ? "disabled" : "" }} {{ existOpening or project.name == "ski" ? "with-opening" : "" }}">
				{% if available %}
					<a href="{{ block("make_appointment_url") }}" class="logo-button">
						<div class="banner">
							{{ macro.projectBanner(project.name) }}
						</div>
						<div class="projectButton">Időpont foglalás</div>
					</a>
				{% else %}
					<div class="logo-button disabled">
						<div class="banner">
							{{ macro.projectBanner(project.name) }}
						</div>
						<div class="projectButton">Időpont foglalás</div>
					</div>
					<div class="opening" style="max-width: 230px">
						<div class="title mb-1 ml-1">A 2023-2024-es tanévben nem indul</div>
					</div>
				{% endif %}
				{% if existOpening and available %}
					<div class="opening">
						<div class="title mb-1 ml-1">Nyitvatartás</div>
						<div class="body">
							<table>
								{% for opening in openings[project.name] %}
									<tr>
										{% if opening.from is defined and opening.to %}
											<td style="width: 50px">{{ opening.from }}</td>
											<td style="width: 8px">-</td>
											<td style="width: 50px">{{ opening.to }}</td>
											<td class="info">{{ opening.info is defined ? "(%s)"|format(opening.info) }}</td>
										{% else %}
											<td class="text-left">
												{{ opening.info }}
											</td>
										{% endif %}
									</tr>
								{% endfor %}
							</table>
						</div>
					</div>
				{% endif %}
			</div>
		{% endfor %}
	</div>
{% endfor %}