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


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

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

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

		
	

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

<style type="text/css">
  body{
    background-color: var(--main-color-new-theme) !important;
  }
  audio {
    /*border-radius: 90px;*/
    width: 250px;
    height: 45px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid white;
    border-radius: 28px;
  }

  audio::-webkit-media-controls-time-remaining-display {
    display: none !important;
  }

  audio::-webkit-media-controls-current-time-display {
    display: none !important;
  }

  audio::-webkit-media-controls-play-button,
  audio::-webkit-media-controls-panel {
    color: #fff;
    background-color: var(--main-color-new-theme) !important;
  }

  .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 !important;
    }

    .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;
  }
</style>

<footer id="footer" class="temple-services">
  <div class="footer-top border-top border-secondary">
    <div class="container-fluid px-3 px-md-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://preview.vaaptech.com/b-temple/assets/img/logo.png" alt="Bharatiya Temple" class="img-fluid footer-logo m-0">
                            <!-- =================================== -->

              <!-- ==========================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>
                <!-- <li><a href=" http://localhost/WEBSITE_PREVIEW/b-temple/" class="footer-font-size">HINDU SCHOOL</a></li> -->

                <li><a href="https://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/about-temple" class="footer-font-size">ABOUT TEMPLE</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/all-upcoming-events" class="footer-font-size">EVENTS</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/services" class="footer-font-size">SERVICES</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/donations" class="footer-font-size">DONATIONS</a></li>
                <!-- <li><a href="https://preview.vaaptech.com/b-temple/calendar" class="footer-font-size">CALENDAR</a></li> -->
                <!-- <li><a href="https://preview.vaaptech.com/b-temple/gallery" class="footer-font-size">GALLERY</a></li> -->
                <!-- <li><a href="https://preview.vaaptech.com/b-temple/volunteer" class="footer-font-size">VOLUNTEER FORM</a></li>
          <li><a href="https://preview.vaaptech.com/b-temple/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">
                <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(--white)!important;border-bottom: 1px solid var(--white)!important;color: var(--white)!important;" class="footer-font-size">WEEKDAYS:</td>
                        <td style="border-bottom: 1px solid var(--white)!important;color: var(--white)!important;" class="footer-font-size"> <br></td>
                      </tr>
                      <tr>

                        <td style="border-right: 1px solid var(--white)!important;border-bottom: 1px solid var(--white)!important;color: var(--white)!important;" class="footer-font-size">WEEKENDS:</td>
                        <td style="border-bottom: 1px solid var(--white)!important;color: var(--white)!important;" class="footer-font-size"> </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                <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">
            <div class="col-lg-4 col-md-4 m-0 p-0 footer-contact">
              <div class="footer-divider" style="border-style: solid;border-width: 2px 2px 2px 2px;border-color: var(--white)!important;box-shadow: 0px 0px 10px 0px rgb(216 16 16 / 21%);transform: rotate(102deg);margin: 130px -75px;width: 240%;">
              </div>
            </div>
            <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://preview.vaaptech.com/b-temple/contact-us";loader.on();' style="cursor: pointer;color: #635C81; border-radius: 20px;  border-color: var(--white)!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">


                
