Error:Failed connect to aspgen.vaaptech.com:9000; Connection refusedError: Failed connect to aspgen.vaaptech.com:9000; Connection refused
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Trying to get property 'data' of non-object</p>
<p>Filename: helpers/application_helper.php</p>
<p>Line Number: 6602</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/helpers/application_helper.php<br />
			Line: 6602<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 22<br />
			Function: getSponsorTypes			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<!-- ======= Footer ======= -->

<style type="text/css">
  audio {
    /*border-radius: 90px;*/
    width: 200px;
    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: #fff !important;
    /* border: 1px solid var(--main-color-new-theme); */
  }

  .text-color {
    color: black;
  }

  @media (max-width: 1230px) {
    audio {
      /* border-radius: 90px; */
      width: 200px;
      height: 39px;
    }
  }

  @media (max-width: 1000px) {
    audio {
      /* border-radius: 90px; */
      width: 151px;
      height: 35px;
    }
  }

  @media (max-width: 768px) {
    audio {
      width: 250px;
      height: 45px;
    }

    .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;
      /* Remove default list-style */
      margin-bottom: 10px;
      /* margin-left: 100px !important; */
      text-align: justify;

    }

    .footer-links li a {
      color: var(--main-color-new-theme) !important;
      /* Set link color */
      text-decoration: none;
      /* Remove underline from links */
    }

    #bottomborder {
      margin-left: -70px !important;
    }
  }

  .footer-font-size {
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  #bgMusic {
    border-color: var(--main-color-new-theme) !important;
    background: #ffffff !important;
    box-shadow: 1px 1px 10px #7e455561;
  }

  @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;
      /* Remove default list-style */
      margin-bottom: 10px;
      /* margin-left: 20px !important; */
      text-align: justify;

    }

    .footer-links li a {
      color: var(--main-color-new-theme) !important;
      /* Set link color */
      text-decoration: none;
      /* Remove underline from links */
    }

    #bottomborder {
      margin-left: -70px !important;
    }
  }

  .footer-font-size {
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  @media (max-width: 540px) {
    .footer-links li {
      /* margin-left: 160px !important; */

    }

  }

  @media (max-width: 430px) {
    .footer-links li {
      /* margin-left: 111px !important; */

    }

  }

  @media (max-width: 412px) {
    .footer-links li {
      /* margin-left: 100px !important; */

    }

  }

  @media (max-width: 390px) {
    .footer-links li {
      /* margin-left: 85px !important; */

    }

  }

  @media (max-width: 375px) {
    .footer-links li {
      /* margin-left: 83px !important; */

    }

  }

  @media (max-width: 375px) {
    .footer-links li {
      /* margin-left: 75px !important; */
    }

    audio {
      width: 194px;
    }

    .img-responsive img {
      height: 78px !important;
    }
  }

  @media (max-width: 356px) {
    .footer-links li {
      /* margin-left: 70px !important; */

    }

  }

  @media (max-width: 320px) {
    .footer-links li {
      /* margin-left: 59px !important; */
    }
  }
</style>


<footer id="footer">
  <div class="footer-top border-top border-secondary">
    <div class="container-fluid ftr-container 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">

              <!-- ==================================== -->
                              <img src="https://htky.vaaptech.com/assets/img/logo.png" alt="Hindu Temple of Kentucky" class="img-fluid footer-logo">
                            <!-- =================================== -->

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

              
              <!-- ===========================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=" https://htky.vaaptech.com/hsky/" class="footer-font-size">HINDU SCHOOL</a></li>

                <li><a href="https://htky.vaaptech.com/membership-form" class="footer-font-size">MEMBERSHIP</a></li>
                <!-- <li><a href="https://volunteer.vaaptech.com/#/4213">VOLUNTEERS FORM</a></li> -->
                <li><a href="https://htky.vaaptech.com/about-temple" class="footer-font-size">ABOUT TEMPLE</a></li>
                <li><a href="https://htky.vaaptech.com/all-upcoming-events" class="footer-font-size">EVENTS</a></li>
                <li><a href="https://htky.vaaptech.com/services" class="footer-font-size">SERVICES</a></li>
                <li><a href="https://htky.vaaptech.com/donations" class="footer-font-size">DONATIONS</a></li>
                <!-- <li><a href="https://htky.vaaptech.com/calendar" class="footer-font-size">CALENDAR</a></li> -->
                <li><a href="https://htky.vaaptech.com/gallery" class="footer-font-size">GALLERY</a></li>
                <li><a href="https://htky.vaaptech.com/assets/htky.apk" download class="footer-font-size" id="downloadAPKBtn">DOWNLOAD APK</a></li>
                <!-- <li><a href="https://htky.vaaptech.com/volunteer" class="footer-font-size">VOLUNTEER FORM</a></li>
          <li><a href="https://htky.vaaptech.com/priest-request-form" class="footer-font-size">PRIEST REQUEST FORM</a></li>  -->

              </ul>
            </div>
            <div class="col-lg-4 col-md-4 m-0 p-0 footer-links">
              <div class="row">
                <!-- TEMPLE TIMINGS -->
                <div class="col-lg-12 col-md-12 m-0 p-0">
                  <h4>TEMPLE TIMINGS</h4>
                  <span class="bottomborder footer-font-size" id="bottomborder" style="position:absolute!important;    margin-top: -12px!important; width: 50px!important;"></span>
                  <table class="table table-responsive text-color">
                    <tbody>
                      <tr>
                        <td style="border-right: 1px solid var(--main-color-new-theme)!important;border-bottom: 1px solid var(--main-color-new-theme)!important;color: var(--main-color-new-theme)!important;" class="footer-font-size">WEEKDAYS:</td>
                        <td style="border-bottom: 1px solid var(--main-color-new-theme)!important;color: var(--main-color-new-theme)!important;" class="footer-font-size"> <br></td>
                      </tr>
                      <tr>

                        <td style="border-right: 1px solid var(--main-color-new-theme)!important;border-bottom: 1px solid var(--main-color-new-theme)!important;color: var(--main-color-new-theme)!important;" class="footer-font-size">WEEKENDS:</td>
                        <td style="border-bottom: 1px solid var(--main-color-new-theme)!important;color: var(--main-color-new-theme)!important;" class="footer-font-size"> <br></td>
                      </tr>
                    </tbody>
                  </table>
                </div>

                <!-- FOLLOW US  -->
                <div class="col-lg-12 col-md-12 m-0 p-0">
                  <h4>FOLLOW US</h4>
                  <span class="bottomborder" id="bottomborderSp" style=""></span>

                  <div id="socila_Lonks_div">
                    
                    
                    
                  </div>
                </div>
              </div>
            </div>

          </div>
        </div>

        <div class="col-md-4 m-0 p-0">
          <div class="row m-0 p-0">
            <!-- footer divider-->
            <div class="col-lg-4 col-md-4 m-0 p-0 footer-contact d-none d-lg-block">
              <div class="footer-divider" style="border-style: solid; border-width: 2px; border-color: var(--main-color-new-theme)!important; box-shadow: 0px 0px 10px 0px rgb(216 16 16 / 21%); transform: rotate(102deg); margin: 137px -125px; width: 343px;">
              </div>
            </div>

            <!-- contact -->
            <div class="col-lg-8 col-md-8 p-0 footer-contact">
              <h4 class="btn btn-primary py-2 text-color" onclick='window.location.href="https://htky.vaaptech.com/contact-us";loader.on();' style="cursor: pointer;color: #635C81; border-radius: 20px;  border-color: var(--main-color-new-theme)!important; background: transparent !important; box-shadow: 1px 1px 10px #7e455561;">CONTACT 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-font-size">


                
                
                


                
              </p>
              <!-- <a href="https://htky.vaaptech.com/contact-us" class="btn btn-primary py-2 loader text-color" style="color: #635C81; border-radius: 20px;  border-color: var(--main-color-new-theme)!important; background: transparent !important; box-shadow: 1px 1px 10px #7e455561;">CONNECT WITH US</a> -->
            </div>
          </div>
        </div>

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

  <div class="px-5 d-md-flex py-2" style="border-top: 1px solid gray;background:var(--main-color-new-theme);">

    <div class="me-md-auto text-center text-md-start text-white">
      <div class="copyright">
        Copyright © <strong><span>2026</span></strong> VAAP Technologies Inc, 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="https://htky.vaaptech.com/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-white">
      <!-- <a href="https://htky.vaaptech.com/copyright" target="_blank" class="text-dark">COPYRIGHT</a> | <a href="https://htky.vaaptech.com/terms-of-use" target="_blank" class="text-dark">TERMS  OF USE</a> | <a href="https://htky.vaaptech.com/privacy-policy" target="_blank" class="text-dark">PRIVACY POLICY</a> | <a href="https://htky.vaaptech.com/security" target="_blank" class="text-dark">SECURITY</a> -->
      <!-- <a href="https://htky.vaaptech.com/delivery-policy" target="_blank" class="text-dark">DELIVERY POLICY </a> | 
  <a href="https://htky.vaaptech.com/payment-policy" target="_blank" class="text-dark">PAYMENT POLICY</a> | 
  <a href="https://htky.vaaptech.com/refund-policy" target="_blank" class="text-dark">REFUND POLICY</a> | 
  <a href="https://htky.vaaptech.com/return-policy" target="_blank" class="text-dark">RETURN POLICY</a> |  -->
      <a href="https://htky.vaaptech.com/copyright" target="_blank" class="text-white">COPYRIGHT</a> |
      <a href="https://htky.vaaptech.com/terms-of-use" target="_blank" class="text-white">TERMS OF USE</a> |
      <a href="https://htky.vaaptech.com/privacy-policy" target="_blank" class="text-white">PRIVACY POLICY</a> |
      <a href="https://htky.vaaptech.com/security" target="_blank" class="text-white">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><!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <title>Sponsor Now | Hindu Temple of Kentucky</title>
    <meta content="Hindu Temple of Kentucky">
    <meta name="keywords" content="Hindu Temple of Kentucky">

    <!-- Favicons -->
    <link href="https://htky.vaaptech.com/assets/img/favicon.ico" rel="icon">
    <link href="https://htky.vaaptech.com/assets/img/apple-touch-icon.png" rel="apple-touch-icon">
    <!-- Vendor CSS Files -->
    <link href="https://htky.vaaptech.com/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://htky.vaaptech.com/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
    <link href="https://htky.vaaptech.com/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
    <link href="https://htky.vaaptech.com/assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
    <link href="https://htky.vaaptech.com/assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

    <!-- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> -->
    <script type="text/javascript" src="https://htky.vaaptech.com/assets/js/jquery.min.js"></script>
    <script type="text/javascript" src="https://htky.vaaptech.com/assets/js/bootstrap.bundle.min.js"></script>
    <!-- Template Main CSS File -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> -->
    <link href="https://htky.vaaptech.com/assets/css/style.css" rel="stylesheet">
    <link href="https://htky.vaaptech.com/assets/css/custom.css" rel="stylesheet">

    <!-- responsive css -->
    <link href="https://htky.vaaptech.com/assets/css/responsive.css" rel="stylesheet">
    <script src="https://htky.vaaptech.com/assets/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="https://htky.vaaptech.com/assets/js/moment.min.js"></script>

    <link href="https://htky.vaaptech.com/assets/vendor/animate.css/animate.min.css" rel="stylesheet">
    <link href="https://htky.vaaptech.com/assets/vendor/aos/aos.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <!-- country_code links -->
    <link rel="stylesheet" type="text/css" href="https://htky.vaaptech.com/assets/css/intlTelInput.css?1549804213570">
    <script type="text/javascript" src="https://htky.vaaptech.com/assets/js/intlTelInput.js?1549804213570"></script>
    <!-- country_code links -->

    <style type="text/css">
    .iti {
        width: 100% !important;
    }
    </style>

    <!-- sweet alert -->
    <script src="https://htky.vaaptech.com/assets/js/sweet-alert.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://htky.vaaptech.com/assets/css/sweet-alert.css">
    <!-- sweet alert -->

    <!-- calendar links -->
    <link rel="stylesheet" href="https://htky.vaaptech.com/assets/css/fullcalendar.min.css" />
    <script src="https://htky.vaaptech.com/assets/js/moment.js"></script>
    <script src="https://htky.vaaptech.com/assets/js/fullcalendar.min.js"></script>
    <script src="https://htky.vaaptech.com/assets/js/locale-all.js"></script>
    <!-- calendar links -->
    <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins"> -->

    <link rel="stylesheet" href="https://htky.vaaptech.com/assets/css/time-picker.css" />
    <!-- Include the date picker library -->
    <link rel="stylesheet" href="https://htky.vaaptech.com/assets/css/jquery-ui.css">
    <!-- <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> -->




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

    <link rel="stylesheet" type="text/css" href="https://htky.vaaptech.com/assets/css/ldld.min.css">
    <script type="text/javascript" charset="utf8" src="https://htky.vaaptech.com/assets/js/ldld.min.js"></script>

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


    <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"
        }
    }
    </script>
    <script src="https://htky.vaaptech.com/assets/js/translator-float.js" defer></script>

    <!-- ==========Language Translator Scripts============= -->

    <link href="https://htky.vaaptech.com/assets/css/customColorCode.css" rel="stylesheet">
    <style type="text/css">
    .form-check-input[type=checkbox] {
        border-radius: 11px;
        padding: 16px;
        font-size: 18px;
        border: 2px solid #ffc107;
        margin-right: 30px;
    }

    .form-check-input:checked[type="checkbox"] {
        background-color: #005d4b;
        border-radius: 11px;
        padding: 16px;
        font-size: 18px;
        border: 2px solid #ffc107;
    }

    .form-check-input:checked[type="checkbox"]+.form-check-label::before {
        background-color: #005d4b;
        font-weight: bold;
        font-size: 18px;
    }

    .form-check-input:focus {
        border-color: 2px solid #ffc107;
        outline: 0 !important;
        box-shadow: none !important;
    }


    .ui-icon,
    .ui-widget-content .ui-icon {
        background-image: url("https://htky.vaaptech.com/assets/js/ui-icons_444444_256x240.png") !important;
    }

    .ui-widget-header .ui-icon {
        background-image: url("https://htky.vaaptech.com/assets/js/ui-icons_444444_256x240.png") !important;
    }

    p {
        font-size: 22px !important;
    }

    td,
    li,
    span {
        font-size: 15px !important;
    }

    .dimmed {
        opacity: 0.3;
        pointer-events: none;
        /* Optional: to disable interactions */
    }

    .swal2-html-container {
        overflow: hidden !important;
    }

    @media only screen and (min-width:781px) {
        /* #bottomborderSp{
     position: unset!important;
  } */
    }

    #bottomborderSp {
        position: absolute !important;
        margin-top: -12px !important;
        width: 50px !important;
    }

    #socila_Lonks_div {
        display: flex;
        text-align: justify;
        justify-content: start;
    }

    @media only screen and (max-width:780px) {
        #socila_Lonks_div {
            display: flex;
            text-align: justify;
            justify-content: center;
        }

        #bottomborderSp {
            position: relative !important;
        }
    }

    .select2-selection__choice__display{
color: black!important;
    }
    </style>



    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-T28SDZYV1G"></script>
    <script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
        dataLayer.push(arguments);
    }
    gtag('js', new Date());

    gtag('config', 'G-T28SDZYV1G');
    </script>
    <!-- Google tag (gtag.js) -->

    <link href='https://fonts.googleapis.com/css?family=Charm' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
    <link href='https://htky.vaaptech.com/assets/css/toast.css' rel='stylesheet' type='text/css'>
    <link href='https://htky.vaaptech.com/assets/css/animated-button2.css' rel='stylesheet' type='text/css'>
</head><body>

  <style type="text/css">
    #topbar {
      background-color: var(--main-color-new-theme) !important;
      padding: 5px 0;
      font-size: 11x;
    }

    #topbar .contact-info i a,
    #topbar .contact-info i span {
      color: white;
    }

    .navbar a,
    .navbar a:focus {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0 10px 50px;
      font-size: 13px;
      color: #ffffff;
      white-space: nowrap;
      text-transform: uppercase;
      transition: 0.3s;
    }

    .navbar a:hover,
    .navbar .active,
    .navbar .active:focus,
    .navbar li:hover>a {
      color: #c00000;
      background: white;
    }

    #logo-2 {
      float: right;
      height: 200px;
      margin: 8px 0px 8px 0px;
    }

    .head-line {
      color: var(--main-color-new-theme) !important;
      font-weight: 500;
    }

    .head-line2 {
      color: var(--main-color-new-theme) !important;
      font-size: 1.125em !important;
      font-weight: 600;
      font-style: normal;
    }

    .row {
      margin-right: 0px !important;
      margin-left: 0px !important;
    }

    .topbar-text-color {
      color: var(--main-color-new-theme) !important;
    }

    .heder-btn-div {
      text-align: right !important;
      padding-top: 0px !important;
    }

    @media only screen and (min-width: 940px) {
      .heder-btn-div {
        margin-top: -90px !important;
      }
    }



    #logo-1 {
      height: 140px;
    }

    .head-line {
      font-weight: bold !important;
      font-size: 2.50em;
      font-weight: 700;
      font-style: normal;
    }

    .headerAddress {
      font-size: 23px;
      line-height: revert;
      margin-top: 4px !important;
    }

    .email-phone {
      font-size: 22px;
    }







    /* @media (max-width: 768px) {
    .col-md-12 .btn {
        margin-top: 0 !important;
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .col-md-12 i {
        display: block;
        text-align: center;
        margin-top: 10px;
    }
      } */

    .header-req-puja-btn {
      color: white;
      background-color: #a20000;
      border-radius: 5px !important;
      /* margin-top: -313px!important;  */
      margin-top: -80px !important;
      margin-left: 1px !important;
    }

    .header-signin-btn {
      color: white;
      background-color: #a20000;
      border-radius: 5px !important;
      margin-top: -80px !important;
    }

    @media only screen and (max-width:1052px) {
      .header-req-puja-btn {
        margin-top: -109px !important;
      }

      .header-signin-btn {
        margin-top: -109px !important;
      }
    }

    @media (max-width: 768px) {
      .header-signin-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
      }
    }
  .head-line3{
        font-size: 20px;;
      }
    @media only screen and (max-width:940px) {
      .heder-btn-div {
        display: flex !important;
      }

      .head-line {
        font-size: 2.2em;
      }
  .head-line3{
        font-size: 18px;;
      }
      #logo-1 {
        height: 103px;
      }

      .heder-btn-div .btn {
        margin-top: 0 !important;
        display: block;
        width: 50%;
        text-align: center;
        margin-bottom: 43px;
        margin-left: 1px !important;
      }
    }

    /* For devices with width less than or equal to 768px (tablets and larger phones) */
    @media only screen and (max-width: 768px) {
      .head-line3{
        font-size: 16px;;
      }
      .left-logo {
        /* width: fit-content !important; */
        width: 20%!important;
      }

      .header-web-name-div {
        /* width: auto !important; */
        width: 80% !important;
      }

      .col-md-12 .btn {
        margin-top: 0 !important;
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 36px;
        margin-left: 1px !important;
      }

      .col-md-12 i {
        display: block;
        text-align: center;
        margin-top: 10px !important;
        font-size: 1.5em;
      }

      #myDIV i {
        font-size: 1.5em;
        margin-top: -120px !important;
        margin-left: 0;
        display: block;
        text-align: center;
      }

      #logo-1 {
        height: 100px;
      }
    }

    @media only screen and (max-width: 769px) {
      .head-line {
        font-weight: bold !important;
        font-size: 2em;
        font-weight: 700;
        font-style: normal;
      }

      .headerAddress {
        font-size: 18px !important;
      }

      .email-phone {
        font-size: 16px;
      }
    }


    /* For screens larger than 768px (desktop screens) */
    @media only screen and (min-width: 769px) {
      .col-md-12 .btn {
        display: inline-block;
        margin-top: 0;
        width: auto;
      }

      .col-md-12 i {
        display: inline-block;
        margin-top: 0;
        /* font-size: 1.5em; */
        vertical-align: middle;
      }
    }

    @media only screen and (max-width: 550px) {
      .head-line {
        font-weight: bold !important;
        font-size: 1.6em;
        font-weight: 700;
        font-style: normal;
      }
        .head-line3{
        font-size: 13px;
      }
    }

    @media only screen and (max-width: 527px) {
      #logo-1 {
        height: 60px;
      }

      .head-line {
        font-size: 1.5em;
      }
    }

    /* For devices with width less than or equal to 480px (small phones) */
    @media only screen and (max-width: 480px) {
      .col-md-12 .btn {
        margin-top: 0 !important;
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 36px;
      }

      .col-md-12 i {
        display: block;
        text-align: center;
        margin-top: 10px !important;
        font-size: 1.2em;
        /* Reduce icon size for small screens */
      }

      #myDIV i {
        font-size: 1.2em;
        /* Decrease icon size */
        margin-top: -80px !important;
        /* Adjust top margin */
        margin-left: 0;
        /* Center the icon */
        display: block;
        text-align: center;
      }
    }

    @media only screen and (max-width: 441px) {
      #logo-1 {
        height: 60px;
      }

      .head-line {
        font-size: 1.3em;
      }

      .headerAddress {
        font-size: 14px !important;
      }

      .email-phone {
        font-size: 16px;
      }

      .heder-btn-div .btn {
        margin-top: 0 !important;
        display: block;
        width: 50%;
        text-align: center;
        margin-bottom: 8px;
        margin-left: 1px !important;
      }
    }

    @media only screen and (max-width: 378px) {
      .email-phone {
        font-size: 15px;
      }

      .headerAddress {
        font-size: 13px !important;
      }

      .header-web-name-div {
        padding-left: 0px !important;
      }
    }

    @media only screen and (max-width: 356px) {
      .head-line {
        font-size: 1em;
      }

      .email-phone {
        font-size: 14px;
      }
    }

    @media only screen and (max-width: 348px) {
      #logo-1 {
        height: 40px;
      }

      .head-line {
        font-size: 1em !important;
      }

      .headerAddress {
        font-size: 11px !important;
      }

      .email-phone {
        font-size: 13px !important;
      }
    }

    @media only screen and (max-width: 296px) {
      .head-line {
        font-size: 14px !important;
      }

      .headerAddress {
        font-size: 9px !important;
      }

      .email-phone {
        font-size: 10px !important;
      }
    }

    @media (max-width: 768px) {
      .rowresponsive {
        flex-direction: row !important;
      }
    }
  </style>


  Error:Failed connect to aspgen.vaaptech.com:9000; Connection refused
  <section id="topbar">
    <div class="row">
      <div class="col-md-7 col-sm-6 mx-auto">
        <!-- Top bar content if needed -->
      </div>
      <div class="col-md-5 col-sm-6">
        <!-- Removed the buttons from here -->
      </div>
    </div>
  </section>

  <div style="">
    <div class="row rowresponsive">
           <div class="col-md-12 heder-btn-div" style="">
        <a href="https://htky.vaaptech.com/services" class="btn btn-warning btn-sm mx-2" style="color: white;background-color: var(--main-color-new-theme)!important;border-radius: 5px!important; display: none; ">
          Request For Puja Service
        </a>

                  <a href="javascript:void(0)" onclick="CartCheckLoginTabFacility();" class="btn btn-warning btn-sm" style="color: white;background-color: var(--main-color-new-theme)!important;border-radius: 5px!important; display: none;">
            Sign In
          </a>
                <style type="text/css">
          .modal-backdrop {
            opacity: 0.5 !important;
          }
        </style>
        <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="logoutModal"
          aria-hidden="true" data-keyboard="false" data-backdrop="static">
          <div class="modal-dialog modal-md">
            <div class="modal-content">
              <div class="modal-body">
                <p style="font-size: 18px;" class="px-5 text-center">Alert! Are you sure you want to sign off from
                  your self-service devotee portal. <br /></p>
              </div>
              <div class="modal-footer" style="display: flex; justify-content: space-evenly; padding: 10px 85px;">
                <div class="actionsBtns">
                  <a href="https://htky.vaaptech.com/logout" onclick="logoutButton()" class="btn btn-danger mx-4">Logout</a>
                  <button class="btn btn-primary" data-dismiss="modal">Cancel</button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
            <div class="col-md-2 left-logo" style="display: flex;">
        <a href="https://htky.vaaptech.com/" style="display: flex;justify-content: center; margin-bottom: 6px; margin-top: -5px;">
          <img id="logo-1" src="https://aspgen.vaaptech.com:9000/" class="img-fluid mx-auto d-block" style="">
        </a>
      </div>
      <div class="col-md-8 text-center header-web-name-div" style="padding-top: 11px;">
        
        
        <div class="media-query m-0 p-0">
          <p class="m-0 p-0 headerAddress" style="">
                        <br>
          <div class="email-phone" style="">
                                              </div>
          </p>
                     </div>
     
      </div>

      <!-- <div class="col-md-2" style="display: flex;justify-content: start;">
        <div class="media-query">
          <a class="topbar-text-color" href="https://htky.vaaptech.com/" style="display: flex; justify-content: center; margin-bottom: 6px; margin-top: -5px;">
            <img id="logo-2" src="https://aspgen.vaaptech.com:9000/" class="img-fluid77" style="height:  140px;">
          </a>
        </div>
      </div> -->
  
      <div class="col-md-12  heder-btn-div" style="text-align: right; padding-top: 15px;">
        <a href="https://htky.vaaptech.com/services" class="btn btn-warning btn-sm mx-2 header-req-puja-btn">
          Request For Puja Service
        </a>

                  <a href="javascript:void(0)" onclick="CartCheckLoginTabFacility();" class="btn btn-warning btn-sm header-signin-btn">
            Sign In
          </a>
        
        <style type="text/css">
          .modal-backdrop {
            opacity: 0.5 !important;
          }
        </style>
                  <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="logoutModal"
          aria-hidden="true" data-keyboard="false" data-backdrop="static">
          <div class="modal-dialog modal-md">
            <div class="modal-content">
              <div class="modal-body">
                <p style="font-size: 18px;" class="px-5 text-center">Alert! Are you sure you want to sign off from
                  your self-service devotee portal? <br /></p>
              </div>
              <div class="modal-footer" style="display: flex; justify-content: space-evenly; padding: 10px 85px;">
                <div class="actionsBtns">
                  <!-- Update the logout link to clear localStorage before logging out -->
                  <a href="https://htky.vaaptech.com/logout" onclick="clearLocalStorageBeforeLogout()" class="btn btn-danger mx-4">Logout</a>
                  <button class="btn btn-primary" data-dismiss="modal">Cancel</button>
                </div>
              </div>
            </div>
          </div>
        </div>

        <script type="text/javascript">
          // Function to clear localStorage before logout
          function clearLocalStorageBeforeLogout() {
            localStorage.removeItem('alertShown');
          }
        </script>


      </div>
    </div>
  </div><style type="text/css">
  /* Navbar Links */
  .navbar>ul>li>a {
    font-weight: 1000 !important;
    font-size: 13px !important;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0.5px;
    /* padding: 10px 50px !important; */
    display: inline-block;
    position: relative;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  }

  /* Active Tab Styling */
  .navbar>ul>li>a.active {
    background-color: #ffffff !important;
    /* White background for active tab */
    color: #560b3c !important;
    /* Dark text for contrast */
    border-radius: 0px;
  }

  /* Proper Hover Effect for Individual Tabs */
  .navbar>ul>li>a:hover {
    background-color: #f0e0e6 !important;
    /* Light pinkish background */
    color: #560b3c !important;
    border-radius: 0px;
  }

  /* Prevent Active Tab from Changing on Hover */
  .navbar>ul>li>a.active:hover {
    background-color: #ffffff !important;
    /* Keep active tab white */
    color: #560b3c !important;
  }

  /* Fix Tab Spacing - Prevent Overlapping */
  .navbar>ul>li {
    margin: 0 5px;
    /* Adds spacing between tabs */
  }

  /* Mobile Navbar */
  .navbar-mobile ul {
    display: block;
    position: absolute;
    top: 55px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    padding: 10px 0;
    overflow-y: auto;
    transition: 0.3s;
    background: #560b3c78 !important;
  }

  
  @media only screen and (min-width: 992px) {
    #navmobile {
      justify-content: center !important;
    }
  }

  /* Dropdown Styling */
  .navbar .dropdown ul {
    background: var(--main-color-new-theme) !important;
  }

  .navbar .dropdown ul a {
    color: white;
  }

  .navbar .dropdown ul a:hover,
  .navbar .dropdown ul .active:hover,
  .navbar .dropdown ul li:hover>a {
    color: #fff;
    background-color: #790012;
  }

  /* Underline Animation for Nav Links */
  .navlink:after,
  .navlink2:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    background: #F08B54;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
  }

  .navlink:hover:after,
  .navlink2:hover:after {
    width: 100%;
    left: 0;
  }

  /* Navbar Padding */
  .navbar a,
  .navbar a:focus {
    padding: 10px 15px !important;
  }

  /* Header Styling */
  #header {
    color: white;
    transition: all 0.5s;
    z-index: 997;
    font-weight: 1000;
    height: 55px;
  }

  /* Dropdown Background */
  .dropdown-item {
    background-color: var(--main-color-new-theme) !important;
  }

  #header {
    /* margin-top: -40px!important; */
  }

  /* Fix for Hover Overlapping Issue */
  @media only screen and (max-width: 992px) {
    #header {
      margin-top: 0px !important;
    }
  }

  @media only screen and (min-width: 992px) {
    .navbar>ul>li {
      flex: 1;
      /* Ensures proper spacing */
    }

  }
