<div class="ldld full" style="    z-index: 9999;"></div>
<?php
$footer_data = getWebSyncsData('Footer Settings', 'footerSettings', '');

$background_music = getWebSyncsData('Background Music', 'backgroundMusic', 'ACTIVE');
  // print_r($footer_data);
?>

<?php $this->load->view('includes/modals'); ?>

<!-- ======= Footer ======= -->

<style type="text/css">
  audio {
/*border-radius: 90px;*/
width: 250px;
height: 45px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid white;
border-radius: 28px;
}

audio::-webkit-media-controls-time-remaining-display {
  display: none !important;
}
audio::-webkit-media-controls-current-time-display{
  display: none!important;
}
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
 color: #fff;
 background-color: #A63030!important;
}

.text-color{
  color: black;
}
@media (max-width: 768px) {
  .footer-links,
  .footer-contact {
    text-align: center;
  }

  .footer-logo {
    display: block;
    margin: 0 auto;
  }

  .footer-contact {
    margin-top: 20px; /* Adjust as needed */
  }

  .footer-links li {
    list-style: none; 
    margin-bottom: 10px;
    /* margin-left: 100px !important; */
    /* text-align: justify; */
    /* text-align: center; */

  }
  .footer-links li a {
    color: var(--menu-bg); /* Set link color */
    text-decoration: none; /* Remove underline from links */
  }
  #bottomborder{
   margin-left: -70px !important ;
 }
}

@media only screen and (max-width: 767px) {
  .col-md-12 i {
    display: inline-block !important;
  }
}



  @media (max-width: 768px) {
    .specific-container span.bottomborder {
      margin-left: -20px !important;
    }
  }

  @media screen and (max-width: 761px) and (min-width: 200px) {
    #footer .footer-top .footer-contact {
    margin-bottom: 15px !important;

  }
}

.footer-divider{
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #a63030;
	box-shadow: 0px 0px 10px 0px rgb(216 16 16 / 21%);
	transform: rotate(102deg);
	/* margin: 137px -125px; 
	width: 343px; */
	margin: 115px -86px;
	width: 269px;
}
</style>