<script type="text/javascript" src="https://preview.vaaptech.com/b-temple/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();
		});
	});

	$(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://preview.vaaptech.com/b-temple/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) ?[]: 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://preview.vaaptech.com/b-temple/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) ?[]: 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;
				}
			}
		}
		console.log("dayVal: "+dayVal);
		console.log(dayVal == 'EVERY MONTH');
		if (dayVal !== '' && dayVal != 'EVERY DAY' && dayVal != 'EVERY MONTH' && dayVal != 'EVERYMONTH' && 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://preview.vaaptech.com/b-temple/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 if (dayVal == 'EVERY MONTH' || dayVal == 'EVERYMONTH') {
			// alert(dayVal);
			console.log("dayVal===>");
			console.log(dayVal);
			dayType='';
			
									$(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
									console.log("dateText===>");
									console.log(dateText);
										// 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
								

										// Get next occurrences based on the day type
										var nextDates = getNextMonthOccurrences(new Date(dateText), serviceOccurrencesNo-1,holdingDatesArr);

										// Combine selected date with next occurrences
										selectedDates = [dateText].concat(nextDates); // Resetting to only the new selection and its occurrences
										var formattedDates = selectedDates.join(", ");
										console.log("selectedDates");
										console.log(selectedDates);
										// 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.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');
		}
	});
	function getNextMonthOccurrences(date, occurrences,holdingDatesArr=[]) {

		var nextDates = [];
		var count = 0;

		let startDay = date.getDate(); 
		let startMonth = date.getMonth();
		let startYear = date.getFullYear();

		while (count < occurrences) {

			startMonth++;

			if (startMonth > 11) {
				startMonth = 0;
				startYear++;
			}

			let lastDayOfMonth = new Date(startYear, startMonth + 1, 0).getDate();

			let newDay = startDay;
			if (startDay > lastDayOfMonth) {
				newDay = lastDayOfMonth;
			}

			let newDate = new Date(startYear, startMonth, newDay);
			let formatted = $.datepicker.formatDate('mm/dd/yy', newDate);
			console.log("nextDates==>");
			console.log(formatted);
			if (!holdingDatesArr.includes(formatted)) {
				nextDates.push(formatted);
				count++;
			}
		
		}

		return nextDates;
	}

	function getNextMonthOccurrencesw(date, dayType, occurrences,holdingDatesArr=[]) {

			var nextDates = [];
			var count = 0;

			// Store original selected day
			let startDay = date.getDate();
			let startMonth = date.getMonth();
			let startYear = date.getFullYear();

			while (count < occurrences) {

				// Move to next month
				startMonth++;

				// Handle year change
				if (startMonth > 11) {
					startMonth = 0;
					startYear++;
				}

				// Get last date of this month
				let lastDayOfMonth = new Date(startYear, startMonth + 1, 0).getDate();

				// Default = same day as first selected
				let newDay = startDay;

				// If that day does NOT exist in this month, take last day of month
				if (startDay > lastDayOfMonth) {
					newDay = lastDayOfMonth;
				}

				let newDate = new Date(startYear, startMonth, newDay);
				let formatted = $.datepicker.formatDate('mm/dd/yy', newDate);

				// Skip blocked/holding dates
				if (!holdingDatesArr.includes(formatted)) {
					nextDates.push(formatted);
					count++;
				}
			}

			return nextDates;
	}


	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 (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);
				}
			} else {
				dietyName.push('');
			}


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

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

					var dayVal = $("#datepicker_" + id).attr('daytype');
					var nclickF = $("#datepicker_" + id);

					$.ajax({
						type: "POST",
						url: "https://preview.vaaptech.com/b-temple/SponsorNow/getThithiNext90Days",
						data: {
							tithi: dayVal
						},
						dataType: 'json',
						success: function(result) {
							$("#datesArray").val(result);



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


							if (!$(nclickF).hasClass('hasDatepicker')) {
								if (dayVal == '') {
									$(nclickF).multiDatesPicker({
										dateFormat: "mm/dd/yy",
										minDate: 0,
										changeMonth: true,
										changeYear: false,
										onSelect: function(dateText, inst) {
											$(this).datepicker('show');
											addTocart();
										}
									});
								} else {

									$(nclickF).multiDatesPicker({
										dateFormat: "mm/dd/yy",
										minDate: 0,
										changeMonth: true,
										changeYear: false,
										onSelect: function(dateText, inst) {
											$(this).datepicker('show');
											addTocart();
										},


										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();


											if (!dayVal || dayVal === '') {
												return [date >= today]; // Enable only dates from today onward
											} else if (dayOfWeek.toUpperCase() === dayVal.toUpperCase()) {
												// return [true];
												return [date >= today];
											} else if (tithis.includes(dayVal.toUpperCase())) {

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




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



											} else if (getWeekdayOccurrence(date) === dayVal.toUpperCase()) {
												// return [true];
												return [date >= today];
											} else {
												return [false];
											}
										}
									});
								}
							}

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

						}
					});

					addtoCartStatus = false;
					return false;
				}

				startDate.push($("#datepicker_" + id).val());
				console.log($("#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) {
					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));

				} 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));

				}


				// $("#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");
				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'));
			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')) / serviceoccurrencesno));
				// console.log($(this).attr('data-service-name'));
				// console.log(parseFloat($(this).attr('data-price')) / serviceoccurrencesno);
			} else {
				fullPackage.push('false');
				serviceAmount.push($(this).attr('data-price'));
			}
			// console.log(serviceoccurrencesno);
			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($(this).attr('data-serviceOccurrencesNo'));
			serviceOccurrencesNo.push(isNaN(serviceoccurrencesno) ? '' : 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://preview.vaaptech.com/b-temple/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: "ANNUAL+PUJA+SPONSOR"
			},
			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));
				} else {
					$(".allPrice").text((totalPrice / 1).toFixed(2));
				}

				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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/check-login-status",
				type: "POST",
				dataType: "json",
				success: function(data) {
					loader.off();

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

						window.location.href = "https://preview.vaaptech.com/b-temple/checkout/sponsorship";

					}

				}
			});

		} else {
			Swal.fire({
				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");
				}
			}
		});
	});
