{# {% if categoryName == 'przedszkola' %}

	<div id="counter-section" class="btn violet">
		<div class="px-5 d-flex flex-column flex-lg-row align-items-center btns-wrapper">
			<div>
				<div class="mb-3 px-2">Na zgłoszenie swojego przedszkola masz jeszcze:</div>
				<div id="counter" class="row"></div>
				<div class="row">
					<div class="col-3 text-center">dni</div>
					<div class="col-3 text-center">godziny</div>
					<div class="col-3 text-center">minuty</div>
					<div class="col-3 text-center">sekundy</div>
				</div>
			</div>
			<div class="mt-5 mt-lg-0">
				<div class="d-flex">
					<div>
						<a href="/przedszkola/rejestracja" class="btn yellow"><span>Zgłoś przedszkole</span></a>
					</div>
				</div>
			</div>
		</div>
	</div>
{% else %}
	<div id="counter-section" class="btn orange">
		<div class="px-5 d-flex flex-column flex-lg-row align-items-center btns-wrapper">
			<div>
				<div class="mb-3 px-2"> Na zgłoszenie uczniów do olimpiady masz jeszcze:</div>
				<div id="counter" class="row"></div>
				<div class="row">
					<div class="col-3 text-center">dni</div>
					<div class="col-3 text-center">godziny</div>
					<div class="col-3 text-center">minuty</div>
					<div class="col-3 text-center">sekundy</div>
				</div>
			</div>
			<div class="mt-5 mt-lg-0">
				<div class="d-flex">
					<div>
						<a href="/szkoly/rejestracja" class="btn yellow"><span>Zgłoś klasę</span></a>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endif %}


<script type="text/javascript">
	function countdownToDateTime(targetDate) {
	  const interval = 1000; // Interval in milliseconds

	  const currentTime = new Date().getTime();
	  const timeToTargetDate = new Date(targetDate).getTime();

	  let timeDifference = timeToTargetDate - currentTime;

	  if (timeDifference <= 0) {
	    document.getElementById('counter-section').remove();
	  }

	  const oneSecond = 1000;
	  const oneMinute = oneSecond * 60;
	  const oneHour = oneMinute * 60;
	  const oneDay = oneHour * 24;

	  let days = Math.floor(timeDifference / oneDay);
	  timeDifference -= days * oneDay;
	  if(days<0)
	  	days = 0;

	  let hours = Math.floor(timeDifference / oneHour);
	  timeDifference -= hours * oneHour;
	  if(hours<0)
	  	hours = 0;

	  let minutes = Math.floor(timeDifference / oneMinute);
	  timeDifference -= minutes * oneMinute;
	  if(minutes < 10)
	  	minutes = '0'+minutes; 

	  let seconds = Math.floor(timeDifference / oneSecond);
	  if(seconds < 10)
	  	seconds = '0'+seconds; 

	  return `<div class="col-3 text-center">${days}</div><div class="col-3 text-center">${hours}</div><div class="col-3 text-center">${minutes}</div><div class="col-3 text-center">${seconds}</div>`;
	}

	{% if categoryName == 'przedszkola' %}
		const targetDate = '2024-02-26T23:59:59Z';
	{% else %}
		const targetDate = '2024-02-29T23:59:59Z';
	{% endif %}

	// Start the countdown
	setInterval(function() {
	  document.getElementById('counter').innerHTML = countdownToDateTime(targetDate);
	  // console.log(time);
	}, 1000);
						
	// window.onload = function()
	// {
	// 	document.getElementById('counter').innerHTML = countdown(2023, 11, 20, 20, 0, 0, 0);
	// 	setInterval("document.getElementById('counter').innerHTML = countdown(2023, 11, 20, 20, 0, 0, 0)", 1000);
	// };
</script> #}