<?php $this->load->view('includes/head') ?>
<?php $this->load->view('includes/topbar') ?>
<?php $this->load->view('includes/header') ?>
<link rel="stylesheet" type="text/css" href="<?=base_url('assets/css/deities.css')?>">
<main id="main">
	<?php
	$festivals = getWebSyncsData('Festival Settings', 'festivalSettings', '');
	?>
	<!-- ======= Temple Services Section ======= -->
	<section id="temple-services" class="temple-services" style="background-image: url(<?=base_url('assets/img/elegant-background-with-mandala.png');?>);background-size: auto;">


		<div class="container-fluid">
			<h2 id="temple-services" class="text-center">Festivals<br><img src="<?=base_url('assets/img/border.png')?>" class="img-fluid img-responsive" style="width: 20%;"></h2>

			<div class="row">

				<?php foreach ($festivals as $key => $value) { ?>
					
					<div class="col-md-6 mb-4">

						<div class="row bg-white shadow-lg">

						<div class="col-md-4" style="height:240px; border-radius:0.5rem; overflow:hidden; position:relative; cursor:pointer; transition: all 0.4s; background-size:cover; background-image:url('<?=ApiBaseUrl()['url'].$value['festivalImage'];?>'); box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);"></div>

						<div class="col-md-8 p-3" style="text-align: justify;">

							<h3 class="fw-bold"><?=$value['refDataName']?></h3>
							<span style="font-weight:normal;text-align: justify;"><?=$value['description']?></span>
							<div style="float:right;">
								
								<a href="<?=ApiBaseUrl()['url'].$value['pdf']?>" class="btn shadow" style="background-color: #FFAB00;border-radius: 0px!important;" target="_blank">View Details</a>
							</div>
							</div>
					</div>
					</div>

				<?php	} ?>


			</div>
		</section><!-- End Temple Services Section -->


	</main><!-- End #main -->

	<script type="text/javascript">
		$(document).ready(function() {
			window.scrollTo({ top: 140, behavior: 'smooth'});
		});
	</script>
	<?php $this->load->view('includes/footer') ?>
	<?php $this->load->view('includes/script') ?>