</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 | Bharatiya Temple</title>
  <meta content="Bharatiya Temple and Cultural Center">
  <meta name="keywords" content="Bharatiya Temple and Cultural Center">

  <!-- Favicons -->
  <link href="https://preview.vaaptech.com/b-temple/assets/img/favicon.ico" rel="icon">
  <link href="https://preview.vaaptech.com/b-temple/assets/img/apple-touch-icon.png" rel="apple-touch-icon">
  <!-- Vendor CSS Files -->
  <link href="https://preview.vaaptech.com/b-temple/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://preview.vaaptech.com/b-temple/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="https://preview.vaaptech.com/b-temple/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="https://preview.vaaptech.com/b-temple/assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="https://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/assets/js/jquery.min.js"></script>
  <script type="text/javascript" src="https://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/assets/css/style.css" rel="stylesheet">
  <link href="https://preview.vaaptech.com/b-temple/assets/css/custom.css" rel="stylesheet">

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

  <link href="https://preview.vaaptech.com/b-temple/assets/vendor/animate.css/animate.min.css" rel="stylesheet">
  <link href="https://preview.vaaptech.com/b-temple/assets/vendor/aos/aos.css" rel="stylesheet">

  <!-- country_code links -->
  <link rel="stylesheet" type="text/css" href="https://preview.vaaptech.com/b-temple/assets/css/intlTelInput.css?1549804213570">
  <script type="text/javascript" src="https://preview.vaaptech.com/b-temple/assets/js/intlTelInput.js?1549804213570"></script>
  <!-- country_code links -->

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

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

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

  <link rel="stylesheet" href="https://preview.vaaptech.com/b-temple/assets/css/time-picker.css"/>
  <!-- Include the date picker library -->
  <link rel="stylesheet" href="https://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/assets/css/ldld.min.css">
  <script type="text/javascript" charset="utf8" src="https://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/assets/js/translator-float.js" defer></script>
 
  <!-- ==========Language Translator Scripts============= -->

  <link href="https://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/assets/js/ui-icons_444444_256x240.png")!important;
    }
    .ui-widget-header .ui-icon {
      background-image: url("https://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/assets/css/toast.css' rel='stylesheet' type='text/css'>
    <link href='https://preview.vaaptech.com/b-temple/assets/css/animated-button2.css' rel='stylesheet' type='text/css'>
</head><link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet">
<script src="https://unpkg.com/feather-icons"></script>
<link rel="stylesheet" type="text/css" href="https://preview.vaaptech.com/b-temple/assets/css/animated-button2.css">


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

<style>
    /* --- Header & Navigation --- */
    #main-header {
        /* position: sticky; */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        transition: background-color 0.4s ease, box-shadow 0.4s ease;
        color: var(--light-text);
        background-color: var(--main-color-new-theme);
    }

    /* #main-header.scrolled {
        background-color: rgb(255 255 255 / 90%);
        color: var(--dark-text);
        backdrop-filter: blur(5px);
    } */

    #main-header.scrolled .top-bar {
        display: none;
    }

    .top-bar {
        width: 95%;
        margin: auto;
        color: #202020;
        padding: 8px 0;
        font-size: 0.8rem;
        border-bottom: 1px solid #202020;
    }

    .top-bar .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .main-nav {
        padding: 5px 0;
    }

    .main-nav .container {
        width: 95%;
        margin: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: black;
    }

    .logo {
        /* font-family: 'Playfair Display', serif; */
        font-family: Arial, sans-serif !important;
        font-size: 2.2rem !important;
        font-weight: 800;
        display: flex;
        align-items: center;
        text-decoration: none !important;
    }

    .logo img {
        margin-right: 10px;
        border-radius: 50%;
        height: 110px !important;
    }

    .logo:hover {
        color: #7b0406 !important;
    }

    .hamburger-menu {
        width: 40px;
        height: 20px !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
        cursor: pointer;
    }

    .bar {
        height: 3px;
        background-color: white !important;
        border-radius: 3px;
        transition: all 0.3s ease;
    }

    .first-bar {
        width: 30px;
    }

    .middle-bar {
        width: 20px;
    }


    .bottom-bar {
        width: 10px;
        /* Bottom bar: smallest */
    }

    .menu-header {
        border-bottom: 1px solid #d7fb8d;
    }

    /* responsiveness design */
    @media (max-width: 768px) {
        .hamburger-menu {
            width: 35px;
            height: 25px;
        }

        .first-bar,
        .middle-bar,
        .bottom-bar {
            height: 5px;
            /* Slightly thinner bars on smaller screens */
        }

        .first-bar {
            /* width: 45px; */
            width: 35px;
            /* Adjust the width for smaller screens */
        }

        .middle-bar {
            /* width: 30px; */
            width: 25px;
        }

        .bottom-bar {
            width: 15px;
        }
    }



    /* --- New Slide-In Menu from right --- */
    .slide-in-menu {
        position: fixed;
        top: 0;
        right: -320px;
        /* Initially hidden off-screen */
        width: 260px;
        height: 100vh;
        /* background-color: #222121; */
        background-color: var(--main-color-new-theme);
        /* background-color: #5e175e; */
        box-shadow: 5px 0 15px rgba(0, 0, 0, 0.1);
        z-index: 9999;
        transition: left 0.4s ease-in-out;
        display: flex;
        flex-direction: column;
        transition: all 0.3s ease;
    }

    .slide-in-menu.active {
        right: 0;
        /* When active, slide in from the right */
    }

    /* Menu Header */
    .menu-header {
        padding: 15px 25px;
        border-bottom: 1px solid var(--border-color);
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    /* Custom Cross Icon (close button) */
    .close-btn {
        cursor: pointer;
        position: relative;
        width: 30px;
        height: 30px;
        color: white;
    }

    /* .close-btn:before,
    .close-btn:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 2px;
        background-color: #ffffffff;
        transition: transform 0.3s ease;
        transform-origin: center;
    } */

    .close-btn:before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .close-btn:after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    /* Menu Links */
    .menu-links {
        padding: 20px;
        flex-grow: 1;
        overflow-y: auto;
        list-style-type: none;
    }

    .menu-links li {
        padding: 5px 0;
    }

    .menu-links li a {
        color: #ffffff;
        font-size: 1rem;
        border-radius: 8px;
        font-weight: 500;
        display: block;
        text-decoration: none;
        padding: 5px 10px;
        /* padding: 10px; */
        transition: background-color 0.3s;
    }

    .menu-links li a:hover {
        /* background-color: #e8af3cff; */
        background-color: #d7fb8d !important;
        color: black !important;
    }

    .menu-links li a.active {
        background-color: #d7fb8d !important;
        color: black !important;
    }


    /* Footer with Login/Logout and Social Icons */
    .menu-footer {
        padding: 15px 25px;
        border-top: 1px solid var(--border-color);
        display: flex;
        flex-direction: column;
    }

    .menu-footer a {
        color: white !important;
    }

    .social-icons {
        display: flex;
        gap: 10px;
    }

    .social-icons a {
        color: #555;
        font-size: 1.5rem;
        transition: color 0.3s;
    }

    .social-icons a:hover {
        color: #d19a8e;
    }

    /* --- Mobile Responsive --- */
    @media (max-width: 768px) {
        .slide-in-menu {
            width: 250px;
            /* Slightly smaller on mobile */
        }

        .menu-header {
            padding: 10px 20px;
        }

        .menu-links li a {
            font-size: 0.9rem;
            padding: 3px;
        }

        .social-icons a {
            font-size: 1.2rem;
        }
    }

    /* Hide the sub-menu by default */
    /* .menu-item-has-children .sub-menu {
        display: none;
        list-style-type: none;
        padding-left: 20px;
    } */

    .menu-item-has-children .sub-menu {
        display: none;
    }

    .menu-item-has-children.open .sub-menu {
        display: block;
    }



    /* .menu-item-has-children:hover .sub-menu {
        display: block;
    } */

    .menu-item-has-children {
        position: relative;
    }

    .dropdown-icon {
        display: inline-block;
        margin-left: 6px;
        transition: transform 0.3s ease;
        font-size: 0.8em;
        transform: rotate(0deg);
    }

    .menu-item-has-children.open .dropdown-icon {
        transform: rotate(180deg) translateY(5px);
    }



    /* --- overlay1 --- */
    .overlay1 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9998;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.4s, visibility 0.4s;
    }

    .overlay1.active {
        opacity: 1;
        visibility: visible;
    }

    #slide-in-menu-navlink li {
        border-bottom: 1px solid white;
    }

    #slide-in-menu-navlink {
        padding-top: 0px !important;
    }

    .gap {
        height: 115px;
    }

    /*--temple name responsive*/
    .temple_name {
        font-size: 2.5rem;
        align-items: start;
        text-align: start;
    }

    .nav-icons {
        display: block;
    }

    @media only screen and (max-width:1200px) {
        .temple_name {
            font-size: 2rem;
        }
    }

    @media only screen and (max-width: 996px) {
        .main-nav .container {
            /* width: 100% !important; */
        }

        .temple_name {
            font-size: 1.3rem;
        }

        .temple_name span {
            font-weight: 600;
            font-size: 13px !important;
        }

        .logo img {
            height: 70px !important;
        }

        .gap {
            height: 80px;
        }

    }

    @media only screen and (max-width: 776px) {
        .logo {
            display: flex;
            /* display: block; */
            text-align: center;
            margin-bottom: 6px;
        }

        .temple_name {
            font-size: 1rem;
            align-items: center;
            text-align: center;
        }

        /* .main-nav .container
 {
   
    align-items: flex-start;
} */
        .nav-icons {
            /* display: none; */
            display: flex;
            justify-content: flex-end;
            align-items: center;
            width: auto;
        }

        .main-nav .container {
            width: 100% !important;
            margin: auto;
            display: flex;
            /* display: block; */
            /* justify-content: center; */
            justify-content: space-between;
            align-items: center;
            color: black;
        }





        .headhr {
            margin: .2rem 0;
            color: #ffffff;
            border: 0;
            border-top: 1px solid;
            opacity: .25;
            display: none;
        }
    }

    @media only screen and (max-width:515px) {
        .temple_name span {
            font-weight: 600;
            font-size: 11px !important;
        }

        .logo img {
            height: 37px !important;
        }

        .main-nav .container {
            width: 100% !important;
            margin: auto;
            display: block;
            justify-content: center;
            color: black;
        }

        .headhr {
            display: block !important;
        }
    }

    @media only screen and (max-width: 462px) {
        .temple_name {
            font-size: .8rem;
            align-items: center;
            text-align: center;
        }
    }

    @media only screen and (max-width: 376px) {
        .temple_name {
            font-size: .6rem;
            align-items: center;
            text-align: center;
        }

        .temple_name span {
            font-weight: 600;
            font-size: 8px !important;
        }
    }

    .sub-menu {
        list-style-type: none;
    }

    @media (max-width: 768px) {

        .subtitle-text {
            margin-top: 0px !important;
        }

        .temple_name {
            font-size: 1rem !important;
        }
    }
