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: 6525</p>


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

		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 40<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>2025</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>
<script type="text/javascript" src="https://htky.vaaptech.com/assets/js/paging.js"></script>

<script src="https://cdn.jsdelivr.net/gh/dubrox/Multiple-Dates-Picker-for-jQuery-UI@master/jquery-ui.multidatespicker.js"></script>

<script type="text/javascript">
	$(document).ready(function() {


		var Page_limit = $("#pageLength").val();
		if (Page_limit > 20) {
			$('.servicesDataTable').paging({
				limit: Page_limit
			});
		}

		$("[data-page='0']").click();

		// TimePicker
		// $('.timepicker-services').mdtimepicker();
		// $('.timepicker-services').on('timechanged', function() {
		// 	// console.log("okkkkkk555454");
		// 	addTocart();
		// });

		function convertTo24Hour(timeStr) {
			const [time, meridian] = timeStr.split(" ");
			let [hours, minutes] = time.split(":").map(Number);
			if (meridian.toLowerCase() === 'pm' && hours !== 12) hours += 12;
			if (meridian.toLowerCase() === 'am' && hours === 12) hours = 0;
			return hours * 60 + minutes;
		}

		const bookingStartTime = "09:00 AM"; // 09:00 AM
		const bookingEndTime = "09:00 PM"; // 09:00 PM


		$('.timepicker-services').on('focus', function(e) {
			const id = $(this).attr('_id');
			// alert(id);
			const dateSelected = $('#datepicker_' + id).val();
			const isDTVisible = $(this).data('dt-visible');

			if (isDTVisible === 'YES' && (!dateSelected || dateSelected.trim() === '')) {
				$("#datepicker_" + id).notify("Please select a date first.", {
					position: "bottom",
					className: "error",
				});
				$(this).blur();
			} else {
				// Format selected date and today's date to compare
				const selectedDate = new Date(dateSelected);
				const today = new Date();

				const formatDate = (d) =>
					d.getFullYear() + '-' +
					String(d.getMonth() + 1).padStart(2, '0') + '-' +
					String(d.getDate()).padStart(2, '0');

				let timepickerOptions = {
					timeFormat: 'hh:mm tt',
					theme: 'blue',
					readOnly: true
				};

				const isToday = formatDate(selectedDate) === formatDate(today);

				if (isToday) {
					const now = new Date();
					const currentHour = now.getHours();
					const currentMinute = now.getMinutes();

					// Set min and max time for today
					timepickerOptions.minTime = `${String(currentHour).padStart(2, '0')}:${String(currentMinute).padStart(2, '0')}`;
					timepickerOptions.maxTime = `21:00`;
				} else {
					// For future date, only maxTime
					timepickerOptions.maxTime = `21:00`;
				}

				// Destroy any previous instance
				$('#timepicker_' + id).mdtimepicker('destroy');

				// Initialize again with new min/max
				$('#timepicker_' + id).mdtimepicker(timepickerOptions);

				// Bind timechanged
				$('#timepicker_' + id).off('timechanged').on('timechanged', function(e) {
					const selectedTime = e.time; // example: "02:30 PM" or maybe just "14:30"
					if (!selectedTime) return;

					let selectedHour = 0;
					let selectedMinute = 0;

					if (selectedTime.includes(" ")) {
						// 12-hour format with AM/PM
						let [time, meridian] = selectedTime.split(" ");
						let [hh, mm] = time.split(":");

						selectedHour = parseInt(hh);
						if (meridian.toLowerCase() === 'pm' && selectedHour !== 12) selectedHour += 12;
						if (meridian.toLowerCase() === 'am' && selectedHour === 12) selectedHour = 0;
						selectedMinute = parseInt(mm);
					} else {
						// 24-hour format fallback
						let [hh, mm] = selectedTime.split(":");
						selectedHour = parseInt(hh);
						selectedMinute = parseInt(mm);
					}

					const selectedTotalMinutes = selectedHour * 60 + selectedMinute;





					const minAllowedMinutes = convertTo24Hour(bookingStartTime); // e.g. "09:00 AM" => 540
					const maxAllowedMinutes = convertTo24Hour(bookingEndTime); // e.g. "09:00 PM" => 1260

					if (isToday) {
						const now = new Date();
						const currentMinutes = now.getHours() * 60 + now.getMinutes();

						// Must be after current time AND within allowed range
						if (
							selectedTotalMinutes <= currentMinutes ||
							selectedTotalMinutes < minAllowedMinutes ||
							selectedTotalMinutes > maxAllowedMinutes
						) {
							/* $("#timepicker_" + id).notify(`Please select a time between ${bookingStartTime} and ${bookingEndTime} that is after the current time.`, {
								position: "bottom",
								className: "error",
							});*/
							Swal.fire(`Please select a time between ${bookingStartTime} and ${bookingEndTime} that is after the current time.`, '', 'warning');
							$('#timepicker_' + id).val('');
							return;
						}
					} else {
						// For future date: only check range
						console.log("bookingStartTime :" + maxAllowedMinutes);
						console.log("minAllowedMinutes :" + minAllowedMinutes);
						console.log("selectedTotalMinutes :" + selectedTotalMinutes);
						if (selectedTotalMinutes < minAllowedMinutes || selectedTotalMinutes > maxAllowedMinutes) {
							/*$("#timepicker_" + id).notify(`Please select a time between ${bookingStartTime} and ${bookingEndTime}.`, {
									position: "bottom",
									className: "error",
								});*/
							Swal.fire(`Please select a time between ${bookingStartTime} and ${bookingEndTime}.`, '', 'warning');
							$('#timepicker_' + id).val('');
							return;
						}
					}


					// All good
					addTocart();
				});

			}


		});




		$("input[id^='datepicker_']").on('change', function() {
			const id = $(this).attr('id').split('_')[1];
			$('#timepicker_' + id).val('');
		});




	});

	$(document).ready(function() {
		/*$("#search").on("keyup", function() {
			var value = $(this).val().toLowerCase();
			var $tableRows = $(".serviceSearch");
			var noResults = true;

			$tableRows.filter(function() {
				var rowText = $(this).text().toLowerCase();
				var isMatch = rowText.indexOf(value) > -1;
				$(this).toggle(isMatch);
				if (isMatch) {
					noResults = false;
				}
			});

			if (noResults && value !== "") {
				$("#emptyServices").text("Sponsorship not found!").show();
			} else {
				$("#emptyServices").hide();
			}
		}).on("search", function() {
			if ($(this).val() === "") {
				$("#table tr").show();
				$("#emptyServices").hide();
			}
		});*/
		$(".search-btn").on("click", function() {
			// alert("okk");

			var value = $("#search").val().toLowerCase(); // Getting value from #search input
			var $tableRows = $(".serviceSearch");
			var noResults = true;

			$tableRows.filter(function() {
				var rowText = $(this).text().toLowerCase();
				var isMatch = rowText.indexOf(value) > -1;
				$(this).toggle(isMatch);
				if (isMatch) {
					noResults = false;
				}
			});

			if (noResults && value !== "") {
				$("#emptyServices").text("Service not found!").show();
			} else {
				$("#emptyServices").hide();
			}
		});

		$("#search").on("input", function() {
			if ($(this).val() === "") {
				$(".serviceSearch").show();
				$("#emptyServices").hide();
			}
		});
	});





	var tithiDates = [];

	function getDatesOfTithi(tithiVal) {
		$.ajax({
			type: "POST",
			url: "https://htky.vaaptech.com/SponsorNow/getThithiNext90Days",
			data: {
				tithi: tithiVal
			},
			dataType: 'json',
			success: function(result) {
				tithiDates = result;

				$("#datesArray").val(tithiDates);
			}
		});
	}


	function getWeekdayOccurrence(date) {
		// Convert the date string to a Date object
		const dateObj = new Date(date);

		// Get the weekday (0 = Sunday, 1 = Monday, ..., 6 = Saturday)
		const weekday = dateObj.getDay();

		// Get the day of the month
		const dayOfMonth = dateObj.getDate();

		// Calculate the occurrence of the weekday in the month
		const occurrence = Math.ceil(dayOfMonth / 7);

		const weekdayNames = ['SUNDAY', 'MONDAY', 'TUESDAY', 'WEDNESDAY', 'THURSDAY', 'FRIDAY', 'SATURDAY'];
		const occurrences = ['', 'FIRST', 'SECOND', 'THIRD', 'FOURTH', 'FIFTH', 'SIXTH'];

		return `${occurrences[occurrence]} ${weekdayNames[weekday]}`;
	}


	function getWeekday(date) {
		// Convert the date string to a Date object
		const dateObj = new Date(date);

		// Get the weekday (0 = Sunday, 1 = Monday, ..., 6 = Saturday)
		const weekday = dateObj.getDay();

		const weekdayNames = ['SUNDAY', 'MONDAY', 'TUESDAY', 'WEDNESDAY', 'THURSDAY', 'FRIDAY', 'SATURDAY'];

		return weekdayNames[weekday];
	}




	$(document).on('click', '.datepicker-services', function() {
		var dayVal = $(this).attr('daytype');
		var nclickF = $(this);

		var startDate = nclickF.attr('start_date');
		var endDate = nclickF.attr('end_date');


		var _id = nclickF.attr('_id');
		var isDietySelected = nclickF.attr('data-isDietySelected');
		var dietyDayType = $("#dietyName_" + _id + " option:selected").data("daytype");
		var dietySelectedLength = $("#dietyName_" + _id + " option:selected").length;
		var dietyName = $("#dietyName_" + _id).val();

		var holdingDates = $("#checkbox_" + _id).attr('data-holdingDates');
		var holdingDatesArr = holdingDates.split(",");

		if ($(nclickF).data('multiDatesPicker')) {
			$(nclickF).multiDatesPicker('destroy');
		}
		if ($(nclickF).hasClass('hasDatepicker')) {
			$(nclickF).removeClass('hasDatepicker');
		}
		if (isDietySelected == 'YES' && (dayVal == '' || dayVal == 'EVERY DAY' || dayVal == 'EVERYDAY' || dayVal == 'ALL DAY')) {
			console.log("dietyDayType:fkghkf");
			console.log(dietyDayType != undefined && dietyDayType != null && dietySelectedLength);
			if (dietyDayType != undefined && dietyDayType != null && dietySelectedLength > 0) {
				// dayVal = dietyDayType;
			} else {
				$("#dietyName_" + _id).notify(
					"Please select deity!", {
						position: "bottom",
						className: "error",
					}
				);
				return;
			}
		} else {
			if (isDietySelected == 'YES') {
				if (dietyDayType != undefined && dietyDayType != null && dietySelectedLength > 0) {

				} else {
					$("#dietyName_" + _id).notify(
						"Please select deity!", {
							position: "bottom",
							className: "error",
						}
					);
					return;
				}
			}
		}
		if (dayVal !== '' && dayVal != 'EVERY DAY' && dayVal != 'EVERYDAY' && dayVal != 'ALL DAY') {
			let days = ['SUNDAY', 'MONDAY', 'TUESDAY', 'WEDNESDAY', 'THURSDAY', 'FRIDAY', 'SATURDAY'];

			if (dayVal.includes('&')) {
				// Scenario: "SUNDAY & MONDAY"
				const daytypes = dayVal.toUpperCase().split('&').map(d => d.trim());

				nclickF.notify(
					"You can select only " + daytypes[0] + " and " + daytypes[1] + " dates!", {
						position: "bottom",
						className: "success",
					}
				);

				$(nclickF).multiDatesPicker({
					dateFormat: "mm/dd/yy",
					minDate: startDate ? parseDate(startDate) : 0,
					maxDate: endDate ? parseDate(endDate) : null,
					changeMonth: true,
					changeYear: false,

					onSelect: function(dateText, inst) {
						$(this).multiDatesPicker('resetDates');
						$(this).multiDatesPicker('addDates', dateText);
						$(this).datepicker('show');
						addTocart();
					},

					beforeShowDay: function(date) {
						const today = new Date();
						const dayOfWeek = $.datepicker.formatDate('DD', date).toUpperCase(); // "MONDAY"
						var dateToCheck = $.datepicker.formatDate('mm/dd/yy', date);
						let todayOnly = stripTime(today);
						let dateOnly = stripTime(date);
						if (holdingDatesArr.includes(dateToCheck)) {
							return false;
						} else {
							if (!dayVal || dayVal.trim() === '') {
								return [dateOnly >= todayOnly];
							}

							const allowedDays = daytypes.map(d => d.toUpperCase());
							return [allowedDays.includes(dayOfWeek) && dateOnly >= todayOnly];
						}
					}

				});

				$(nclickF).datepicker('show');


			} else if (days.includes(dayVal.toUpperCase().replace("EVERY ", "").trim())) {
				// Scenario: "EVERY SUNDAY"
				const cleanedDay = dayVal.toUpperCase().replace("EVERY ", "").trim();
				nclickF.notify(
					"You can select only " + cleanedDay + " dates!", {
						position: "bottom",
						className: "success",
					}
				);

				$(nclickF).multiDatesPicker({
					dateFormat: "mm/dd/yy",
					minDate: startDate ? parseDate(startDate) : 0,
					maxDate: endDate ? parseDate(endDate) : null,
					changeMonth: true,
					changeYear: false,

					onSelect: function(dateText, inst) {
						$(this).multiDatesPicker('resetDates');
						$(this).multiDatesPicker('addDates', dateText);
						$(this).datepicker('show');
						addTocart();
					},

					beforeShowDay: function(date) {
						const today = new Date();
						const dayOfWeek = $.datepicker.formatDate('DD', date).toUpperCase(); // "MONDAY"
						var dateToCheck = $.datepicker.formatDate('mm/dd/yy', date);
						let todayOnly = stripTime(today);
						let dateOnly = stripTime(date);
						if (holdingDatesArr.includes(dateToCheck)) {
							return false;
						} else {
							if (!dayVal || dayVal.trim() === '') {
								return [dateOnly >= todayOnly];
							}

							const allowedDay = dayVal.toUpperCase().replace("EVERY ", "").trim(); // "MONDAY"

							return [dayOfWeek === allowedDay && dateOnly >= todayOnly];
						}
					}

				});

				$(nclickF).datepicker('show');

			} else {
				$.ajax({
					type: "POST",
					url: "https://htky.vaaptech.com/Services/getThithiNext90Days",
					data: {
						tithi: dayVal,
						startDate: startDate,
						endDate: endDate
					},
					dataType: 'json',
					success: function(result) {
						console.log(result);
						$("#datesArray").val(result);



						if (dayVal !== '') {
							nclickF.notify(
								"You can select only " + dayVal + " dates!", {
									position: "bottom",
									className: "success",
								}
							);
						} else {
							nclickF.notify(
								"You can select any date!", {
									position: "bottom",
									className: "success",
								}
							);
						}


						if (!$(nclickF).hasClass('hasDatepicker')) {
							if (dayVal == '') {
								console.log("okkkkk");
								$(nclickF).multiDatesPicker({
									dateFormat: "mm/dd/yy",
									minDate: startDate ? parseDate(startDate) : 0,
									maxDate: endDate ? parseDate(endDate) : null,
									changeMonth: true,
									changeYear: false,
									// maxPicks: 1,
									onSelect: function(dateText, inst) {
										$(this).multiDatesPicker('resetDates'); // Purana date hata dega
										$(this).multiDatesPicker('addDates', dateText);
										$(this).datepicker('show');
										addTocart();
									},
									beforeShowDay: function(date) {
										var dayOfWeek = $.datepicker.formatDate('DD', date);
										var dateInMMDDYYFormat = $.datepicker.formatDate('yy-mm-dd', date);
										var dateToCheck = $.datepicker.formatDate('mm/dd/yy', date);
										var today = new Date();
										let todayOnly = stripTime(today);
										let dateOnly = stripTime(date);
										if (holdingDatesArr.includes(dateToCheck)) {
											return false;
										} else {
											return [dateOnly >= todayOnly];
										}
									}
								});
							} else {
								$(nclickF).multiDatesPicker({
									dateFormat: "mm/dd/yy",
									minDate: startDate ? parseDate(startDate) : 0,
									maxDate: endDate ? parseDate(endDate) : null,
									changeMonth: true,
									changeYear: false,
									// maxPicks: 1,
									onSelect: function(dateText, inst) {
										$(this).multiDatesPicker('resetDates'); // Purana date hata dega
										$(this).multiDatesPicker('addDates', dateText);
										$(this).datepicker('show');
										addTocart();
									},


									beforeShowDay: function(date) {
										var dayOfWeek = $.datepicker.formatDate('DD', date);
										var dateInMMDDYYFormat = $.datepicker.formatDate('yy-mm-dd', date);
										var dateToCheck = $.datepicker.formatDate('mm/dd/yy', date);
										var today = new Date();
										let todayOnly = stripTime(today);
										let dateOnly = stripTime(date);
										var tithis = ["PRATIPADA", "DWITIYA", "TRITIYA", "CHATURTHI", "PANCHAMI", "SHASHDI", "SAPTAMI", "ASHTAMI", "NAVAMI", "DASHAMI", "EKADASHI", "DWADASHI", "TRAYODASHI", "CHATURDASHI", "PURNIMA", "AMAVASYA"];
										if (holdingDatesArr.includes(dateToCheck)) {
											return false;
										} else {
											if (!dayVal || dayVal === '') {
												return [dateOnly >= todayOnly]; // Enable only dates from today onward
											} else if (dayOfWeek.toUpperCase() === dayVal.toUpperCase()) {

												return [dateOnly >= todayOnly];
											} else if (tithis.includes(dayVal.toUpperCase())) {

												var tithiDates = $("#datesArray").val();

												var startDatearray = tithiDates.split(" ").pop().split(",");
												return [startDatearray.includes(dateInMMDDYYFormat) && dateOnly >= todayOnly];
												// return [dateOnly >= todayOnly];


											} else if (getWeekdayOccurrence(date) === dayVal.toUpperCase() && dateOnly >= todayOnly) {
												console.log("today");
												console.log(date);
												return [true];
											} else {
												return [false];
											}
										}
									}
								});
							}
						}



						$(nclickF).datepicker('show');

					}
				});
			}
		} else {
			nclickF.notify(
				"You can select any date!", {
					position: "bottom",
					className: "success",
				}
			);
			if (!$(nclickF).hasClass('hasDatepicker')) {

				console.log("okkkkk567687");
				$(nclickF).multiDatesPicker({
					dateFormat: "mm/dd/yy",
					minDate: startDate ? parseDate(startDate) : 0,
					maxDate: endDate ? parseDate(endDate) : null,
					changeMonth: true,
					changeYear: false,
					// maxPicks: 1,
					onSelect: function(dateText, inst) {
						$(this).multiDatesPicker('resetDates'); // Purana date hata dega
						$(this).multiDatesPicker('addDates', dateText);
						$(this).datepicker('show');
						addTocart();
					},
					beforeShowDay: function(date) {
						var dayOfWeek = $.datepicker.formatDate('DD', date);
						var dateToCheck = $.datepicker.formatDate('mm/dd/yy', date);
						var today = new Date();
						let todayOnly = stripTime(today);
						let dateOnly = stripTime(date);
						if (holdingDatesArr.includes(dateToCheck)) {
							return false;
						} else {
							return [dateOnly >= todayOnly];
						}
					}
				});

			}



			$(nclickF).datepicker('show');
		}

	});


	$(document).on('click', '.datepicker-services1', function() {
		var dayVal = $(this).attr('daytype'); // Day type (e.g., "Tuesday")
		var nclickF = $(this);
		var startDate = nclickF.attr('start_date');
		var endDate = nclickF.attr('end_date');
		var _id = nclickF.attr('_id');
		var serviceOccurrencesNo = parseInt(nclickF.attr('serviceoccurrencesno'), 10); // Number of occurrences (e.g., 6)
		console.log(serviceOccurrencesNo);
		console.log("serviceOccurrencesNo");
		var selectedDates = []; // To store the selected dates
		var isDietySelected = nclickF.attr('data-isDietySelected');
		var dietyDayType = $("#dietyName_" + _id + " option:selected").data("daytype");
		var dietySelectedLength = $("#dietyName_" + _id + " option:selected").length;
		var dietyName = $("#dietyName_" + _id).val();
		var holdingDates = $("#checkbox_" + _id).attr('data-holdingDates');
		var holdingDatesArr = holdingDates.split(",");
		if ($(nclickF).data('multiDatesPicker')) {
			$(nclickF).multiDatesPicker('destroy');
		}
		if ($(nclickF).hasClass('hasDatepicker')) {
			$(nclickF).removeClass('hasDatepicker');
		}

		if (isDietySelected == 'YES' && (dayVal == '' || dayVal == 'EVERY DAY' || dayVal == 'EVERYDAY' || dayVal == 'ALL DAY')) {

			if (dietyDayType != undefined && dietyDayType != null && dietySelectedLength > 0) {
				// dayVal = dietyDayType;
			} else {
				$("#dietyName_" + _id).notify(
					"Please select deity!", {
						position: "bottom",
						className: "error",
					}
				);
				return;
			}
		} else {
			if (isDietySelected == 'YES') {
				if (dietyDayType != undefined && dietyDayType != null && dietySelectedLength > 0) {

				} else {
					$("#dietyName_" + _id).notify(
						"Please select deity!", {
							position: "bottom",
							className: "error",
						}
					);
					return;
				}
			}
		}
		if (dayVal !== '' && dayVal != 'EVERY DAY' && dayVal != 'EVERYDAY' && dayVal != 'ALL DAY') {
			let days = ['SUNDAY', 'MONDAY', 'TUESDAY', 'WEDNESDAY', 'THURSDAY', 'FRIDAY', 'SATURDAY'];
			if (dayVal.includes('&')) {
				// Scenario: "SUNDAY & MONDAY"
				const daytypes = dayVal.toUpperCase().split('&').map(d => d.trim());

				nclickF.notify(
					"You can select only " + daytypes[0] + " and " + daytypes[1] + " dates!", {
						position: "bottom",
						className: "success",
					}
				);

				$(nclickF).multiDatesPicker({
					dateFormat: "mm/dd/yy",
					minDate: startDate ? parseDate(startDate) : 0,
					maxDate: endDate ? parseDate(endDate) : null,
					changeMonth: true,
					changeYear: false,

					onSelect: function(dateText, inst) {
						selectedDates = []; // reset

						var firstDate = $(nclickF).datepicker('getDate');
						var occurrences = serviceOccurrencesNo - 1;

						function getNextOccurrences(date, dayTypes, occurrences) {
							let nextDates = [];
							let count = 0;
							let endLimitDate = endDate ? new Date(endDate) : new Date(date);
							if (!endDate) {
								endLimitDate.setFullYear(endLimitDate.getFullYear() + 2);
							}



							while (count < occurrences && date <= endLimitDate) {
								date.setDate(date.getDate() + 1);
								var dateToCheck = $.datepicker.formatDate('mm/dd/yy', date);
								if (!holdingDatesArr.includes(dateToCheck)) {
									let dayOfWeek = $.datepicker.formatDate('DD', date).toUpperCase();
									if (dayTypes.includes(dayOfWeek)) {
										nextDates.push($.datepicker.formatDate('mm/dd/yy', date));
										count++;
									}
								}
							}
							return nextDates;
						}

						var nextDates = getNextOccurrences(new Date(firstDate), daytypes, occurrences);
						selectedDates = [dateText].concat(nextDates);

						var formattedDates = selectedDates.join(", ");
						var showDate = selectedDates[0] + ' - ' + selectedDates.at(-1);

						$(nclickF).datepicker('setDate', selectedDates[0]);
						$(nclickF).multiDatesPicker('resetDates');
						$(nclickF).multiDatesPicker('addDates', formattedDates.split(", "));
						$(nclickF).val(showDate);

						$("#datepicker_" + _id).val(formattedDates);
						$("#datepickerCount_" + _id).html("( " + selectedDates.length + " Bookings )");

						$("#datesArray").val(formattedDates);
						addTocart();
					},

					beforeShowDay: function(date) {
						var dateToCheck = $.datepicker.formatDate('mm/dd/yy', date);

						if (holdingDatesArr.includes(dateToCheck)) {
							return false;
						} else {
							const today = new Date();
							const dayOfWeek = $.datepicker.formatDate('DD', date).toUpperCase();
							let todayOnly = stripTime(today);
							let dateOnly = stripTime(date);
							return [daytypes.includes(dayOfWeek) && dateOnly >= todayOnly];
						}
					}
				});

				$(nclickF).datepicker('show');
			} else if (days.includes(dayVal.toUpperCase().replace("EVERY ", "").trim())) {
				// Scenario: "EVERY SUNDAY"
				const cleanedDay = dayVal.toUpperCase().replace("EVERY ", "").trim();

				nclickF.notify(
					"You can select only " + cleanedDay + " dates!", {
						position: "bottom",
						className: "success",
					}
				);

				$(nclickF).multiDatesPicker({
					dateFormat: "mm/dd/yy",
					minDate: startDate ? parseDate(startDate) : 0,
					maxDate: endDate ? parseDate(endDate) : null,
					changeMonth: true,
					changeYear: false,

					onSelect: function(dateText, inst) {
						selectedDates = [];

						var firstDate = $(nclickF).datepicker('getDate');
						var occurrences = serviceOccurrencesNo - 1;

						function getNextOccurrences(date, dayType, occurrences) {
							let nextDates = [];
							let count = 0;
							let endLimitDate = endDate ? new Date(endDate) : new Date(date);
							if (!endDate) {
								endLimitDate.setFullYear(endLimitDate.getFullYear() + 2);
							}

							while (count < occurrences && date <= endLimitDate) {

								date.setDate(date.getDate() + 1);
								var dateToCheck = $.datepicker.formatDate('mm/dd/yy', date);
								if (!holdingDatesArr.includes(dateToCheck)) {
									let dayOfWeek = $.datepicker.formatDate('DD', date).toUpperCase();
									if (dayOfWeek === dayType) {
										nextDates.push($.datepicker.formatDate('mm/dd/yy', date));
										count++;
									}
								}
							}
							return nextDates;
						}

						var nextDates = getNextOccurrences(new Date(firstDate), cleanedDay, occurrences);
						selectedDates = [dateText].concat(nextDates);

						var formattedDates = selectedDates.join(", ");
						var showDate = selectedDates[0] + ' - ' + selectedDates.at(-1);

						$(nclickF).datepicker('setDate', selectedDates[0]);
						$(nclickF).multiDatesPicker('resetDates');
						$(nclickF).multiDatesPicker('addDates', formattedDates.split(", "));
						$(nclickF).val(showDate);

						$("#datepicker_" + _id).val(formattedDates);
						$("#datepickerCount_" + _id).html("( " + selectedDates.length + " Bookings )");

						$("#datesArray").val(formattedDates);
						addTocart();
					},

					beforeShowDay: function(date) {
						const today = new Date();
						var dateToCheck = $.datepicker.formatDate('mm/dd/yy', date);
						let todayOnly = stripTime(today);
						let dateOnly = stripTime(date);
						if (holdingDatesArr.includes(dateToCheck)) {
							return false;
						} else {
							const dayOfWeek = $.datepicker.formatDate('DD', date).toUpperCase();
							return [dayOfWeek === cleanedDay && dateOnly >= todayOnly];
						}
					}
				});

				$(nclickF).datepicker('show');
			} else {


				$.ajax({
					type: "POST",
					url: "https://htky.vaaptech.com/Services/getThithiNext90Days",
					data: {
						tithi: dayVal,
						startDate: startDate,
						endDate: endDate
					},
					dataType: 'json',
					success: function(result) {
						$("#datesArray").val(result);
						console.log(dayVal);
						if (dayVal !== '') {
							nclickF.notify(
								"You can select only " + dayVal + " dates!", {
									position: "bottom",
									className: "success",
								}
							);
						} else {
							nclickF.notify(
								"You can select any date!", {
									position: "bottom",
									className: "success",
								}
							);
						}

						if (!$(nclickF).hasClass('hasDatepicker')) {
							if (dayVal == '') {
								console.log("okkkkk");
								$(nclickF).multiDatesPicker({
									dateFormat: "mm/dd/yy",
									minDate: startDate ? parseDate(startDate) : 0,
									maxDate: endDate ? parseDate(endDate) : null,
									changeMonth: true,
									changeYear: false,
									onSelect: function(dateText, inst) {
										// Clear previously selected dates
										selectedDates = []; // Reset selected dates

										// Store the newly selected date
										selectedDates.push(dateText); // Add the selected date

										// Automatically select the next occurrences (e.g., Tuesdays)
										var firstDate = $(nclickF).datepicker('getDate'); // Get the selected date
										var tithis = ["PRATIPADA", "DWITIYA", "TRITIYA", "CHATURTHI", "PANCHAMI", "SHASHDI", "SAPTAMI", "ASHTAMI", "NAVAMI", "DASHAMI", "EKADASHI", "DWADASHI", "TRAYODASHI", "CHATURDASHI", "PURNIMA", "AMAVASYA"];
										var tithiDates = $("#datesArray").val();
										// Function to calculate next occurrences based on the dayType
										function getNextOccurrences(date, dayType, occurrences) {
											console.log(dayType);
											var nextDates = [];
											var count = 0; // To count valid occurrences
											// while (count < occurrences) {
											let endLimitDate = endDate ? new Date(endDate) : new Date(date);
											if (!endDate) {
												endLimitDate.setFullYear(endLimitDate.getFullYear() + 2);
											}
											console.log("endLimitDate: " + endLimitDate);
											console.log("date: " + date);
											while (count < occurrences && date <= endLimitDate) {
												// alert(dayType);
												date.setDate(date.getDate() + 1); // Move to the next day
												// alert($.datepicker.formatDate('DD', date).toUpperCase() === dayType.toUpperCase());
												var dateToCheck = $.datepicker.formatDate('mm/dd/yy', date);
												if (!holdingDatesArr.includes(dateToCheck)) {
													if (dayType.length > 0) {
														if ($.datepicker.formatDate('DD', date).toUpperCase() === dayType.toUpperCase()) {
															nextDates.push($.datepicker.formatDate('mm/dd/yy', date)); // Format to mm/dd/yy
															count++; // Increment valid occurrence count
														} else if (tithis.includes(dayType.toUpperCase())) {
															var dateInMMDDYYFormat = $.datepicker.formatDate('yy-mm-dd', date);
															var startDateArray = tithiDates.split(" ").pop().split(",");
															if (startDateArray.includes(dateInMMDDYYFormat)) {
																nextDates.push($.datepicker.formatDate('mm/dd/yy', date)); // Format to mm/dd/yy
																count++;
															}

														} else if (getWeekdayOccurrence(date) === dayVal.toUpperCase()) {
															nextDates.push($.datepicker.formatDate('mm/dd/yy', date)); // Format to mm/dd/yy
															count++;
														}
													} else {
														nextDates.push($.datepicker.formatDate('mm/dd/yy', date)); // Format to mm/dd/yy
														count++;
													}
												}


											}
											return nextDates;
										}

										// Get next occurrences based on the day type
										var nextDates = getNextOccurrences(new Date(firstDate), dayVal, serviceOccurrencesNo - 1);

										// Combine selected date with next occurrences
										selectedDates = [dateText].concat(nextDates); // Resetting to only the new selection and its occurrences
										var formattedDates = selectedDates.join(", ");
										// Clear the datepicker and add the new dates
										$(nclickF).datepicker('setDate', selectedDates[0]); // Set the datepicker to the newly selected date
										$(nclickF).multiDatesPicker('resetDates'); // Clear all previous selections
										$(nclickF).multiDatesPicker('addDates', formattedDates.split(", ")); // Add the new dates for multiDatesPicker compatibility
										var showDate = selectedDates[0] + ' - ' + selectedDates.at(-1);
										// $(nclickF).val(formattedDates); // Update the input field with formatted dates
										$(nclickF).val(showDate); // Update the input field with formatted dates
										$("#datepicker_" + _id).val(formattedDates); // Update the input field with formatted dates
										$("#datepickerCount_" + _id).html("( " + selectedDates.length + " Bookings )"); // Update the input field with formatted dates

										$("#datesArray").val(formattedDates);
										// Add all selected dates to the cart
										addTocart();

										// Disable further selections if the limit is reached
										if (selectedDates.length > serviceOccurrencesNo) {
											nclickF.notify(
												"You have reached the maximum number of selections! You can still change your selection.", {
													position: "bottom",
													className: "error",
												}
											);
										}
									},

									beforeShowDay: function(date) {
										const today = new Date();
										var dateToCheck = $.datepicker.formatDate('mm/dd/yy', date);
										let todayOnly = stripTime(today);
										let dateOnly = stripTime(date);
										if (holdingDatesArr.includes(dateToCheck)) {
											return false;
										} else {
											return [dateOnly >= todayOnly];
										}
									}
								});
							} else {
								$(nclickF).datepicker({
									dateFormat: "mm/dd/yy",
									minDate: startDate ? parseDate(startDate) : 0,
									maxDate: endDate ? parseDate(endDate) : null,
									changeMonth: true,
									changeYear: false,
									onSelect: function(dateText, inst) {
										// Clear previously selected dates
										selectedDates = []; // Reset selected dates

										// Store the newly selected date
										selectedDates.push(dateText); // Add the selected date

										// Automatically select the next occurrences (e.g., Tuesdays)
										var firstDate = $(nclickF).datepicker('getDate'); // Get the selected date
										var tithis = ["PRATIPADA", "DWITIYA", "TRITIYA", "CHATURTHI", "PANCHAMI", "SHASHDI", "SAPTAMI", "ASHTAMI", "NAVAMI", "DASHAMI", "EKADASHI", "DWADASHI", "TRAYODASHI", "CHATURDASHI", "PURNIMA", "AMAVASYA"];
										var tithiDates = $("#datesArray").val();
										// Function to calculate next occurrences based on the dayType
										function getNextOccurrences(date, dayType, occurrences) {
											console.log(dayType);
											var nextDates = [];
											var count = 0; // To count valid occurrences
											// while (count < occurrences) {
											let endLimitDate = endDate ? new Date(endDate) : new Date(date);
											if (!endDate) {
												endLimitDate.setFullYear(endLimitDate.getFullYear() + 2);
											}

											while (count < occurrences && date <= endLimitDate) {
												// alert(dayType);
												date.setDate(date.getDate() + 1); // Move to the next day
												// alert($.datepicker.formatDate('DD', date).toUpperCase() === dayType.toUpperCase());
												var dateToCheck = $.datepicker.formatDate('mm/dd/yy', date);
												if (!holdingDatesArr.includes(dateToCheck)) {
													if (dayType.length > 0) {
														if ($.datepicker.formatDate('DD', date).toUpperCase() === dayType.toUpperCase()) {
															nextDates.push($.datepicker.formatDate('mm/dd/yy', date)); // Format to mm/dd/yy
															count++; // Increment valid occurrence count
														} else if (tithis.includes(dayType.toUpperCase())) {
															var dateInMMDDYYFormat = $.datepicker.formatDate('yy-mm-dd', date);
															var startDateArray = tithiDates.split(" ").pop().split(",");
															if (startDateArray.includes(dateInMMDDYYFormat)) {
																nextDates.push($.datepicker.formatDate('mm/dd/yy', date)); // Format to mm/dd/yy
																count++;
															}

														} else if (getWeekdayOccurrence(date) === dayVal.toUpperCase()) {
															nextDates.push($.datepicker.formatDate('mm/dd/yy', date)); // Format to mm/dd/yy
															count++;
														}
													} else {
														nextDates.push($.datepicker.formatDate('mm/dd/yy', date)); // Format to mm/dd/yy
														count++;
													}
												}

											}
											return nextDates;
										}

										// Get next occurrences based on the day type
										var nextDates = getNextOccurrences(new Date(firstDate), dayVal, serviceOccurrencesNo - 1);

										// Combine selected date with next occurrences
										selectedDates = [dateText].concat(nextDates); // Resetting to only the new selection and its occurrences
										var formattedDates = selectedDates.join(", ");
										// Clear the datepicker and add the new dates
										$(nclickF).datepicker('setDate', selectedDates[0]); // Set the datepicker to the newly selected date
										$(nclickF).multiDatesPicker('resetDates'); // Clear all previous selections
										$(nclickF).multiDatesPicker('addDates', formattedDates.split(", ")); // Add the new dates for multiDatesPicker compatibility
										var showDate = selectedDates[0] + ' - ' + selectedDates.at(-1);
										// $(nclickF).val(formattedDates); // Update the input field with formatted dates
										$(nclickF).val(showDate); // Update the input field with formatted dates
										$("#datepicker_" + _id).val(formattedDates); // Update the input field with formatted dates
										$("#datepickerCount_" + _id).html("( " + selectedDates.length + " Bookings )"); // Update the input field with formatted dates

										$("#datesArray").val(formattedDates);
										// Add all selected dates to the cart
										addTocart();

										// Disable further selections if the limit is reached
										if (selectedDates.length > serviceOccurrencesNo) {
											nclickF.notify(
												"You have reached the maximum number of selections! You can still change your selection.", {
													position: "bottom",
													className: "error",
												}
											);
										}
									},
									beforeShowDay: function(date) {

										var dayOfWeek = $.datepicker.formatDate('DD', date);
										var dateInMMDDYYFormat = $.datepicker.formatDate('yy-mm-dd', date);
										var tithis = ["PRATIPADA", "DWITIYA", "TRITIYA", "CHATURTHI", "PANCHAMI", "SHASHDI", "SAPTAMI", "ASHTAMI", "NAVAMI", "DASHAMI", "EKADASHI", "DWADASHI", "TRAYODASHI", "CHATURDASHI", "PURNIMA", "AMAVASYA"];
										var today = new Date();
										var dateToCheck = $.datepicker.formatDate('mm/dd/yy', date);
										let todayOnly = stripTime(today);
										let dateOnly = stripTime(date);
										if (holdingDatesArr.includes(dateToCheck)) {
											return false;
										} else {
											if (!dayVal || dayVal === '') {
												return [dateOnly >= todayOnly]; // Enable only dates from today onward
											} else if (dayOfWeek.toUpperCase() === dayVal.toUpperCase()) {
												// return [true];
												return [dateOnly >= todayOnly];
											} else if (tithis.includes(dayVal.toUpperCase())) {
												var tithiDates = $("#datesArray").val();
												var startDateArray = tithiDates.split(" ").pop().split(",");
												return [startDateArray.includes(dateInMMDDYYFormat) && dateOnly >= todayOnly];
											} else if (getWeekdayOccurrence(date) === dayVal.toUpperCase() && dateOnly >= todayOnly) {

												return [true];
											} else {
												return [false];
											}
										}
									}
								});
							}
						}

						// Show the datepicker
						$(nclickF).datepicker('show');
					}
				});
			}
		} else {
			nclickF.notify(
				"You can select any date!", {
					position: "bottom",
					className: "success",
				}
			);
			if (!$(nclickF).hasClass('hasDatepicker')) {
				cleanedDay = '';
				console.log("okkkkk56768hg7");
				console.log(startDate);
				$(nclickF).multiDatesPicker({
					dateFormat: "mm/dd/yy",
					minDate: startDate ? parseDate(startDate) : 0,
					maxDate: endDate ? parseDate(endDate) : null,
					changeMonth: true,
					changeYear: false,
					onSelect: function(dateText, inst) {
						selectedDates = [];

						// var firstDate = $(nclickF).datepicker('getDate');
						var firstDate = dateText;
						var occurrences = serviceOccurrencesNo - 1;


						function getNextOccurrences(date, dayType, occurrences) {
							let nextDates = [];
							let count = 0;
							let current = new Date(date); // clone the date
							let endLimitDate = endDate ? new Date(endDate) : new Date(date);
							if (!endDate) endLimitDate.setFullYear(endLimitDate.getFullYear() + 2);

							while (count < occurrences && current < endLimitDate) {
								current.setDate(current.getDate() + 1);
								var dateToCheck = $.datepicker.formatDate('mm/dd/yy', current); // ✅ FIXED
								if (!holdingDatesArr.includes(dateToCheck)) {
									nextDates.push(dateToCheck);
									count++;
								}
							}
							console.log("nextDates=>", nextDates);
							return nextDates;
						}

						console.log("occurrences");
						console.log(occurrences);

						var nextDates = getNextOccurrences(new Date(firstDate), cleanedDay, occurrences);
						selectedDates = [dateText].concat(nextDates);

						var formattedDates = selectedDates.join(", ");
						var showDate = selectedDates[0] + ' - ' + selectedDates.at(-1);

						$(nclickF).datepicker('setDate', selectedDates[0]);
						$(nclickF).multiDatesPicker('resetDates');
						$(nclickF).multiDatesPicker('addDates', formattedDates.split(", "));
						$(nclickF).val(showDate);
						console.log("formattedDates");
						console.log(formattedDates);
						$("#datepicker_" + _id).val(formattedDates);
						$("#datepickerCount_" + _id).html("( " + selectedDates.length + " Bookings )");

						$("#datesArray").val(formattedDates);
						addTocart();
					},
					beforeShowDay: function(date) {
						var dateToCheck = $.datepicker.formatDate('mm/dd/yy', date);
						const today = new Date();
						let todayOnly = stripTime(today);
						let dateOnly = stripTime(date);
						if (holdingDatesArr.includes(dateToCheck)) {
							console.log("djkfghfg");
							return false;
						} else {

							// const today = new Date();
							// today.setHours(0, 0, 0, 0);
							// console.log(today);
							return [dateOnly >= todayOnly];
						}
					}
				});

			}



			$(nclickF).datepicker('show');
		}
	});


	$(document).on('change', '[id^=dietyName_]', function() {
		var id = $(this).attr('id').split('_')[1]; // Get service ID
		var dayVal = $("#datepicker_" + id).attr('daytype');
		var dietydayVal = $("#dietyName_" + id + " option:selected").data("daytype");
		if (dayVal == '' || dayVal == 'EVERY DAY' || dayVal == 'EVERYDAY' || dayVal == 'ALL DAY') {
			if (dietydayVal != undefined && dietydayVal != null) {
				dayVal = dietydayVal;
			}
		}
		var nclickF = $('#datepicker1_' + id);
		if (nclickF.length > 0) {
			// Reset datepicker field
			$('#datepicker_' + id).val('');
			$('#datepicker1_' + id).val('');
		} else {
			$('#datepicker_' + id).val('');
		}



		// Uncheck the checkbox (remove from cart)
		$('input[data-id="' + id + '"]').prop('checked', false);

		addTocart();



		if (nclickF.length > 0) {
			// call .datepicker-services1 click
			$('#datepicker1_' + id).trigger('click');
			if ($(nclickF).data('multiDatesPicker')) {
				$(nclickF).multiDatesPicker('destroy');
			}
			if ($(nclickF).hasClass('hasDatepicker')) {
				$(nclickF).removeClass('hasDatepicker');
			}
		} else {
			// call .datepicker-services click
			$('#datepicker_' + id).trigger('click');
			if ($('#datepicker_' + id).data('multiDatesPicker')) {
				$('#datepicker_' + id).multiDatesPicker('destroy');
			}
			if ($('#datepicker_' + id).hasClass('hasDatepicker')) {
				$('#datepicker_' + id).removeClass('hasDatepicker');
			}
		}


	});

	function parseDate(dateString) {
		console.log(dateString);
		if (!dateString || typeof dateString !== 'string') {
			console.error('Invalid date string:', dateString);
			return null; // Or handle it as per your requirement
		}
		var parts = dateString.split('/');
		return new Date(parts[2], parts[0] - 1, parts[1]);
	}

	function clearCart() {

		$('input[name="sponsorships_id[]"]:checked').each(function() {
			$("input[name='sponsorships_id[]']").prop('checked', false);
		});

		if ($("input[name='allCheck']").is(":checked")) {
			$("input[name='allCheck']").prop('checked', false);
		}
		addTocart();

	}

	function addTocart() {

		var totalPrice = 0;
		var cart_type = 'SPONSORSHIP';
		var ids = [];
		var qty = [];
		var ctg = [];
		var serviceTypes = [];
		var serviceName = [];
		var startDate = [];
		var startTime = [];
		var serviceAmount = [];
		var description = [];
		var image = [];
		var cart_ctg = [];
		var is_date_required = [];

		var is_membership_discount = [];
		var membership_discount_amt = [];
		var noDateSelected = 0;
		var addtoCartStatus = true;
		var service_desc = [];
		var serviceOccurrencesNo = [];
		var fullPackage = [];
		var isDietySelected = [];
		var dietyName = [];
		var disclaimerText = [];


		$('input[name="sponsorships_id[]"]:checked').each(function() {
			id = $(this).attr('data-id');

			loader.on();


			var anyAmountCheck = parseFloat($("#anyAmtEvent" + id).val());
			var serviceoccurrencesno = parseFloat($(this).attr('data-serviceOccurrencesNo'));
			if (isNaN(serviceoccurrencesno)) {
				serviceoccurrencesno = '';
			}
			console.log(serviceoccurrencesno);
			if (anyAmountCheck < 0 || anyAmountCheck == 0) {
				$(this).attr('data-price', 0.00);
				$(this).prop('checked', false);
				$("#anyAmtEvent" + id).focus();
				$("#anyAmtEvent" + id).notify(
					"Entered Amount Must Be Greater Than 0!", {
						position: "top"
					}
				);
				addtoCartStatus = false;
				// return false;
			}


			if ($("#anyAmtEvent" + id).val() == '') {
				$(this).attr('data-price', 0.00);
				$(this).prop('checked', false);
				$("#anyAmtEvent" + id).focus();
				$("#anyAmtEvent" + id).notify(
					"Please Enter Any Amount!", {
						position: "top"
					}
				);

				addtoCartStatus = false;
				// return false;
			}



			// else if($("#timepicker_"+id).val().length == 0)
			// {
			// 	$("#timepicker_"+id).focus();
			// 	$(this).prop('checked', false);

			// 	$("#timepicker_"+id).notify(
			// 		"Please select time!",
			// 		{
			// 			position: "top"
			// 		}
			// 		);


			// 	addtoCartStatus = false;
			// 	return false;
			// }

			var init_qty = parseInt($("#quantity-input" + id).val());

			var isdietyselectedVal = $(this).attr('isdietyselected');
			if (isdietyselectedVal != 'YES') {
				isdietyselectedVal = 'NO';
			}
			console.log("isdietyselectedVal: " + isdietyselectedVal);
			isDietySelected.push(isdietyselectedVal);
			if (isdietyselectedVal == 'YES') {

				var selectedValue = $("#dietyName_" + id).val();
				console.log("selectedValue: " + selectedValue);
				console.log(selectedValue == "");
				if (selectedValue == "" || selectedValue == null || selectedValue == undefined) {
					$("#dietyName_" + id).focus();
					$(this).prop('checked', false);

					$("#dietyName_" + id).notify(
						"Please select diety!", {
							position: "top"
						}
					);


					addtoCartStatus = false;
					return false;
				} else {
					dietyName.push(selectedValue.join());
				}
			} else {
				dietyName.push('');
			}


			if ($(this).attr('is_date_required') == 'YES') {

				if (serviceoccurrencesno) {
					if ($("#datepicker1_" + id).val().length == 0) {
						$(this).prop('checked', false);
						$("#datepicker1_" + id).focus();
						$("#datepicker1_" + id).notify(
							"Please select date!", {
								position: "right"
							}
						);
						$("#datepicker1_" + id).trigger('click');

						addtoCartStatus = false;
						return false;
					}
				} else {
					if ($("#datepicker_" + id).val().length == 0) {
						$(this).prop('checked', false);
						$("#datepicker_" + id).focus();
						$("#datepicker_" + id).notify(
							"Please select date!", {
								position: "right"
							}
						);
						$("#datepicker_" + id).trigger('click');

						addtoCartStatus = false;
						return false;
					}
				}
				startDate.push($("#datepicker_" + id).val());
				var dateArray = startDate[0].split(', ');
				var count = dateArray.length;
				var nDateSelectCount = ($("#datepicker_" + id).val()).split(', ');
				nDateSelectCount = nDateSelectCount.length;

				init_qty = (init_qty ? parseInt(init_qty) : 1);
				noDateSelected = noDateSelected + (nDateSelectCount * init_qty);

				if (serviceoccurrencesno) {
					console.log("serviceoccurrencesnodkfgkj");
					console.log(serviceoccurrencesno);
					serviceoccurrencesno = nDateSelectCount;
					totalPrice = (parseFloat(totalPrice) + ((parseFloat($(this).attr('data-price')) * init_qty)));
					// $("#Totalprice_" + $(this).attr('data-id')).html("$&nbsp;" + (parseFloat($(this).attr('data-price')) * init_qty).toFixed(2));
					let Price = parseFloat($(this).attr('data-price')) * init_qty;
					let formatted = Price.toLocaleString('en-US', {
						minimumFractionDigits: 2,
						maximumFractionDigits: 2
					});
					$("#Totalprice_" + $(this).attr('data-id')).html("$&nbsp;" + formatted);


				} else {
					totalPrice = (parseFloat(totalPrice) + ((parseFloat($(this).attr('data-price')) * init_qty) * nDateSelectCount));
					// $("#Totalprice_" + $(this).attr('data-id')).html("$&nbsp;" + (parseFloat($(this).attr('data-price')) * init_qty * nDateSelectCount).toFixed(2));
					let Price = parseFloat($(this).attr('data-price')) * init_qty * nDateSelectCount;
					let formatted = Price.toLocaleString('en-US', {
						minimumFractionDigits: 2,
						maximumFractionDigits: 2
					});
					$("#Totalprice_" + $(this).attr('data-id')).html("$&nbsp;" + formatted);


				}


				// $("#Totalprice_" + $(this).attr('data-id')).html("$&nbsp;" + ((parseFloat($(this).attr('data-price')) * init_qty) * nDateSelectCount) + ".00");
			} else {

				init_qty = (init_qty ? parseInt(init_qty) : 1);
				totalPrice = (parseFloat(totalPrice) + (parseFloat($(this).attr('data-price')) * init_qty));

				// $("#Totalprice_" + $(this).attr('data-id')).html("$&nbsp;" + (parseFloat($(this).attr('data-price')) * init_qty) + ".00");
				let Price = parseFloat($(this).attr('data-price')) * init_qty;
				let formatted = Price.toLocaleString('en-US', {
					minimumFractionDigits: 2,
					maximumFractionDigits: 2
				});
				$("#Totalprice_" + $(this).attr('data-id')).html("$&nbsp;" + formatted);

				startDate.push('');

			}




			let time = $("#timepicker_" + id).val();
			let formattedTime = $("#timepicker_" + id).val();
			if (time) {
				let newTimeArr = time.split(':');
				if (newTimeArr) {
					formattedTime = formatTime(newTimeArr[0], newTimeArr[1]);
				}
			}

			function formatTime(hour, minute) {
				// Convert hour to two digits
				const formattedHour = String(hour).padStart(2, '0');
				// Convert minute to two digits
				const formattedMinute = String(minute).padStart(2, '0');

				return `${formattedHour}:${formattedMinute}`;
			}

			if (time) {
				startTime.push(formattedTime);
			} else {
				startTime.push("");
			}



			ctg.push($(this).attr('data-category'));
			serviceTypes.push($(this).attr('data-service-type'));
			serviceName.push($(this).attr('data-service-name'));
			image.push($(this).attr('data-image'));
			is_membership_discount.push($(this).attr('is_membership_discount'));
			membership_discount_amt.push($(this).attr('membership_discount_amt'));
			disclaimerText.push($(this).attr('disclaimerText'));

			description.push($(this).attr('data-description').replace(/['"`]/g, ''));
			cart_ctg.push($(this).attr('cart_category'));
			// serviceAmount.push($(this).attr('data-price'));
			if (serviceoccurrencesno) {
				// serviceAmount.push(parseFloat(parseFloat($(this).attr('data-price'))/serviceoccurrencesno).toFixed(2));
				fullPackage.push('true');
				serviceAmount.push(parseFloat(parseFloat($(this).attr('data-price')) / nDateSelectCount));
			} else {
				fullPackage.push('false');
				serviceAmount.push($(this).attr('data-price'));
			}
			ids.push($(this).attr('data-id'));
			qty.push(init_qty);
			service_desc.push($(this).attr('data-servicedesc'));
			is_date_required.push($(this).attr('is_date_required'));
			serviceOccurrencesNo.push(serviceoccurrencesno);


		});


		if (addtoCartStatus == false) {
			loader.off();
			return false;
		} else {
			if ($(this).attr('is_date_required') == 'YES') {

				$(".cart-count").text(noDateSelected);
			} else {
				// $(".cart-count").text(ids.length);
			}
			// $(".allPrice").text((totalPrice / 1).toFixed(2));
		}

		$.ajax({
			type: "POST",
			url: "https://htky.vaaptech.com/SponsorNow/addCart",
			data: {
				ids: ids,
				totalPrice: totalPrice,
				qty: qty,
				ctg: ctg,
				serviceTypes: serviceTypes,
				serviceName: serviceName,
				startDate: startDate,
				startTime: startTime,
				serviceAmount: serviceAmount,
				cart_type: cart_type,
				image: image,
				description: description,
				cart_ctg: cart_ctg,
				is_date_required: is_date_required,
				service_desc: service_desc,
				serviceOccurrencesNo: serviceOccurrencesNo,
				is_membership_discount: is_membership_discount,
				membership_discount_amt: membership_discount_amt,
				fullPackage: fullPackage,
				dietyName: dietyName,
				isDietySelected: isDietySelected,
				disclaimerText: disclaimerText,
				defaultServiceTypes: "VASTRAM+SPONSORSHIP"
			},
			success: function(result) {

				console.log(result);
				var parsedResult = JSON.parse(result);
				console.log("result.totalPrice");
				console.log(parsedResult.totalPrice);
				if (parsedResult.status == "1") {
					var totalPrice1 = parsedResult.totalPrice;
					console.log("Total Price:", totalPrice1); // Print to console
					// $(".allPrice").text((totalPrice1 / 1).toFixed(2));
					let formatted = totalPrice1.toLocaleString('en-US', {
						minimumFractionDigits: 2,
						maximumFractionDigits: 2
					});
					$(".allPrice").text(formatted);
				} else {
					// $(".allPrice").text((totalPrice / 1).toFixed(2));
					let formatted = totalPrice.toLocaleString('en-US', {
						minimumFractionDigits: 2,
						maximumFractionDigits: 2
					});
					$(".allPrice").text(formatted);
				}

				// loader.off();
				updateCartCount();
			}
		});


	}


	function quantityMinusFunction(id) {

		var totalPrice = 0;
		var init_qty = parseInt($('#quantity-input' + id).val());
		if (init_qty > 1) {
			init_qty = init_qty ? parseInt(init_qty) - 1 : 0;

			$('#quantity-input' + id).val(init_qty);
		}

		addTocart();
	}

	function quantityPlusFunction(id) {
		var totalPrice = 0;
		var init_qty = parseInt($('#quantity-input' + id).val());


		init_qty = init_qty ? parseInt(init_qty) + 1 : 0;
		$('#quantity-input' + id).val(init_qty);
		addTocart();

	}


	function ViewCart() {
		// if ($(".cart-count").text() > 0) {
		// 	window.location.href = "https://htky.vaaptech.com/SponsorNow/ViewCart";

		// } 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)',
		// 	});


		// }

	}

	function CartCheckLogin(page) {

		if ($(".cart-count").text() > 0) {
			loader.on();

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

					if (data == 0) {
						openLoginModal(page_name);
					} else {

						window.location.href = "https://htky.vaaptech.com/checkout/sponsorship";

					}

				}
			});

		} 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() {
		$('.price_types').change(function() {
			var selectedValue = parseFloat($(this).val()).toFixed(2);

			var id = $(this).attr('id');

			var selectedOption = $(this).find('option:selected');

			var key = selectedOption.attr('key');

			var spanId = "Totalprice_" + id;

			var checkboxId = "checkbox_" + id;

			$("#" + spanId).text('$ ' + selectedValue);
			$("#" + checkboxId).attr('data-price', selectedValue);
			$("#" + checkboxId).attr('data-servicedesc', key);


			addTocart();
		});
	});
