{% apply spaceless %}
	{% set header = 'Akcja Tron dla szkół' %}
	{% set bgColor = 'bg-green' %}
	{% set boxClass = 'col-12 col-md-6 col-lg-3' %}
	{% if categoryName == 'przedszkola' %}
		{% set header = 'Akcja Tron dla przedszkoli' %}
		{% set bgColor = 'bg-yellow' %}
	{% endif %}
	{% if categoryName == 'hub' %}
		{% set bgColor = 'bg-light-blue' %}
		{% set header = 'Akcja Tron' %}
		{% set boxClass = "col-12 col-lg-6 mb-5 mb-lg-0" %}
	{% endif %}
{% endapply %}

<section id="o-akcji" class="{{ bgColor }}" data-bg="{{ bgColor }}">
		<div class="container">
			<h2 class="text-center">{{ header }}</h2>
			{% if record.boxesText is not empty %}<div class="subheader text-center">{{ record.boxesText|raw }}</div>{% endif %}
			{% if record.boxesHeader2 is not empty %}<h4 class="text-center">{{ record.boxesHeader2|nl2br }}</h4>{% endif %}

			<div class="row">
				{% if record.boxesBox1 is not empty %}
					<div class="{{ boxClass }}">
						{% if categoryName != 'hub' %}
							<div class="img-box">
								<div class="img" style="min-height: 100px;">
									<img alt="" src="{{ asset('dist/img/s-img1.jpg') }}" class="w-100" />		
								</div>
							</div>
							{{ record.boxesBox1|raw }}
						{% else %}
							<div class="m-2 box-shadow-left bg-orange p-5 text-center">
								{{ record.boxesBox1|raw }}
							</div>
						{% endif %}
					</div>
				{% endif %}
				{% if record.boxesBox2 is not empty %}
					<div class="{{ boxClass }}">
						{% if categoryName != 'hub' %}
							<div class="img-box">
								<div class="img">
									<img alt="" src="{{ asset('dist/img/s-img2.png') }}" class="w-100" />		
								</div>
							</div>
							{{ record.boxesBox2|raw }}
						{% else %}
							<div class="m-2 box-shadow-right bg-green p-5 text-center">
								{{ record.boxesBox2|raw }}
							</div>
						{% endif %}
					</div>
				{% endif %}
				{% if record.boxesBox3 is not empty %}
					<div class="{{ boxClass }}">
						{% if categoryName != 'hub' %}
							<div class="img-box">
								<div class="img">
									<img alt="" src="{{ asset('dist/img/s-img3.png') }}" class="w-100" />	
								</div>
							</div>
						{% endif %}
						{{ record.boxesBox3|raw }}
					</div>
				{% endif %}
				{% if record.boxesBox4 is not empty %}
					<div class="{{ boxClass }}">
						{% if categoryName != 'hub' %}
							<div class="img-box">
								<div class="img">
									<img alt="" src="{{ asset('dist/img/s-img4.png') }}" class="w-100" />	
								</div>
							</div>
						{% endif %}
						{{ record.boxesBox4|raw }}
					</div>
				{% endif %}
			</div>
		</div>
		{% if categoryName == 'przedszkola' %}
			<div class="decor decor1"></div>
			<div class="decor decor2"></div>
		{% endif %}
</section>
{% if categoryName == 'przedszkola' %}
	<div class="decor decor7"></div>
	<div class="decor decor7 decor7a"></div>
{% endif %}