</style>

<header id="main-header">
    <nav class="main-nav">
        <div class="container">
            <a href="https://preview.vaaptech.com/b-temple/" class="logo" style="color: white !important;">
                <img src="https://aspgen.vaaptech.com:9000/" alt="Logo">
                <!-- <img src="https://preview.vaaptech.com/b-temple/assets/img/logo2.png" alt="Logo"> -->

                <div class="d-flex flex-column  temple_name" style="color: #ffc34d !important;">
                                        <span class="subtitle-text" style="color: var(--white); margin-top: -9px;">A Multi Deity Hindu and Jain Temple</span>
                </div>
            </a>
            <hr class="headhr">
            <div class="nav-icons">
                <div class="hamburger-menu" id="hamburger">
                    <div class="bar first-bar"></div>
                    <div class="bar middle-bar"></div>
                    <div class="bar bottom-bar"></div>
                </div>
            </div>
        </div>

    </nav>
</header>

<style>
    .sub-menu li:last-child {
        border-bottom: 0 !important;
    }
</style>

<div class="slide-in-menu" id="slide-in-menu">
    <div class="menu-header">
        <div class="close-btn" id="close-menu">
            <i data-feather="x"></i>
        </div>
    </div>
    <ul class="menu-links" id="slide-in-menu-navlink">

        <!-- HOME -->
        <li><a class="navlink " href="https://preview.vaaptech.com/b-temple/">Home</a></li>

        <!-- SERVICES -->
        <li class="menu-item-has-children">
            <a href="javascript:void(0)" class="navlink1 ">
                Services <i class="fa fa-caret-down dropdown-icon"></i>
            </a>
            <ul class="sub-menu">
                <li><a href="https://preview.vaaptech.com/b-temple/services" class="navlink loader ">Book a Service</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/list-of-puja-services" class="navlink loader ">Private Puja Services</a></li>
            </ul>
        </li>

        <li><a class="navlink loader active" href="https://preview.vaaptech.com/b-temple/sponsor-now">Sponsorship</a></li>
        <li><a class="navlink1 " onclick="closeMenu(); CartCheckLoginTabFacility('facilitiesPage');" href="javascript:void(0);">Facilities</a></li>


        <!-- EVENTS -->
        <li><a class="navlink loader " href="https://preview.vaaptech.com/b-temple/all-upcoming-events">Events</a></li>

        <!-- CALENDAR -->
        <li><a class="navlink loader " href="https://preview.vaaptech.com/b-temple/calendar">Calendar</a></li>

        <!-- DONATIONS -->
        <li class="menu-item-has-children">
            <a href="javascript:void(0)" class="navlink1 ">
                Donations <i class="fa fa-caret-down dropdown-icon"></i>
            </a>
            <ul class="sub-menu">
                <li><a href="https://preview.vaaptech.com/b-temple/donations" class="navlink loader ">General Donations</a></li>
                <!-- <li><a href="https://preview.vaaptech.com/b-temple/recurring-sponsor-now/recurring-donations" class="navlink ">Recurring Donations</a></li> -->
            </ul>
        </li>

        <!-- ABOUT TEMPLE -->
        <li class="menu-item-has-children">
            <a href="javascript:void(0)" class="navlink1 ">
                About Temple <i class="fa fa-caret-down dropdown-icon"></i>
            </a>

            <ul class="sub-menu">
                <li><a href="https://preview.vaaptech.com/b-temple/about-temple" class="navlink loader ">About Temple</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/temple-history" class="navlink loader ">Temple History</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/contact-us" class="navlink loader ">Location & Directions</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/about-committee" class="navlink loader ">Board</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/about-deities" class="navlink loader ">Deities</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/about-priest" class="navlink loader ">Priests</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/temple-etiquette-and-visits" class="navlink loader ">Etiquette</a></li>
                <li><a class="navlink loader " href="https://preview.vaaptech.com/b-temple/indianization">Indianization of Temple</a></li>

                <!-- <li><a href="https://preview.vaaptech.com/b-temple/assets/pdf/HTCC_By_Laws_v1.3.pdf" target="_blank" class="navlink1">By-Laws</a></li> -->
            </ul>
        </li>

        <li><a class="navlink1" href="https://preview.vaaptech.com/b-temple/bvidya" target="_blank">Bharatiya Vidyalaya</a></li>


        <!-- ABOUT TEMPLE -->
        <li class="menu-item-has-children">
            <a href="javascript:void(0)" class="navlink1 ">
                Cultural Center <i class="fa fa-caret-down dropdown-icon"></i>
            </a>

            <ul class="sub-menu">
                <li><a href="https://preview.vaaptech.com/b-temple/academic-enrichment" class="navlink loader ">Academic Enrichment</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/cultural-commitee" class="navlink loader ">Cultural Commitee</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/education-commitee" class="navlink loader ">Education Comitee</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/health-human-servs" class="navlink loader ">Health & Human Servs</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/senior-citizen-group" class="navlink loader ">Senior Citizens</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/special-needs" class="navlink loader ">Special Needs</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/youth-group" class="navlink loader ">Youth Group</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/womens-group" class="navlink loader ">Women Group</a></li>
            </ul>
        </li>

        <!-- ABOUT TEMPLE -->
        <li class="menu-item-has-children">
            <a href="javascript:void(0)" class="navlink1 ">
                Join & Support <i class="fa fa-caret-down dropdown-icon"></i>
            </a>

            <ul class="sub-menu">
                <li><a href="https://preview.vaaptech.com/b-temple/our-members" class="navlink loader ">Our Members</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/our-supporters" class="navlink loader ">Our Supporters</a></li>
                <li><a href="https://preview.vaaptech.com/b-temple/blc-pledges" class="navlink loader ">BLC Pledges</a></li>
                <li><a target="_blank" href="https://preview.vaaptech.com/b-temple/assets/pdf/BCC-Corporate-Matching-Contribution-Process.pdf" class="navlink2 loader ">Bcc Matching Process</a></li>
            </ul>
        </li>


        <!-- <li class="menu-item-has-children">
          <a class="" href="javaScript:void()" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Catering<i class="fa fa-caret-down"></i></a>

          <ul class="sub-menu">
            <li><a class="text-uppercase dropdown-item navlink " href="https://preview.vaaptech.com/b-temple/prasadam">Prasadam</a></li>
            <li><a class="text-uppercase dropdown-item navlink " href="https://preview.vaaptech.com/b-temple/akshaya-patra">Catering</a></li>
          </ul>
        </li> -->
        <!-- <li><a class="navlink " href="https://preview.vaaptech.com/b-temple/prasadam">Prasadam</a></li> -->
        <!-- CONTACT -->
        <li><a class="navlink loader " href="https://preview.vaaptech.com/b-temple/bcc-women-resources">BCC Women Resources</a></li>
        <li><a class="navlink loader " href="https://preview.vaaptech.com/b-temple/rules">Rules</a></li>

        <li><a class="navlink loader " href="https://preview.vaaptech.com/b-temple/contact-us">Contact Us</a></li>

    </ul>

    <div class="menu-footer">
        
            <a href="javaScript:void(0)" onclick="closeMenu();openLoginModal();" class="login-link"></i> Devotee Log In</a>
                <!-- <a href="#" class="login-link"><i data-feather="user"></i> Log In</a> -->
        <div class="social-icons">
            
            
            <!-- <a href="#"><i data-feather="twitter"></i></a>
                <a href="#"><i data-feather="facebook"></i></a>
                <a href="#"><i data-feather="instagram"></i></a> -->
        </div>
    </div>
