<?php
  $header_data = getWebSyncsData('Header Settings', 'headerSettings', '');
  ?>

<!-- Sidebar-->
<div class="border-end" id="sidebar-wrapper">
		<a href="<?=base_url();?>" class="text-decoration-none">
		<div class="sidebar-heading border-bottom bg-light text-dark">
			<div class="row py-0 my-0">
				<div class="col-md-12 my-0 py-0 px-0 d-flex">
					<img src="<?= $header_data[0]['leftImage'] ? ApiBaseUrl()['url'].$header_data[0]['leftImage'] : base_url('assets/img/logo.png')?>" style="width: 54px;background-repeat:no-repeat; background-position: left;border-right: 1px solid rgba(0, 0, 0, 0.125);">
					<p class="px-2" style="font-size: 15px;margin-bottom: 0rem;white-space: nowrap;">Welcome!<br> <?= @$userDetails->refDataName ? $userDetails->refDataName : $this->session->userdata('refDataName');?></p>
				</div>
			</div>
		</div>
	</a>

	<div class="list-group list-group-flush">

		<a style="border-top: 1px solid rgba(0, 0, 0, 0.125);" class="list-group-item list-group-item-action list-group-item-light p-3 <?php if($page == 'Dashboard') { ?> active  <?php } ?>" href="<?=base_url('devotee-dashboard')?>"><img src="<?=base_url('admin_assets/img/icons/dashboard.png')?>" height="30px" style="vertical-align: middle!important;">  <span style="padding-left: 9px;font-size: 16px;">Devotee Dashboard</span></a>


		<a style="border-top: 1px solid rgba(0, 0, 0, 0.125);" class="list-group-item list-group-item-action list-group-item-light p-3 <?php if($page == 'Service-Request') { ?> active  <?php } ?>" href="<?=base_url('admin/ServiceRequest')?>"><img src="<?=base_url('admin_assets/img/icons/request-a-service-icon.png')?>" height="30px" style="vertical-align: middle!important;">  <span style="padding-left: 9px;font-size: 16px;">Request&nbspa&nbspService</span></a>

		<a class="list-group-item list-group-item-action list-group-item-light p-3 <?php if($page == 'MY-SERVICE-REQUEST') { ?> active  <?php } ?>" href="<?=base_url('admin/my-service-request')?>" ><img src="<?=base_url('admin_assets/img/icons/service-request-icon.png')?>" height="30px" style="vertical-align: middle!important;"> <span style="padding-left: 9px;font-size: 16px;">My&nbspService&nbspRequests</span></a>

			<a class="list-group-item list-group-item-action list-group-item-light p-3 <?php if($page == 'MY-BOOKINGS') { ?> active  <?php } ?>" href="<?=base_url('admin/in-temple-bookings')?>"><img src="<?=base_url('admin_assets/img/icons/book-a-service-icon.png')?>" height="30px" style="vertical-align: middle!important;"> <span style="padding-left: 9px;font-size: 16px;">My&nbsp;Bookings</span>
		</a>

	<!-- 	<a class="list-group-item list-group-item-action list-group-item-light p-3 <?php if($page == 'MY-FACILITIES-BOOKING') { ?> active  <?php } ?>" href="<?=base_url('admin/facilities-bookings')?>">
			<img src="<?=base_url('admin_assets/img/icons/facilities-icon.png')?>" height="30px" style="vertical-align: middle!important;"> <span style="padding-left: 9px;font-size: 16px;">Facilities&nbsp;Bookings</span>
		</a> -->



		<!-- <a class="list-group-item list-group-item-action list-group-item-light p-3 <?php if($page == 'MY-ORDERS') { ?> active  <?php } ?>" href="<?=base_url('admin/my-orders')?>" ><img src="<?=base_url('admin_assets/img/icons/orders-icon.png')?>" height="30px" style="vertical-align: middle!important;">  <span style="padding-left: 9px;font-size: 16px;">My&nbspOrders</span></a> -->


		<a class="list-group-item list-group-item-action list-group-item-light p-3 <?php if($page == 'MY-DONATIONS') { ?> active  <?php } ?>" href="<?=base_url('admin/my-donations')?>"><img src="<?=base_url('admin_assets/img/icons/donation-icon.png')?>" height="30px" style="vertical-align: middle!important;">  <span style="padding-left: 9px;font-size: 16px;">My&nbspDonations</span></a>



		<a class="list-group-item list-group-item-action list-group-item-light p-3 <?php if($page == 'MY-PAYMENTS') { ?> active  <?php } ?>" href="<?=base_url('admin/my-payments')?>"><img src="<?=base_url('admin_assets/img/icons/payments-icon.png')?>" height="30px" style="vertical-align: middle!important;">  <span style="padding-left: 9px;font-size: 16px;">My&nbspPayments</span></a>

		
		<!-- <a class="list-group-item list-group-item-action list-group-item-light p-3 <?php if($page == 'MY-ANNUAL-EVENTS' || $page == 'ADD-ANNUAL-EVENTS') { ?> active  <?php } ?>" href="<?=base_url('admin/my-annual-events')?>"><img src="<?=base_url('admin_assets/img/icons/event.png')?>" height="30px" style="vertical-align: middle!important;">  <span style="padding-left: 9px;font-size: 16px;">My&nbspEvents</span></a> -->

		<a class="list-group-item list-group-item-action list-group-item-light p-3 <?php if($page == 'YEARLY-TAX-LETTER') { ?> active  <?php } ?>" href="<?=base_url('admin/yearly/Tax-Letter')?>"><img src="<?=base_url('admin_assets/img/icons/tax-letter-icon.png')?>" height="30px" style="vertical-align: middle!important;">  <span style="padding-left: 9px;font-size: 16px;">Yearly&nbspTax&nbspLetter</span></a></a>

		<a class="list-group-item list-group-item-action list-group-item-light p-3 <?php if($page == 'MY-PROFILE') { ?> active  <?php } ?>" href="<?=base_url('admin/my-profile')?>"><img src="<?=base_url('admin_assets/img/icons/profile-icon.png')?>" height="30px" style="vertical-align: middle!important;">  <span style="padding-left: 9px;font-size: 16px;">My Profile</span></a>


		<a class="list-group-item list-group-item-action list-group-item-light p-3" id="logoutButton" href="<?=base_url('logout')?>" href="#"><img src="<?=base_url('admin_assets/img/icons/logout-icon.png')?>" height="30px" style="vertical-align: middle!important;">  <span style="padding-left: 9px;font-size: 16px;">Logout</span></a>


	</div>