</script>
<script type="text/javascript">
	// Get all Accordion and Panel

	$(function() {
		let accHeading = document.querySelectorAll(".accordion");
		let accPanel = document.querySelectorAll(".accordion-panel");

		// alert('dd');
		for (let i = 0; i < accHeading.length; i++) {
			// Execute whenever an accordion is clicked
			accHeading[i].onclick = function() {
				if (this.nextElementSibling.style.maxHeight) {
					hidePanels(); // Hide All open Panels
				} else {
					showPanel(this); // Show the panel
				}
			};
		}



		// Function to Show a Panel
		function showPanel(elem) {
			hidePanels();
			elem.classList.add("active");
			elem.classList.add("minus-sign");
			elem.nextElementSibling.style.maxHeight = elem.nextElementSibling.scrollHeight + "px";
		}

		// Function to Hide all shown Panels
		function hidePanels() {
			for (let i = 0; i < accPanel.length; i++) {
				accPanel[i].style.maxHeight = null;
				accHeading[i].classList.remove("active");
				accHeading[i].classList.remove("minus-sign");
			}
		}
	});


	$(document).ready(function() {
		$(".accordionFirst").click();

		window.scrollTo({
			top: 225,
			behavior: 'smooth'
		});

	});

	$(document).ready(function() {
		$("#searchIcon").click(function() {
			$("#search").toggleClass("d-none");

			if ($("#search").hasClass("d-none")) {
				$("#searchIcon").html("<i class='fa fa-search' aria-hidden='true'></i>");
				$(".search-btn").css("background", "#a20000");
				$(".search-btn").css("display", "none");
				$(".search-btn").css("position", "relative");
				$(".search-btn").css("left", "-40px");
				$(".search-btn").css("z-index", "9");
				$(".search-btn").css("border-radius", "0px 30px 30px 0px");
				$(".search-btn").css("height", "40px");
				$("#search").val('');
				$(".serviceSearch").show();
				if ($(window).width() < 768) {
					$(".search-container").css("order", "1"); // Moves first div to second position
					$(".d-flex.justify-content-end").css("order", "2");
					$("#search_col").css("display", "flex");
				}
			} else {
				$("#searchIcon").html("<i class='fa fa-times' aria-hidden='true'></i>");
				$(".search-btn").css("background", "#a20000");
				$(".search-btn").css("display", "block");
				$(".search-btn").css("position", "relative");
				$(".search-btn").css("left", "-40px");
				$(".search-btn").css("z-index", "9");
				$(".search-btn").css("border-radius", "0px 30px 30px 0px");
				$(".search-btn").css("height", "40px");
				if ($(window).width() < 768) {
					$(".search-container").css("order", "2"); // Moves first div to second position
					$(".d-flex.justify-content-end").css("order", "1");
					$("#search_col").css("display", "flow");
				}
			}
		});
	});

	function availabelServiceList(serviceID) {

		loader.on();
		var serviceObject = $("input[value='" + serviceID + "']");
		var startDate = $(serviceObject).attr('data-start-date');
		var startTime = $(serviceObject).attr('data-start-time');
		var serviceName = $(serviceObject).attr('data-service-name');
		var endDate = $(serviceObject).attr('data-end-date');
		var endTime = $(serviceObject).attr('data-end-time');
		var daytype = $(serviceObject).attr('data-daytype');
		var cutofftime = $(serviceObject).attr('cutofftime');
		var holdingDates = $(serviceObject).attr('data-holdingDates');

		var BookingLimitPerDay = $(serviceObject).attr('data-BookingLimitPerDay');


		$.ajax({
			url: "https://htky.vaaptech.com/Services/checkServiceAvailibilty",
			type: "POST",
			data: {
				startDate: startDate,
				startTime: startTime,
				serviceName: serviceName,
				endDate: endDate,
				endTime: endTime,
				daytype: daytype,
				cutofftime: cutofftime,
				BookingLimitPerDay: BookingLimitPerDay,
				serviceID: serviceID,
				holdingDates: holdingDates,
			},
			dataType: "json",
			success: function(data) {
				loader.off();

				if (data.statusCode) {
					console.log("show");
					$("#service_titlt_vadamala").text(serviceName + " Service Availability List");
					$("#showServiceListModal").modal('show');
					$("#headerMonths").text(data.headerMonths);
					$("#showServiceListModal table tbody").html(data.servicesList);

				} else {

				}

			}
		});
	}


	function serviceAvailabilitybook(obj) {
		$("#showServiceListModal").modal('hide');
		var date = $(obj).attr('data-date');
		var serviceID = $(obj).attr('data-service-id');
		var noAvailability = $(obj).attr('data-availability');

		$("#datepicker_" + serviceID).val(date);
		$("#timepicker_" + serviceID).prop('required', true);
		$("#quantity-input" + serviceID).attr('max', noAvailability);

	}