</div>
<div class="overlay1" id="overlay1"></div>
<div class="gap"></div>

<script>
    // Sticky Header on Scroll
    const header = document.getElementById('main-header');
    window.addEventListener('scroll', () => {
        if (window.scrollY > 20) {
            header.classList.add('scrolled');
        } else {
            header.classList.remove('scrolled');
        }
    });

    // *** NEW Slide-In Menu Logic ***
    const hamburger = document.getElementById('hamburger');
    const slideInMenu = document.getElementById('slide-in-menu');
    const closeMenuBtn = document.getElementById('close-menu');
    const overlay1 = document.getElementById('overlay1');

    function openMenu() {
        slideInMenu.classList.add('active');
        overlay1.classList.add('active');

    }

    function closeMenu() {
        slideInMenu.classList.remove('active');
        overlay1.classList.remove('active');
    }

    hamburger.addEventListener('click', openMenu);
    closeMenuBtn.addEventListener('click', closeMenu);
    overlay1.addEventListener('click', closeMenu);

    // Initialize Feather Icons
    feather.replace();

    document.querySelectorAll('.menu-item-has-children > a').forEach(link => {
        link.addEventListener('click', function(e) {
            e.preventDefault();
            this.parentElement.classList.toggle('open');
        });
    });
</script><!-- light box -->
<link href="https://preview.vaaptech.com/b-temple/assets/css/lightbox.min.css" rel="stylesheet" />
<script src="https://preview.vaaptech.com/b-temple/assets/js/lightbox-plus-jquery.min.js"></script>
<script type="text/javascript" src="https://preview.vaaptech.com/b-temple/admin_assets/js/sweetalert2.all.min.js"></script>
<link href="https://preview.vaaptech.com/b-temple/admin_assets/css/sweetalert2.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://preview.vaaptech.com/b-temple/assets/css/services-cart.css">
<link rel="stylesheet" type="text/css" href="https://preview.vaaptech.com/b-temple/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;
		}

		.cart-icon{
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 2px;
		}

		#search_col {
			justify-content: center;
		}

		.fa-shopping-cart{
			font-size: 1.5em !important;
		}

	}

	@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; */
		}

		.fa-shopping-cart{
			font-size: 2em !important;
		}

		.cart-count{
			font-size: 19px !important;
		}
	}