</style>

<!-- ======= Header ======= -->
<!-- <header id="header" class="d-flex align-items-center menu-bg" style="border-top: 1px solid white; margin-top: -40px;"> -->
<header id="header" class="d-flex align-items-center menu-bg " style="border-top: 1px solid white;">
  <div class="container d-flex"  id="navmobile">


    
      <div  class="mobile-nav-cart">
        <span style="padding-right:6px!important;">
          <a href="javaScript:void(0)" onclick="ViewCartMobile('checkout')"> <i class="fa fa-shopping-cart fa-2x" style="color:#fff;"></i>
            <span class="cart-count text-white" style="font-size: 20px!important;">0</span>
          </a>
                   </span>
      </div>

    


     <nav id="navbar" class="navbar ">
      <ul>
        <li><a class="navlink  " href="https://htky.vaaptech.com/">HOME</a></li>
        <!-- <li><a class="navlink " href="https://htky.vaaptech.com/services">SERVICES</a></li> -->
        <li class="dropdown">
          <a class="active" href="javascript:void()" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">SERVICES <i class="fa fa-caret-down"></i></a>

          <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
            <li><a class="text-uppercase dropdown-item navlink " href="https://htky.vaaptech.com/services">BOOK A SERVICE</a></li>

            <li><a class="text-uppercase dropdown-item navlink " href="https://htky.vaaptech.com/list-of-puja-services">LIST OF PRIVATE PUJA SERVICES</a></li>
            <li><a class="text-uppercase dropdown-item navlink " href="javascript:void(0)" onclick="CartCheckLoginTabFacility('facilitiesPage')">Book a Facility</a></li>

            <li><a class="text-uppercase dropdown-item navlink  active  " href="https://htky.vaaptech.com/sponsor-now">SPONSORSHIPS</a></li>
          </ul>
        </li>
        <!-- <li><a class="navlink  active  " href="https://htky.vaaptech.com/sponsor-now">SPONSORSHIPS</a></li> -->

        <!-- <li><a class="navlink " href="https://htky.vaaptech.com/calendar">CALENDAR</a></li> -->
        <li class="dropdown">
          <a class="" href="javascript:void()" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">CALENDAR <i class="fa fa-caret-down"></i></a>

          <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
            <li><a class="text-uppercase dropdown-item navlink " href="https://htky.vaaptech.com/calendar">CALENDAR</a></li>

            <li><a class="text-uppercase dropdown-item navlink " href="https://htky.vaaptech.com/past-community-events">Community events</a></li>
            <li><a class="text-uppercase dropdown-item navlink " href="https://htky.vaaptech.com/newslatter-flayer">Newsletters</a></li>


          </ul>
        </li>

        <!-- <li><a class="navlink " href="javascript:void(0)" onclick="CartCheckLoginTabFacility('facilitiesPage')">FACILITIES</a></li> -->

        <li class="dropdown">
          <a class="" href="javascript:void()" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">DONATIONS <i class="fa fa-caret-down"></i></a>

          <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">

            <li><a class="text-uppercase dropdown-item navlink " href="https://htky.vaaptech.com/donations">GENERAL DONATIONS</a></li>

            <li><a class="text-uppercase dropdown-item navlink " href="https://htky.vaaptech.com/recurring-sponsor-now/recurring-donations">RECURRING DONATIONS</a></li>
            <!-- <li><a class="text-uppercase dropdown-item navlink " href="https://htky.vaaptech.com/pledge-form">PLEDGE FORM</a></li> -->


          </ul>
        </li>
        <li class="dropdown">
          <a class="navlink2 " href="javascript:void()" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> EDUCATION <i class="fa fa-caret-down"></i> </a>
          <ul class="dropdown-menu" aria-labelledby="dropdownMenuEducation">
            <li>
              <a href="https://htky.vaaptech.com/hsky/" class="text-uppercase dropdown-item navlink-reload " target="_blank"> HINDU SCHOOL </a>
            </li>
            <li>
              <a href="https://htky.vaaptech.com/all-classes"
                class="text-uppercase dropdown-item navlink ">
                ALL CLASSES
              </a>
            </li>
            <!-- <li>
              <a href="https://htky.vaaptech.com/language-classes"
                class="text-uppercase dropdown-item navlink ">
                LANGUAGE CLASSES
              </a>
            </li> -->
          </ul>
        </li>

        <li class="dropdown">
          <a class="navlink2 " href="javascript:void()" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">SEVA <i class="fa fa-caret-down"></i></a>

          <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
            <li><a class="text-uppercase dropdown-item navlink " href="https://htky.vaaptech.com/volunteer">Volunteer sign up</a></li>
            <li><a class="text-uppercase dropdown-item navlink " href="https://htky.vaaptech.com/senior-page">Senior Page</a></li>

            <li><a class="text-uppercase dropdown-item navlink " href="https://htky.vaaptech.com/grief-support">Grief Support</a></li>
            <li><a class="text-uppercase dropdown-item navlink " href="https://htky.vaaptech.com/lost-and-found">Lost and found</a></li>


          </ul>
        </li>

        <li class="dropdown">
          <a class="navlink2 " href="javascript:void()" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> ABOUT TEMPLE <i class="fa fa-caret-down"></i></a>
          <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
            <!-- <li><a  href="https://htky.vaaptech.com/about-temple-founders" class="text-uppercase dropdown-item navlink " >ABOUT TEMPLE FOUNDER</a></li> -->
            <li><a href="https://htky.vaaptech.com/about-temple" class="text-uppercase dropdown-item navlink ">ABOUT TEMPLE</a></li>
            <li><a href="https://htky.vaaptech.com/about-deities" class="text-uppercase dropdown-item navlink ">ABOUT DEITIES</a></li>
            <li><a href="https://htky.vaaptech.com/about-priest" class="text-uppercase dropdown-item navlink ">ABOUT PRIESTS</a></li>
            <li><a href="https://htky.vaaptech.com/land-donors" class="text-uppercase dropdown-item navlink ">LAND DONORS</a></li>
            <li><a href="https://htky.vaaptech.com/about-committee" class="text-uppercase dropdown-item navlink ">BOARD & COMMITTEE MEMBERS</a></li>
            <!-- <li><a href="https://htky.vaaptech.com/board-of-regents" class="text-uppercase dropdown-item navlink ">BOARD OF REGENTS</a></li>
            <li><a href="https://htky.vaaptech.com/executive-committee" class="text-uppercase dropdown-item navlink ">EXECUTIVE COMMITTEE</a></li>
            <li><a href="https://htky.vaaptech.com/about-committee" class="text-uppercase dropdown-item navlink ">MANAGEMENT COMMITTEE</a></li> -->

            <!-- <li><a href="https://htky.vaaptech.com/education" class="text-uppercase dropdown-item navlink ">EDUCATION</a></li>
            <li><a href="https://htky.vaaptech.com/all-classes" class="text-uppercase dropdown-item navlink ">All CLASSES</a></li>
            <li><a href="https://htky.vaaptech.com/language-classes" class="text-uppercase dropdown-item navlink ">LANGUAGE-CLASSES</a></li> -->


            <li><a href="https://htky.vaaptech.com/temple-etiquette-and-visits" class="text-uppercase dropdown-item navlink ">Temple Etiquette and Visits</a></li>
            <li><a href="https://htky.vaaptech.com/Jain-Singh" class="text-uppercase dropdown-item navlink ">JAIN-SANGH</a></li>
            <li><a href="https://htky.vaaptech.com/Shirdi-Sai-Satsang" class="text-uppercase dropdown-item navlink ">SHIRDI SAI SATSANG</a></li>



            <!-- <li><a href="https://htky.vaaptech.com/contact-us" class="text-uppercase dropdown-item navlink ">Contact Us</a></li> -->



            <!-- <li><a  href="https://htky.vaaptech.com/general-reference" class="text-uppercase dropdown-item navlink ">GENERAL REFERENCE</a></li> -->
            <!-- <li><a  href="https://htky.vaaptech.com/bhajan-lyrics" class="text-uppercase dropdown-item navlink ">BHAJAN LYRICS</a></li>
            <li><a  href="https://htky.vaaptech.com/prasad-bhog-policy" class="text-uppercase dropdown-item navlink ">PRASAD/BHOG POLICY</a></li> -->
          </ul>
        </li>

        <!-- <li><a class="navlink " href="https://htky.vaaptech.com/contact-us">CONTACT US</a></li> -->

        <!-- <li class="dropdown">
          <a class="" href="javascript:void()" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">FORMS <i class="fa fa-caret-down"></i></a>

          <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">

            <li><a class="text-uppercase dropdown-item navlink " href="https://htky.vaaptech.com/membership-form">MEMBERSHIP FORM</a></li> -->

        <!-- <li><a class="text-uppercase dropdown-item navlink " href="https://htky.vaaptech.com/priest-request-form">PRIEST REQUEST FORM</a></li> -->
        <!-- <li> <a class="text-uppercase dropdown-item navlink "  href="https://volunteer.vaaptech.com/#/4213"> VOLUNTEER FORM </a></li>


          </ul>
        </li> -->

                  <!-- <li><a  href="javascript:void(0);" class="navlink dotlgbtn " onclick="checkLoginStatus()">SIGN-IN</a></li> -->
          <!-- <li class="dropdown">
            <a href="javascript:void()" class="navlink2" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> SIGN-IN <i class="fa fa-caret-down"></i></a>
            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">

              <li><a href="javascript:void(0);" class="navlink dotlgbtn " onclick="checkLoginStatus()">SIGN-IN</a></li>

              <li><a class="text-uppercase dropdown-item navlink " href="https://htky.vaaptech.com/membership-form">MEMBERSHIP</a></li>

            </ul>
          </li> -->
        

        

        
                     <li>
            <a href="javaScript:void(0)" onclick="ViewCartMobile('checkout')"> <i class="fa fa-shopping-cart fa-2x" style="font-size: 25px!important;"></i>
              <span class="cart-count" style="font-size: 20px!important;">0</span>
            </a>
          </li>
            
         

        
       


      </ul>
      <i class="bi bi-list mobile-nav-toggle text-white"></i>
    </nav>
    </div>
</header><!-- End Header --><link href="https://htky.vaaptech.com/assets/css/lightbox.min.css" rel="stylesheet" />
<script src="https://htky.vaaptech.com/assets/js/lightbox-plus-jquery.min.js"></script> 
<style>
	.navbar>ul>li>a {
    font-weight: 1000 !important;
    font-size: 14px !important;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0.5px;
}
</style>
<main id="main">
	<!-- ======= Temple Services Section ======= -->
	<section id="temple-services" class="temple-services">


		<div class="container">

			<h2 class="text-center mb-0" style="font-weight:bold!important;font-size: 25px!important;"> SPONSOR NOW<br><img src="https://htky.vaaptech.com/assets/img/border.png" class="img-fluid" style="width: 15%;max-width: 15%;"></h2>



			<div class="list-group list-group-flush px-0 mx-0">

				
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Warning</p>
<p>Message:  Invalid argument supplied for foreach()</p>
<p>Filename: sponsor-now-services/sponsor-now-types.php</p>
<p>Line Number: 29</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/sponsor-now-services/sponsor-now-types.php<br />
			Line: 29<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 24<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>

			</div>

		</div>


	</section>
	<!-- End Temple Services Section -->
</main><!-- End #main -->

<script type="text/javascript">
	$(document).ready(function() {
		window.scrollTo({ top: 140, behavior: 'smooth'});
	});
</script>

<style>
	

@media only screen and (max-width: 768px) {
	.crop-center {
	height:392px!important;
	width: 94.4vw !important;
}



}

</style>
<div class="ldld full" style="    z-index: 9999;"></div>
Error:Failed connect to aspgen.vaaptech.com:9000; Connection refusedError:Failed connect to aspgen.vaaptech.com:9000; Connection refused
<style type="text/css">
.modalCloseBtn {
    position: absolute;
    left: 91%;
}

.modatTitle {
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 800;
    color: #7D1456;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.h5-title {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 800;
    color: var(--main-color-new-theme) !important;
}

.modal-header {
    border-top: 6px solid #910301;
}

#sinupformid .form-control {
    margin: auto !important;
}
</style>
Error:Failed connect to aspgen.vaaptech.com:9000; Connection refused<style>
.spinner-border {
    --bs-spinner-width: 20px !important;
    --bs-spinner-height: 20px !important;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent;
}

.form-check-input:checked[type="radio"] {
    background-color: #005d4b;
    border-radius: 11px;
    font-size: 18px;
    border: 2px solid #ffc107;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23ffc107' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3 6-6'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    padding: 16px;
}