</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">

  <!-- 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>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
  <!-- 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;
  }
}
  </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;
      }
    }

    @media only screen and (max-width:940px) {
      .heder-btn-div {
        display: flex !important;
      }

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

      #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) {
      .left-logo {
        width: fit-content !important;
      }

      .header-web-name-div {
        width: auto !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;
      }
    }

    @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 style="float:left;" 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="dropdownMenuEducation" 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="" 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);" class="navlink dotlgbtn " onclick="checkLoginStatus()">SIGN-IN</a></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>

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

         -->


      </ul>
      <i class="bi bi-list mobile-nav-toggle text-white"></i>
    </nav>

  </div>
</header><!-- End Header -->
<!-- light box -->
<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>
<script type="text/javascript" src="https://htky.vaaptech.com/admin_assets/js/sweetalert2.all.min.js"></script>
<link href="https://htky.vaaptech.com/admin_assets/css/sweetalert2.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://htky.vaaptech.com/assets/css/services-cart.css">
<link rel="stylesheet" type="text/css" href="https://htky.vaaptech.com/assets/css/deities.css">
<style>
	.search-container {
		position: relative;
		display: flex;
		align-items: center;
		margin-top: 1rem !important;
		/* margin-top: 4rem !important; */
	}

	.search-icon {
		cursor: pointer;
		font-size: 24px;
		padding: 10px;
	}

	.search-input {
		width: 0;
		padding: 0;
		/*opacity: 0;*/
		transition: all 0.3s ease;
		border: 1px solid #ccc;
	}

	.search-input.open {
		/* width: 200px; */
		padding: 5px 5px 5px 39px;
		opacity: 1;
	}

	#search_col {
		display: flex;
		align-items: center;
		justify-content: end;
	}

	@media only screen and (min-width: 992px) {
		.services-thumb {
			height: 120px !important;
			/* height: 90px !important; */
		}
	}

	.dropdown-container {
		position: relative;
		/* Positioning context for the dropdown */
		display: inline-block;
	}

	.dropdown-button {
		padding: 10px 20px;
		cursor: pointer;
		border: 1px solid #ccc;
	}

	.scrollable-dropdown {
		position: absolute;
		top: 100%;
		/* Opens below the button */
		left: 0;
		max-height: 200px;
		/* Adjust the height as needed */
		overflow-y: scroll;
		list-style-type: none;
		padding: 0;
		margin: 0;
		background-color: #fff;
		border: 1px solid #ccc;
		z-index: 1000;
		/* width: 100%; */
		width: fit-content;
		z-index: 9;
		background-color: #100837 !important;
	}

	/* Optional: Style scrollbar for WebKit browsers */
	.scrollable-dropdown::-webkit-scrollbar {
		width: 8px;
	}

	.scrollable-dropdown::-webkit-scrollbar-thumb {
		background-color: #888;
		border-radius: 4px;
	}

	.scrollable-dropdown::-webkit-scrollbar-thumb:hover {
		background-color: #555;
	}

	@media (max-width: 768px) {
		#ServicesByServiceEventTypeList {
			transform: translate3d(1px, 25px, 0px);
			overflow: scroll;
			max-width: 80vw;
		}

		#ServicesByServiceEventTypeList a {
			min-width: max-content !important;
			width: 102vw;
		}
	}

	@media (max-width: 1400px) and (min-width: 1200px) {
		.res-amount {
			margin-left: -40px !important;
		}
	}

	.datepicker-services::placeholder,
	.timepicker-services::placeholder {
		/* color: var(--main-color-new-theme) !important; */
		color: #000000 !important;
	}

	@media only screen and (max-width: 768px) {
		.col-md-12 i {
			display: block;
			text-align: center;
			margin-top: 5px !important;
			font-size: 1.5em;
		}
	}

	.amount-input::placeholder {
		color: #d6fff7 !important;
	}

	.select2-container--default .select2-selection--multiple .select2-selection__choice__display {

		color: #000000 !important;
	}