</style>
<main id="main">
	<!-- ======= Coming Soon ======= -->

	<section class="temple-services" style="background-image: url(https://preview.vaaptech.com/b-temple/assets/img/bg-main-page.jpg);">

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

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


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

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

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/preview.vaaptech.com/b-temple/index.php<br />
			Line: 316<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: 168</p>


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

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

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

		
	

</div></h2>
				<img src="https://preview.vaaptech.com/b-temple/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: 169</p>


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

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

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/preview.vaaptech.com/b-temple/index.php<br />
			Line: 316<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: 169</p>


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

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

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/preview.vaaptech.com/b-temple/index.php<br />
			Line: 316<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: 186</p>


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

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

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/preview.vaaptech.com/b-temple/index.php<br />
			Line: 316<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: 186</p>


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

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

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/preview.vaaptech.com/b-temple/index.php<br />
			Line: 316<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: 193</p>


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

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

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/preview.vaaptech.com/b-temple/index.php<br />
			Line: 316<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: 193</p>


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

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

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/preview.vaaptech.com/b-temple/index.php<br />
			Line: 316<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-0 px-md-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: center;">
													<span style="padding-right:6px!important">
														<a href="javascript:void(0)" class="cart-icon" onclick="ViewCart()"> <i class="fa fa-shopping-cart fa-2x" style="color:#000030;"></i>
															<span class="cart-count text-dark" style="font-size: 14px;">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: 9415</p>


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

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

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

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/preview.vaaptech.com/b-temple/index.php<br />
			Line: 316<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: 1267</p>


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

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

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

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

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/preview.vaaptech.com/b-temple/index.php<br />
			Line: 316<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: 1271</p>


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

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

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

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

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/preview.vaaptech.com/b-temple/index.php<br />
			Line: 316<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>



</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 var(--main-color-new-theme);
  }

  #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://preview.vaaptech.com/b-temple/assets/img/login-backgound.png);">
      <form action="#" method="post" id="sinupformid" onsubmit="return SignupUserLogin('https://preview.vaaptech.com/b-temple/signuplogin')" autocomplete="off">
        <div class="modal-header text-center d-block">
          <h5 class="modal-title modatTitle" style="">SIGN UP</h5>
          <img src="https://preview.vaaptech.com/b-temple/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/preview.vaaptech.com/b-temple/application/views/includes/modals.php<br />
			Line: 95<br />
			Function: _error_handler			</p>

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

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

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

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/preview.vaaptech.com/b-temple/index.php<br />
			Line: 316<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/preview.vaaptech.com/b-temple/application/views/includes/modals.php<br />
			Line: 95<br />
			Function: _error_handler			</p>

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

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

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

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

		
	

