{% apply spaceless %}
	{% set header = 'szkoły' %}
	{% set bgColor = 'bg-blue' %}
	{% if categoryName == 'przedszkola' %}
		{% set header = 'przedszkola' %}
		{% set bgColor = 'bg-dark-orange' %}
	{% endif %}
{% endapply %}

<section id="kalendarium" class="{{ bgColor }}" data-bg="{{ bgColor }}">
	<div class="container">
		<h2 class="text-center">Akcja Tron krok po kroku</h2>
		<div class="subheader text-center">
			<p>Sprawdź, co Cię czeka w Akcji Tron</p>
		</div>
		<div class="row justify-content-center">
			<div class="col-12 col-md-8 col-lg-6">
				<div class="img-box" style="max-width:425px;">
					<div class="img">
						{% if categoryName == 'przedszkola' %}
							<img alt="" src="{{ asset('dist/img/preschool-calendar.png') }}" class="w-100" style="height:auto;" />		
						{% else %}
							<img alt="" src="{{ asset('dist/img/school-calendar.png') }}" class="w-100" style="height:auto;" />	
						{% endif %}
					</div>
				</div>
			</div>
			<div class="col-12 col-md-8  col-lg-6">{{ record.boxCalendarText|raw }}</div>
		</div>
	</div>
</section>

<div class="decor decor5"></div>
<div class="decor decor7 decor7b"></div>