</style>
<main id="main">
	<!-- ======= Coming Soon ======= -->

	<section class="temple-services">

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

		<div class="row mb-0 pb-0" style="padding: 0px 50px;">

			<center class="mb-1">
				<h2 class="text-center mb-0" style="font-weight:bold!important;font-size: 30px!important;text-shadow: 1px 1px 5px #FA9D1E;">
<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: sponsor-now-services/sponsor-now-services.php</p>
<p>Line Number: 152</p>


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

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 44<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: sponsor-now-services/sponsor-now-services.php</p>
<p>Line Number: 152</p>


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

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 44<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></h2>
				<img src="https://htky.vaaptech.com/assets/img/border.png" width="20%" alt="
<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: sponsor-now-services/sponsor-now-services.php</p>
<p>Line Number: 153</p>


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

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 44<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: sponsor-now-services/sponsor-now-services.php</p>
<p>Line Number: 153</p>


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

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 44<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>" style="height:auto!important;">

				<h3></h3>
			</center>

			<!-- <div class="col-md-6 mb-0 pb-0 aos-init aos-animate" data-aos="fade-right">
				<div style="height:422px;width: 100%;display: flex; justify-content: center; align-items: center;">
					<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:  Trying to access array offset on value of type null</p>
<p>Filename: sponsor-now-services/sponsor-now-services.php</p>
<p>Line Number: 170</p>


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

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 44<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: sponsor-now-services/sponsor-now-services.php</p>
<p>Line Number: 170</p>


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

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 44<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 rounded shadow" style="width: 100%; height:auto;max-width: 100%;max-height: 100%;">
				</div>
			</div>

			<div class="text-center mb-0 pb-0 col-md-6 aos-init aos-animate" data-aos="fade-left">

				<p class="text-start">
					