.form-check-input[type="radio"] {
    background-color: transparent;
    border-radius: 11px;
    font-size: 18px;
    border: 2px solid #ffc107;
    padding: 16px;
}
</style>
<!-- Registration Modal -->
<div class="modal fade" id="signupModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
    aria-hidden="true" data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content" style="background-image:url(https://htky.vaaptech.com/assets/img/login-backgound.png);">
            <form action="#" method="post" id="sinupformid"
                onsubmit="return SignupUserLogin('https://htky.vaaptech.com/signuplogin')" autocomplete="off">
                <div class="modal-header text-center d-block">
                    <h5 class="modal-title modatTitle" style="">SIGN UP</h5>
                    <img src="https://htky.vaaptech.com/assets/img/border.png" class="img-fluid mx-auto"
                        style="width: 35%; max-width: 70%;">
                    <button type="button" class="btn-close modalCloseBtn modalClbtn" data-bs-dismiss="modal"
                        aria-label="Close"></button>
                </div>

                <div class="modal-body p-0">
                    <div class="container">
                        <img src="
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined offset: 0</p>
<p>Filename: includes/modals.php</p>
<p>Line Number: 99</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/includes/modals.php<br />
			Line: 99<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/includes/footer.php<br />
			Line: 9<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/sponsor-now-services/sponsor-now-types.php<br />
			Line: 122<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 24<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Trying to access array offset on value of type null</p>
<p>Filename: includes/modals.php</p>
<p>Line Number: 99</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/includes/modals.php<br />
			Line: 99<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/includes/footer.php<br />
			Line: 9<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/sponsor-now-services/sponsor-now-types.php<br />
			Line: 122<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 24<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>https://htky.vaaptech.com/assets/img/logo.png"
                            class="img-fluid my-3" height="120px" width="150px"
                            style="display: block;margin-left: auto;margin-right: auto;">
                        <div class="row" style="text-align:center;">
                            <div class="col-md-12">

                                <div class="hs-toast-wrapper mb-3" id="signup-error-flashmsg"></div>
                                <div class="hs-toast-wrapper mb-3" id="signup-success-flashmsg"></div>
                                <p id="signup-error-flashmsg1" class="text-center"
                                    style="color: red!important;font-size: 18px !important;font-weight: 600;">Please
                                    verify your email id before you Register</p>
                                <!-- <span id="signup-success-flashmsg" class="text-center" style="color: green;"></span> -->
                            </div>
                        </div>
                        <div class="row d-flex justify-content-center align-items-center">
                            <div class="col-xl-12">
                                <div class="row g-0">
                                    <div class="col-xl-12">
                                        <div class="row">
                                            <div class="col-md-12 mb-4">
                                                <div class="form-outline" style="position: relative;">
                                                    <label class="form-label" for="registrationType">Registration
                                                        Type<span class="text-danger">*</span></label><br>

                                                    <div class="form-check form-check-inline"
                                                        style="padding-bottom: 5px;">
                                                        <input class="form-check-input" type="radio"
                                                            id="INDIVIDUAL-radio" name="registrationType" checked
                                                            value="INDIVIDUAL"
                                                            style="border-radius: 5px;padding: 10px;font-size: 18px;border: 2px solid #ffc107;margin-right: 5px;"
                                                            onchange="RegisterTypeRadio(this)">
                                                        <label class="form-check-label m-auto pt-1"
                                                            for="INDIVIDUAL-radio">INDIVIDUAL</label>
                                                    </div>

                                                    <div class="form-check form-check-inline"
                                                        style="padding-bottom: 5px;    margin-left: 3rem !important;">
                                                        <input class="form-check-input" type="radio" id="COMPANY-radio"
                                                            name="registrationType" value="COMPANY"
                                                            style="border-radius: 5px;padding: 10px;font-size: 18px;border: 2px solid #ffc107;margin-right: 5px;"
                                                            onchange="RegisterTypeRadio(this)">
                                                        <label class="form-check-label m-auto pt-1"
                                                            for="COMPANY-radio">COMPANY</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <style>
                                        .form-outline {
                                            position: relative;
                                        }

                                        .form-outline .form-control {
                                            /* padding-right: 50px; */
                                            /* Adjust this value to fit the button */
                                        }

                                        #verifySignupEmailbtn {
                                            position: absolute;
                                            right: 0px;
                                            top: 72%;
                                            transform: translateY(-50%);
                                            padding: 7px 10px;
                                            border: none;
                                            /* background-color: #000d8c; */
                                            background-color: var(--main-color-new-theme);
                                            color: white;
                                            border-radius: 0;
                                            cursor: pointer;
                                        }

                                        .form-label {
                                            margin-bottom: 0px !important;
                                        }
                                        </style>

                                        <div class="row">
                                            <div class="col-md-12 mb-4">
                                                <div class="form-outline" style="position: relative;">
                                                    <label class="form-label" for="signupEmail"
                                                        id="signupEmailLable">Email <span
                                                            class="text-danger">*</span></label>
                                                    <input type="email" id="signupEmail" name="email"
                                                        class="form-control" style="padding-right: 50px;"
                                                        autocomplete="off" placeholder="Enter Email"
                                                        oninput="this.value = this.value.toLowerCase();" />
                                                    <!-- <button class="" id="verifySignupEmailbtn" type="button" data-toggle="modal" data-target="#signUpOTP">Verify</button> -->
                                                    <button class="" id="verifySignupEmailbtn" type="button"
                                                        onclick="sendMemberAuthCode('https://htky.vaaptech.com/send-member-auth-code')">VERIFY</button>
                                                </div>

                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-12 mb-4">
                                                <div class="form-outline">
                                                    <label class="form-label" for="fname" id="fnameLable">First Name
                                                        <span class="text-danger">*</span></label>
                                                    <input type="text" id="fname" name="fname" class="form-control"
                                                        autocomplete="off"
                                                        placeholder="Enter First Name" />
                                                </div>
                                            </div>
                                            <div class="col-md-12 mb-4" id="lastNameDiv">
                                                <div class="form-outline">
                                                    <label class="form-label" for="lname" id="lnameLable">Last Name <span class="text-danger">*</span></label>
                                                    <input type="text" id="lname" name="lname" class="form-control"
                                                        autocomplete="off"
                                                        placeholder="Enter Last Name" />
                                                </div>
                                            </div>
                                        </div>

                                        <!-- 
                    <div class="row">
                      <div class="col-md-12 mb-4">
                        <div class="form-outline">
                          <label class="form-label" for="signupEmail">Email</label>
                          <input type="email" id="signupEmail" name="email" class="form-control" required autocomplete="off"  placeholder="Enter your email"  oninput="this.value = this.value.toLowerCase();"/>
                        </div>
                      </div>
                    </div>-->



                                        <div class="row">
                                            <div class="col-md-12 mb-4">
                                                <div class="form-outline">
                                                    <label class="form-label" for="signupPhoneNumber"
                                                        id="signupPhoneNumberLable">Phone Number
                                                        <span class="text-danger">*</span></label>
                                                    <input type="tel" placeholder="Ex. +1 123-456-7890" minlength="10"
                                                        maxlength="15" id="signupPhoneNumber" name="phone"
                                                        class="phone-with-country-code form-control phone"
                                                        onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57 || event.charCode==43 || event.charCode==13 ))"
                                                        oninput="nonEditCuntryCode1(this);" value="+1" minlength="10"
                                                        autocomplete="none">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row" id="addCompanySection">
                                            <div class="col-md-12 mb-4">
                                                <div class="form-outline">
                                                    <div class="form-check form-check-inline"
                                                        style="padding-bottom: 5px;">
                                                        <label class="form-check-label m-auto pt-1" for="addCompany">Add
                                                            Company</label>
                                                        <input class="form-check-input" type="checkbox" id="addCompany"
                                                            name="addCompany" value="YES"
                                                            style="border-radius: 5px;padding: 10px;font-size: 18px;border: 2px solid #ffc107;margin-right: 5px;"
                                                            onchange="addCompanyCheckbox(this)">

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


                                        <div class="row d-none" id="companySection">
                                            <div class="col-md-12 mb-4">
                                                <input type="hidden" name="companyId" id="companyId" value="">
                                                <div class="form-outline">
                                                    <label class="form-label" for="companyEmail">Company Email <span
                                                            class="text-danger">*</span></label>

                                                    <input type="email" id="companyEmail" name="companyEmail"
                                                        class="form-control" autocomplete="off"
                                                        placeholder="Enter Company Email"
                                                        oninput="this.value = this.value.toLowerCase();getCompanyDetails(this.value)" />
                                                </div>
                                                <p class="text-danger d-none mb-0" id="cmp_error"
                                                    style="font-size: 14px!important;"></p>
                                            </div>
                                            <div class="col-md-12 mb-4">
                                                <div class="form-outline">
                                                    <label class="form-label" for="companyFirstName">Company Name <span
                                                            class="text-danger">*</span></label>
                                                    <input type="text" id="companyFirstName" name="companyFirstName"
                                                        class="form-control" autocomplete="off"
                                                        placeholder="Enter Company Name" />
                                                </div>
                                            </div>
                                            <div class="col-md-12 mb-4 d-none">
                                                <div class="form-outline">
                                                    <label class="form-label" for="companyLastName">Company Last Name
                                                        <span class="text-danger">*</span></label>
                                                    <input type="text" id="companyLastName" name="companyLastName"
                                                        class="form-control" autocomplete="off"
                                                        placeholder="Enter Company Last Name" />

                                                </div>
                                            </div>

                                            <div class="col-md-12 mb-4">
                                                <div class="form-outline" id="CompanyPhoneDiv">
                                                    <label class="form-label" for="companyPhone">Company Phone <span
                                                            class="text-danger">*</span></label>
                                                    <input type="tel" placeholder="Ex. +1 123-456-7890" minlength="10"
                                                        maxlength="15" id="companyPhone" name="companyPhone"
                                                        class="phone-with-country-code form-control phone"
                                                        onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57 || event.charCode==43 || event.charCode==13 ))"
                                                        oninput="nonEditCuntryCode2(this);loginBy('mobile')" value="+1" minlength="10"
                                                        autocomplete="none">
                                                </div>
                                            </div>
                                        </div>


                                        <div class="row">
                                            <div class="col-md-12 mb-4">
                                                <div class="form-outline text-center">
                                                    <div class="col-md-12">
                                                        <button type="button" onclick="checkVerifyEmail()"
                                                            class="btn  ms-2" id="signupBtnAlert"
                                                            style="color: #fff!important;">REGISTER</button>
                                                        <button type="submit" class="btn  ms-2 d-none" id="signupBtn"
                                                            disabled style="color: #fff!important;">REGISTER</button>
                                                        <button type="button"
                                                            class="signupBtnClose btnClose btn btn-danger ms-2"
                                                            data-dismiss="modal" hidden>CLOSE</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>


                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-center modal-footer">
                    <div class="row mx-auto d-block my-4">

                        <div class="col-md-12 my-4s">
                            <a href="javascript:void(0)" onclick="openLoginModal1()"
                                style="color:black!important;">Already registered? <span
                                    style="color: red !important; font-weight: bold; font-size: 16px !important;">Sign
                                    In</span></a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- End Registration Modal -->

<!-- Registration Modal  without Login-->
<div class="modal fade" id="signupModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle1"
    aria-hidden="true" data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content" style="background-image:url(https://htky.vaaptech.com/assets/img/login-backgound.png);">
            <form action="#" method="post" id="sinupformidq2"
                onsubmit="return SignupUserLogin2('https://htky.vaaptech.com/signuplogin')" autocomplete="off">
                <div class="modal-header text-center d-block">
                    <h5 class="modal-title modatTitle" style="">SIGN UP</h5>
                    <img src="https://htky.vaaptech.com/assets/img/border.png" class="img-fluid mx-auto"
                        style="width: 35%; max-width: 70%;">
                    <button type="button" class="btn-close modalCloseBtn modalClbtn" data-bs-dismiss="modal"
                        aria-label="Close"></button>
                </div>

                <div class="modal-body p-0">
                    <div class="container">
                        <img src="
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined offset: 0</p>
<p>Filename: includes/modals.php</p>
<p>Line Number: 367</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/includes/modals.php<br />
			Line: 367<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/includes/footer.php<br />
			Line: 9<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/sponsor-now-services/sponsor-now-types.php<br />
			Line: 122<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 24<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Trying to access array offset on value of type null</p>
<p>Filename: includes/modals.php</p>
<p>Line Number: 367</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/includes/modals.php<br />
			Line: 367<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/includes/footer.php<br />
			Line: 9<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/sponsor-now-services/sponsor-now-types.php<br />
			Line: 122<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 24<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>https://htky.vaaptech.com/assets/img/logo.png"
                            class="img-fluid my-3" height="120px" width="150px"
                            style="display: block;margin-left: auto;margin-right: auto;">
                        <div class="row" style="text-align:center;">
                            <div class="col-md-12">

                                <div class="hs-toast-wrapper mb-3" id="signup-error-flashmsg2"></div>
                                <div class="hs-toast-wrapper mb-3" id="signup-success-flashmsg2"></div>
                           
                                <!-- <span id="signup-success-flashmsg" class="text-center" style="color: green;"></span> -->
                            </div>
                        </div>
                        <div class="row d-flex justify-content-center align-items-center">
                            <div class="col-xl-12">
                                <div class="row g-0">
                                    <div class="col-xl-12">
                                        <div class="row">
                                            <div class="col-md-12 mb-4">
                                                <div class="form-outline" style="position: relative;">
                                                    <label class="form-label" for="registrationType">Registration
                                                        Type<span class="text-danger">*</span></label><br>

                                                    <div class="form-check form-check-inline"
                                                        style="padding-bottom: 5px;">
                                                        <input class="form-check-input" type="radio"
                                                            id="INDIVIDUAL-radio2" name="registrationType" checked
                                                            value="INDIVIDUAL"
                                                            style="border-radius: 5px;padding: 10px;font-size: 18px;border: 2px solid #ffc107;margin-right: 5px;"
                                                            onchange="RegisterTypeRadio(this)">
                                                        <label class="form-check-label m-auto pt-1"
                                                            for="INDIVIDUAL-radio">INDIVIDUAL</label>
                                                    </div>

                                                    <div class="form-check form-check-inline"
                                                        style="padding-bottom: 5px;    margin-left: 3rem !important;">
                                                        <input class="form-check-input" type="radio" id="COMPANY-radio2"
                                                            name="registrationType" value="COMPANY"
                                                            style="border-radius: 5px;padding: 10px;font-size: 18px;border: 2px solid #ffc107;margin-right: 5px;"
                                                            onchange="RegisterTypeRadio(this)">
                                                        <label class="form-check-label m-auto pt-1"
                                                            for="COMPANY-radio">COMPANY</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <style>
                                        .form-outline {
                                            position: relative;
                                        }

                                        .form-outline .form-control {
                                            /* padding-right: 50px; */
                                            /* Adjust this value to fit the button */
                                        }

                                        #verifySignupEmailbtn {
                                            position: absolute;
                                            right: 0px;
                                            top: 72%;
                                            transform: translateY(-50%);
                                            padding: 7px 10px;
                                            border: none;
                                            /* background-color: #000d8c; */
                                            background-color: var(--main-color-new-theme);
                                            color: white;
                                            border-radius: 0;
                                            cursor: pointer;
                                        }

                                        .form-label {
                                            margin-bottom: 0px !important;
                                        }
                                        </style>

                                        <div class="row">
                                            <div class="col-md-12 mb-1">
                                                <div class="form-outline" style="position: relative;">
                                                    <label class="form-label" for="signupEmail"
                                                        id="signupEmailLable2">Email <span
                                                            class="text-danger">*</span></label>
                                                    <input type="email" id="signupEmail2" name="email"
                                                        class="form-control" style="padding-right: 50px;"
                                                        autocomplete="off" placeholder="Enter Email"
                                                        oninput="this.value = this.value.toLowerCase();" />
                                                 
                                                </div>
                                                <p style="color: red!important;font-size: 14px !important;font-weight: 600;">Email required for reciept purpose</p>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-12 mb-4">
                                                <div class="form-outline">
                                                    <label class="form-label" for="fname" id="fnameLable2">First Name
                                                        <span class="text-danger">*</span></label>
                                                    <input type="text" id="fname2" name="fname" class="form-control"
                                                        autocomplete="off"
                                                        placeholder="Enter First Name" />
                                                </div>
                                            </div>
                                            <div class="col-md-12 mb-4" id="lastNameDiv2">
                                                <div class="form-outline">
                                                    <label class="form-label" for="lname" id="lnameLable2">Last Name <span class="text-danger">*</span></label>
                                                    <input type="text" id="lname2" name="lname" class="form-control"
                                                        autocomplete="off"
                                                        placeholder="Enter Last Name" />
                                                </div>
                                            </div>
                                        </div>

                  


                                        <div class="row">
                                            <div class="col-md-12 mb-4">
                                                <div class="form-outline">
                                                    <label class="form-label" for="signupPhoneNumberOtp2"
                                                        id="signupPhoneNumberLable2">Phone Number
                                                        <span class="text-danger">*</span></label>
                                                    <input type="tel" placeholder="Ex. +1 123-456-7890" minlength="10"
                                                        maxlength="15" id="signupPhoneNumberOtp2" name="phone"
                                                        class="phone-with-country-code form-control phone"
                                                        onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57 || event.charCode==43 || event.charCode==13 ))"
                                                        oninput="nonEditCuntryCodeSinupOtp1(this);" value="+1" minlength="10"
                                                        autocomplete="none">
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row" id="addCompanySection2">
                                            <div class="col-md-12 mb-4">
                                                <div class="form-outline">
                                                    <div class="form-check form-check-inline"
                                                        style="padding-bottom: 5px;">
                                                        <label class="form-check-label m-auto pt-1" for="addCompany">Add
                                                            Company</label>
                                                        <input class="form-check-input" type="checkbox" id="addCompany2"
                                                            name="addCompany" value="YES"
                                                            style="border-radius: 5px;padding: 10px;font-size: 18px;border: 2px solid #ffc107;margin-right: 5px;"
                                                            onchange="addCompanyCheckbox2(this)">

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


                                        <div class="row d-none" id="companySection2">
                                            <div class="col-md-12 mb-4">
                                                <input type="hidden" name="companyId" id="companyId2" value="">
                                                <div class="form-outline">
                                                    <label class="form-label" for="companyEmail">Company Email <span
                                                            class="text-danger">*</span></label>

                                                    <input type="email" id="companyEmail2" name="companyEmail"
                                                        class="form-control" autocomplete="off"
                                                        placeholder="Enter Company Email"
                                                        oninput="this.value = this.value.toLowerCase();getCompanyDetails2(this.value)" />
                                                </div>
                                                <p class="text-danger d-none mb-0" id="cmp_error2"
                                                    style="font-size: 14px!important;"></p>
                                            </div>
                                            <div class="col-md-12 mb-4">
                                                <div class="form-outline">
                                                    <label class="form-label" for="companyFirstName">Company Name <span
                                                            class="text-danger">*</span></label>
                                                    <input type="text" id="companyFirstName2" name="companyFirstName"
                                                        class="form-control" autocomplete="off"
                                                        placeholder="Enter Company Name" />
                                                </div>
                                            </div>
                                            <div class="col-md-12 mb-4 d-none">
                                                <div class="form-outline">
                                                    <label class="form-label" for="companyLastName">Company Last Name
                                                        <span class="text-danger">*</span></label>
                                                    <input type="text" id="companyLastName2" name="companyLastName"
                                                        class="form-control" autocomplete="off"
                                                        placeholder="Enter Company Last Name" />

                                                </div>
                                            </div>

                                            <div class="col-md-12 mb-4">
                                                <div class="form-outline" id="CompanyPhoneDiv2">
                                                    <label class="form-label" for="companyPhone">Company Phone <span
                                                            class="text-danger">*</span></label>
                                                    <input type="tel" placeholder="Ex. +1 123-456-7890" minlength="10"
                                                        maxlength="15" id="companyPhone2" name="companyPhone"
                                                        class="phone-with-country-code form-control phone"
                                                        onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57 || event.charCode==43 || event.charCode==13 ))"
                                                        oninput="nonEditCuntryCode4(this);" value="+1" minlength="10"
                                                        autocomplete="none">
                                                </div>
                                            </div>
                                        </div>


                                        <div class="row">
                                            <div class="col-md-12 mb-4">
                                                <div class="form-outline text-center">
                                                    <div class="col-md-12">
                                                      
                                                        <button type="submit" class="btn  ms-2" id="signupBtn2"
                                                             style="color: #fff!important;">REGISTER</button>
                                                        <button type="button"
                                                            class="signupBtnClose btnClose btn btn-danger ms-2"
                                                            data-dismiss="modal" hidden>CLOSE</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>


                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-center modal-footer">
                    <div class="row mx-auto d-block my-4">

                        <div class="col-md-12 my-4s">
                            <a href="javascript:void(0)" onclick="openLoginModal2()"
                                style="color:black!important;">Already registered? <span
                                    style="color: red !important; font-weight: bold; font-size: 16px !important;">Sign
                                    In</span></a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- End Registration Modal without Login-->

<!-- Login  Modal -->
<div class="modal fade modal-danger modal-outline" id="loginModal" tabindex="-1" role="dialog"
    aria-labelledby="exampleModalCenterTitle" aria-hidden="true" data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content" style="background-image:url(https://htky.vaaptech.com/assets/img/login-backgound.png);">




            <form action="#" method="post" id="phonemyForm" autocomplete="off">
                <div class="modal-header text-center">
                    <!-- <h5 class="modal-title text-center bottomborder modatTitle" >SIGN IN</h5> -->
                    <button type="button" class="btn-close modalCloseBtn modalClbtn" data-bs-dismiss="modal"
                        aria-label="Close"></button>
                </div>
                <div class="modal-body p-0">
                    <img src="https://aspgen.vaaptech.com:9000/" class="img-fluid mb-4"
                        height="100px" width="100px" style="display: block;margin-left: auto;margin-right: auto;">
                    <style type="text/css">
                    .nav-fill .nav-item .nav-link,
                    .nav-justified .nav-item .nav-link {
                        width: 100%;
                        background: #cdcdcd9c !important;
                        color: #000000;
                    }

                    .nav-tabs .nav-item.show .nav-link,
                    .nav-tabs .nav-link.active {
                        color: #ffffff !important;
                        background: var(--main-color-new-theme) !important;
                        border-color: var(--bs-nav-tabs-link-active-border-color)
                    }
                    </style>

                    <div class="row">
                        <h5 class="text-center bottomborder modatTitle">SIGN IN</h5>
                        <div class="col-md-12 mt-4">
                            <div class="container mt-3">
                                <div class="row g-0">
                                    <div class="col-xl-12">
                                        <div class="row" style="text-align:center;">
                                            <div class="col-md-12">
                                                <div class="hs-toast-wrapper mb-3" id="login-error-flashmsg"></div>
                                                <div class="hs-toast-wrapper mb-3" id="login-success-flashmsg"></div>

                                                <!-- <span id="login-error-flashmsg" class="text-center" style="color: red;"></span> -->
                                                <!-- <span id="login-success-flashmsg" class="text-center" style="color: green;"></span> -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row d-flex justify-content-center align-items-center">
                                    <div class="col-xl-12">
                                        <div class="row">
                                            <div class="col-xl-12">
                                                <span class="email_section">
                                                    <div class="row">
                                                        <ul id="tabs" class="nav nav-tabs nav-fill"
                                                            style="border: 0px; box-shadow: 1px -4px 8px grey; margin: 0px; padding: 0px;">
                                                            <!-- <li class="nav-item"><a href="#AdministratorTab" id="AdministratorTab" tab-name="Management" data-toggle="tab" class=" nav-link rounded-0 border-0 m-0">Management</a></li> -->
                                                            <li class="nav-item"><a href="#devoteeTab" id="devoteeTab"
                                                                    tab-name="Devotee" data-toggle="tab"
                                                                    class="nav-link  rounded-0 active border-0 m-0">Devotee</a>
                                                            </li>
                                                        </ul>
                                                        <div class="col-md-12 p-0 mt-4">
                                                            <input type="email" id="loginEmail"
                                                                placeholder="Enter your email Id." name="email"
                                                                class="form-control"
                                                                data-onclick="https://htky.vaaptech.com/send-email-otp"
                                                                style="margin: 0px;"
                                                                oninput="loginBy('email');this.value = this.value.toLowerCase();"
                                                                autocomplete="none" />
                                                            <span class="otpsendmsg"
                                                                style="color: green; font-size: 11px;margin-left: 12px;"></span>
                                                        </div>
                                                    </div>

                                                </span>

                                                <!-- Remove d-none if you want to on SMS Login with Phone Number -->

                                                <span class="mobile_section">
                                                    <div class="text-center mb-3">--OR--</div>
                                                    <div class="row">


                                                        <div class="col-md-12 mx-0 px-0">

                                                            <input type="tel" placeholder="Ex. +1 (702) 123-4567"
                                                                id="loginPhoneNumber" name="phone"
                                                                class="phone-with-country-code form-control phone"
                                                                data-onclick="https://htky.vaaptech.com/send-email-otp"
                                                                minlength="10" maxlength="15"
                                                                onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57 || event.charCode==43  || event.charCode==13 ))"
                                                                oninput="nonEditCuntryCode(this);loginBy('mobile')"
                                                                value="+1" minlength="10" autocomplete="none">
                                                            <span class="otpsendmsg_number"
                                                                style="color: green; font-size: 18px;margin-left: 12px;"></span>
                                                        </div>


                                                        <div class="col-md-12 my-4">
                                                            <center>
                                                                <button id="emailotpntn" class="btn btn-success"
                                                                    onclick="sendEmailOtp('https://htky.vaaptech.com/send-email-otp')">Login</button>
                                                            </center>
                                                        </div>
                                                    </div>
                                                </span>

                                                <div class="row vOtpBox" id="otptoggle" style="display:none;">
                                                    <div class="col-md-8 mx-0 px-0">
                                                        <input type="number" name="emailotp" id="emailotp"
                                                            placeholder="Please enter OTP to continue."
                                                            class="form-control"
                                                            onkeypress="if(event.charCode==13 ){ verifyEmailOtp('https://htky.vaaptech.com/email-otp-verification');  }"
                                                            required />


                                                        <div id="timerMessage" class="mt-2" style="font-size: 13px;">You
                                                            can resend OTP after <span id="timeCounter2">2:00</span>
                                                            Seconds</div>



                                                        <!-- <a id="resendButton" style="color:red; padding: 10px;" onclick="sendEmailOtp('https://htky.vaaptech.com/send-email-otp')" href="javascript:void(0)" disabled>Resend OTP</a> -->




                                                        <a id="resendButton" style="color:red; padding: 10px;"
                                                            onclick="resendOtp()" href="javascript:void(0)"
                                                            disabled>Resend OTP</a>



                                                        <span id="timerCounter" style="font-size: 13px;"></span>
                                                    </div>
                                                    <div class="col-md-4 mb-4">
                                                        <button id="emailotpverifybtn" class="btn btn-success verifyBtn"
                                                            onclick="verifyEmailOtp('https://htky.vaaptech.com/email-otp-verification')">VERIFY</button>
                                                    </div>
                                                    <div class="col-md-4 mb-4">
                                                    </div>
                                                </div>
                                                <div class="row mobile-section otpmobilebox vOtpBox" id="mobiletoggle"
                                                    style="display:none;">
                                                    <div class="col-md-8 mb-4 mx-0 px-0">
                                                        <input type="number" id="mobileotp" name="mobileotp"
                                                            placeholder="Please enter OTP to continue."
                                                            class="form-control" />
                                                        <!-- <span class="otpsendmsg_number_error" style="color: red; font-size: 18px;margin-left: 12px;"></span> -->

                                                        <div class="hs-toast-wrapper mb-3"
                                                            class="otpsendmsg_number_errorg"></div>
                                                        <div id="timerMessage3" class="mt-2" style="font-size: 13px;">
                                                            You can resend OTP after <span id="timeCounter3">2:00</span>
                                                            Seconds</div>
                                                        <a id="resendPhoneButton" style="color:red; padding: 10px;"
                                                            onclick="resendPhoneOTP()" href="javascript:void(0)"
                                                            disabled>Resend OTP</a>
                                                        <span id="timerCounter3" style="font-size: 13px;"></span>

                                                    </div>
                                                    <div class="col-md-4 mb-4">
                                                        <button id="mobileotpverifybtn"
                                                            class="btn btn-success verifyBtn"
                                                            onclick="submitPhoneNumberAuthCode()"
                                                            onkeydown="if(event.keyCode === 13) document.getElementById('mobileotpverifybtn').click()">VERIFY</button>
                                                    </div>
                                                </div>
                                                <div class="row" id="recaptchPush">
                                                    <div class="col-md-12" id="recaptcha-container"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-center text-center modal-footer">
                    <div class="row">
                        <div class="col-md-12">
                            <button type="submit" class="btn btn-warning" id="loginBtn">LOGIN</button>
                            <button type="button" class="loginBtnClose btnClose btn btn-danger ms-2"
                                data-dismiss="modal" hidden>CLOSE</button>
                        </div>
                        <div class="col-md-12 my-4">
                            <!-- <a href="javascript:void(0)" onclick="openSignupModal()" id="signupLink" style="display:none">New User? Sign Up</a> -->
                            <a href="javascript:void(0)" onclick="openSignupModal()" id="signupLink"
                                style="color:black!important;">New User? <span
                                    style="color: red !important; font-weight: bold; font-size: 16px !important;">Register</span></a>
                        </div>
                    </div>
                </div>
            </form>

        </div>
    </div>