<footer id="footer">
  <div class="footer-top" style="background-image: url('<?=base_url('assets/img/hsew-header-bg.png')?>');">
    <div class="container-fluid px-5">
      <div class="row p-0 m-0">
        <div class="col-md-8 m-0 p-0">
          <div class="row">
            <div class="col-lg-4 col-md-4 m-0 p-0 footer-links">

              <!-- ==================================== -->
              <?php if (isset($footer_data[0]['footerLogo']) && $footer_data[0]['footerLogo'] != '') { ?>
               <img src="<?=ApiBaseUrl()['url'].'/'.$footer_data[0]['footerLogo']?>" class="img-fluid footer-logo" alt="<?= GetProjectName()?>">
             <?php  }else{ ?> 
              <img src="<?=base_url('assets/img/logo.png');?>" alt="<?= GetProjectName()?>" class="img-fluid footer-logo">
            <?php } ?>
            <!-- =================================== -->

            <!-- ==========================Background Music Start============================= -->

            <?php 
        //     if (!empty($background_music)) {
        //       $emptyD ='';

        //       foreach ($background_music as $value) {

        //         if (!empty($value['refDataName']) && strtoupper($value['dayName']) == strtoupper(date("l")) && $value['status'] == 'ACTIVE') {
        //           $emptyD = 'active';

        //           echo '<audio class="h-80 mt-3" id="bgMusic" controls controlslist="nodownload noplaybackrate">
        //           <source src="'.ApiBaseUrl()['url'].$value['refDataName'].'" type="audio/mpeg">
        //           Your browser does not support the audio element.
        //           </audio>';
        //           break;
        //         }
        //       }

        //       if(empty($emptyD))
        //       {
        //        $day = strtolower(date("l"));
        //        $file_path = "assets/music/{$day}-aarti.mp3";

        //        if (file_exists($file_path)) {

        //         echo '<audio class="h-80 mt-3" id="bgMusic" controls controlslist="nodownload noplaybackrate">
        //         <source src="'.base_url($file_path).'" type="audio/mpeg">
        //         Your browser does not support the audio element.
        //         </audio>';
        //       }
        //     }


        //   }
        //   else {

        //     $day = strtoupper(date("l"));
        //     $file_path = "assets/music/{$day}-aarti.mp3";

        //     if (file_exists($file_path)) {
        //      echo '<audio class="h-80 mt-3" id="bgMusic" controls controlslist="nodownload noplaybackrate">
        //      <source src="'.base_url($file_path).'" type="audio/mpeg">
        //      Your browser does not support the audio element.
        //      </audio>';
        //    }
        //  }
         ?>

         <!-- ===========================Background Music End============================ -->

       </div>

       <div class="col-lg-4 col-md-4 m-0 p-0 footer-links">
        <h4>ABOUT US</h4>
        <span class="bottomborder" id="bottomborder" style="position:absolute!important;    margin-top: -12px!important; width: 50px!important;"></span>
        <ul class="list-unstyled d-flex flex-column align-items-center align-items-md-start">
          <li><a href="<?=base_url('about-temple')?>">ABOUT TEMPLE</a></li>
          <li><a href="<?=base_url('all-upcoming-events')?>">EVENTS</a></li>
          <li><a href="<?=base_url('services')?>">SERVICES</a></li>
          <li><a href="<?=base_url('donations')?>">DONATIONS</a></li>
          <li><a href="<?=base_url('gallery')?>">GALLERY</a></li>

        </ul>
      </div>
      <div class="col-lg-4 col-md-4 m-0 p-0 footer-links">
        <div class="row">
          <div class="col-lg-12 col-md-12 m-0 p-0">
            <h4>TEMPLE TIMINGS</h4>
            <span class="bottomborder" id="bottomborder" style="position:absolute!important;    margin-top: -12px!important; width: 50px!important;"></span>
            <table class="table table-responsive text-color">
              <tbody>
                <tr>
                 <td class="border-bottom-footer border-right-footer">WEEKDAYS:</td>
                 <td class="border-bottom-footer"> <?= @$footer_data[0]['weekdayMorningTime'] != '' ? @$footer_data[0]['weekdayMorningTime'] : ''?><br><?= @$footer_data[0]['weekDayEveningTime'] != '' ? @$footer_data[0]['weekDayEveningTime'] : ''?></td>
               </tr>
               <tr>

                <td class="border-bottom-footer border-right-footer">WEEKENDS:</td>
                <td class="border-bottom-footer"> <?= @$footer_data[0]['weekEndMorningTime'] != '' ? @$footer_data[0]['weekEndMorningTime'] : ''?><br><?= @$footer_data[0]['weekEndEveningTime'] != '' ? @$footer_data[0]['weekEndEveningTime'] : ''?></td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="col-lg-12 col-md-12 m-0 p-0">
          <h4>FOLLOW US</h4>
          <div class="specific-container">

          <span class="bottomborder" id="bottomborder"  style="position:absolute!important;    margin-top: -12px!important; width: 50px!important;"></span>
          </div>



            <?php if (isset($footer_data[0]['facebookLink']) && $footer_data[0]['facebookLink'] != '') { ?>
          <a href="<?= @$footer_data[0]['facebookLink'] != '' ? @$footer_data[0]['facebookLink'] : 'javaScript:void(0)'?>" <?= @$footer_data[0]['facebookLink'] != '' ? 'target="_blank"' : ''?>>
            <i class="fa fa-facebook footer-icon-color" style="border-radius: 50%;font-size: 20px;padding: 18px 22px;border:1px solid white!important"></i>
          </a>
           <?php } ?>

          <?php if (isset($footer_data[0]['youtubeLink']) && $footer_data[0]['youtubeLink'] != '') { ?>
            <a href="<?= @$footer_data[0]['youtubeLink'] != '' ? @$footer_data[0]['youtubeLink'] : 'javaScript:void(0)'?>" target="_blank"><i class="fa fa-youtube footer-icon-color" style="border-radius: 50%;font-size: 20px;
              padding: 18px 20px;border:1px solid white!important"></i>
            </a>
          <?php } ?>

          <?php if (isset($footer_data[0]['instagramLink']) && $footer_data[0]['instagramLink'] != '') { ?>
            <a href="<?= @$footer_data[0]['instagramLink'] != '' ? @$footer_data[0]['instagramLink'] : 'javaScript:void(0)' ?>" <?= @$footer_data[0]['instagramLink'] != '' ? 'target="_blank"' : '' ?>>
              <i class="fa fa-instagram footer-icon-color" style="border-radius: 50%;font-size: 20px;padding: 18px 22px;border:1px solid white!important"></i>
            </a>
          <?php } ?>

        </div>
      </div>
    </div>
  </div>