</div>https://preview.vaaptech.com/b-temple/assets/img/logo.png" class="img-fluid my-3" height="120px" width="150px" style="display: block;margin-left: auto;margin-right: auto;max-width: 100px!important;height: 100px!important;">
            <div class="row px-2 px-md-5" 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: 17px !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 px-2 px-md-5">
              <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://preview.vaaptech.com/b-temple/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: var(--main-color-new-theme) !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://preview.vaaptech.com/b-temple/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 px-5">
            <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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/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>
                          <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">
                          <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: var(--main-color-new-theme) !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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/assets/img/login-backgound.png);">

      <form action="#" method="post" onsubmit="return SignupUser('https://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/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: 656</p>


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

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

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

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

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/preview.vaaptech.com/b-temple/index.php<br />
			Line: 316<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: 656</p>


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

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

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

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

		
	
		
	
		
			<p style="margin-left:10px">
			File: /var/www/preview.vaaptech.com/b-temple/index.php<br />
			Line: 316<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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/send-email-otp');
  }



  const timerCounter = document.getElementById('timerCounter');
  const timerMessage = document.getElementById("timerMessage");
  const timeCounter2 = document.getElementById("timeCounter2");
</script>
                
                


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

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

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

    <div class="me-md-auto text-center text-md-start text-white">
      <div class="copyright">
        Copyright © <strong><span>2026</span></strong> VAAP Technologies Inc, All rights reserved.
      </div>
      <div class="credits">
      </div>
    </div>
    <!-- <div class="social-links text-center text-md-right pt-3 pt-md-0 text-dark"> -->
    <!-- <a href="https://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/copyright" target="_blank" class="text-dark">COPYRIGHT</a> | <a href="https://preview.vaaptech.com/b-temple/terms-of-use" target="_blank" class="text-dark">TERMS  OF USE</a> | <a href="https://preview.vaaptech.com/b-temple/privacy-policy" target="_blank" class="text-dark">PRIVACY POLICY</a> | <a href="https://preview.vaaptech.com/b-temple/security" target="_blank" class="text-dark">SECURITY</a> -->
      <!-- <a href="https://preview.vaaptech.com/b-temple/delivery-policy" target="_blank" class="text-dark">DELIVERY POLICY </a> | 
  <a href="https://preview.vaaptech.com/b-temple/payment-policy" target="_blank" class="text-dark">PAYMENT POLICY</a> | 
  <a href="https://preview.vaaptech.com/b-temple/refund-policy" target="_blank" class="text-dark">REFUND POLICY</a> | 
  <a href="https://preview.vaaptech.com/b-temple/return-policy" target="_blank" class="text-dark">RETURN POLICY</a> |  -->
      <!-- <a href="https://preview.vaaptech.com/b-temple/copyright" target="_blank" class="text-white">COPYRIGHT</a> | -->
      <a href="https://preview.vaaptech.com/b-temple/terms-of-use" target="_blank" class="text-white">TERMS OF USE</a>&nbsp;&nbsp; <strong>|</strong>&nbsp;&nbsp;
      <a href="https://preview.vaaptech.com/b-temple/privacy-policy" target="_blank" class="text-white">PRIVACY POLICY</a>
      <!-- <a href="https://preview.vaaptech.com/b-temple/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>Error:Failed connect to aspgen.vaaptech.com:9000; Connection refusedError:Failed connect to aspgen.vaaptech.com:9000; Connection refused
<!-- date picker -->
<script src="https://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/assets/js/notify.js"></script>
<script src="https://preview.vaaptech.com/b-temple/assets/js/notify.min.js"></script>
<script src="https://preview.vaaptech.com/b-temple/assets/js/toast.js"></script>

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

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

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


<!-- Vendor JS Files -->
<script src="https://preview.vaaptech.com/b-temple/assets/vendor/aos/aos.js"></script>
<script src="https://preview.vaaptech.com/b-temple/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="https://preview.vaaptech.com/b-temple/assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="https://preview.vaaptech.com/b-temple/assets/vendor/swiper/swiper-bundle.min.js"></script>