</div>
<!-- End Login Modal -->

<!-- Login  Modal -->
<div class="modal fade modal-danger modal-outline" id="loginModal2" tabindex="-1" role="dialog"
    aria-labelledby="exampleModalCenterTitle" aria-hidden="true" data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content" style="background-image:url(https://htky.vaaptech.com/assets/img/login-backgound.png);">




            <form action="#" method="post" id="phonemyForm2" autocomplete="off">
                <div class="modal-header text-center">
                    <!-- <h5 class="modal-title text-center bottomborder modatTitle" >SIGN IN</h5> -->
                    <button type="button" class="btn-close modalCloseBtn modalClbtn" data-bs-dismiss="modal"
                        aria-label="Close"></button>
                </div>
                <div class="modal-body p-0">
                    <img src="https://aspgen.vaaptech.com:9000/" class="img-fluid mb-4"
                        height="100px" width="100px" style="display: block;margin-left: auto;margin-right: auto;">
                    <style type="text/css">
                    .nav-fill .nav-item .nav-link,
                    .nav-justified .nav-item .nav-link {
                        width: 100%;
                        background: #cdcdcd9c !important;
                        color: #000000;
                    }

                    .nav-tabs .nav-item.show .nav-link,
                    .nav-tabs .nav-link.active {
                        color: #ffffff !important;
                        background: var(--main-color-new-theme) !important;
                        border-color: var(--bs-nav-tabs-link-active-border-color)
                    }
                    </style>

                    <div class="row">
                        <h5 class="text-center bottomborder modatTitle">SIGN IN</h5>
                        <div class="col-md-12 mt-4">
                            <div class="container mt-3">
                                <div class="row g-0">
                                    <div class="col-xl-12">
                                        <div class="row" style="text-align:center;">
                                            <div class="col-md-12">
                                                <div class="hs-toast-wrapper mb-3" id="login-error-flashmsg2"></div>
                                                <div class="hs-toast-wrapper mb-3" id="login-success-flashmsg2"></div>

                                                <!-- <span id="login-error-flashmsg" class="text-center" style="color: red;"></span> -->
                                                <!-- <span id="login-success-flashmsg" class="text-center" style="color: green;"></span> -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row d-flex justify-content-center align-items-center">
                                    <div class="col-xl-12">
                                        <div class="row">
                                            <div class="col-xl-12">
                                                <span class="email_section">
                                                    <div class="row">
                                                        <ul id="tabs2" class="nav nav-tabs nav-fill"
                                                            style="border: 0px; box-shadow: 1px -4px 8px grey; margin: 0px; padding: 0px;">
                                                            <!-- <li class="nav-item"><a href="#AdministratorTab" id="AdministratorTab2" tab-name="Management" data-toggle="tab" class=" nav-link rounded-0 border-0 m-0">Management</a></li> -->
                                                            <li class="nav-item"><a href="#devoteeTab" id="devoteeTab2"
                                                                    tab-name="Devotee" data-toggle="tab"
                                                                    class="nav-link  rounded-0 active border-0 m-0">Devotee</a>
                                                            </li>
                                                        </ul>
                                                        <div class="col-md-12 p-0 mt-4">
                                                            <input type="email" id="loginEmail2"
                                                                placeholder="Enter your email id" name="email"
                                                                class="form-control"
                                                                data-onclick="https://htky.vaaptech.com/send-email-otp"
                                                                style="margin: 0px;"
                                                                oninput="loginBy2('email');this.value = this.value.toLowerCase();"
                                                                autocomplete="none" />
                                                            <span class="otpsendmsg"
                                                                style="color: green; font-size: 11px;margin-left: 12px;"></span>
                                                        </div>
                                                    </div>

                                                </span>

                                                <span class="mobile_section">
                                                    <div class="text-center mb-3">--OR--</div>
                                                    <div class="row">
                                                        <div class="col-md-12 mx-0 px-0">

                                                            <input type="tel" placeholder="Ex. +1 (702) 123-4567"
                                                                id="signupPhoneNumber2" name="phone"
                                                                class="phone-with-country-code form-control phone"
                                                                minlength="10" maxlength="20"
                                                                onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57 || event.charCode==43  || event.charCode==13 ))"
                                                                oninput="nonEditCuntryCode3(this);loginBy2('mobile');" value="+1"
                                                                minlength="10" autocomplete="none">
                                                            <span class="otpsendmsg_number"
                                                                style="color: green; font-size: 18px;margin-left: 12px;"></span>
                                                        </div>



                                                    </div>
                                                </span>


                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-center text-center modal-footer">
                    <div class="row">
                        <div class="col-md-12">
                            <button class="btn btn-warning emailotpntn2" id=""
                                onclick="WithoutOtpLogin(event)">LOGIN</button>
                            <button type="button" class="loginBtnClose btnClose btn btn-danger ms-2"
                                data-dismiss="modal" hidden>CLOSE</button>
                        </div>
                        <div class="col-md-12 my-4">
                            <!-- <a href="javascript:void(0)" onclick="openSignupModal()" id="signupLink" style="display:none">New User? Sign Up</a> -->
                            <a href="javascript:void(0)" onclick="openSignupModal2()" id="signupLink2">New User? Sign
                                Up</a>
                        </div>
                    </div>
                </div>
            </form>

        </div>
    </div>
</div>
<!-- End Login Modal -->