</div>
<div class="col-md-4 m-0 p-0">
  <div class="row m-0 p-0">
   <div class="col-lg-4 col-md-4 m-0 p-0 footer-contact">
    <div class="footer-divider" style="">

    </div>
  </div>
  <div class="col-lg-8 col-md-8 p-0 footer-contact">
    <h4>CONNECT WITH US</h4>
    <span class="bottomborder" id="bottomborder" style="position:absolute!important;    margin-top: -12px!important; width: 50px!important;"></span>
    <p class="text-color mt-3 footer-para">


     <?php if (@$footer_data[0]['refDataCode'] != '') { ?>
       <i class="fa fa-map-marker" style="color: #a63030;"></i> <a href="https://maps.google.com/?q=<?=@$footer_data[0]['refDataCode']?>" rel="nofollow" target="_blank" style="letter-spacing: -1px;" rel="nofollow"> <?=@$footer_data[0]['refDataCode']?></a><br>
     <?php } ?>

     <?php if (@$footer_data[0]['phone'] != '') { ?>
      <a href='tel:<?= @$footer_data[0]['phone'] != '' ? '+1 '.formatPhoneNumber(@$footer_data[0]['phone']) : ''; ?>'>
        <i class="fa fa-phone" style="color: #a63030;"></i> +1 <?=nl2br(formatPhoneNumber($footer_data[0]['phone'])); ?>
      </a><br>
    <?php } ?>

    <?php if (@$footer_data[0]['phoneNo'] != '') { ?>
      <a href='tel:<?= @$footer_data[0]['phoneNo'] != '' ? '+1 '.formatPhoneNumber(@$footer_data[0]['phoneNo']) : ''; ?>'>
        <i class="fa fa-mobile" style="color: #a63030;"></i> +1 <?= nl2br(formatPhoneNumber($footer_data[0]['phoneNo'])); ?>
      </a>
      <br>
    <?php  } ?>

    

    <?php if (@$footer_data[0]['email'] != '') { ?>
      <i class="fa fa-envelope" style="color: #a63030;"></i> <a href='mailto:<?=@$footer_data[0]['email'];?>'>
        <?=@$footer_data[0]['email'];?>
      </a>
      <br>
    <?php } ?>

  </p>
  <a href="<?=base_url('contact-us')?>" class="btn btn-primary py-2 loader text-color" style="color: #635C81; border-radius: 20px;  border-color: #a63030; background: transparent !important; box-shadow: 1px 1px 10px #7e455561;">CONTACT US</a>
</div>
</div>
</div>

</div>
</div>
</div>

<div class="mx-5 d-md-flex py-2">

  <div class="me-md-auto text-center text-md-start text-dark">
    <div class="copyright">
      Copyright © <strong><span><?=date('Y');?></span></strong>. Siddheswari Seva Inc.A 501(c)(3) non-profit organization with Tax ID 45-2829888.
      All Rights Reserved.
    </div>
    <div class="credits">
    </div>
  </div>
  <!-- <div class="social-links text-center text-md-right pt-3 pt-md-0 text-dark"> -->
  <!-- <a href="<?=base_url('copyright')?>" target="_blank" class="text-dark">COPYRIGHT</a> | -->

    <!-- COPYRIGHT | TERMS  OF USE | PRIVACY POLICY | SECURITY
  </div>
</div> -->
   <div class="text-center text-md-right pt-3 pt-md-0 text-dark">
  <!-- <a href="<?=base_url('copyright')?>" target="_blank" class="text-dark">COPYRIGHT</a> | <a href="<?=base_url('terms-of-use')?>" target="_blank" class="text-dark">TERMS  OF USE</a> | <a href="<?=base_url('privacy-policy')?>" target="_blank" class="text-dark">PRIVACY POLICY</a> | <a href="<?=base_url('security')?>" target="_blank" class="text-dark">SECURITY</a> -->
  <!-- <a href="<?=base_url('delivery-policy')?>" target="_blank" class="text-dark">DELIVERY POLICY </a> | 
  <a href="<?=base_url('payment-policy')?>" target="_blank" class="text-dark">PAYMENT POLICY</a> | 
  <a href="<?=base_url('refund-policy')?>" target="_blank" class="text-dark">REFUND POLICY</a> | 
  <a href="<?=base_url('return-policy')?>" target="_blank" class="text-dark">RETURN POLICY</a> |  -->
  <a href="<?=base_url('copyright')?>" target="_blank" class="text-dark">COPYRIGHT</a> |
  <a href="<?=base_url('terms-of-use')?>" target="_blank" class="text-dark">TERMS OF USE</a> |
  <a href="<?=base_url('privacy-policy')?>" target="_blank" class="text-dark">PRIVACY POLICY</a> |
  <a href="<?=base_url('security')?>" target="_blank" class="text-dark">SECURITY</a>
 

  </div>
</div>
</footer><!-- End Footer -->

<script type="text/javascript">
  function getCardTypeName(cardTypeCode) {
    switch (cardTypeCode) {
    case "1":
      return "VISA";
    case "2":
      return "MASTERCARD";
    case "3":
      return "AMEX";
    case "4":
      return "DISCOVER";
    case "5":
      return "DINERS CLUB";
    case "6":
      return "JCB";
    case "9":
      return "DINERSCLUB";
    case "10":
      return "MAESTRO";
    default:
      return "Unknown";
    }
  }
</script>

