{% if registration.name is not defined %}
	<h3>Coś poszło nie tak</h3>
		
	{% if categoryName == 'przedszkola' %}
			
		<p class="mb-3">Znajdujesz się w części dla przedszkoli.<br />
			Jesteś pewny, że zgłosiłeś przedszkole?
			<br /><br />
			Jeśli zabładziłeś, to przejdź do odpowiedniej części strony skierowanej dla Ciebie.
		</p>

		<div class="d-inline-block"><a href="/szkoly" class="btn red mb-5"><span>Dla szkół</span></a></div>
	{% else %}
			
		<p class="mb-3">
			Znajdujesz się w części dla szkół.<br />
			Jesteś pewny, że zgłosiłeś szkolną klasę?
			<br /><br />
			Jeśli zabładziłeś, to przejdź do odpowiedniej części strony skierowanej dla Ciebie.
		</p>

		<div class="d-inline-block"><a href="/przedszkola" class="btn red mb-5"><span>Dla przedszkoli</span></a></div>
	{% endif %}
{% else %}

	{% if usersRegistrations is defined %}
		<div class="inner-small">
			<div class="w-100 mb-5 d-flex justify-content-center">
				<label for="form-registrations" class="d-none">Zgłoszenie</label>
				<div class="w-100 custom-select">
					<select name="registrations" id="formRegistrations" onclick="changeProfile(event)">
						<option value="{{ registration.id }}" selected>{{ registration.name }}</option>
						{% for item in usersRegistrations %}
							<option value="{{ item.id }}">{{ item.name }}</option>
						{% endfor %}
					</select>
				</div>
			</div>	
		</div>
	{% endif %}

	<ul class="nav nav-tabs" id="myTab" role="tablist">
		<li class="nav-item h-100" role="presentation">
			<h5 class="nav-link d-flex justify-content-center align-items-center" style="height:85px;" id="files-tab" data-bs-toggle="tab" data-bs-target="#files"  role="tab" aria-controls="files" aria-selected="true">Materiały do pobrania <img alt="" src="{{ asset('dist/img/icon-files.png') }}" /></h5>
		</li>

		{% if mediafilesWebinar is defined and mediafilesWebinar is not empty %}
			<li class="nav-item" role="presentation">
				<h5 class="nav-link d-flex justify-content-center align-items-center" style="height:85px;" id="webi-tab" data-bs-toggle="tab" data-bs-target="#webinar" role="tab" aria-controls="webinar" aria-selected="false">Webinar <img alt="" src="{{ asset('dist/img/icon-files.png') }}" /></h5>
			</li>
		{% endif %}


		{% if categoryName == 'szkoly' %}
			<li class="nav-item" role="presentation">
				<h5 class="nav-link d-flex justify-content-center align-items-center" style="height:85px;" id="olympiad-tab" data-bs-toggle="tab" data-bs-target="#olympiad" role="tab" aria-controls="olympiad" aria-selected="false">Olimpiada <img alt="" src="{{ asset('dist/img/icon-form.png') }}" /></h5>
			</li>
		{% endif %}

	
		<li class="nav-item" role="presentation">
			<h5 class="nav-link d-flex justify-content-center align-items-center" style="height:85px;" id="form-tab" data-bs-toggle="tab" data-bs-target="#form" role="tab" aria-controls="form" aria-selected="false">Konkurs <img alt="" src="{{ asset('dist/img/icon-form.png') }}" /></h5>
		</li>
		

		{% if mediafilesForCommunication is defined and mediafilesForCommunication is not empty %}
			<li class="nav-item" role="presentation">
				<h5 class="nav-link d-flex justify-content-center align-items-center" style="height:85px;" id="communication-tab" data-bs-toggle="tab" data-bs-target="#communication" role="tab" aria-controls="communication" aria-selected="false">Materiały do promocji <img alt="" src="{{ asset('dist/img/icon-files.png') }}" /></h5>
			</li>
		{% endif %}

		<li class="nav-item" role="presentation">
			<h5 class="nav-link d-flex justify-content-center align-items-center" style="height:85px;" id="home-tab" data-bs-toggle="tab" data-bs-target="#info"  role="tab" aria-controls="info" aria-selected="false">Informacje o koncie<img alt="" src="{{ asset('dist/img/icon-profile.png') }}" /></h5>
		</li>


	</ul>
	<div class="tab-content" id="myTabContent">
		<div class="tab-pane fade p-5" id="files" role="tabpanel" aria-labelledby="files-tab">
			<div class="inner-small">
				{% for file in mediafiles %}
					{% if file.file is not empty %}
						<div class="mb-3">
							<a href="{{ sonata_path(file.file, 'reference') }}" target="_blank" aria-label="Pobierz: {{ file.title }}" >
								{{ file.title }} | {{ file.file.size|format_bytes }}
							</a>
						</div>
					{% endif %}	
				{% endfor %}
			</div>
		</div>

		{% if mediafilesWebinar is defined and mediafilesWebinar is not empty %}
			<div class="tab-pane fade p-5" id="webinar" role="tabpanel" aria-labelledby="webinar-tab">
				<div class="inner-small row">
					{% for file in mediafilesWebinar %}
						{% if file.file is not empty %}
							<div class="mb-3 col-12 col-md-4">
								{% if file.file.getProviderName()=='sonata.media.provider.youtube'  %}
									<a href="https://www.youtube.com/embed/{{ file.file.getProviderReference() }}" target="_blank" {# data-toggle="lightbox" data-gallery="mixedgallery" data-size="fullscreen" data-caption="{{ file.title }}"#} class="mb-3 text-center">
										<div class="multimedia-img-small mx-auto"><div class="mask"></div>{{ sonata_thumbnail(file.file, 'mediafiles') }}</div>
										<div class="mx-auto"><small>{{ file.title }}</small></div>
									</a>
								{% else %}
									<a href="{{ path('sonata_media_download', {'id': file.file|sonata_urlsafeid }) }}" target="_blank" aria-label="Pobierz: {{ file.title }}" >
										{{ file.title }} | {{ file.file.size|format_bytes }}
									</a>
								{% endif %}
							</div>
						{% endif %}	
					{% endfor %}
				</div>
			</div>
		{% endif %}

		{% if categoryName == 'szkoly' %}
			<div class="tab-pane fade p-5" id="olympiad" role="tabpanel" aria-labelledby="olympiad-tab">
				<div class="inner-small">
					<h4>OGÓLNOPOLSKA OLIMPIADA<br />„Zarazkom wstęp wzbroniony! Zdrowie i higiena na co dzień”.</h4>
					<p>Szczegółowe informacje na temat olimpiady znajdują się w pkt IV <a href="szkoly/regulamin-szkoly"><u>Regulaminu</u></a> Akcji Tron dla szkół podstawowych.</p>
					{% if olympiadDb %}
						<h4 class="mt-5">Zgłoszono uczniów do olimpiady w dniu {{olympiadDb.createdAt|date('d.m.Y') }}</h4>
						{% if olympiadDb.childrens %}
							{% for children in olympiadDb.childrens %}
								{{ loop.index }}. <strong>{{ children.children }}</strong>, klasa: {{ children.group }}
								<br />
							{% endfor %}
						{% endif %}
						
						<div class="mt-5">Jeśli chcesz zmienić podane dane lub usunąć konto napisz do nas na <a href="mailto:kontakt@akcjatron.pl" target="_blank" class="text-white"><u>kontakt@akcjatron.pl</u></a></div>

					{% else %}
						{{ include('partials/_olympiad_form.twig') }}
					{% endif %}
				</div>
			</div>
	
			<div class="tab-pane fade p-5" id="form" role="tabpanel" aria-labelledby="form-tab">
				<div class="inner-small">
					<h4>KONKURS</h4>
					{{ include('partials/_competition_form_school.twig') }}
				</div>
			</div>
		{% endif %}


		{% if categoryName == 'przedszkola' %}
			{#  KONKURS PRZEDSZKOLA: start #}
			<div class="tab-pane fade p-5" id="form" role="tabpanel" aria-labelledby="form-tab">
				
				{% if registrationImgDb %}
					<div class="inner-small">
						<div class="mb-5">Zgłoszono pracę konkursową w dniu {{registrationImgDb.createdAt|date('d.m.Y') }}.<br />W ciągu 48 godzin pojawi się ona na stronie projektu.<br />
						Każda placówka może wysłać tylko jeden projekt.</div>
						<strong>Opis</strong><br />
						{{ registrationImgDb.description }}<br /><br />
						<strong>Obrazki</strong><br />
						<div class="row">
					        {% if registrationImgDb.image1 is not empty %}
					            <div class="col-4">
						            <div class="image-col">
						                <img src="{{ asset('files/preschool/'~registrationImgDb.image1) }}" class="preview" />
						            </div>
						        </div>
					        {% endif %}
					        {% if registrationImgDb.image2 is not empty %}
					            <div class="col-4">
						            <div class="image-col">
						                <img src="{{ asset('files/preschool/'~registrationImgDb.image2) }}" class="preview" />
						            </div>
						        </div>
					        {% endif %}
					        {% if registrationImgDb.image3 is not empty %}
					            <div class="col-4">
						            <div class="image-col">
						                <img src="{{ asset('files/preschool/'~registrationImgDb.image3) }}" class="preview" />
						            </div>
						        </div>
					        {% endif %}
					        {% if registrationImgDb.image4 is not empty %}
					            <div class="col-4">
						            <div class="image-col">
						                <img src="{{ asset('files/preschool/'~registrationImgDb.image4) }}" class="preview" />
						            </div>
						        </div>
					        {% endif %}
					        {% if registrationImgDb.image5 is not empty %}
					            <div class="col-4">
						            <div class="image-col">
						                <img src="{{ asset('files/preschool/'~registrationImgDb.image5) }}" class="preview" />
						            </div>
						        </div>
					        {% endif %}
					        {% if registrationImgDb.image6 is not empty %}
					            <div class="col-4">
						            <div class="image-col">
						                <img src="{{ asset('files/preschool/'~registrationImgDb.image6) }}" class="preview" />
						            </div>
						        </div>
					        {% endif %}
					    </div>
					</div>
				{% else %}
					{{ include('partials/_competition_form_preschool.twig') }}
				{% endif %}
			</div>
			{#  KONKURS PRZEDSZKOLA: end #}
		{% endif %}


		{% if mediafilesForCommunication is defined and mediafilesForCommunication is not empty %}
			<div class="tab-pane fade p-5" id="communication" role="tabpanel" aria-labelledby="communication-tab">
				<div class="inner-small">
					{% for file in mediafilesForCommunication %}
						{% if file.file is not empty %}
							<div class="mb-3">
								<a href="{{ sonata_path(file.file, 'reference') }}" target="_blank" aria-label="Pobierz: {{ file.title }}" >
									{{ file.title }} | {{ file.file.size|format_bytes }}
								</a>
							</div>
						{% endif %}	
					{% endfor %}
				</div>
			</div>
		{% endif %}

		<div class="tab-pane fade p-5" id="info" role="tabpanel" aria-labelledby="info-tab">
			<div class="inner-small">
				{% if categoryName == 'przedszkola' %}
					<strong>Nazwa przedszkola</strong><br />
					{{ registration.name }}<br />
				{% else %}
					<strong>Nazwa szkoły</strong><br />
					{{ registration.name }}<br /><br />
					<strong>Klasa</strong><br />
					{%  if registration.groups is not empty %}
						{% for group in registration.groups %}
							{{ group.group_name }} - {{ group.children_no }} dzieci<br />
						{% endfor %}
					{% endif %}
				{% endif %}	
				<br /><strong>Dane zgłaszającego</strong><br />
				{{ registration.firstname }} {{ registration.surname }}<br />
				{{ registration.email }}<br />
				{% if registration.phone  %}{{ registration.phone }}{% else %}nie podano telefonu{% endif %}

				<div class="mt-5">Jeśli chcesz zmienić podane dane lub usunąć konto napisz do nas na <a href="mailto:kontakt@akcjatron.pl" target="_blank" class="text-white"><u>kontakt@akcjatron.pl</u></a></div>
			</div>
		</div>
	</div>

{% endif %}

<script type="text/javascript">
	{% if formSend is defined and formSend %}
		document.addEventListener('DOMContentLoaded', function() {
			document.getElementById('form-tab').click();
		});
	{% endif %}
	

	document.addEventListener('DOMContentLoaded', function() {
		if(location.hash=='#info')
			document.getElementById('home-tab').click();
		else if(location.hash=='#olimpiada')
			document.getElementById('olympiad-tab').click();
		else if(location.hash=='#form')
			document.getElementById('form-tab').click();
		else
			document.getElementById('files-tab').click();
	});

	function changeProfile(event) {
		location.href = '/{{categoryName}}/profil-zmiana/' +  event.target.value;
	}
</script>