<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: sponsor-now-services/sponsor-now-services.php</p>
<p>Line Number: 177</p>


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

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 44<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: sponsor-now-services/sponsor-now-services.php</p>
<p>Line Number: 177</p>


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

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 44<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>				</p>

			</div> -->
		</div>

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


		Error:Failed connect to aspgen.vaaptech.com:9000; Connection refusedError:Failed connect to aspgen.vaaptech.com:9000; Connection refused
		<div class="bg-image shadow-1-strong">
			<div class="row">
				<div class="col-md-12 mx-auto">
					<div class="row m-0 p-0">
						<div class="col-md-12" id="search_col">
							<!-- <div class="search-container">
								<input type="search" name="q" id="search" class="search-input search-text searchKey d-none" placeholder="Search..." autocomplete="off" style="">
								<span class="search-icon" id="searchIcon">🔍</span>
							</div> -->
							<div class="search-container">
								<span class="search-icon" id="searchIcon"><i class="fa fa-search" aria-hidden="true"></i></span>
								<input type="search" name="q" id="search" class="search-input search-text searchKey d-none" placeholder="Search..." autocomplete="off">
								<button class="search-btn" id="search-btn"><i class="fa fa-search" aria-hidden="true"></i></button>
							</div>
							<!--</div>
						<div class="col-md-12">
							 <div class="row" id="searchField">
								<div class="col-md-12 m-0 p-0">

									<div class="px-5">
										<input type="search" name="q" id="search" class="search-text searchKey" placeholder="Search..." autocomplete="off" style="margin-left: 10px;height: 70px;">
									</div>
								</div>
							</div> -->

							<!-- <div class="row mt-5" style="display: flex; flex-direction: row; align-content: flex-end; align-items: flex-end;"> -->

							<div class="d-flex justify-content-end align-items-end" style="border-bottom: 20px;">
								<div class="row px-0 mx-0">
									<!-- <div class="col-md-4  px-4" style="display: flex;align-items: flex-end;">
									<div class="row m-0 p-0">
										<div class="col-md-12 m-0 p-0">

											<!-- <div class="px-2">
													<input type="search" name="q" id="search" class="search-text searchKey" placeholder="Search..." autocomplete="off" style="margin-left: 10px;     width: 400px;height: 56px;">
												</div> ->
										</div>
									</div>
								</div> -->

									<!-- <div class="col-md-3">
									<h2 class="bottomborder text-center pb-1 mb-2" style="font-weight:bold!important;font-size: 25px!important;">SPONSOR NOW </h2>
								</div> -->

									<div class="col-md-12">
										<div class="d-flex justify-content-end align-items-end" style="border-bottom: 20px;" id="RightField">
											<div class="text-white px-4">
												<div class="row">
													<div class="col-md-9 text-start text-dark">
														<span class="fw-bold" style="padding-left: 34px;">Total Amount</span>
													</div>
												</div>

												<div style="display: flex;align-items: flex-end;">
													<span style="padding-right:6px!important">
														<a href="javascript:void(0)" onclick="ViewCart()"> <i class="fa fa-shopping-cart fa-2x" style="color:#000030;"></i>
															<span class="cart-count text-dark" style="font-size: 14px!important;">0</span></a>
													</span>
													<label class="label label-primary price-span">$ <span class="allPrice">0.00</span></label>



																											<a href="javascript:void(0)" class="btn btn-success paymentBtn" onclick="CartCheckLogin('sponsorships')">
															Proceed To Checkout														</a>
													
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>




						<div class="justify-content-center align-items-center filter-tab px-2 mt-3" style="overflow:hidden">

							<!-- <div style="padding: 0px 50px;" id="Abc"> -->
							<div style="padding: 0px 10px;" id="Abc">
								<div class="responsive-container">
									<div class="tab-content  table-responsive" id="myTabContent">
										Error: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: 6577</p>


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

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

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 44<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: Warning</p>
<p>Message:  Invalid argument supplied for foreach()</p>
<p>Filename: helpers/application_helper.php</p>
<p>Line Number: 1269</p>


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

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

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

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 44<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: Warning</p>
<p>Message:  array_multisort(): Argument #3 is expected to be an array or a sort flag</p>
<p>Filename: helpers/application_helper.php</p>
<p>Line Number: 1273</p>


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

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

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

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 44<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>Error:Failed connect to aspgen.vaaptech.com:9000; Connection refused<div class="text-center text-danger my-5">There are no Services in this category.</div>										<div id="emptyServices" style="padding: 4px 66px; font-size: 21px; font-weight: 700;">

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

							</div>


						</div>



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

	</section>


	<!-- ////////// availabel service list  //////////-->
	<div class="modal fade" id="showServiceListModal" tabindex="-1" role="dialog" aria-labelledby="showServiceListModalTitle" aria-hidden="true" data-keyboard="false" data-backdrop="static">
		<div class="modal-dialog modal-lg " role="document">
			<div class="modal-content modal-dialog-scrollable">


				<form action="#" method="post">
					<div class="modal-header text-center" style="background: #910000;">
						<h5 class="modal-title bottomborder modatTitle" style="color: #ffffff!important;font-size: 23px!important;" id="service_titlt_vadamala">Service Availability List</h5>

						<button type="button" class="btn-close m-0" data-bs-dismiss="modal" aria-label="Close" style="filter: invert(100%) brightness(1000%) contrast(1000%);font-size: 16px; border: 2px solid black;"></button>
					</div>
					<div class="modal-body">
						<div class="container">

							<table class="table table-responsive table-bordered table-hover table-stripe border-dark" style="background: #fff6be;">
								<thead class="service-list-header">
									<tr>
										<th style="padding: 10px 33px;">Date <span id="headerMonths"></span></th>
										<th style="margin-right: 28px;text-align: end;padding: 7px 60px;">Availability</th>
									</tr>
								</thead>

								<tbody>
								</tbody>
							</table>


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

	<!-- //////////////////////////////// -->
