{% apply spaceless %}
	{% set header = 'Chcesz dowiedzieć się więcej<br />o Akcji dla szkół?' %}
	{% if categoryName == 'przedszkola' %}
		{% set header = 'Chcesz dowiedzieć się więcej<br />o Akcji dla przedszkoli?' %}
	{% endif %}
{% endapply %}
<section class="bg-white" data-bg="bg-white">
	<div class="container">
		<h2 class="text-center">{{ header|raw }}</h2>
		<div class="subheader text-center text-blue">Sprawdź pytania, które najczęściej zadają nauczyciele i rodzice</div>
	
		<div class="inner-small">	
			<div class="accordion accordion-flush" id="faq">
				{% for key, item in sectionsData['faq'] %}
					<div class="accordion-item mb-5">
						<h5 class="accordion-header mb-3" id="faqItem-h{{ key }}" data-bs-toggle="collapse" data-bs-target="#faqItem-t{{ key }}" aria-expanded="true" aria-controls="faqItem-t{{ key }}">{{  item.name }}</h5>
						
						<div id="faqItem-t{{ key }}" class="accordion-collapse collapse {% if loop.first %}show{% endif %}" aria-labelledby="faqItem-h{{ key }}" data-bs-parent="#faq">
							<div class="accordion-body">
								{{ item.answer|raw }}
							</div>
						</div>
					</div>
				{% endfor %}
			</div>	

			<div class="subheader text-center mt-5 pt-5">Nie znalazłeś odpowiedzi?</div>

			<div class="d-flex justify-content-center mt-3">
				<a href="mailto:kontakt@akcjatron.pl" target="_blank" class="btn transparent border text-blue">Napisz e-mail</a>
			</div>
		</div>
	
	</div>
</section>