</div>

<!-- loader -->
<div class="ldld full" style="    z-index: 999;"></div>
<!-- loader -->

<!-- ==========Language Translator Code============= -->
<div class="gtranslate_wrapper"></div>


 
  <!-- <div class="gtranslate_wrapper"></div>
  <script>window.gtranslateSettings = {"default_language":"en","native_language_names":true,"languages":["en","hi","ta","pa","ml","te","gu","kn","mr","bn"],"wrapper_selector":".gtranslate_wrapper","alt_flags":{"en":"usa"}, "switcher_horizontal_position":"right"}</script>
 <script src="<?=base_url('assets/js/translator-float.js')?>" defer></script> -->
<!-- ==========Language Translator Scripts============= -->




<script type="text/javascript">
 // Create a new ldLoader object
  var loader = new ldLoader({root: ".ldld.full"});


  if (window.performance && window.performance.navigation.type === window.performance.navigation.TYPE_BACK_FORWARD) {
  // Show the loader if the page is being loaded from the cache
    loader.on();
  }



// Add a click event listener to the document object
  document.addEventListener("click", function(event) {


  // Check if the clicked element matches a specific selector
    if (event.target.matches(".list-group-item, .loader")) {
    // Show the loader
      loader.on();
    }
  });

// Wait for the page to finish loading
  window.onload = function() {
  // Hide the loader
    loader.off();
  };



  document.getElementById('logoutButton').addEventListener('click', function() {
        // Remove the 'alertShown' flag from localStorage
        localStorage.removeItem('alertShown');
    });

  </script>




  	<!-- Page content wrapper-->
		<div id="page-content-wrapper" style="background-image: url('<?=base_url('admin_assets/img/108364.jpg');?>');background-size: cover;">
			<!-- Top navigation-->