<!-- Template Main JS File -->
<script src="https://preview.vaaptech.com/b-temple/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")) {
      console.log("dflgjkdfhgfdhkjghdf loader");
      // loader.on();
    } else if (event.target.matches(".navlink, .loader")) {
      console.log("dflgjkdfhgfdhkjghdf loader2");
      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://preview.vaaptech.com/b-temple/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') {
            window.location.href = "https://preview.vaaptech.com/b-temple/services/serviceRequest";
          } else if (pageName == 'REQUEST-OUTSIDE') {
            window.location.href = "https://preview.vaaptech.com/b-temple/services/request/outside-temple/" + serviceId;
          } else if (pageName == 'out-of-temple') {
            window.location.href = "https://preview.vaaptech.com/b-temple/services/request/out-of-temple/" + serviceId;
          } else if (pageName == 'inside-temple') {
            window.location.href = "https://preview.vaaptech.com/b-temple/services/request/inside-temple/" + serviceId;
          } else if (pageName == 'APARAKARYA') {
            window.location.href = "https://preview.vaaptech.com/b-temple/services/request/aparakarya";
          } else if (pageName == 'PAY-LATER') {
            window.location.href = "https://preview.vaaptech.com/b-temple/services/payLater";
          } else if (pageName == 'facilitiesPage') {
            window.location.href = "https://preview.vaaptech.com/b-temple/facilities";
          } else if (pageName == 'checkout') {
            window.location.href = "https://preview.vaaptech.com/b-temple/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);
            }

            $.ajax({
              url: "https://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/logout"
            } else {
              window.location.reload();
            }

          });
      }
    });

  }

  function openLoginModal(page = '') {

    // alert(page);
    // alert(data);
    var fromPage = page;
    $("#fromPage").val(page);
    $("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 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();
    $("#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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/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 != "") {
            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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/admin/membership"


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


            } else if ($("#fromPage").val() == 'REQUEST-OUTSIDE') {
              window.location.href = "https://preview.vaaptech.com/b-temple/services/request/outside-temple/" + serviceId;
            } else if ($("#fromPage").val() == 'out-of-temple') {
              window.location.href = "https://preview.vaaptech.com/b-temple/services/request/out-of-temple/" + serviceId;
            } else if ($("#fromPage").val() == 'inside-temple') {
              window.location.href = "https://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/services/serviceRequest";
            } else if ($("#fromPage").val() == 'REQUEST-OUTSIDE') {
              window.location.href = "https://preview.vaaptech.com/b-temple/services/request/outside-temple";
            } else if ($("#fromPage").val() == 'out-of-temple') {
              window.location.href = "https://preview.vaaptech.com/b-temple/services/request/out-of-temple";
            } else if ($("#fromPage").val() == 'inside-temple') {
              window.location.href = "https://preview.vaaptech.com/b-temple/services/request/inside-temple";
            } else if ($("#fromPage").val() == 'APARAKARYA') {
              window.location.href = "https://preview.vaaptech.com/b-temple/services/request/aparakarya";
            } else if ($("#fromPage").val() == 'MAKE-PAYMENTS-FORM') {
              window.location.href = "https://preview.vaaptech.com/b-temple/services/MakePayment";
            } else if ($("#fromPage").val() == 'events') {
              window.location.href = "https://preview.vaaptech.com/b-temple/events/checkout";
            } else if ($("#fromPage").val() == 'facilitiesPage') {
              window.location.href = "https://preview.vaaptech.com/b-temple/facilities";
            } else if ($("#fromPage").val() == 'checkout') {
              window.location.href = "https://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/paylater-services/checkout";
              }
            } else if ($("#fromPage").val() == 'donations') {
              window.location.href = "https://preview.vaaptech.com/b-temple/donations/checkout";

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

            } else if ($("#fromPage").val() == 'sponsorships') {
              window.location.href = "https://preview.vaaptech.com/b-temple/checkout/sponsorship";
            } else if ($("#fromPage").val() == 'view-cart') {
              window.location.href = "https://preview.vaaptech.com/b-temple/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 {

              if (LoginTabName == 'Management') {

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

              } else {

                window.location.href = "https://preview.vaaptech.com/b-temple/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 submitPhoneNumberAuth() {
    $("#AdministratorTab").addClass('disabled');
    $("#devoteeTab").addClass('disabled');

    // var phoneNumber = document.getElementById("loginPhoneNumber").value;
    var phone = $('#loginPhoneNumber').val().trim();

    var cuntryCode = $("#loginModal .iti__selected-flag").attr('title');
    cuntryCode = (cuntryCode.split(':')[1]).trim();
    //  phoneNumber = phoneNumber.trim(); // ✅ Country code hatana
    var phoneNumber = phone.replace(/\s+/g, '');
    console.log("phoneNumber: " + phoneNumber);
    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 on this mobile number.',
            theme: 'success',
            closeButton: false,
            autoClose: true,
            afterShow: function() {
              console.log('After show function');
            },
            afterClose: function() {
              console.log('After close function');
            }
          });

          // $(".otpsendmsg_number").html("OTP has been sent on this mobile number.");
          // setTimeout(function(){$(".otpsendmsg_number").text('');},6000);
          $("#recaptcha-container").remove();
        }


      })
      .catch(function(error) {
        console.log(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');
        }
      });


      // $(".otpsendmsg_number_error").html("Please enter 6 digit OTP!");
      // setTimeout(function(){$(".otpsendmsg_number_error").text('');},6000);

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

          PhoneLogin('https://preview.vaaptech.com/b-temple/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");
    }
  });

  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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/assets/js/country_code.js"></script>
<script type="text/javascript" src="https://preview.vaaptech.com/b-temple/assets/js/country_code2.js"></script>
<script type="text/javascript" src="https://preview.vaaptech.com/b-temple/assets/js/time-picker.js"></script>
<script>
  function sendMemberAuthCode(url) {


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

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

    if (email == "") {
      // event.preventDefault();
      // LoginUser('https://preview.vaaptech.com/b-temple/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;
            $('#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'));
    var addCompany = $('#addCompany').is(':checked') ? 'YES' : 'NO';



    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,
          'companyFirstName': companyFirstName,
          'companyLastName': companyLastName,
          'companyId': companyId,
          'companyEmail': companyEmail,
          'companyPhone': newcompanyPhone,
          'companyCountryCode': companyCountryCode,
          'registrationType': registrationType,
          '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 {
                // $('.signupBtnClose').click();
                // $("#signupModal").modal("hide");
                // $("#loginModal").modal("show");
                window.location.href = "https://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/check-login-status",
      type: "POST",
      dataType: "json",
      success: function(data) {


        if (data == 0) {
          loader.off();
          var res = openLoginModal(page_name);

        } else {
            loader.on();
          // alert(page_name);
          if (page_name == "facilitiesPage") {
            // alert(page_name);
            window.location.href = "https://preview.vaaptech.com/b-temple/facilities";

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

          } else {
            window.location.href = "https://preview.vaaptech.com/b-temple/";

          }

        }

      }
    });




  }

  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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/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://preview.vaaptech.com/b-temple/assets/js/intlTelInput2.js?1706723638591"></script> -->

<script type="text/javascript">
  var baseUrl = "https://preview.vaaptech.com/b-temple/";
  /*

    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://preview.vaaptech.com/b-temple/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');
      }
    });
  }
   function stripTime(d) {
    return new Date(d.getFullYear(), d.getMonth(), d.getDate());
  }
  $(document).ready(function() {
    if ($.fn.select2){ 
    $('.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>