</main>

<input type="hidden" id="datesArray" value="">


<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: 95</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/includes/modals.php<br />
			Line: 95<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-services.php<br />
			Line: 391<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 44<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: 95</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/includes/modals.php<br />
			Line: 95<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-services.php<br />
			Line: 391<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 44<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 - Head of Household <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 - Head of Household" 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 - Head of Household <span class="text-danger">*</span></label>
                          <input type="text" id="fname" name="fname" class="form-control" autocomplete="off" placeholder="Enter First Name - Head of Household" />
                        </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 - Head of Household <span class="text-danger">*</span></label>
                          <input type="text" id="lname" name="lname" class="form-control" autocomplete="off" placeholder="Enter Last Name - Head of Household" />
                        </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 - Head of Household <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);" 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 -->


<!-- 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="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>

                        <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="nonEditCuntryCode2(this);" 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="openSignupModal()" id="signupLink">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: 659</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/includes/modals.php<br />
			Line: 659<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-services.php<br />
			Line: 391<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 44<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: 659</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/views/includes/modals.php<br />
			Line: 659<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-services.php<br />
			Line: 391<br />
			Function: view			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/htky.vaaptech.com/application/controllers/SponsorNow.php<br />
			Line: 44<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>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.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>

<!-- Template Main JS File -->
<script src="https://htky.vaaptech.com/assets/js/main.js"></script>

<script type="text/javascript">
  $('#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 - Head of Household");
      $("#fname").attr("placeholder", "Enter First Name - Head of Household");
      $("#lname").attr("placeholder", "Enter Last Name - Head of Household");

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

      $("#signupEmailLable").html("Email - Head of Household");
      $("#fnameLable").html("First Name - Head of Household");
      $("#lnameLable").html("Last Name - Head of Household");
      $("#signupPhoneNumberLable").html("Phone Number - Head of Household");
      $("#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 - Head of Household");
    $("#fname").attr("placeholder", "Enter First Name - Head of Household");
    $("#lname").attr("placeholder", "Enter Last Name - Head of Household");

    $('#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 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 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('');
    }



  }

  // $(".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-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";
      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/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 ($("#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 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();
          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 {
            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
    $.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 {
          openSignupModal();
          // 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);
        alert('Error submitting form');
      }
    });
  }

  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() {
    $('.js-example-basic-multiple').select2(
      {
        
    placeholder: "--select diety--",
    allowClear: true
      }
    );
});

$(document).on('change', '.js-example-basic-multiple', function() {
    const max =parseInt($(this).attr('data-maxDeitySelection'));
    // alert(max);
    if (max >1) {
        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>