<!-- Payment Modal -->
<div class="modal fade" id="paymentModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
    aria-hidden="true" data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content" style="background-image:url(https://htky.vaaptech.com/assets/img/login-backgound.png);">

            <form action="#" method="post" onsubmit="return SignupUser('https://htky.vaaptech.com/signup')">
                <div class="modal-header text-center">
                    <h5 class="modal-title bottomborder modatTitle">CHECKOUT</h5>
                    <button type="button" class="btn-close modalCloseBtn modalClbtn" data-bs-dismiss="modal"
                        aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="container">
                        <img src="https://aspgen.vaaptech.com:9000/" class="img-fluid mb-4"
                            height="100px" width="100px" style="display: block;margin-left: auto;margin-right: auto;">
                        <div class="row d-flex justify-content-center align-items-center">
                            <div class="col-xl-12">
                                <div class="row g-0">
                                    <div class="col-xl-12">
                                        <div class="row">
                                            <div class="col-md-12 mb-4">
                                                <table class="table table-responsive table-bordered text-center">
                                                    <thead>
                                                        <tr>
                                                            <th>
                                                                <h5 class="h5-title">Service</h5>
                                                            </th>
                                                            <th>
                                                                <h5 class="h5-title">Amount to Pay</h5>
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td><span id="serviceName" class="serviceName"></span></td>

                                                            <td id="edittable">

                                                            </td>
                                                            <input type="hidden" name="" id="serviceCategoryTypes">
                                                            <input type="hidden" name="" id="serviceTypes">
                                                            <input type="hidden" name="" id="dayTypes">
                                                            <input type="hidden" name="" id="startDate">
                                                            <input type="hidden" name="" id="startTime">
                                                        </tr>
                                                    </tbody>
                                                </table>


                                                <table class="table table-responsive table-bordered text-center"
                                                    id="dateTimeTable">
                                                    <tbody id="servicesDetails">

                                                        <tr>
                                                            <td>Date</td>
                                                            <td>
                                                                <input type='text'
                                                                    class='form-control datepicker-child-events'
                                                                    id='serviceStartDate'
                                                                    onkeyup='date_reformat_mm(this);'
                                                                    onkeypress='date_reformat_mm(this);'
                                                                    placeholder="MM/DD/YYYY"
                                                                    onpaste='date_reformat_mm(this);'
                                                                    autocomplete='off'>
                                                            </td>
                                                        </tr>

                                                        <tr>
                                                            <td>Time</td>
                                                            <td id='ServiceStartTime'>
                                                                <div class='timepicker_div'>
                                                                    <input type='text' class='form-control'
                                                                        id="timepicker" placeholder='Time'>
                                                                </div>
                                                            </td>
                                                        </tr>

                                                    </tbody>
                                                </table>


                                                <div id="addressField"></div>
                                            </div>
                                        </div>

                                        <div class="d-flex justify-content-center text-center modal-footer">
                                            <div class="row">

                                                <div class="col-md-12">
                                                    <div class="oooooookkakak" id="paypal-button-container"></div>
                                                    <button type="button" class="btn PaymentClosebtn btn-danger ms-2"
                                                        data-dismiss="modal" hidden>CLOSE</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Donate to Temple Payment Modal -->
<div class="modal fade" id="DonateToTemplePaymentModal" tabindex="-1" role="dialog"
    aria-labelledby="exampleModalCenterTitle" aria-hidden="true" data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content" style="background-image:url(https://htky.vaaptech.com/assets/img/login-backgound.png);">


            <form action="#" method="post">
                <div class="modal-header text-center">
                    <h5 class="modal-title bottomborder modatTitle">DONATE TO TEMPLE</h5>

                    <button type="button" class="btn-close modalCloseBtn modalClbtn" data-bs-dismiss="modal"
                        aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="container">
                        <img src="
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined offset: 0</p>
<p>Filename: includes/modals.php</p>
<p>Line Number: 1064</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/includes/modals.php<br />
			Line: 1064<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/includes/footer.php<br />
			Line: 9<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/sponsor-now-services/sponsor-now-types.php<br />
			Line: 122<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 24<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Trying to access array offset on value of type null</p>
<p>Filename: includes/modals.php</p>
<p>Line Number: 1064</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/includes/modals.php<br />
			Line: 1064<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/includes/footer.php<br />
			Line: 9<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/sponsor-now-services/sponsor-now-types.php<br />
			Line: 122<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 24<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>https://aspgen.vaaptech.com:9000/" class="img-fluid mb-4"
                            height="100px" width="100px" style="display: block;margin-left: auto;margin-right: auto;">
                        <div class="row d-flex justify-content-center align-items-center">
                            <div class="col-xl-12">
                                <div class="row g-0">
                                    <div class="col-xl-12">
                                        <div class="row">
                                            <div class="col-md-12 mb-4">
                                                <table class="table table-responsive table-bordered text-center">
                                                    <thead>
                                                        <tr>
                                                            <th style="display: none;">
                                                                <h5 class="h5-title">SERVICE</h5>
                                                            </th>
                                                            <th>
                                                                <h5 class="h5-title">AMOUNT TO PAY (IN $)</h5>
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td style="display:none;"><span id="DonationName"
                                                                    class="DonationName"></span></td>
                                                            <td><input style="text-align: right;" type="number"
                                                                    class="form-control currency" id="DonationAmt"
                                                                    min="1.00" value="1.00" required /></td>
                                                            <input type="hidden" name="" id="DonateToTemple">

                                                            <input type="hidden" name="" id="DonationId">
                                                            <input type="hidden" name="" id="DonationCategoryTypes">
                                                            <input type="hidden" name="" id="DonationTypes">
                                                            <input type="hidden" name="" id="DonationdayTypes">
                                                            <input type="hidden" name="" id="DonationstartDate">
                                                            <input type="hidden" name="" id="DonationstartTime">


                                                            <input type="hidden" id="donateToTempleBtnBeforeLogin"
                                                                name="donateToTempleBtnBeforeLogin">

                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                        <div class="d-flex justify-content-center text-center modal-footer">
                                            <div class="row">

                                                <div class="col-md-12">
                                                    <div id="paypal-button-container-donation"></div>
                                                    <button type="button" class="btn PaymentClosebtn btn-danger ms-2"
                                                        data-dismiss="modal" hidden>CLOSE</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>



<!--- signup OTp---->
<div class="modal fade" id="signUpOTP" tabindex="-1" role="dialog" aria-labelledby="signUpOTPTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLongTitle">Please verify OTP</h5>
                <button type="button" class="close" style="background: white;" onclick="closesignUpOTPModal()">
                    <span aria-hidden="true" style="font-size: 22px !important;font-weight: 900;">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row" style="text-align:center;">
                    <div class="col-md-12">

                        <div class="hs-toast-wrapper mb-3" id="signup-auth-error-flashmsg"></div>
                        <div class="hs-toast-wrapper mb-3" id="signup-auth-success-flashmsg"></div>
                    </div>
                </div>
                <div class="row">

                    <div class="col-md-12 mb-4 mx-0 px-0">
                        <input type="number" id="signUpOtp" name="otp" placeholder="Please enter OTP to continue."
                            class="form-control" />
                        <!-- <span class="otpsendmsg_number_error" style="color: red; font-size: 18px;margin-left: 12px;"></span> -->

                        <div class="hs-toast-wrapper mb-3" class="otpauthsendmsg_number_errorg"></div>

                    </div>
                    <div class="col-md-12 mb-4 mx-0 px-0">
                        <a class="" id="resendOtpBtn" type="button"
                            onclick="resendMemberAuthCode('https://htky.vaaptech.com/send-member-auth-code')"
                            href="javascript:void(0)">Resend OTP?</a>
                    </div>
                </div>
            </div>
            <div class="modal-footer text-center" style="display: flow!important;">
                <!-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> -->
                <button type="button" id="memberAuthCodeVerifyBtn"
                    onclick="verifyMemberAuthCode('https://htky.vaaptech.com/email-otp-verification')" class="btn btn-danger"
                    style="color: #ffffff;
    border-radius: 9px !important;
    border-color: white;
    background: var(--main-color-new-theme)!important;
    padding: 10px 40px;
    box-shadow: 1px 1px 10px #7e455561;">Verify OTP</button>
            </div>
        </div>
    </div>
</div>
<!--- signup OTp---->







<input type="hidden" name="serviceId" id="serviceId">
<input type="hidden" name="fullPackage" id="fullPackage">
<input type="hidden" name="fromPage" id="fromPage">


<script>
const myInputField = document.getElementById('mobileotp');
const myButton = document.getElementById('mobileotpverifybtn');

myInputField.addEventListener('keydown', (event) => {
    if (event.key === 'Enter') {
        myButton.click();
    }
});

const resendButton = document.getElementById('resendButton');

function resendOtp() {

    resendButton.style.display = "none";
    resendButton.disabled = true;
    sendEmailOtp('https://htky.vaaptech.com/send-email-otp');
}



const timerCounter = document.getElementById('timerCounter');
const timerMessage = document.getElementById("timerMessage");
const timeCounter2 = document.getElementById("timeCounter2");
</script>Error:Failed connect to aspgen.vaaptech.com:9000; Connection refusedError:Failed connect to aspgen.vaaptech.com:9000; Connection refused
<!-- date picker -->
<script src="https://htky.vaaptech.com/assets/js/jquery-ui.min.js"></script>
<!-- <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> -->
<!-- date picker -->
<script src="https://htky.vaaptech.com/assets/js/notify.js"></script>
<script src="https://htky.vaaptech.com/assets/js/notify.min.js"></script>
<script src="https://htky.vaaptech.com/assets/js/toast.js"></script>

<a href="#" class="back-to-top d-flex align-items-center justify-content-center"
    style="background-color:var(--headerFooter)!important;"><i class="bi bi-arrow-up-short"></i></a>

<!-- <div class="back-to-top d-flex align-items-center justify-content-center" style="background-color:var(--headerFooter)!important;"><div class="shdv"> -->

<!-- </div></div> -->


<!-- Vendor JS Files -->
<script src="https://htky.vaaptech.com/assets/vendor/aos/aos.js"></script>
<script src="https://htky.vaaptech.com/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="https://htky.vaaptech.com/assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="https://htky.vaaptech.com/assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<!-- Template Main JS File -->
<script src="https://htky.vaaptech.com/assets/js/main.js"></script>

<script type="text/javascript">

      // ================================================================
  // Prevent from inspenct element


  // Disable right-click context menu
  document.addEventListener('contextmenu', function(event) {
    event.preventDefault();
  });

  // Disable viewing page source and inspecting
  document.addEventListener('keydown', function(event) {
    // Use Ctrl+U (view source) and Ctrl+Shift+I (inspect) combinations
    if (event.ctrlKey && (event.keyCode == 85 || event.keyCode == 73)) {
      event.preventDefault();
    }
  });

  // Disable text selection
  function disableSelection(element) {
    if (typeof element.onselectstart != 'undefined') {
      element.onselectstart = function() {
        return false;
      };
    } else if (typeof element.style.MozUserSelect != 'undefined') {
      element.style.MozUserSelect = 'none';
    } else {
      element.onmousedown = function() {
        return false;
      };
    }
  }

  // Disable copying
  function disableCopy() {
    document.addEventListener('copy', function(e) {
      e.preventDefault();
    });
  }

  // Apply disableSelection and disableCopy to the document body
  disableSelection(document.body);
  disableCopy();



  // ================================================================
$('#tabs .nav-link2').on('click', function() {
    const activeTab = $('.nav-link2.active');

    if (activeTab.attr('tab-name') === 'Devotee') {
        $('#signupLink').hide();
    } else {
        $('#signupLink').show();
    }
});

var loader = new ldLoader({
    root: ".ldld.full"
});
if (window.performance && window.performance.navigation.type === window.performance.navigation.TYPE_BACK_FORWARD) {
    loader.on();
}

document.addEventListener("click", function(event) {
    if (event.target.matches(".navlink-reload, .loader")) {
        // loader.on();
    } else if (event.target.matches(".navlink, .loader")) {
        loader.on();
    }
});

window.onload = function() {
    loader.off();
};

$(function() {
    $('#timepicker').mdtimepicker();
    $('.modal').modal({
        backdrop: 'static',
        keyboard: false
    });
});
$("#loginBtn").hide();


function addCompanyCheckbox(e) {
    // alert("okk");
    $("#cmp_error").addClass("d-none");
    $("#cmp_error").text("");
    if ($(e).is(':checked')) {

        // $("#signupBtn").addClass('d-none');
        $("#companyEmail").val("");
        $("#companyFirstName").val("");
        $("#companyLastName").val("");
        $("#companyPhone").val('+1');

        $('#companySection').removeClass("d-none");
        $('#companyEmail, #companyFirstName, #companyPhone').prop('required', true);
    } else {


        // $("#signupBtn").addClass('d-none');
        $('#companySection').addClass("d-none");
        // $('#addCompanySection').addClass("d-none");
        $('#addCompany').prop('checked', false);
        $("#companyEmail").val("");
        $("#companyFirstName").val("");
        $("#companyLastName").val("");
        $("#companyPhone").val('+1');

        $('#companyEmail, #companyFirstName, #companyPhone').prop('required', false);
    }
}

function RegisterTypeRadio(e) {
    $("#cmp_error").addClass("d-none");
    $("#cmp_error").text("");
    if ($('#INDIVIDUAL-radio').is(':checked')) {
        $('#addCompanySection').removeClass("d-none");
        $('#signupBtn').prop('checked', true);


        $("#signupEmail").val("");
        $("#fname").val("");
        $("#lname").val("");
        $("#signupPhoneNumber").val('+1');

        // $('#companyEmail').prop('readonly', true);
        $("#signupEmail").attr("placeholder", "Enter Email ");
        $("#fname").attr("placeholder", "Enter First Name ");
        $("#lname").attr("placeholder", "Enter Last Name ");

        $("#verifySignupEmailbtn").html('VERIFY');
        $("#verifySignupEmailbtn").removeAttr('disabled');
        $("#signupBtnAlert").removeClass('d-none');
        $("#signupBtn").addClass('d-none');

        $("#signupEmailLable").html("Email ");
        $("#fnameLable").html("First Name ");
        $("#lnameLable").html("Last Name ");
        $("#signupPhoneNumberLable").html("Phone Number ");
        $("#lastNameDiv").removeClass("d-none");


    } else {

        $("#verifySignupEmailbtn").html('VERIFY');
        $("#verifySignupEmailbtn").removeAttr('disabled');
        $("#signupBtnAlert").removeClass('d-none');
        $("#signupBtn").addClass('d-none');

        $("#signupEmail").attr("placeholder", "Enter Company Email");
        $("#fname").attr("placeholder", "Enter Company Name");
        $("#lname").attr("placeholder", "Enter Company Last Name");

        $("#signupEmailLable").html("Company Email");
        $("#fnameLable").html("Company Name");
        $("#lnameLable").html("Company Last Name");
        $("#signupPhoneNumberLable").html("Company Phone Number");
        $("#lastNameDiv").addClass("d-none");

        $("#signupEmail").val("");
        $("#fname").val("");
        $("#lname").val("");
        $("#signupPhoneNumber").val('+1');


        // $('#companyEmail').prop('readonly', true);
        $('#addCompanySection').addClass("d-none");
        $('#companySection').addClass("d-none");
        $('#addCompany').prop('checked', false);
        $('#signupBtn').prop('checked', false);
        $("#companyEmail").val("");
        $("#companyFirstName").val("");
        $("#companyLastName").val("");
        $("#companyPhone").val('+1');
    }
}


function checkLoginStatus(serviceAmt = '', serviceName = '', service_Id = '', serviceCategoryTypes = '', serviceTypes =
    '', dayTypes = '', startDate = '', startTime = '') {
    // alert(serviceAmt);
    // alert(serviceAmt == 'INSIDER');
    loader.on();

    if (serviceAmt == 'OUTSIDE') {
        pageName = 'REQUEST-OUTSIDE';
    } else if (serviceAmt == 'INSIDER') {
        pageName = 'inside-temple';
    } else if (serviceAmt == 'OUTTOWN') {
        pageName = 'out-of-temple';
    } else if (serviceAmt == 'APARAKARYA') {
        pageName = 'APARAKARYA';
    } else if (serviceAmt == 'REQUEST-FORM') {
        pageName = 'REQUEST-FORM';
    } else if (serviceAmt == 'PAY-LATER') {
        pageName = 'PAY-LATER';
    } else if (serviceAmt == 'facilitiesPage') {
        pageName = 'facilitiesPage';
    } else if (serviceAmt == 'checkout') {
        pageName = 'checkout';
    } else {
        pageName = '';

    }


    var amt = (serviceAmt / 1).toFixed(2);
    var serviceName = serviceName;
    var serviceId = service_Id;

    var serviceCategoryTypes = serviceCategoryTypes;
    var serviceTypes = serviceTypes;
    var dayTypes = dayTypes;
    var startDate = startDate;
    var startTime = startTime;



    if (serviceCategoryTypes == 'DONATIONS') {
        $("#dateTimeTable").css('display', 'none');
    }
    if ($("#DonateToTemple").val() == 'DONATIONS') {
        $("#DonateToTemple").val('')
    };

    if (serviceCategoryTypes == 'DONATIONS' && amt == 0.00) {
        $("#edittable").html(
            '<input style="text-align: right;" type="number" class="form-control currency" id="serviceAmt" min="1.00" value="1.00" required/>'
            );
    } else {

        $("#edittable").html('<h4 id="servicePrice">' + amt + '</h4><input type="hidden" name="" value="' + amt +
            '" id="serviceAmt">');
    }

    // event.preventDefault();
    $.ajax({
        url: "https://htky.vaaptech.com/check-login-status",
        type: "POST",
        dataType: "json",
        success: function(data) {
            loader.off();
            if (data == 0) {
                $("#signupModal").modal("hide");
                $("#EventDetailsModal").modal("hide");
                $('#servicePrice').text('$' + amt);
                $('#serviceName').text(serviceName);

                if (serviceCategoryTypes == 'EVENTS') {

                    $('#fullPackage').val('true');
                }


                $('#serviceId').val(serviceId);
                if (amt != 0.00) {
                    $('#serviceAmt').val(amt);
                }
                openLoginModal(pageName);
                $('#serviceCategoryTypes').val(serviceCategoryTypes);
                $('#serviceTypes').val(serviceTypes);
                $('#dayTypes').val(dayTypes);
                $('#startDate').val(startDate);
                $('#serviceStartDate').val(startDate);
                $('#startTime').val(startTime);
                $('#timepicker').val(startTime);

            } else {

                if (pageName == 'REQUEST-FORM') {
                    loader.on();
                    window.location.href = "https://htky.vaaptech.com/services/serviceRequest";
                } else if (pageName == 'REQUEST-OUTSIDE') {
                    loader.on();
                    window.location.href = "https://htky.vaaptech.com/services/request/outside-temple/" +
                        serviceId;
                } else if (pageName == 'out-of-temple') {
                    loader.on();
                    window.location.href = "https://htky.vaaptech.com/services/request/out-of-temple/" +
                    serviceId;
                } else if (pageName == 'inside-temple') {
                    loader.on();
                    window.location.href = "https://htky.vaaptech.com/services/request/inside-temple/" +
                    serviceId;
                } else if (pageName == 'APARAKARYA') {
                    loader.on();
                    window.location.href = "https://htky.vaaptech.com/services/request/aparakarya";
                } else if (pageName == 'PAY-LATER') {
                    loader.on();
                    window.location.href = "https://htky.vaaptech.com/services/payLater";
                } else if (pageName == 'facilitiesPage') {
                    loader.on();
                    window.location.href = "https://htky.vaaptech.com/facilities";
                } else if (pageName == 'checkout') {
                    loader.on();
                    window.location.href = "https://htky.vaaptech.com/checkout";
                } else {

                    if (serviceCategoryTypes == 'EVENTS') {

                        $('#fullPackage').val('true');
                    }


                    $("#loginModal").modal("hide");
                    $('#servicePrice').text('$' + amt);
                    $('#serviceName').text(serviceName);
                    $('#serviceId').val(serviceId);
                    $('#serviceCategoryTypes').val(serviceCategoryTypes);
                    $('#serviceTypes').val(serviceTypes);
                    $('#dayTypes').val(dayTypes);
                    $('#startDate').val(startDate);
                    $("#serviceStartDate").val(startDate);
                    $('#startTime').val(startTime);
                    $("#timepicker").val(startTime);
                    if (amt != 0.00) {
                        $('#serviceAmt').val(amt);
                    }
                    if (serviceId.length > 0) {
                        $.ajax({
                            url: "https://htky.vaaptech.com/Home/getServiceDetailsById",
                            type: "POST",
                            data: {
                                'serviceId': serviceId
                            },
                            success: function(serviceDetails) {
                                loader.off();
                                var details = JSON.parse(serviceDetails);
                                console.log("details====");
                                console.log(details);
                                if (serviceCategoryTypes == 'EVENTS') {

                                    $('#fullPackage').val('true');
                                }

                                if (serviceDetails != '') {
                                    $("#servicesDetails").html();

                                    if (details.startDate != '') {
                                        if ($("#serviceStartDate").val() != '') {
                                            $("#serviceStartDate").val('');
                                        }
                                        $("#serviceStartDate").val('');
                                        $("#serviceStartDate").val(details.startDate);
                                        $("#serviceStartDate").prop('readonly', true);
                                    } else {
                                        if ($("#serviceStartDate").val() != '') {
                                            $("#serviceStartDate").val('');
                                        }
                                        $("#serviceStartDate").val('');
                                        $("#serviceStartDate").val(details.startDate);
                                        $("#serviceStartDate").prop('readonly', false);
                                    }

                                    if (details.startTime != '') {

                                        if ($("#timepicker").val() != '') {
                                            $("#timepicker").val('');
                                        }

                                        $("#timepicker").val(details.startTime);
                                        $("#timepicker").prop('readonly', true);
                                        $("#timepicker").prop('disabled', true);


                                    } else {
                                        if ($("#timepicker").val() != '') {
                                            $("#timepicker").val('');
                                        }

                                        $("#timepicker").val(details.startTime);
                                        $("#timepicker").prop('readonly', false);
                                        $("#timepicker").prop('disabled', false);
                                    }


                                    $("#modaleventCloseBtn").click();
                                    if ($("#fromPage").val() == 'membership-form') {

                                        $("#membershipModal").modal("show");

                                    } else {
                                        $("#paymentModal").modal("show");
                                    }
                                }
                            }
                        });
                    }


                    if ($("#serviceCategoryTypes").val() == 'AWAY-TEMPLE') {
                        $("#addressField").html(
                            '<p>Please Select Your Service Location:</p> <input type="radio" id="home" name="ServiceAddress" value="home" checked required>  <label for="home">Home</label><br> <input type="radio" id="other" name="ServiceAddress" value="other">  <label for="other">Other Location</label><br><textarea class="form-control my-3" placeholder="Enter Your Full address" id="Address" name="Address" style="display:none" required></textarea>'
                            );


                        $('input:radio[name="ServiceAddress"]').change(function() {
                            if ($(this).val() == 'home') {
                                $("#Address").css('display', 'none');
                            } else {
                                $("#Address").css('display', 'inline-flex');
                            }
                        });

                    }
                }
            }
        }
    });
}


function subscribeNewsletterCheckLogin() {
    loader.on();

    // event.preventDefault();
    $.ajax({
        url: "https://htky.vaaptech.com/check-login-status",
        type: "POST",
        dataType: "json",
        success: function(data) {
            loader.off();
            if (data == 0) {
                openLoginModal('newsletter');
            } else {
                subscribeNewsletter();
            }

        }
    });
}

function subscribeNewsletter() {

    // event.preventDefault();

    loader.on();
    $.ajax({
        url: "https://htky.vaaptech.com/Home/subscribeNewsletter",
        type: "POST",
        dataType: "json",
        success: function(data) {
            // alert(data);
            loader.off();

            swal({
                    html: true,
                    title: data,
                    type: "success",
                    confirmButtonText: 'OK',
                    confirmButtonColor: 'var(--main-color-new-theme)',
                },

                function() {
                    if ((location.href.match(/([^\/]*)\/*$/)[1]).indexOf('Payonline') != -1) {
                        window.location.href = "https://htky.vaaptech.com/logout"
                    } else {
                        window.location.reload();
                    }

                });
        }
    });

}

function openLoginModal(page = '') {

    // alert(page);
    // alert(data);
    var fromPage = page;
    if (page.length > 0) {
        $("#fromPage").val(page);
    }
    $("form").get(0).reset();



    $("#loginEmail").attr('disabled', false);
    $("#loginPhoneNumber").attr('disabled', false);
    var emailotpntn = document.getElementById('emailotpntn');
    let toast = document.querySelector('.toast-message');
    if (toast) {
        toast.remove(); // Manually hide the toast
    }


    emailotpntn.disabled = false;
    emailotpntn.innerText = 'LOGIN';
    $("#loginPhoneNumber").val('+1');
    $("#loginEmail").val('');
    $('.signupBtnClose').click();
    $("#signupModal").modal("hide");
    $("#loginModal").modal("show");


    $(".vOtpBox").hide();
    $("#emailotpntn").show();
    $(".mobile_section").show();
    $(".email_section").show();
}

function openLoginModal1() {

    // alert(page);
    // alert(data);

    $("form").get(0).reset();

    var emailotpntn = document.getElementById('emailotpntn');

    emailotpntn.disabled = false;
    emailotpntn.innerText = 'LOGIN';
    $("#loginPhoneNumber").val('+1');
    $("#loginEmail").val('');
    $('.signupBtnClose').click();
    $("#signupModal").modal("hide");
    $("#loginModal").modal("show");


    $(".vOtpBox").hide();
    $("#emailotpntn").show();
    $(".mobile_section").show();
    $(".email_section").show();
}


// function openLoginModal2(page = '') {


//   var fromPage = page;
//   $("#fromPage").val(page);
//   $("form").get(0).reset();





//   var emailotpntn = document.getElementById('emailotpntn');

//   emailotpntn.disabled = false;
//   emailotpntn.innerText = 'LOGIN';

//   $('.signupBtnClose').click();
//   $("#signupModal").modal("hide");
//   $("#loginModal2").modal("show");


//   $(".vOtpBox").hide();
//   $("#emailotpntn2").show();
//   $(".mobile_section").show();
//   $(".email_section").show();
// }

function openSignupModal() {
    $("form").get(0).reset();
    $('#signupEmail').attr("disabled", false);
    $("#signup-error-flashmsg1").removeClass("d-none");
    var signupBtn = document.getElementById('signupBtn');


    $("#signupEmail").attr("placeholder", "Enter Email ");
    $("#fname").attr("placeholder", "Enter First Name ");
    $("#lname").attr("placeholder", "Enter Last Name ");

    $('#companySection').addClass("d-none");
    // $('#addCompanySection').addClass("d-none");
    $('#addCompany').prop('checked', false);
    $("#companyEmail").removeAttr('readonly');
    $("#companyEmail").val("");
    $("#companyFirstName").val("");
    $("#companyLastName").val("");
    $("#companyPhone").val('+1');

    $('#companyEmail, #companyFirstName, #companyPhone').prop('required', false);


    $("#signupBtn").removeClass('d-none');
    $("#verifySignupEmailbtn").text('VERIFY');
    $("#verifySignupEmailbtn").removeAttr('disabled');
    $("#signupBtnAlert").removeClass('d-none');
    $("#signupBtn").addClass('d-none');
    // signupBtn.disabled = false;
    signupBtn.innerText = 'REGISTER';
    $('.loginBtnClose').click();
    $("#loginModal").modal("hide");
    $("#loginModal2").modal("hide");
    $("#signupModal").modal("show");
}



function startTimer() {

    resendButton.disabled = true;

    let timeLeft = 120;
    let minutes, seconds;

    timerMessage.style.display = "block";
    resendButton.style.display = "none";

    const countdown = setInterval(() => {
        minutes = Math.floor(timeLeft / 60);
        seconds = timeLeft % 60;
        timeCounter2.innerText = `${minutes}:${seconds.toString().padStart(2, "0")}`;

        timeLeft--;

        if (timeLeft === 0) {
            clearInterval(countdown);
            timerMessage.style.display = "none";
            resendButton.style.display = "block";
            resendButton.disabled = false;
        }
    }, 1000);
}

function sendEmailOtp(url) {


    loader.on();
    //test
    var email = $('#loginEmail').val();
    var phoneval = $('#loginPhoneNumber').val();
    var phoneLength = $('#loginPhoneNumber').val().length;


    var signupPhoneNumber = $('#signupPhoneNumber').val();
    var cuntryCode = $("#loginModal .iti__selected-flag").attr('title');
    cuntryCode = (cuntryCode.split(':')[1]).trim();
    $('#signupPhoneNumber').val(cuntryCode);


    const inputString = $("#loginModal .iti__selected-flag").attr("aria-activedescendant");
    $("#signupModal .iti__selected-flag").attr("aria-activedescendant", inputString);


    const flagTitle = $("#loginModal .iti__selected-flag").attr("title");
    $("#signupModal .iti__selected-flag").attr("title", flagTitle);


    const SignInflagClass = $("#loginModal .iti__flag").attr("class");

    const SignUpflagClass = $("#signupModal .iti__flag").attr("class");



    const SignUpclassesArray = SignUpflagClass.split(" ");
    const SignUpfirstClass = SignUpclassesArray.length > 0 ? SignUpclassesArray[1] : null;
    $("#signupModal .iti__flag").removeClass(SignUpfirstClass);


    const SignInclassesArray = SignInflagClass.split(" ");
    const SignInfirstClass = SignInclassesArray.length > 0 ? SignInclassesArray[1] : null;
    $("#signupModal .iti__flag").addClass(SignInfirstClass);





    if (email == "" && phoneLength < 12) {


        showToast({
            eleWrapper: '#login-error-flashmsg',
            msg: 'Please enter valid email id or valid mobile number.',
            theme: 'error',
            closeButton: false,
            autoClose: true,
            duration: 60000,
            afterShow: function() {
                console.log('After show function');
            },
            afterClose: function() {
                console.log('After close function');
            }
        });
        loader.off();

    } else {
        $("#login-error-flashmsg").html("");

        if (email == "") {
            // event.preventDefault();
            LoginUser('https://htky.vaaptech.com/signin');
            loader.off();
        } else {

            var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
            if (email.match(mailformat)) {
                var btn = document.getElementById('emailotpntn');
                btn.disabled = true;
                btn.innerText = 'SENDING';


                // event.preventDefault();
                var url = url;
                var email = $('#loginEmail').val();

                const activeLoginTab = $('.nav-link.active');
                const LoginTabName = activeLoginTab.attr('tab-name');

                $.ajax({
                    url: url,
                    type: "POST",
                    dataType: "json",
                    data: {
                        'email': email,
                        'LoginTabName': LoginTabName
                    },
                    success: function(data) {
                        loader.off();


                        if (data['statusCode'] == '1') {

                            $("#emailotpntn").hide();
                            $(".mobile_section").hide();

                            btn.disabled = true;
                            btn.innerText = 'SENT';
                            $('#otptoggle').css('display', 'inline-flex');
                            var btn2 = document.getElementById('emailotpverifybtn');
                            btn2.disabled = false;
                            btn.disabled = true;


                            $("#AdministratorTab").addClass('disabled');
                            $("#devoteeTab").addClass('disabled');




                            startTimer();


                            $("#emailotp").focus();

                            showToast({
                                eleWrapper: '#login-success-flashmsg',
                                msg: 'OTP sent to your email id.',
                                theme: 'success',
                                closeButton: false,
                                autoClose: true,
                                duration: 60000,
                                afterShow: function() {
                                    console.log('After show function');
                                },
                                afterClose: function() {
                                    console.log('After close function');
                                }
                            });

                            $(".mobile-section").hide();

                        } else if (data['statusCode'] == '2') {
                            btn.disabled = false;
                            btn.innerText = 'LOGIN';

                            showToast({
                                eleWrapper: '#login-success-flashmsg',
                                msg: 'Technical Error! Please Login With Phone Number or Contact Admin.',
                                theme: 'error',
                                closeButton: false,
                                autoClose: true,
                                duration: 60000,
                                afterShow: function() {
                                    console.log('After show function');
                                },
                                afterClose: function() {
                                    console.log('After close function');
                                }
                            });
                        } else {


                            if (LoginTabName == 'Management') {

                                btn.disabled = false;
                                btn.innerText = 'LOGIN';


                                showToast({
                                    eleWrapper: '#login-error-flashmsg',
                                    msg: 'This email id is not registered please signup.',
                                    theme: 'error',
                                    closeButton: false,
                                    autoClose: true,
                                    duration: 60000,
                                    afterShow: function() {
                                        console.log('After show function');
                                    },
                                    afterClose: function() {
                                        console.log('After close function');
                                    }
                                });

                            } else {

                                showToast({
                                    eleWrapper: '#signup-error-flashmsg',
                                    msg: 'This email id is not registered please signup.',
                                    theme: 'error',
                                    closeButton: false,
                                    autoClose: true,
                                    duration: 60000,
                                    afterShow: function() {
                                        console.log('After show function');
                                    },
                                    afterClose: function() {
                                        console.log('After close function');
                                    }
                                });


                                $("#loginModal").modal('hide');
                                $("#signupModal").modal('show');

                                $("#signupEmail").val(email);


                            }
                        }
                    }
                });

            } else {
                loader.off();
                btn.disabled = false;
                btn.innerText = 'LOGIN';

                showToast({
                    eleWrapper: '#login-error-flashmsg',
                    msg: 'Please enter a valid email address.',
                    theme: 'error',
                    closeButton: false,
                    autoClose: true,
                    duration: 60000,
                    afterShow: function() {
                        console.log('After show function');
                    },
                    afterClose: function() {
                        console.log('After close function');
                    }
                });
                loader.off();
            }

        }
        loader.off();
    }
}

function verifyEmailOtp(url) {
    loader.on();
    var btn = document.getElementById('emailotpverifybtn');
    btn.disabled = true;
    btn.innerText = 'VERIFYING';


    // event.preventDefault();
    var url = url;
    var otp = $('#emailotp').val();

    if (otp == "") {
        $("#login-success-flashmsg").html("");

        showToast({
            eleWrapper: '#login-error-flashmsg',
            msg: 'Please enter 6 digit OTP!',
            theme: 'error',
            closeButton: false,
            autoClose: true,
            duration: 60000,
            afterShow: function() {
                console.log('After show function');
            },
            afterClose: function() {
                console.log('After close function');
            }
        });
        btn.disabled = false;
        btn.innerText = 'VERIFY';
        loader.off();

    } else {
        var email = $('#loginEmail').val();
        $.ajax({
            url: url,
            type: "POST",
            dataType: "json",
            data: {
                'otp': otp,
                'email': email
            },
            success: function(data) {
                loader.off();
                console.log("statusCOde: " + data['statusCode']);
                if (data['statusCode'] == 1) {
                    btn.disabled = true;
                    btn.innerText = 'VERIFIED';
                    if ($("#includeSankalpamModal").val() == 'YES') {
                        $("#loginModal").modal("hide");
                    }
                    PhoneLogin('https://htky.vaaptech.com/signin');

                } else {
                    $("#login-error-flashmsg").html("");
                    $("#login-success-flashmsg").html("");


                    showToast({
                        eleWrapper: '#login-error-flashmsg',
                        msg: data['message'],
                        theme: 'error',
                        closeButton: false,
                        autoClose: true,
                        duration: 60000,
                        afterShow: function() {
                            console.log('After show function');
                        },
                        afterClose: function() {
                            console.log('After close function');
                        }
                    });
                    btn.disabled = false;
                    btn.innerText = 'VERIFY';
                }


            }
        });
    }
}




function LoginUser(url) {
    loader.on();
    var btn = document.getElementById('emailotpntn');
    btn.disabled = true;
    btn.innerText = 'PLEASE WAIT...';

    // event.preventDefault();
    var url = url;
    var email = $('#loginEmail').val();
    var phone = $('#loginPhoneNumber').val();
    console.log("phone");
    console.log(phone);
    var newphone = 0;
    var cuntryCode = $("#loginModal .iti__selected-flag").attr('title');
    cuntryCode = (cuntryCode.split(':')[1]).trim();
    // var value = phone.replace(cuntryCode, '');
    var value = phone.replace(cuntryCode, '').trim(); // ✅ Country code hatana
    newphone = value.replace(/\s+/g, '');
    newphone = value.replace(/\D+/g, '');
    // newphone = value;
    console.log("newphone");
    console.log(newphone);

    const inputString = $("#loginModal .iti__selected-flag").attr("aria-activedescendant");
    $("#signupModal .iti__selected-flag").attr("aria-activedescendant", inputString);


    const flagTitle = $("#loginModal .iti__selected-flag").attr("title");
    $("#signupModal .iti__selected-flag").attr("title", flagTitle);


    const SignInflagClass = $("#loginModal .iti__flag").attr("class");

    const SignUpflagClass = $("#signupModal .iti__flag").attr("class");



    const SignUpclassesArray = SignUpflagClass.split(" ");
    const SignUpfirstClass = SignUpclassesArray.length > 0 ? SignUpclassesArray[1] : null;
    $("#signupModal .iti__flag").removeClass(SignUpfirstClass);


    const SignInclassesArray = SignInflagClass.split(" ");
    const SignInfirstClass = SignInclassesArray.length > 0 ? SignInclassesArray[1] : null;
    $("#signupModal .iti__flag").addClass(SignInfirstClass);

    const activeLoginTab = $('.nav-link.active');

    const LoginTabName = activeLoginTab.attr('tab-name');

    $.ajax({
        url: url,
        type: "POST",
        dataType: "json",
        data: {
            'email': email,
            'phone': newphone,
            'LoginTabName': LoginTabName
        },
        success: function(data) {
            loader.off();
            console.log(data);

            if (data.statusCode == 1) {
                btn.disabled = true;
                btn.innerText = 'SENT';

                if (phone != "") {
                    initRecaptcha();
                    submitPhoneNumberAuth();
                    $("#emailotpntn").hide();
                    $(".email_section").hide();
                    $("#loginPhoneNumber").attr('disabled', 'disabled');
                } else {

                    $('#otptoggle').css("display", "none");

                    var btn2 = document.getElementById('emailotpverifybtn');
                    btn2.disabled = false;
                    btn.disabled = true;

                    // alert('Login Successful.');
                    $('.loginBtnClose').click();
                    $("#loginModal").modal("hide");
                    $("#paymentModal").modal("show");

                }

            } else {


                showToast({
                    eleWrapper: '#signup-error-flashmsg',
                    msg: 'This phone no. is not registered please signup.',
                    theme: 'error',
                    closeButton: false,
                    autoClose: true,
                    duration: 60000,
                    afterShow: function() {
                        console.log('After show function');
                    },
                    afterClose: function() {
                        console.log('After close function');
                    }
                });

                if ((location.href.match(/([^\/]*)\/*$/)[1]).indexOf('Payonline') != -1) {
                    openBoxlog('signup');
                    btn.disabled = false;
                    btn.innerText = 'LOGIN';
                } else {


                    if (LoginTabName == 'Management') {

                        btn.disabled = false;
                        btn.innerText = 'LOGIN';


                        showToast({
                            eleWrapper: '#login-error-flashmsg',
                            msg: 'This phone no. is not registered please signup.',
                            theme: 'error',
                            closeButton: false,
                            autoClose: true,
                            afterShow: function() {
                                console.log('After show function');
                            },
                            afterClose: function() {
                                console.log('After close function');
                            }
                        });

                    } else {

                        $("#signupEmail").val(email);
                        $("#signupPhoneNumber").val(phone);
                        $("#loginModal").modal('hide');
                        $("#signupModal").modal('show');

                    }
                }
            }



        }
    });

}


//Phone Login

function PhoneLogin(url) {

    // event.preventDefault();
    loader.on();
    var url = url;
    var email = $('#loginEmail').val();
    var phone = $('#loginPhoneNumber').val();
    var newphone = 0;
    var cuntryCode = $("#loginModal .iti__selected-flag").attr('title');
    cuntryCode = (cuntryCode.split(':')[1]).trim();
    // var value = phone.replace(cuntryCode, '');
    // newphone = value;

    var value = phone.replace(cuntryCode, '').trim(); // ✅ Country code hatana
    var newphone = value.replace(/\s+/g, '');
    newphone = value.replace(/\D+/g, '');

    const activeLoginTab = $('.nav-link.active');
    const LoginTabName = activeLoginTab.attr('tab-name');
    console.log(LoginTabName);



    $.ajax({
        url: url,
        type: "POST",
        dataType: "json",
        data: {
            'email': email,
            'phone': newphone,
            'sessionCreate': 1,
            'LoginTabName': LoginTabName
        },
        success: function(data) {
            loader.off();
            console.log(data);
            if (data.statusCode == 1) {
                // alert('Login Successful.');
                $(".dotlgbtn").text('MY ACCOUNT');

                if ($('#serviceId').val()) {
                    var serviceId = $('#serviceId').val();
                    $('.loginBtnClose').click();
                    $("#loginModal").modal("hide");
                    if ($("#fromPage").val() == 'membership-form') {
                        // console.log("details[0]");
                        // console.log(data.data[0]);
                        console.log(data.data[0].memberShipExpiryDate);
                        if (data.data[0].memberShipExpiryDate) {
                            const today = new Date();
                            const targetDate = new Date(data.data[0].memberShipExpiryDate);

                            if (data.data[0].membershipStatus && today.getTime() <= targetDate.getTime() &&
                                data.data[0].membershipStatus == 'ACTIVE') {
                                // alert('Ypur are already member');
                                swal({
                                        html: true,
                                        title: "Your are already a member!",
                                        text: "Your are already a member! ",
                                        type: "warning",
                                        confirmButtonText: 'OK',
                                        confirmButtonColor: 'var(--main-color-new-theme)',
                                        // timer:5000,
                                    },

                                    function() {

                                        window.location.href = "https://htky.vaaptech.com/admin/membership"


                                    });
                            } else {
                                $("#membershipModal").modal("show");
                            }
                        } else {
                            if (data.data[0].membershipStatus && data.data[0].membershipStatus ==
                                'ACTIVE') {
                                // alert('Ypur are already member');
                                swal({
                                        html: true,
                                        title: "Your are already a member!",
                                        text: "Your are already a member! ",
                                        type: "warning",
                                        confirmButtonText: 'OK',
                                        confirmButtonColor: 'var(--main-color-new-theme)',
                                        // timer:5000,
                                    },

                                    function() {

                                        window.location.href = "https://htky.vaaptech.com/admin/membership"


                                    });
                            } else {
                                $("#membershipModal").modal("show");
                            }
                        }


                    } else if ($("#fromPage").val() == 'REQUEST-OUTSIDE') {
                        window.location.href = "https://htky.vaaptech.com/services/request/outside-temple/" +
                            serviceId;
                    } else if ($("#fromPage").val() == 'out-of-temple') {
                        window.location.href = "https://htky.vaaptech.com/services/request/out-of-temple/" +
                            serviceId;
                    } else if ($("#fromPage").val() == 'inside-temple') {
                        window.location.href = "https://htky.vaaptech.com/services/request/inside-temple/" +
                            serviceId;
                    } else {
                        $("#paymentModal").modal("show");
                    }


                } else if ($('#donateToTempleBtnBeforeLogin').val()) {
                    $('.loginBtnClose').click();
                    $("#loginModal").modal("hide");
                    $("#DonateToTemple").val('DONATIONS');
                    $("#DonateToTemplePaymentModal").modal("show");

                } else {
                    if ($("#fromPage").val() == 'newsletter') {
                        $('.loginBtnClose').click();
                        $("#loginModal").modal("hide");
                        subscribeNewsletter();

                    } else if ($("#fromPage").val() == 'REQUEST-FORM') {
                        window.location.href = "https://htky.vaaptech.com/services/serviceRequest";
                    } else if ($("#fromPage").val() == 'REQUEST-OUTSIDE') {
                        window.location.href = "https://htky.vaaptech.com/services/request/outside-temple";
                    } else if ($("#fromPage").val() == 'out-of-temple') {
                        window.location.href = "https://htky.vaaptech.com/services/request/out-of-temple";
                    } else if ($("#fromPage").val() == 'inside-temple') {
                        window.location.href = "https://htky.vaaptech.com/services/request/inside-temple";
                    } else if ($("#fromPage").val() == 'APARAKARYA') {
                        window.location.href = "https://htky.vaaptech.com/services/request/aparakarya";
                    } else if ($("#fromPage").val() == 'MAKE-PAYMENTS-FORM') {
                        window.location.href = "https://htky.vaaptech.com/services/MakePayment";
                    } else if ($("#fromPage").val() == 'events') {
                        window.location.href = "https://htky.vaaptech.com/events/checkout";
                    } else if ($("#fromPage").val() == 'facilitiesPage') {
                        window.location.href = "https://htky.vaaptech.com/facilities";
                    } else if ($("#fromPage").val() == 'checkout') {
                        window.location.href = "https://htky.vaaptech.com/checkout";
                    } else if ($("#fromPage").val() == 'services') {

                        var includeSankalpam = $("#includeSankalpamModal").val();

                        if (includeSankalpam == 'YES') {
                            $("#loginModal").modal("hide");
                            $("#susbc-form-btn").click();
                        } else {
                            window.location.href = "https://htky.vaaptech.com/checkout/service";
                        }
                    } else if ($("#fromPage").val() == 'paylaterServices') {

                        var includeSankalpam = $("#includeSankalpamModal").val();

                        if (includeSankalpam == 'YES') {
                            $("#loginModal").modal("hide");
                            $("#susbc-form-btn").click();
                        } else {
                            window.location.href = "https://htky.vaaptech.com/paylater-services/checkout";
                        }
                    } else if ($("#fromPage").val() == 'donations') {
                        window.location.href = "https://htky.vaaptech.com/donations/checkout";

                    } else if ($("#fromPage").val() == 'recurring-sponsorships') {
                        window.location.href = "https://htky.vaaptech.com/recurring-sponsor/checkout";

                    } else if ($("#fromPage").val() == 'sponsorships') {
                        window.location.href = "https://htky.vaaptech.com/checkout/sponsorship";
                    } else if ($("#fromPage").val() == 'view-cart') {
                        window.location.href = "https://htky.vaaptech.com/Services/ViewCart";
                    } else if ($("#fromPage").val() == 'facilities') {
                        $("#loginModal").modal("hide");
                        BookNow();

                    } else if ($("#fromPage").val() == 'pledge_form') {
                        submitRecurringForm();
                    } else if ($("#fromPage").val() == 'qr-events') {
                        window.location.href = "https://htky.vaaptech.com/events/qr-checkout";
                    } else if ($("#fromPage").val() == 'qr-donations') {
                        window.location.href = "https://htky.vaaptech.com/donations/qr-checkout";

                    } else if ($("#includeSankalpamModal").val() == 'YES') {
                        $("#loginModal").modal("hide");
                    } else {

                        if (LoginTabName == 'Management') {

                            window.location.href = "https://htky.vaaptech.com/managements/member-directory";

                        } else {

                            window.location.href = "https://htky.vaaptech.com/Admin/Dashboard";
                        }
                    }
                }
            } else {
                $("#loginModal").modal('hide');
                $("#signupModal").modal('show');
                showToast({
                    eleWrapper: '#signup-error-flashmsg',
                    msg: 'This phone no. is not registered please signup.',
                    theme: 'error',
                    closeButton: false,
                    autoClose: true,
                    afterShow: function() {
                        console.log('After show function');
                    },
                    afterClose: function() {
                        console.log('After close function');
                    }
                });

            }
        }
    });

}



function SignupUser(url) {
    loader.on();

    var btn = document.getElementById('signupBtn');


    // event.preventDefault();


    var phone = $('#signupPhoneNumber').val();

    if (phone.length < 6) {

        showToast({
            eleWrapper: '#signup-error-flashmsg',
            msg: 'Please enter a valid phone number.',
            theme: 'warning',
            closeButton: false,
            autoClose: true,
            afterShow: function() {
                console.log('After show function');
            },
            afterClose: function() {
                console.log('After close function');
            }
        });

        $('#signupPhoneNumber').focus();
        loader.off();

    }

    btn.disabled = true;
    btn.innerText = 'PLEASE WAIT...';

    var url = url;
    var fname = $('#fname').val();
    var lname = $('#lname').val();
    var email = $('#signupEmail').val();

    var newphone = 0;
    var cuntryCode = $("#signupModal .iti__selected-flag").attr('title');
    cuntryCode = (cuntryCode.split(':')[1]).trim();
    var value = phone.replace(cuntryCode, '');
    newphone = value;

    $.ajax({
        url: url,
        type: "POST",
        dataType: "json",
        data: {
            'fname': fname,
            'lname': lname,
            'email': email,
            'phone': newphone,
            'countryCode': cuntryCode
        },
        success: function(data) {

            loader.off();

            console.log(data);

            var loginbtn = document.getElementById('loginBtn');
            var emailotpntn = document.getElementById('emailotpntn');

            const obj = JSON.parse(data);
            if (obj.message == '') {

                loginbtn.disabled = false;
                loginbtn.innerText = 'LOGIN';

                emailotpntn.disabled = false;
                emailotpntn.innerText = 'LOGIN';


                showToast({
                    eleWrapper: '#login-success-flashmsg',
                    msg: data,
                    theme: 'success',
                    closeButton: false,
                    autoClose: true,
                    afterShow: function() {
                        console.log('After show function');
                    },
                    afterClose: function() {
                        console.log('After close function');
                    }
                });


                if ((location.href.match(/([^\/]*)\/*$/)[1]).indexOf('Payonline') != -1) {
                    openBoxlog('login');
                } else {
                    $('.signupBtnClose').click();
                    $("#signupModal").modal("hide");
                    $("#loginModal").modal("show");
                }
            } else {
                if (obj.message == 'success') {
                    loginbtn.disabled = false;
                    loginbtn.innerText = 'LOGIN';

                    emailotpntn.disabled = false;
                    emailotpntn.innerText = 'LOGIN';


                    showToast({
                        eleWrapper: '#login-success-flashmsg',
                        msg: obj.message,
                        theme: 'success',
                        closeButton: false,
                        autoClose: true,
                        afterShow: function() {
                            console.log('After show function');
                        },
                        afterClose: function() {
                            console.log('After close function');
                        }
                    });


                    if ((location.href.match(/([^\/]*)\/*$/)[1]).indexOf('Payonline') != -1) {
                        openBoxlog('login');
                    } else {
                        $('.signupBtnClose').click();
                        $("#signupModal").modal("hide");
                        $("#loginModal").modal("show");
                    }

                    btn.disabled = false;
                    btn.innerText = 'REGISTER';
                } else {
                    loginbtn.disabled = false;
                    loginbtn.innerText = 'LOGIN';

                    emailotpntn.disabled = false;
                    emailotpntn.innerText = 'LOGIN';


                    showToast({
                        eleWrapper: '#signup-error-flashmsg',
                        msg: obj.message,
                        theme: 'error',
                        closeButton: false,
                        autoClose: true,
                        afterShow: function() {
                            console.log('After show function');
                        },
                        afterClose: function() {
                            console.log('After close function');
                        }
                    });

                    btn.disabled = false;
                    btn.innerText = 'REGISTER';
                }
            }
        }




    });


    return false;
}
</script>


<!-- Mobile OTP AUTH BY FIREBASE -->
<!-- Add the latest firebase dependecies from CDN -->
<script src="https://www.gstatic.com/firebasejs/6.3.3/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.3.3/firebase-auth.js"></script>


<script>
var firebaseConfig = {
    apiKey: "AIzaSyAcxU5AvD6qtVG76xDCXaf2vzuPIX_DwMw",
    authDomain: "login-7aff9.firebaseapp.com",
    projectId: "login-7aff9",
    storageBucket: "login-7aff9.appspot.com",
    messagingSenderId: "981533541532",
    appId: "1:981533541532:web:9846cc5487bb8fead35959",
    measurementId: "G-57D5BT4B2F"
};


firebase.initializeApp(firebaseConfig);
window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier(
    "recaptcha-container", {
        size: "normal",
        callback: function(response) {
            submitPhoneNumberAuth();
        }
    }
);

function startPhoneTimer() {
    const timerDisplay = document.getElementById("timeCounter3");
    const resendBtn = document.getElementById("resendPhoneButton");
    const timerMsg = document.getElementById("timerMessage3");

    resendBtn.disabled = true;
    resendBtn.style.display = "none";
    timerMsg.style.display = "block";

    let timeLeft = 120;

    const countdown = setInterval(() => {
        const minutes = Math.floor(timeLeft / 60);
        const seconds = timeLeft % 60;
        timerDisplay.innerText = `${minutes}:${seconds.toString().padStart(2, "0")}`;

        timeLeft--;

        if (timeLeft < 0) {
            clearInterval(countdown);
            timerMsg.style.display = "none";
            resendBtn.style.display = "inline-block";
            resendBtn.disabled = false;
        }
    }, 1000);
}


function safeReCAPTCHAReset() {
    if (window.recaptchaWidgetId !== undefined) {
        grecaptcha.reset(window.recaptchaWidgetId);
    } else {
        // Not rendered yet
        window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container', {
            size: 'invisible'
        });

        window.recaptchaVerifier.render().then(function(widgetId) {
            window.recaptchaWidgetId = widgetId;
        });
    }
}



function submitPhoneNumberAuth() {
    $("#AdministratorTab").addClass('disabled');
    $("#devoteeTab").addClass('disabled');

    var phoneNumber = document.getElementById("loginPhoneNumber").value;
    var appVerifier = window.recaptchaVerifier;
    firebase
        .auth()
        .signInWithPhoneNumber(phoneNumber, appVerifier)
        .then(function(confirmationResult) {
            window.confirmationResult = confirmationResult;

            if (confirmationResult.verificationId) {
                // $("#mobiletoggle").toggle();
                $("#mobiletoggle").css('display', 'inline-flex');
                $('#mobileotp').focus();
                $("#AdministratorTab").addClass('disabled');
                $("#devoteeTab").addClass('disabled');

                showToast({
                    eleWrapper: '.otpsendmsg_number',
                    msg: 'OTP has been sent to Registered Phone number ',
                    theme: 'success',
                    closeButton: false,
                    autoClose: true,
                    afterShow: function() {
                        console.log('After show function');
                    },
                    afterClose: function() {
                        console.log('After close function');
                    }
                });
                $("#recaptcha-container").remove();
                startPhoneTimer();
            }


        })
        .catch(function(error) {
            console.log(error);
        });
}

function initReCAPTCHAOnce() {
    if (!window.recaptchaVerifier) {
        window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container', {
            size: 'invisible',
        });

        window.recaptchaVerifier.render().then(function(widgetId) {
            window.recaptchaWidgetId = widgetId;
        });
    }
}

function ensureRecaptchaContainer() {
    const parent = document.getElementById('recaptchPush');

    // Remove old container if broken
    const oldContainer = document.getElementById('recaptcha-container');
    if (oldContainer) {
        oldContainer.remove(); // Fully remove old one
    }

    // Create a fresh one
    const newContainer = document.createElement('div');
    newContainer.className = 'col-md-12';
    newContainer.id = 'recaptcha-container';
    parent.appendChild(newContainer);
}

function initNewRecaptchaVerifier() {
    ensureRecaptchaContainer(); // Makes sure container is fresh

    // Create a fresh verifier
    window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container', {
        size: 'invisible'
    });

    return window.recaptchaVerifier.render().then(function(widgetId) {
        window.recaptchaWidgetId = widgetId;
        return widgetId;
    });
}


function resendPhoneOTP() {
    const phoneNumber = document.getElementById("loginPhoneNumber").value;

    initNewRecaptchaVerifier()
        .then(() => {
            const appVerifier = window.recaptchaVerifier;

            return firebase.auth().signInWithPhoneNumber(phoneNumber, appVerifier);
        })
        .then((confirmationResult) => {
            window.confirmationResult = confirmationResult;

            showToast({
                eleWrapper: '.otpsendmsg_number',
                msg: 'OTP resent successfully.',
                theme: 'success',
                closeButton: false,
                autoClose: true,
            });

            startPhoneTimer();
        })
        .catch((error) => {
            console.error("Resend Error:", error);
        });
}






function submitPhoneNumberAuthCode() {
    var btn = document.getElementById('mobileotpverifybtn');
    btn.disabled = true;
    btn.innerText = 'VERIFYING';


    var code = document.getElementById("mobileotp").value;
    if (code == "") {
        btn.disabled = false;
        btn.innerText = 'VERIFY';
        $(".otpsendmsg_number").html("");
        showToast({
            eleWrapper: '.otpsendmsg_number_error',
            msg: 'Please enter 6 digit OTP!',
            theme: 'warning',
            closeButton: false,
            autoClose: true,
            afterShow: function() {
                console.log('After show function');
            },
            afterClose: function() {
                console.log('After close function');
            }
        });

    } else {
        confirmationResult
            .confirm(code)
            .then(function(result) {
                var user = result.user;
                // console.log(user);

                PhoneLogin('https://htky.vaaptech.com/signin');


                // console.log("USER LOGGED IN");

            })
            .catch(function(error) {
                alert('Invalid OTP/OTP Expired!!')
                var btn = document.getElementById('mobileotpverifybtn');
                btn.disabled = false;
                btn.innerText = 'VERIFY';
                // console.log(error);
            });

        firebase.auth().onAuthStateChanged(function(user) {});
    }
}
</script>


<!-- Live Client Id -->

Error:Failed connect to aspgen.vaaptech.com:9000; Connection refused



<script>
function nonEditCuntryCode(el) {
    var cuntryCode = $("#loginModal .iti__selected-flag").attr('title');
    // alert(cuntryCode);
    cuntryCode = (cuntryCode.split(':')[1]).trim();

    if (el.value.length > cuntryCode.length) {
        var value = el.value.replace(cuntryCode, '');; //replace all $ with empty string
        el.value = cuntryCode + value;
    } else {
        el.value = cuntryCode;
    }
}



function nonEditCuntryCode1(el) {
    var cuntryCode = $("#signupModal .iti__selected-flag").attr('title');
    cuntryCode = (cuntryCode.split(':')[1]).trim();
    if (el.value.length > cuntryCode.length) {
        var value = el.value.replace(cuntryCode, '');; //replace all $ with empty string
        el.value = cuntryCode + value;
    } else {
        el.value = cuntryCode;
    }
}

function nonEditCuntryCodeSinupOtp1(el) {
    var cuntryCode = $("#signupModal2 .iti__selected-flag").attr('title');
    cuntryCode = (cuntryCode.split(':')[1]).trim();
    if (el.value.length > cuntryCode.length) {
        var value = el.value.replace(cuntryCode, '');; //replace all $ with empty string
        el.value = cuntryCode + value;
    } else {
        el.value = cuntryCode;
    }
}


function nonEditCuntryCode2(el) {
    var cuntryCode = $("#CompanyPhoneDiv .iti__selected-flag").attr('title');
    cuntryCode = (cuntryCode.split(':')[1]).trim();
    if (el.value.length > cuntryCode.length) {
        var value = el.value.replace(cuntryCode, ''); //replace all $ with empty string
        el.value = cuntryCode + value;
    } else {
        el.value = cuntryCode;
    }
}

function nonEditCuntryCode3(el) {
    var cuntryCode = $("#loginModal2 .iti__selected-flag").attr('title');
    cuntryCode = (cuntryCode.split(':')[1]).trim();
    if (el.value.length > cuntryCode.length) {
        var value = el.value.replace(cuntryCode, ''); //replace all $ with empty string
        el.value = cuntryCode + value;
    } else {
        el.value = cuntryCode;
    }
}

function nonEditCuntryCode4(el) {
    var cuntryCode = $("#CompanyPhoneDiv2 .iti__selected-flag").attr('title');
    cuntryCode = (cuntryCode.split(':')[1]).trim();
    if (el.value.length > cuntryCode.length) {
        var value = el.value.replace(cuntryCode, ''); //replace all $ with empty string
        el.value = cuntryCode + value;
    } else {
        el.value = cuntryCode;
    }
}

function checkValue(str, max) {
    if (str.charAt(0) !== '0' || str == '00') {
        var num = parseInt(str);
        if (isNaN(num) || num <= 0 || num > max) num = 1;
        str = num > parseInt(max.toString().charAt(0)) && num.toString().length == 1 ? '0' + num : num.toString();
    };
    return str;
};

function date_reformat_mm(date) {
    date.addEventListener('input', function(e) {
        this.type = 'text';
        var input = this.value;
        if (/\D\/$/.test(input)) input = input.substr(0, input.length - 3);
        var values = input.split('/').map(function(v) {
            return v.replace(/\D/g, '')
        });
        if (values[0]) values[0] = checkValue(values[0], 12);
        if (values[1]) values[1] = checkValue(values[1], 31);
        var output = values.map(function(v, i) {
            return v.length == 2 && i < 2 ? v + '/' : v;
        });
        this.value = output.join('').substr(0, 14);
    });

}



function openBoxlog(type) {
    if (type == 'signup') {
        $(".login-box-msg h4").text('SIGN UP');
        $("#loginModal").hide();
        $(".inLogin").hide();
        $("#signupModal").show();
        $(".inSignup").show();

    } else if (type == 'login') {
        $(".login-box-msg h4").text('LOGIN IN');
        $("#signupModal").hide();
        $(".inSignup").hide();
        $("#loginModal").show();
        $(".inLogin").show();
    }
}

/*----------------------------------*/

/*==================================================*/
/*==================Script For Currency Input (.00)=================*/
/*==================================================*/
$(document).ready(function() {
    $.fn.currencyInput = function() {
        this.each(function() {
            var wrapper = $("<div class='currency-input' />");
            $(this).wrap(wrapper);
            // $(this).before("<span class='currency-symbol' style='padding:7px 13px'>$</span>");
            $(this).change(function() {
                var min = parseFloat($(this).attr("min"));
                var max = parseFloat($(this).attr("max"));
                var value = this.valueAsNumber;
                if (value < min)
                    value = min;
                else if (value > max)
                    value = max;
                $(this).val(value.toFixed(2));
            });
        });
    };



    $('input.currency').currencyInput();
});



function loginBy(type) {


    if (type == 'email') {
        var cuntryCode = $("#loginModal .iti__selected-flag").attr('title');
        cuntryCode = (cuntryCode.split(':')[1]).trim();
        $("#loginPhoneNumber").val(cuntryCode);
    } else {
        $("#loginEmail").val('');
    }
}

function loginBy2(type) {


    if (type == 'email') {
        var cuntryCode = $("#loginModal2 .iti__selected-flag").attr('title');
        cuntryCode = (cuntryCode.split(':')[1]).trim();
        $("#signupPhoneNumber2").val(cuntryCode);
    } else {
        $("#loginEmail2").val('');
    }



}
// $(".modalClbtn").click(function(){window.location.reload();});



$(document).ready(function() {
    $('.eye-toggle').on('click', function() {
        var eyeIcon = $(this).find('i');
        if ($(this).attr("aria-expanded") == "true") {
            eyeIcon.removeClass('fa-eye-slash').addClass('fa-eye');
        } else if ($(this).attr("aria-expanded") == "false") {
            eyeIcon.removeClass('fa-eye').addClass('fa-eye-slash');
        }
    });
});

/*
$(".amount-input").on({
    keyup: function() {
        var inputId = $(this).attr('id');
        var id = inputId.replace('anyAmtEvent', '');
        formatCurrency($(this), id);
    },
    blur: function() {
        var inputId = $(this).attr('id');
        var id = inputId.replace('anyAmtEvent', '');
        formatCurrency($(this), id, "blur");
    }
});*/

$(".amount-input").on({

  blur: function() {

    var inputId = $(this).attr('id');
    var id = inputId.replace('anyAmtEvent', '');

    formatCurrency($(this), id, "blur");

  }

});

$(".amount-input-donations").on({
    // keyup: function() {
    //     var inputId = $(this).attr('id');
    //     var id = inputId.replace('anyAmtDonation', '');
    //     formatCurrency($(this), id);
    // },
    blur: function() {
        var inputId = $(this).attr('id');
        var id = inputId.replace('anyAmtDonation', '');
        formatCurrency($(this), id, "blur");
    }
});

$(".amount-input-events").on({
    // keyup: function() {
    //     var inputId = $(this).attr('id');
    //     var id = inputId.replace('anyAmtEvent', '');
    //     formatCurrency($(this), id);
    // },
    blur: function() {
        var inputId = $(this).attr('id');
        var id = inputId.replace('anyAmtEvent', '');
        formatCurrency($(this), id, "blur");
    }
});

function formatCurrency(input, id, blur) {
    var input_val = input.val();

    if (input_val === "") {
        return;
    }

    var original_len = input_val.length;
    var caret_pos = input.prop("selectionStart");

    if (input_val.indexOf(".") >= 0) {
        var decimal_pos = input_val.indexOf(".");
        var left_side = input_val.substring(0, decimal_pos);
        var right_side = input_val.substring(decimal_pos);

        left_side = left_side.replace(/\D/g, "");
        right_side = right_side.replace(/\D/g, "");

        if (blur === "blur") {
            right_side += "00";
        }

        right_side = right_side.substring(0, 2);

        input_val = left_side + "." + right_side;
    } else {
        input_val = input_val.replace(/\D/g, "");

        if (blur === "blur") {
            input_val += ".00";
        }
    }

    input.val(input_val);

    $("#checkbox_" + id).attr('data-price', input_val);

    var updated_len = input_val.length;
    caret_pos = updated_len - original_len + caret_pos;
    input[0].setSelectionRange(caret_pos, caret_pos);
}







function ViewCartMobile(page) {
    if ($(".cart-count").text() > 0) {
        // window.location.href = "https://htky.vaaptech.com/checkout";
        if(page=='make-a-payment-checkout'){
CartCheckLoginTabFacility(page);
        }else{
CartCheckLoginTabFacility('checkout');
        }
        

    } else {
        swal({
            title: "Your cart is empty!",
            text: "Please add some items to your cart.",
            icon: "warning",
            confirmButtonText: 'OK',
            confirmButtonColor: 'var(--main-color-new-theme)',
        });


    }

}


$(document).ready(function() {
    $(".each-word").each(function() {
        var $this = $(this);
        var htmlContent = $this.html();
        var modifiedContent = htmlContent.replace(/(?:<[^>]*>)|(\b[a-z])([a-z]+)?\b/gim, function(match,
            p1, p2) {
            if (p1) {
                return "<span class='first-letter'>" + p1 + "</span>" + (p2 || "");
            } else {
                return match; // Preserve HTML tags
            }
        });
        $this.html(modifiedContent);
    });
});


// $('.phone').on('input', function (e) {
//   var x = e.target.value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,3})(\d{0,4})/);
//   e.target.value = !x[2] ? x[1] : '' + x[1] + '-' + x[2] + (x[3] ? '-' + x[3] : '');
// });
</script>

<script type="text/javascript" src="https://htky.vaaptech.com/assets/js/country_code.js"></script>
<script type="text/javascript" src="https://htky.vaaptech.com/assets/js/country_code2.js"></script>
<script type="text/javascript" src="https://htky.vaaptech.com/assets/js/country_code3.js"></script>
<script type="text/javascript" src="https://htky.vaaptech.com/assets/js/country_code4.js"></script>
<script type="text/javascript" src="https://htky.vaaptech.com/assets/js/country_code5.js"></script>
<script type="text/javascript" src="https://htky.vaaptech.com/assets/js/time-picker.js"></script>
<script>
function sendMemberAuthCode(url) {


    var email = $('#signupEmail').val();

    $("#login-error-flashmsg").html("");

    if (email == "") {
        // event.preventDefault();
        // LoginUser('https://htky.vaaptech.com/signin');
        showToast({
            eleWrapper: '#signup-error-flashmsg',
            msg: ' Please enter your email id and verify.',
            theme: 'error',
            closeButton: false,
            autoClose: true,
            duration: 60000,
            afterShow: function() {
                console.log('After show function');
            },
            afterClose: function() {
                console.log('After close function');
            }
        });
        loader.off();
    } else {

        var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
        if (email.match(mailformat)) {
            var btn = document.getElementById('verifySignupEmailbtn');
            btn.disabled = true;
            // btn.innerText = 'SENDING';
            btn.innerHTML =
                '<div class="spinner-border" role="status" style="font-size:20px!important;"><span class="sr-only">Loading...</span></div>';


            // event.preventDefault();
            var url = url;


            const activeLoginTab = $('.nav-link.active');
            const LoginTabName = activeLoginTab.attr('tab-name');

            $.ajax({
                url: url,
                type: "POST",
                dataType: "json",
                data: {
                    'email': email,
                    'LoginTabName': LoginTabName
                },
                success: function(data) {
                    loader.off();
                    console.log(data['statusCode'] == '1');
                    console.log(data['statusCode'] == 1);

                    if (data['statusCode'] == '1') {
                        btn.disabled = true;
                        btn.innerText = 'SEND';
                        $("#signUpOtp").val('');
                        $("#signup-auth-success-flashmsg").text('');
                        $("#signup-auth-error-flashmsg").text('');
                        $("#memberAuthCodeVerifyBtn").prop('disabled', false); // Use prop to enable button
                        $("#memberAuthCodeVerifyBtn").text('Verify OTP');
                        $('#signUpOTP').modal('show');
                        $('body *').not('#signUpOTP, #signUpOTP *').addClass('dimmed');
                        showToast({
                            eleWrapper: '#signup-auth-success-flashmsg',
                            msg: 'OTP sent on your email id ' + email,
                            theme: 'success',
                            closeButton: false,
                            autoClose: true,
                            afterShow: function() {
                                console.log('After show function');
                            },
                            afterClose: function() {
                                console.log('After close function');
                            }
                        });
                    } else if (data['statusCode'] == '-1') {
                        btn.disabled = false;
                        btn.innerText = 'VERIFY';
                        showToast({
                            eleWrapper: '#signup-error-flashmsg',
                            msg: data['message'],
                            theme: 'error',
                            closeButton: false,
                            autoClose: true,
                            afterShow: function() {
                                console.log('After show function');
                            },
                            afterClose: function() {
                                console.log('After close function');
                            }
                        });
                    } else {

                        btn.disabled = false;
                        btn.innerText = 'VERIFY';
                        showToast({
                            eleWrapper: '#signup-error-flashmsg',
                            msg: 'Technical Error! Please Login With Phone Number or Contact Admin.',
                            theme: 'error',
                            closeButton: false,
                            autoClose: true,
                            afterShow: function() {
                                console.log('After show function');
                            },
                            afterClose: function() {
                                console.log('After close function');
                            }
                        });
                    }

                }
            });

        } else {


            showToast({
                eleWrapper: '#signup-error-flashmsg',
                msg: 'Please enter a valid email address.',
                theme: 'error',
                closeButton: false,
                autoClose: true,
                afterShow: function() {
                    console.log('After show function');
                },
                afterClose: function() {
                    console.log('After close function');
                }
            });
            loader.off();
        }

    }
    loader.off();

}

function verifyMemberAuthCode(url) {
    loader.on();
    var btn = document.getElementById('memberAuthCodeVerifyBtn');
    btn.disabled = true;
    btn.innerText = 'VERIFYING';


    // event.preventDefault();
    var url = url;
    var otp = $('#signUpOtp').val();

    if (otp == "") {
        $("#login-success-flashmsg").html("");

        showToast({
            eleWrapper: '#signup-auth-error-flashmsg',
            msg: 'Please enter 6 digit OTP!',
            theme: 'error',
            closeButton: false,
            autoClose: true,
            duration: 60000,
            afterShow: function() {
                console.log('After show function');
            },
            afterClose: function() {
                console.log('After close function');
            }
        });
        btn.disabled = false;
        btn.innerText = 'VERIFY';
        loader.off();

    } else {
        var email = $('#signupEmail').val();
        $.ajax({
            url: url,
            type: "POST",
            dataType: "json",
            data: {
                'otp': otp,
                'email': email
            },
            success: function(data) {
                loader.off();
                console.log("statusCOde: " + data['statusCode']);
                if (data['statusCode'] == 1) {
                    showToast({
                        eleWrapper: '#signup-auth-success-flashmsg',
                        msg: data['message'],
                        theme: 'success',
                        closeButton: false,
                        autoClose: true,
                        duration: 60000,
                        afterShow: function() {
                            console.log('After show function');
                        },
                        afterClose: function() {
                            console.log('After close function');
                        }
                    });
                    $("#signupBtn").removeAttr("disabled");
                    $("#signupBtn").removeClass('d-none');
                    $("#signupBtnAlert").addClass('d-none');
                    $('#verifySignupEmailbtn').disabled = true;
                    $('#signupEmail').attr("disabled", true);
                    $('#verifySignupEmailbtn').text('VERIFIED');
                    $("#signUpOTP").modal("hide");
                    $("#signup-error-flashmsg1").addClass("d-none");
                    $('body *').removeClass('dimmed');

                } else {
                    $("#signup-auth-error-flashmsg").html("");
                    $("#signup-auth-success-flashmsg").html("");


                    showToast({
                        eleWrapper: '#signup-auth-error-flashmsg',
                        msg: data['message'],
                        theme: 'error',
                        closeButton: false,
                        autoClose: true,
                        duration: 60000,
                        afterShow: function() {
                            console.log('After show function');
                        },
                        afterClose: function() {
                            console.log('After close function');
                        }
                    });
                    btn.disabled = false;
                    btn.innerText = 'VERIFY';
                }


            }
        });
    }
}

function closesignUpOTPModal() {
    var btn = document.getElementById('verifySignupEmailbtn');
    btn.disabled = false;
    btn.innerText = 'VERIFY';
    $('body *').removeClass('dimmed');
    $("#signUpOTP").modal("hide");

};

function SignupUserLogin(url) {
    event.preventDefault();

    loader.on();

    var btn = document.getElementById('signupBtn');




    var phone = $('#signupPhoneNumber').val();
    // alert(phone);

    btn.disabled = true;
    btn.innerText = 'PLEASE WAIT...';

    var url = url;
    var fname = $('#fname').val();
    var lname = $('#lname').val();
    var email = $("#signupEmail").val();
    var companyEmail = $("#companyEmail").val();
    var companyFirstName = $("#companyFirstName").val();
    var companyLastName = $("#companyLastName").val();
    var companyId = $("#companyId").val();
    var companyPhone = $("#companyPhone").val() || ""; // Default empty string if null
    var registrationType = $('input[name="registrationType"]:checked').val();
    console.log("-----" + $('#addCompany').is(':checked'));
    console.log("registrationType-----" + registrationType);
    var addCompany = $('#addCompany').is(':checked') ? 'YES' : 'NO';
    console.log(addCompany);


    var newphone = 0;
    var cuntryCode = $("#signupModal .iti__selected-flag").attr('title');
    cuntryCode = (cuntryCode.split(':')[1]).trim();
    var value = phone.replace(cuntryCode, '');
    newphone = value;


    var newcompanyPhone = 0;
    var companyCountryCode = $("#signupModal .iti__selected-flag").attr('title');
    companyCountryCode = (companyCountryCode.split(':')[1]).trim();
    var valuec = companyPhone.replace(companyCountryCode, '');
    newcompanyPhone = valuec;


    // if (fname.length <= 0 || value <= 0 || email.length <= 0 || lname.length <= 0) {
    if (fname.length <= 0 || value <= 0 || email.length <= 0) {
        btn.disabled = false;
        btn.innerText = 'REGISTER';
        loader.off();
        showToast({
            eleWrapper: '#signup-error-flashmsg',
            msg: "<b>Alert! </b>Please enter all required fields.",
            theme: 'error',
            closeButton: false,
            autoClose: true,
            duration: 60000,
            afterShow: function() {
                console.log('After show function');
            },
            afterClose: function() {
                console.log('After close function');
            }
        });
    } else if (phone.length < 6) {

        showToast({
            eleWrapper: '#signup-error-flashmsg',
            msg: 'Please enter a valid phone number.',
            theme: 'error',
            closeButton: false,
            autoClose: true,
            duration: 60000,
            afterShow: function() {
                console.log('After show function');
            },
            afterClose: function() {
                console.log('After close function');
            }
        });

        $('#signupPhoneNumber').focus();
        loader.off();

    } else {


        $.ajax({
            url: url,
            type: "POST",
            dataType: "json",
            data: {
                'fname': fname,
                'lname': lname,
                'email': email,
                'phone': newphone,
                'countryCode': cuntryCode,
                'registrationType': registrationType,
                'companyFirstName': companyFirstName,
                'companyLastName': companyLastName,
                'companyPhone': companyPhone,
                'companyCountryCode': companyCountryCode,
                'companyEmail': companyEmail,
                'companyId': companyId,
                'addCompany': addCompany,
            },
            success: function(data) {

                loader.off();

                console.log(data);

                var loginbtn = document.getElementById('signupBtn');
                var emailotpntn = document.getElementById('emailotpntn');

                const obj = JSON.parse(data);
                if (obj.message == '') {

                    loginbtn.disabled = false;
                    loginbtn.innerText = 'LOGIN';

                    emailotpntn.disabled = false;
                    emailotpntn.innerText = 'LOGIN';


                    showToast({
                        eleWrapper: '#login-success-flashmsg',
                        msg: data,
                        theme: 'success',
                        closeButton: false,
                        autoClose: true,
                        duration: 60000,
                        afterShow: function() {
                            console.log('After show function');
                        },
                        afterClose: function() {
                            console.log('After close function');
                        }
                    });


                    if ((location.href.match(/([^\/]*)\/*$/)[1]).indexOf('Payonline') != -1) {
                        openBoxlog('login');
                    } else {
                        $('.signupBtnClose').click();
                        $("#signupModal").modal("hide");
                        $("#loginModal").modal("show");
                    }



                } else {



                    if (obj.statusCode == '1') {
                        loginbtn.disabled = true;
                        loginbtn.innerText = 'LOGIN';

                        emailotpntn.disabled = false;
                        emailotpntn.innerText = 'LOGIN';


                        showToast({
                            eleWrapper: '#login-success-flashmsg',
                            msg: obj.message,
                            theme: 'success',
                            closeButton: false,
                            autoClose: true,
                            afterShow: function() {
                                console.log('After show function');
                            },
                            afterClose: function() {
                                console.log('After close function');
                            }
                        });


                        if ((location.href.match(/([^\/]*)\/*$/)[1]).indexOf('Payonline') != -1) {
                            openBoxlog('login');
                        } else {


                            if ($('#serviceId').val()) {
                                var serviceId = $('#serviceId').val();
                                $('.loginBtnClose').click();
                                $("#loginModal").modal("hide");
                                if ($("#fromPage").val() == 'membership-form') {
                                    // console.log("details[0]");
                                    // console.log(data.data[0]);
                                    console.log(data.data[0].memberShipExpiryDate);
                                    if (data.data[0].memberShipExpiryDate) {
                                        const today = new Date();
                                        const targetDate = new Date(data.data[0].memberShipExpiryDate);

                                        if (data.data[0].membershipStatus && today.getTime() <= targetDate
                                            .getTime() && data.data[0].membershipStatus == 'ACTIVE') {
                                            // alert('Ypur are already member');
                                            swal({
                                                    html: true,
                                                    title: "Your are already a member!",
                                                    text: "Your are already a member! ",
                                                    type: "warning",
                                                    confirmButtonText: 'OK',
                                                    confirmButtonColor: 'var(--main-color-new-theme)',
                                                    // timer:5000,
                                                },

                                                function() {

                                                    window.location.href =
                                                        "https://htky.vaaptech.com/admin/membership"


                                                });
                                        } else {
                                            $("#membershipModal").modal("show");
                                        }
                                    } else {
                                        if (data.data[0].membershipStatus && data.data[0]
                                            .membershipStatus == 'ACTIVE') {
                                            // alert('Ypur are already member');
                                            swal({
                                                    html: true,
                                                    title: "Your are already a member!",
                                                    text: "Your are already a member! ",
                                                    type: "warning",
                                                    confirmButtonText: 'OK',
                                                    confirmButtonColor: 'var(--main-color-new-theme)',
                                                    // timer:5000,
                                                },

                                                function() {

                                                    window.location.href =
                                                        "https://htky.vaaptech.com/admin/membership"


                                                });
                                        } else {
                                            $("#membershipModal").modal("show");
                                        }
                                    }


                                } else if ($("#fromPage").val() == 'REQUEST-OUTSIDE') {
                                    window.location.href =
                                        "https://htky.vaaptech.com/services/request/outside-temple/" + serviceId;
                                } else if ($("#fromPage").val() == 'out-of-temple') {
                                    window.location.href =
                                        "https://htky.vaaptech.com/services/request/out-of-temple/" + serviceId;
                                } else if ($("#fromPage").val() == 'inside-temple') {
                                    window.location.href =
                                        "https://htky.vaaptech.com/services/request/inside-temple/" + serviceId;
                                } else {
                                    $("#paymentModal").modal("show");
                                }


                            } else if ($('#donateToTempleBtnBeforeLogin').val()) {
                                $('.loginBtnClose').click();
                                $("#loginModal").modal("hide");
                                $("#DonateToTemple").val('DONATIONS');
                                $("#DonateToTemplePaymentModal").modal("show");

                            } else {

                                if ($("#fromPage").val() == 'newsletter') {
                                    $('.loginBtnClose').click();
                                    $("#loginModal").modal("hide");
                                    subscribeNewsletter();

                                } else if ($("#fromPage").val() == 'REQUEST-FORM') {
                                    window.location.href = "https://htky.vaaptech.com/services/serviceRequest";
                                } else if ($("#fromPage").val() == 'REQUEST-OUTSIDE') {
                                    window.location.href =
                                        "https://htky.vaaptech.com/services/request/outside-temple";
                                } else if ($("#fromPage").val() == 'out-of-temple') {
                                    window.location.href =
                                        "https://htky.vaaptech.com/services/request/out-of-temple";
                                } else if ($("#fromPage").val() == 'inside-temple') {
                                    window.location.href =
                                        "https://htky.vaaptech.com/services/request/inside-temple";
                                } else if ($("#fromPage").val() == 'APARAKARYA') {
                                    window.location.href =
                                    "https://htky.vaaptech.com/services/request/aparakarya";
                                } else if ($("#fromPage").val() == 'MAKE-PAYMENTS-FORM') {
                                    window.location.href = "https://htky.vaaptech.com/services/MakePayment";
                                } else if ($("#fromPage").val() == 'events') {
                                    window.location.href = "https://htky.vaaptech.com/events/checkout";
                                } else if ($("#fromPage").val() == 'qr-events') {
                                    window.location.href = "https://htky.vaaptech.com/events/qr-checkout";
                                } else if ($("#fromPage").val() == 'qr-donations') {
                                    window.location.href = "https://htky.vaaptech.com/donations/qr-checkout";

                                } else if ($("#fromPage").val() == 'facilitiesPage') {
                                    window.location.href = "https://htky.vaaptech.com/facilities";
                                } else if ($("#fromPage").val() == 'checkout') {
                                    window.location.href = "https://htky.vaaptech.com/checkout";
                                } else if ($("#fromPage").val() == 'services') {

                                    var includeSankalpam = $("#includeSankalpamModal").val();

                                    if (includeSankalpam == 'YES') {
                                        $("#loginModal").modal("hide");
                                        $("#susbc-form-btn").click();
                                    } else {
                                        window.location.href = "https://htky.vaaptech.com/checkout/service";
                                    }
                                } else if ($("#fromPage").val() == 'paylaterServices') {

                                    var includeSankalpam = $("#includeSankalpamModal").val();

                                    if (includeSankalpam == 'YES') {
                                        $("#loginModal").modal("hide");
                                        $("#susbc-form-btn").click();
                                    } else {
                                        window.location.href =
                                            "https://htky.vaaptech.com/paylater-services/checkout";
                                    }
                                } else if ($("#fromPage").val() == 'donations') {
                                    window.location.href = "https://htky.vaaptech.com/donations/checkout";

                                } else if ($("#fromPage").val() == 'recurring-sponsorships') {
                                    window.location.href = "https://htky.vaaptech.com/recurring-sponsor/checkout";

                                } else if ($("#fromPage").val() == 'sponsorships') {
                                    window.location.href = "https://htky.vaaptech.com/checkout/sponsorship";
                                } else if ($("#fromPage").val() == 'view-cart') {
                                    window.location.href = "https://htky.vaaptech.com/Services/ViewCart";
                                } else if ($("#fromPage").val() == 'facilities') {
                                    $("#loginModal").modal("hide");
                                    BookNow();

                                } else if ($("#fromPage").val() == 'pledge_form') {
                                    submitRecurringForm();
                                }else if ($("#fromPage").val() == 'make-a-payment' || $("#fromPage").val() == 'make-a-payment-checkout') {
                                    loader.on();
							window.location.href = "https://htky.vaaptech.com/make-a-payment-checkout";
                                }  else if ($("#includeSankalpamModal").val() == 'YES') {
                                    $("#loginModal").modal("hide");
                                } else {

                                    window.location.href = "https://htky.vaaptech.com/devotee-dashboard";
                                }
                            }
                        }

                        btn.disabled = false;
                        btn.innerText = 'REGISTER';
                    } else {
                        loginbtn.disabled = false;
                        loginbtn.innerText = 'LOGIN';

                        emailotpntn.disabled = false;
                        emailotpntn.innerText = 'LOGIN';


                        showToast({
                            eleWrapper: '#signup-error-flashmsg',
                            msg: obj.message,
                            theme: 'error',
                            closeButton: false,
                            autoClose: true,
                            afterShow: function() {
                                console.log('After show function');
                            },
                            afterClose: function() {
                                console.log('After close function');
                            }
                        });

                        btn.disabled = false;
                        btn.innerText = 'REGISTER';
                    }
                }
            }




        });
    }


    return false;
}


function SignupUserLogin2(url) {
    event.preventDefault();

    loader.on();

    var btn = document.getElementById('signupBtn2');




    var phone = $('#signupPhoneNumberOtp2').val();
    // alert(phone);

    btn.disabled = true;
    btn.innerText = 'PLEASE WAIT...';

    var url = url;
    var fname = $('#fname2').val();
    var lname = $('#lname2').val();
    var email = $("#signupEmail2").val();
    var companyEmail = $("#companyEmail2").val();
    var companyFirstName = $("#companyFirstName2").val();
    var companyLastName = $("#companyLastName2").val();
    var companyId = $("#companyId2").val();
    var companyPhone = $("#companyPhone2").val() || ""; // Default empty string if null
    var registrationType = $('input[name="registrationType"]:checked').val();
    console.log("-----" + $('#addCompany2').is(':checked'));
    console.log("registrationType-----" + registrationType);
    var addCompany = $('#addCompany2').is(':checked') ? 'YES' : 'NO';
    console.log(addCompany);


    var newphone = 0;
    var cuntryCode = $("#signupModal2 .iti__selected-flag").attr('title');
    cuntryCode = (cuntryCode.split(':')[1]).trim();
    var value = phone.replace(cuntryCode, '');
    newphone = value;


    var newcompanyPhone = 0;
    var companyCountryCode = $("#signupModal2 .iti__selected-flag").attr('title');
    companyCountryCode = (companyCountryCode.split(':')[1]).trim();
    var valuec = companyPhone.replace(companyCountryCode, '');
    newcompanyPhone = valuec;


    // if (fname.length <= 0 || value <= 0 || email.length <= 0 || lname.length <= 0) {
    if (fname.length <= 0 || value <= 0 || email.length <= 0) {
        btn.disabled = false;
        btn.innerText = 'REGISTER';
        loader.off();
        showToast({
            eleWrapper: '#signup-error-flashmsg2',
            msg: "<b>Alert! </b>Please enter all required fields.",
            theme: 'error',
            closeButton: false,
            autoClose: true,
            duration: 60000,
            afterShow: function() {
                console.log('After show function');
            },
            afterClose: function() {
                console.log('After close function');
            }
        });
    } else if (phone.length < 6) {

        showToast({
            eleWrapper: '#signup-error-flashmsg2',
            msg: 'Please enter a valid phone number.',
            theme: 'error',
            closeButton: false,
            autoClose: true,
            duration: 60000,
            afterShow: function() {
                console.log('After show function');
            },
            afterClose: function() {
                console.log('After close function');
            }
        });

        $('#signupPhoneNumberOtp2').focus();
        loader.off();

    } else {


        $.ajax({
            url: url,
            type: "POST",
            dataType: "json",
            data: {
                'fname': fname,
                'lname': lname,
                'email': email,
                'phone': newphone,
                'countryCode': cuntryCode,
                'registrationType': registrationType,
                'companyFirstName': companyFirstName,
                'companyLastName': companyLastName,
                'companyPhone': companyPhone,
                'companyCountryCode': companyCountryCode,
                'companyEmail': companyEmail,
                'companyId': companyId,
                'addCompany': addCompany,
            },
            success: function(data) {

                loader.off();

                console.log(data);

                var loginbtn = document.getElementById('signupBtn2');

                const obj = JSON.parse(data);
                    if (obj.statusCode == '1') {
                        loginbtn.disabled = true;
                        loginbtn.innerText = 'LOGIN';

                        emailotpntn.disabled = false;
                        emailotpntn.innerText = 'LOGIN';


                        showToast({
                            eleWrapper: '#login-success-flashmsg',
                            msg: obj.message,
                            theme: 'success',
                            closeButton: false,
                            autoClose: true,
                            afterShow: function() {
                                console.log('After show function');
                            },
                            afterClose: function() {
                                console.log('After close function');
                            }
                        });
                             loader.on();
							window.location.href = "https://htky.vaaptech.com/make-a-payment-checkout";
                            
                        

                        btn.disabled = false;
                        btn.innerText = 'REGISTER';
                    } else {
                        loginbtn.disabled = false;
                        loginbtn.innerText = 'LOGIN';

                        emailotpntn.disabled = false;
                        emailotpntn.innerText = 'LOGIN';


                        showToast({
                            eleWrapper: '#signup-error-flashmsg2',
                            msg: obj.message,
                            theme: 'error',
                            closeButton: false,
                            autoClose: true,
                            afterShow: function() {
                                console.log('After show function');
                            },
                            afterClose: function() {
                                console.log('After close function');
                            }
                        });

                        btn.disabled = false;
                        btn.innerText = 'REGISTER';
                    }
            }




        });
    }


    return false;
}

function checkVerifyEmail() {


    // swal({
    //     html: true,
    //     title: "Please verify your email",
    //     text: "<span style='font-weight: 600;margin:5px;padding:5px'></span> ",
    //     type: "error",
    //     confirmButtonText: 'OK',
    //     confirmButtonColor: 'var(--main-color-new-theme)',
    //     // timer:5000,
    //   },

    //   function() {
    //     // if ((location.href.match(/([^\/]*)\/*$/)[1]).indexOf('Payonline') != -1) {
    //     //   window.location.href = "https://htky.vaaptech.com/logout"
    //     // } else {
    //     //   window.location.reload();
    //     // }

    //   });

    showToast({
        eleWrapper: '#signup-error-flashmsg',
        msg: 'Please verify your email id.',
        theme: 'error',
        closeButton: false,
        autoClose: true,
        duration: 60000,
        afterShow: function() {
            console.log('After show function');
        },
        afterClose: function() {
            console.log('After close function');
        }
    });
}

function resendMemberAuthCode(url) {


    var email = $('#signupEmail').val();

    $("#login-error-flashmsg").html("");



    var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
    if (email.match(mailformat)) {
        var btn = document.getElementById('resendOtpBtn');
        btn.innerText = 'SENDING';


        // event.preventDefault();
        var url = url;


        const activeLoginTab = $('.nav-link.active');
        const LoginTabName = activeLoginTab.attr('tab-name');

        $.ajax({
            url: url,
            type: "POST",
            dataType: "json",
            data: {
                'email': email,
                'LoginTabName': LoginTabName
            },
            success: function(data) {
                loader.off();
                console.log(data['statusCode'] == '1');
                console.log(data['statusCode'] == 1);
                btn.innerText = 'Resend OTP?';
                if (data['statusCode'] == '1') {


                    $('#signUpOTP').modal('show');
                    $('body *').not('#signUpOTP, #signUpOTP *').addClass('dimmed');
                    showToast({
                        eleWrapper: '#signup-auth-success-flashmsg',
                        msg: 'OTP sent on your email ' + email,
                        theme: 'success',
                        closeButton: false,
                        autoClose: true,
                        duration: 60000,
                        afterShow: function() {
                            console.log('After show function');
                        },
                        afterClose: function() {
                            console.log('After close function');
                        }
                    });
                } else if (data['statusCode'] == '-1') {

                    showToast({
                        eleWrapper: '#signup-error-flashmsg',
                        msg: data['message'],
                        theme: 'error',
                        closeButton: false,
                        autoClose: true,
                        duration: 60000,
                        afterShow: function() {
                            console.log('After show function');
                        },
                        afterClose: function() {
                            console.log('After close function');
                        }
                    });
                } else {


                    showToast({
                        eleWrapper: '#signup-error-flashmsg',
                        msg: 'Technical Error! Please Login With Phone Number or Contact Admin.',
                        theme: 'error',
                        closeButton: false,
                        autoClose: true,
                        duration: 60000,
                        afterShow: function() {
                            console.log('After show function');
                        },
                        afterClose: function() {
                            console.log('After close function');
                        }
                    });
                }

            }
        });

    } else {


        showToast({
            eleWrapper: '#signup-error-flashmsg',
            msg: 'Please enter a valid email address.',
            theme: 'error',
            closeButton: false,
            autoClose: true,
            duration: 60000,
            afterShow: function() {
                console.log('After show function');
            },
            afterClose: function() {
                console.log('After close function');
            }
        });
        loader.off();
    }


    loader.off();

}

function CartCheckLoginTabFacility(page = '') {


    loader.on();

    var page_name = page;
    event.preventDefault();
    $.ajax({
        url: "https://htky.vaaptech.com/check-login-status",
        type: "POST",
        dataType: "json",
        success: function(data) {


            if (data == 0) {
                loader.off();
                if(page_name=='make-a-payment-checkout'){
 var res = openLoginModal2(page_name);
                }else{
 var res = openLoginModal(page_name);
                }
               

            } else {
                if (page_name == "facilitiesPage") {
                    // alert(page_name);
                    window.location.href = "https://htky.vaaptech.com/facilities";

                } else if (page_name == "checkout") {
                    window.location.href = "https://htky.vaaptech.com/checkout";

                }else if (page_name == "make-a-payment-checkout") {
                    window.location.href = "https://htky.vaaptech.com/make-a-payment-checkout";

                } else {
                    window.location.href = "https://htky.vaaptech.com/Admin/Dashboard";

                }

            }

        }
    });




}

function openLoginModal2(page = '') {


    var fromPage = page;
    $("#fromPage").val(page);
    $("form").get(0).reset();





    var emailotpntn = document.getElementById('emailotpntn');

    emailotpntn.disabled = false;
    emailotpntn.innerText = 'LOGIN';

    $('.signupBtnClose').click();
    $("#signupModal").modal("hide");
    $("#loginModal2").modal("show");


    $(".vOtpBox").hide();
    $("#emailotpntn2").show();
    $(".mobile_section").show();
    $(".email_section").show();
}

function WithoutOtpLogin(e) {
    e.preventDefault(); // Prevent the default form submission
    // alert('ok');
    // Gather the form dataalert
    var email = $("#loginEmail2").val();
    var phone = $("#signupPhoneNumber2").val();
    var newphone = 0;
    var cuntryCode = $("#loginModal2 .iti__selected-flag").attr('title');
    cuntryCode = (cuntryCode.split(':')[1]).trim();
    // var value = phone.replace(cuntryCode, '');
    // newphone = value;
    var value = phone.replace(cuntryCode, '').trim(); // ✅ Country code hatana
    newphone = value.replace(/\s+/g, '');
    newphone = value.replace(/\D+/g, '');
    // alert(email);
    // alert(newphone);
    // Perform the AJAX request
    loader.on();
    $.ajax({
        url: 'https://htky.vaaptech.com/signin', // Replace with your API endpoint
        type: 'POST', // Assuming the API expects POST requests
        data: {
            email: email,
            phone: newphone,
            sessionCreate: 1,
        },
        success: function(response) {
            // console.log(response);
            response = JSON.parse(response);
            // alert(response);
            //  alert(response.statusCode);

            if (response.statusCode == '1') {
              
                window.location.href = "https://htky.vaaptech.com/make-a-payment-checkout";
            } else {
                   loader.off();
                   $("#fromPage").val('make-a-payment-checkout');
                openSignupModal2();
                // alert('Form submitted successfully');
            }
            // Handle success
            // console.log('Form submitted successfully:', response);
            // alert('Form submitted successfully');
        },
        error: function(xhr, status, error) {
            // Handle error
            // console.error('Error submitting form:', error);
               loader.off();
            alert('Error submitting form');
        }
    });
}

function openSignupModal2() {
    $("form").get(0).reset();
    $('#signupEmail2').attr("disabled", false);
    $("#signup-error-flashmsg2").removeClass("d-none");
    var signupBtn = document.getElementById('signupBtn2');


    $("#signupEmail2").attr("placeholder", "Enter Email ");
    $("#fname2").attr("placeholder", "Enter First Name ");
    $("#lname2").attr("placeholder", "Enter Last Name ");

    $('#companySection2').addClass("d-none");
    // $('#addCompanySection').addClass("d-none");
    $('#addCompany2').prop('checked', false);
    $("#companyEmail2").removeAttr('readonly');
    $("#companyEmail2").val("");
    $("#companyFirstName2").val("");
    $("#companyLastName2").val("");
    $("#companyPhone2").val('+1');

    $('#companyEmail2, #companyFirstName2, #companyPhone2').prop('required', false);


   
    signupBtn.innerText = 'REGISTER';
    $('.loginBtnClose').click();
    $("#loginModal").modal("hide");
    $("#loginModal2").modal("hide");
    $("#signupModal").modal("hide");
    $("#signupModal2").modal("show");
}

function openLoginModal2() {

    // alert(page);
    // alert(data);

    $("form").get(0).reset();

    var emailotpntn = document.getElementById('emailotpntn');

    emailotpntn.disabled = false;
    emailotpntn.innerText = 'LOGIN';
    $("#signupPhoneNumber2").val('+1');
    $("#loginEmail2").val('');
    $('.signupBtnClose').click();

    $("#signupModal").modal("hide");
    $("#loginModal").modal("hide");
    $("#signupModal2").modal("hide");
    $("#loginModal2").modal("show");

}

function addCompanyCheckbox2(e) {
    // alert("okk");
    $("#cmp_error2").addClass("d-none");
    $("#cmp_error2").text("");
    if ($(e).is(':checked')) {

        // $("#signupBtn").addClass('d-none');
        $("#companyEmail2").val("");
        $("#companyFirstName2").val("");
        $("#companyLastName2").val("");
        $("#companyPhone2").val('+1');

        $('#companySection2').removeClass("d-none");
        $('#companyEmai2l, #companyFirstName2, #companyPhone2').prop('required', true);
    } else {


        // $("#signupBtn").addClass('d-none');
        $('#companySection2').addClass("d-none");
        // $('#addCompanySection').addClass("d-none");
        $('#addCompany2').prop('checked', false);
        $("#companyEmail2").val("");
        $("#companyFirstName2").val("");
        $("#companyLastName2").val("");
        $("#companyPhone2").val('+1');

        $('#companyEmail2, #companyFirstName2, #companyPhone2').prop('required', false);
    }
}

function RegisterTypeRadio2(e) {
    $("#cmp_error2").addClass("d-none");
    $("#cmp_error2").text("");
    if ($('#INDIVIDUAL-radio2').is(':checked')) {
        $('#addCompanySection2').removeClass("d-none");
        $('#signupBtn2').prop('checked', true);


        $("#signupEmail2").val("");
        $("#fname2").val("");
        $("#lname2").val("");
        $("#signupPhoneNumber2").val('+1');

        // $('#companyEmail').prop('readonly', true);
        $("#signupEmail2").attr("placeholder", "Enter Email ");
        $("#fname2").attr("placeholder", "Enter First Name ");
        $("#lname2").attr("placeholder", "Enter Last Name ");

        $("#verifySignupEmailbtn2").html('VERIFY');
        $("#verifySignupEmailbtn2").removeAttr('disabled');
        $("#signupBtnAlert2").removeClass('d-none');
        $("#signupBtn2").addClass('d-none');

        $("#signupEmailLable2").html("Email ");
        $("#fnameLable2").html("First Name ");
        $("#lnameLable2").html("Last Name ");
        $("#signupPhoneNumberLable2").html("Phone Number ");
        $("#lastNameDiv2").removeClass("d-none");


    } else {

        

        $("#signupEmail2").attr("placeholder", "Enter Company Email");
        $("#fname2").attr("placeholder", "Enter Company Name");
        $("#lname2").attr("placeholder", "Enter Company Last Name");

        $("#signupEmailLable2").html("Company Email");
        $("#fnameLable2").html("Company Name");
        $("#lnameLable2").html("Company Last Name");
        $("#signupPhoneNumberLable2").html("Company Phone Number");
        $("#lastNameDiv2").addClass("d-none");

        $("#signupEmail2").val("");
        $("#fname2").val("");
        $("#lname2").val("");
        $("#signupPhoneNumber2").val('+1');


        // $('#companyEmail').prop('readonly', true);
        $('#addCompanySection2').addClass("d-none");
        $('#companySection2').addClass("d-none");
        $('#addCompany2').prop('checked', false);
        $('#signupBtn2').prop('checked', false);
        $("#companyEmail2").val("");
        $("#companyFirstName2").val("");
        $("#companyLastName2").val("");
        $("#companyPhone2").val('+1');
    }
}


function getCompanyDetails2(email) {
    $("#cmp_error2").addClass("d-none");
    $("#cmp_error2").text("");
    $.ajax({
        url: 'https://htky.vaaptech.com/Home/checkCompanyDetails',
        type: "POST",
        dataType: "json",
        data: {
            'email': email
        },
        success: function(data) {

            const obj = JSON.parse(data);
            // console.log(obj);
            if (obj.statusCode == 1) {
                $("#cmp_error2").addClass("d-none");
                $("#cmp_error2").text("");
                var userdata = obj.data[0];
                console.log(userdata);
                console.log(userdata.firstName);
                $('#signupBtn2').prop('disabled', false);
                $("#companyFirstName2").val(userdata.refDataName);
                $("#companyLastName2").val(userdata.lastName);
                let updatedValue = userdata.contryCode + ' ' + userdata.phone;
                var cuntryCode = $("#companyPhone2 .iti__active").attr('title');
                console.log($('#companyPhone2').val());
                var value = $('#companyPhone2').val().replace(cuntryCode,
                ''); //replace all $ with empty string
                $('#companyPhone2').val(updatedValue);

                $("#companyPhone2").val(userdata.phone);
                $("#companyId2").val(userdata._id);

                // $("#companyLastName").prop('readonly', true);
                // $("#companyPhone").prop('readonly', true);
                // $("#companyFirstName").prop('readonly', true);
                // $("#companyEmail").prop('readonly', false);


            } else {
                $("#cmp_error2").removeClass("d-none");
                $("#cmp_error2").text(obj.message);
                // showToast({
                //   eleWrapper: '#signup-error-flashmsg',
                //   msg: obj.message,
                //   theme: 'error',
                //   closeButton: false,
                //   autoClose: true,
                //   afterShow: function() {
                //     console.log('After show function');
                //   },
                //   afterClose: function() {
                //     console.log('After close function');
                //   }
                // });
            }
        }
    });
}

function getCompanyDetails(email) {
    // console.log(email);
    // $('#signupBtn').prop('disabled', true);
    // $("#companyLastName").prop('readonly', true);
    // $("#companyPhone").prop('readonly', true);
    // $("#companyFirstName").prop('readonly', true);
    // $("#companyEmail").prop('readonly', true);
    $("#cmp_error").addClass("d-none");
    $("#cmp_error").text("");
    $.ajax({
        url: 'https://htky.vaaptech.com/Home/checkCompanyDetails',
        type: "POST",
        dataType: "json",
        data: {
            'email': email
        },
        success: function(data) {

            const obj = JSON.parse(data);
            // console.log(obj);
            if (obj.statusCode == 1) {
                $("#cmp_error").addClass("d-none");
                $("#cmp_error").text("");
                var userdata = obj.data[0];
                console.log(userdata);
                console.log(userdata.firstName);
                $('#signupBtn').prop('disabled', false);
                $("#companyFirstName").val(userdata.refDataName);
                $("#companyLastName").val(userdata.lastName);
                let updatedValue = userdata.contryCode + ' ' + userdata.phone;
                var cuntryCode = $("#companyPhone .iti__active").attr('title');
                console.log($('#companyPhone').val());
                var value = $('#companyPhone').val().replace(cuntryCode,
                ''); //replace all $ with empty string
                $('#companyPhone').val(updatedValue);

                $("#companyPhone").val(userdata.phone);
                $("#companyId").val(userdata._id);

                // $("#companyLastName").prop('readonly', true);
                // $("#companyPhone").prop('readonly', true);
                // $("#companyFirstName").prop('readonly', true);
                // $("#companyEmail").prop('readonly', false);


            } else {
                $("#cmp_error").removeClass("d-none");
                $("#cmp_error").text(obj.message);
                // showToast({
                //   eleWrapper: '#signup-error-flashmsg',
                //   msg: obj.message,
                //   theme: 'error',
                //   closeButton: false,
                //   autoClose: true,
                //   afterShow: function() {
                //     console.log('After show function');
                //   },
                //   afterClose: function() {
                //     console.log('After close function');
                //   }
                // });
            }
        }
    });
}
</script>

<!-- <script type="text/javascript" src="https://htky.vaaptech.com/assets/js/intlTelInput2.js?1706723638591"></script> -->

<script type="text/javascript">
var baseUrl = "https://htky.vaaptech.com/";
/*

  var countryData = window.intlTelInputGlobals.getCountryData(),
    login_input = document.querySelector("#loginPhoneNumber"),
    signup_input = document.querySelector("#signupPhoneNumber"),
    signup_input2 = document.querySelector("#signupPhoneNumber2"),
    companyPhone = document.querySelector("#companyPhone"),
    addressDropdown = document.querySelector("#address-country");

  window.intlTelInput(login_input, {
    utilsScript: baseUrl + "assets/js/utils.js?1706723638591",
  });

  window.intlTelInput(signup_input, {
    utilsScript: baseUrl + "assets/js/utils.js?1706723638591",
  });

  window.intlTelInput(signup_input2, {
    utilsScript: baseUrl + "assets/js/utils.js?1706723638591",
  });
  window.intlTelInput(companyPhone, {
    utilsScript: baseUrl + "assets/js/utils.js?1706723638591",
  });


  for (var i = 0; i < countryData.length; i++) {
    var country = countryData[i];
    var optionNode = document.createElement("option");
    optionNode.value = country.iso2;
    var textNode = document.createTextNode(country.name);
    optionNode.appendChild(textNode);
    addressDropdown.appendChild(optionNode);
  }

  addressDropdown.value = iti.getSelectedCountryData().iso2;

  // listen to the address dropdown for changes
  addressDropdown.addEventListener('change', function() {
    iti.setCountry(this.value);
  });*/


function updateCartCount() {

    $.ajax({
        url: 'https://htky.vaaptech.com/Home/updateCartCount', // Replace with your API endpoint
        type: 'POST',
        success: function(response) {
            loader.off();
            // console.log(response);
            response = JSON.parse(response);
            $(".cart-count").text(response);
        },
        error: function(xhr, status, error) {
            loader.off();
            // Handle error
            // console.error('Error submitting form:', error);
            alert('Error submitting form');
        }
    });
}

$('#loginModal').on('hidden.bs.modal', function() {
    // Step 1: Clear Firebase instance if it exists
    if (typeof window.recaptchaVerifier !== 'undefined') {
        try {
            window.recaptchaVerifier.clear();
        } catch (e) {
            console.warn('recaptchaVerifier clear error', e);
        }
        window.recaptchaVerifier = undefined;
    }

    // Step 2: Remove reCAPTCHA DOM
    $('#recaptcha-container').empty(); // or $('#recaptcha-container').remove(); and re-add later
});

function initRecaptcha() {
    // If already initialized, clear old instance
    if (typeof window.recaptchaVerifier !== "undefined") {
        try {
            window.recaptchaVerifier.clear(); // cleanup old captcha
        } catch (e) {
            console.warn('Error clearing reCAPTCHA:', e);
        }
        window.recaptchaVerifier = undefined;
    }

    // Clear old captcha HTML
    $('#recaptcha-container').html('');

    // Ensure the container is there
    if (!$('#recaptcha-container').length) {
        $('#recaptcha-wrapper').append('<div id="recaptcha-container" class="col-md-12"></div>');
    }

    // Initialize a new visible reCAPTCHA
    window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container', {
        size: 'normal', // 🔔 Important: this will show the visible box
        callback: function(response) {
            console.log('Captcha solved');
        }
    });

    // Render the widget
    window.recaptchaVerifier.render().then(function(widgetId) {
        window.recaptchaWidgetId = widgetId;
    });
}

function stripTime(d) {
    return new Date(d.getFullYear(), d.getMonth(), d.getDate());
}


function serviceDesc(e, serviceId) {
    // alert(e.value);
    $("#checkbox_" + serviceId).attr('data-servicedesc', e.value);
}

/*  $(document).ready(function() {
    if ($.fn.select2){ 
    $('.js-example-basic-multiple').select2({

      placeholder: "--select diety--",
      allowClear: true
    });
  }
  });*/


  $(document).ready(function () {
    if ($.fn.select2) {

        $('.js-example-basic-multiple').each(function () {

            let maxSelection = $(this).data('maxdeityselection');
            let placeholderText = "--select diety--";

            if (maxSelection > 0) {
                placeholderText = `--select diety-- (MAX ${maxSelection})`;
            }

            $(this).select2({
                placeholder: placeholderText,
                allowClear: true
            });

        });
    }
});

  $(document).on('change', '.js-example-basic-multiple', function() {
    const max = parseInt($(this).attr('data-maxDeitySelection'));
    // alert(max);
    if (max > 0) {
      const selected = $(this).val() || [];
      if (selected.length > max) {
        Swal.fire(`You can select only ${max} deities.`, '', 'warning');
        // last selection ko remove karo
        selected.pop();
        $(this).val(selected).trigger('change');
      }
    }
  });
</script>
</body>

</html>