You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

933 lines
43 KiB

<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<script src="assets/js/lib/jquery.min.js"></script>
<title>Community Hall Availability</title>
<style>
body {
background-color: #f8f9fa;
}
.card {
border-radius: 15px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.community-hall-title {
color: #007bff;
}
/* Add your custom styles here */
@media (max-width: 576px) {
/* Small devices (576px and down) */
.community-hall-title {
font-size: 1.5rem;
}
}
.custom-select {
position: relative;
display: inline-block;
}
.custom-select select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
width: 200px; /* Adjust the width as needed */
cursor: pointer;
}
.custom-select:after {
content: '\25BC'; /* Unicode character for down arrow */
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
</style>
</head>
<body>
<div class="container mt-3">
<div class="card">
<div class="card-body">
<form>
<h3 class="community-hall-title-sub">Select Your Community Hall:</h3>
<div class="row">
<div class="col-sm-6 " id="zoneSection">
<label class="form-label" for="zone">Select Zone<span class="text-danger">*</span></label>
<select class="form-control text-center" name="zone" id="zone" onchange="getdivision()" required>
<option value="0">....Select zone.... </option>
<option value="01">01_Thiruvottyur </option>
<option value="02">02-Manali</option>
<option value="03">03-Madhavaram</option>
<option value="04">04-Tondiarpet</option>
<option value="05">05-Royapuram</option>
<option value="06">06-Thiru-vi-ka</option>
<option value="07">07-Ambttur</option>
<option value="08">08-Anna Nagar</option>
<option value="09">09-teynampet</option>
<option value="10">10-Kodambakkam</option>
<option value="11">11-Valasaravakkam</option>
<option value="12">12-Alandaur</option>
<option value="13">13-Adyar</option>
<option value="14">14-perungudi</option>
<option value="15">15-Sholiganallur</option>
</select>
</div>
<div class="col-12 col-md-6" >
<label for="divs" class="form-label">Division</label>
<select id="divs" name="divs" class="form-control text-center" onchange="getHall()" required>
<option value="01">....select division....</option>
<!-- Your options go here -->
</select>
</div>
</div>
<div class="row mt-3">
<div class="col-12 col-md-6" id="divisionSection">
<label for="hall" class="form-label"> Community Hall *</label>
<select id="hall" name="hall" class="form-control text-center" onchange="changediv()" required>
<option value="">Select Community Hall *:</option>
<!-- Your options go here -->
</select>
</div>
</div>
<div class="row mt-3">
<div class="col-12">
<label class="form-label">Select month and Year *</label>
<select id="month" class="form-control text-center" size="1" tabindex="2" required>
<option value="">....Select Month....</option>
<option value="1">January </option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
<br>
<select id="sel_year" class="form-control text-center" size="1" tabindex="3" required>
<option value="">.....Select Year...</option>
</select>
</div>
</div>
<br>
<div class="row mt-3 justify-content-end">
<div class="col-12">
<a class="nav-link" href="/assets/media/images/Community_Centers_list.pdf"
target="Gcc-Community Centers"> List Of Community Centres - Details Of Rent, Gst And
Security Deposit </a>
<input type="button" value="Check" onclick="chk_code()" name="B1" tabindex="5"
class="btn btn-primary" id="Button1" />
</div>
</div>
</form>
</div>
</div>
<div id="DETAILS" style="display: none;">
<div class="row">
<div class="col-12">
<div id="legend1" class="textContent">
<p>
<img src="/assets/media/images/booked.png"> - Blocked,
<img src="/assets/media/images/Not-booked.png"> - Not Booked,
<img src="/assets/media/images/resgister.png"> - Registered,
<input class="avail-date-icon" type="checkbox" disabled=""> - Available<br>
Mor - Morning, Eve - Evening<br><br>
For a full day, select both "Mor" (Morning slot) and "Eve" (Evening Slot).
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div align="center" id="" class="table-responsive">
<table width="80%" border="0" cellpadding="4" cellspacing="0" class="tableBorder">
<tbody>
<tr>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">1</font>
</b><br>
<input type="checkbox" id="morningHalf01" name="chkbox2m30" class="checkbox">&nbsp;&nbsp;&nbsp;
<input type="checkbox" id="eveningHalf01" name="chkbox2e30"class="checkbox"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">2</font>
</b><br><input type="checkbox" id="morningHalf02" name="chkbox2m30" class="checkbox">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf02" name="chkbox2e30" class="checkbox"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">3</font>
</b><br><input type="checkbox" id="morningHalf03" name="chkbox3m30" class="checkbox">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf03" name="chkbox3e30" class="checkbox"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
</tr>
<tr>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">4</font>
</b><br><input type="checkbox" id="morningHalf04" name="chkbox4m30" class="checkbox">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf04" name="chkbox4e30" class="checkbox"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">5</font>
</b><br><input type="checkbox" id="morningHalf05" name="chkbox5m30" class="checkbox">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf05" name="chkbox5e30" ><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">6</font>
</b><br><input type="checkbox" id="morningHalf06" name="chkbox6m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf06" name="chkbox6e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<tr>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">7</font>
</b><br><input type="checkbox" id="morningHalf07" name="chkbox7m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf07" name="chkbox7e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">8</font>
</b><br><input type="checkbox" id="morningHalf08" name="chkbox8m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf08" name="chkbox8e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">9</font>
</b><br><input type="checkbox" id="morningHalf09" name="chkbox9m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf09" name="chkbox9e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
</tr>
<tr>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">10</font>
</b><br><input type="checkbox" id="morningHalf10" name="chkbox10m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf10" name="chkbox10e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">11</font>
</b><br><input type="checkbox" id="morningHalf11" name="chkbox11m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf11" name="chkbox11e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">12</font>
</b><br><input type="checkbox" id="morningHalf12" name="chkbox12m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf12" name="chkbox12e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
</tr>
<tr>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">13</font>
</b><br><input type="checkbox" id="morningHalf13" name="chkbox13m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf13" name="chkbox13e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">14</font>
</b><br><input type="checkbox" id="morningHalf14" name="chkbox14m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf14" name="chkbox14e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">15</font>
</b><br><input type="checkbox" id="morningHalf15" name="chkbox15m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf15" name="chkbox15e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
</tr>
<tr>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">16</font>
</b><br><input type="checkbox" id="morningHalf16" name="chkbox16m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf16" name="chkbox16e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">17</font>
</b><br><input type="checkbox" id="morningHalf17" name="chkbox17m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf17" name="chkbox17e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">18</font>
</b><br><input type="checkbox" id="morningHalf18" name="chkbox18m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf18" name="chkbox18e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
</tr>
<tr>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">19</font>
</b><br><input type="checkbox" id="morningHalf19" name="chkbox19m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf19" name="chkbox19e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">20</font>
</b><br><input type="checkbox" id="morningHalf20" name="chkbox20m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf20" name="chkbox20e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">21</font>
</b><br><input type="checkbox" id="morningHalf21" name="chkbox21m30">&nbsp;&nbsp;&nbsp;
<input type="checkbox" id="eveningHalf21" name="chkbox21e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
</tr>
<tr>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">22</font>
</b><br><input type="checkbox" id="morningHalf22" name="chkbo22m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf22" name="chkbox22e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">23</font>
</b><br><input type="checkbox" id="morningHalf23" name="chkbox23m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf23" name="chkbox23e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">24</font>
</b><br><input type="checkbox" id="morningHalf24" name="chkbox24m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf24" name="chkbox24e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
</tr>
<tr>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">25</font>
</b><br><input type="checkbox" id="morningHalf25" name="chkbox25m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf25" name="chkbox25e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">26</font>
</b><br><input type="checkbox" id="morningHalf26" name="chkbox26m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf26" name="chkbox26e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve </div>
</td>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">27</font>
</b><br><input type="checkbox" id="morningHalf27" name="chkbox27m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf27" name="chkbox27e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
</tr>
<tr>
<td class="tableRow" width="20%">
<div align="center">
<b>
<font size="3+">28</font>
</b><br><input type="checkbox" id="morningHalf28" name="chkbox28m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf28" name="chkbox28e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="40%" id="row29">
<div align="center">
<b>
<font size="3+">29</font>
</b><br><input type="checkbox" id="morningHalf29" name="chkbox29m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf29" name="chkbox29e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
<td class="tableRow" width="40%" id="row30">
<div align="center">
<b>
<font size="3+">30</font>
</b><br><input type="checkbox" id="morningHalf30" name="chkbox30m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf30" name="chkbox30e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
</tr>
<tr id="row31">
<td class="tableRow" width="40%">
<div align="center">
<b>
<font size="3+">31</font>
</b><br><input type="checkbox" id="morningHalf31" name="chkbox31m30">&nbsp;&nbsp;&nbsp;<input
type="checkbox" id="eveningHalf31" name="chkbox31e30"><br>Mor&nbsp;&nbsp;&nbsp;Eve
</div>
</td>
</tr>
</tr>
</tbody>
</table>
<!-- Your table with checkboxes goes here -->
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div align="center" id="availTab" class="table-responsive">
<table class="table tableBorder">
<tbody>
<tr>
<td align="left" valign="top" class="tableRow"><strong>Community Hall Details
</strong>
</td>
</tr>
<tr>
<td align="right" valign="top" class="tableRow">
<table border="0" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td width="23%">HALF DAY RATE</td>
<td width="30%">:
<input type="text" name="halfdayamt" id="halfdayamt" class="bgListTextArea" readonly="true" size="12" fdprocessedid="tekels" value="800.0">
</td>
</tr>
<tr>
<td width="18%">SURCHARGES</td>
<td width="29%">:
<input type="text" name="halfdaysurcharge" id="halfdaysurcharge"
class="bgListTextArea" readonly="true" size="12"
fdprocessedid="2nghg">
</td>
</tr>
<tr>
<td>FULL DAY RATE</td>
<td>:
<input type="text" name="fulldayamt" id="fulldayamt"
class="bgListTextArea" readonly="true" size="12"
fdprocessedid="vinum" value="1500.0">
</td>
</tr>
<tr>
<td>SURCHARGES</td>
<td>:
<input type="text" name="fulldaysurcharge" id="fulldaysurcharge"
class="bgListTextArea" readonly="true" size="12"
fdprocessedid="6uydm9">
</td>
</tr>
<tr>
<td>ADVANCE</td>
<td>:
<input type="text" name="advanceamt" id="advanceamt"
class="bgListTextArea" readonly="true" size="12"
fdprocessedid="7799zc" value="0.0">
</td>
</tr>
<tr>
<td>DEPOSIT</td>
<td>:
<input type="text" name="depositeamt" id="depositeamt"
class="bgListTextArea" readonly="true" size="12"
fdprocessedid="td0q6q" value="1500.0">
</td>
</tr>
<tr>
<td>CAPACITY</td>
<td>:
<input name="capacity" type="text" id="capacity" class="bgListTextArea"
size="12" readonly="true" fdprocessedid="esnsa9"
value="300 Seats">
</td>
</tr>
<tr>
<td>RENTAL</td>
<td>:<input name="rental" type="text" id="rental" class="bgListTextArea"
size="12" readonly="true" fdprocessedid="2o3ddc" value="0">
</td>
</tr>
<tr>
<td>GST</td>
<td>:
<input name="servicetax" type="text" class="bgListTextArea"
size="12" readonly="true" fdprocessedid="1ba8jj" value="0">
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>FULL DAY EB , CLEANING AND PA SYSTEM CHARGES</td>
<td>:
<input name="eb_pa_full_amt" id="eb_pa_full_amt" type="text"
class="bgListTextArea" size="12" readonly="true"
fdprocessedid="gbcxpd" value="0">
</td>
</tr>
<tr>
<td>&nbsp;GST</td>
<td>&nbsp; <input name="eb_pa_full_serv" id="eb_pa_full_serv"
type="text" class="bgListTextArea" size="12" readonly="true"
fdprocessedid="ujdozo" value="0"></td>
</tr>
<tr>
<td>HALF DAY EB , CLEANING AND PA SYSTEM CHARGES</td>
<td>:
<input name="eb_pa_half_amt" id="eb_pa_half_amt" type="text"
class="bgListTextArea" size="12" readonly="true"
fdprocessedid="i7hpg" value="0">
</td>
</tr>
<tr>
<td>&nbsp;GST</td>
<td>&nbsp; <input name="eb_pa_halft_serv" id="eb_pa_halft_serv"
type="text" class="bgListTextArea" size="12" readonly="true"
fdprocessedid="0tnm04" value="0"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<script>
function chk_code() {
// var z = document.getElementById("zone").value;
var h =document.getElementById("hall").value;
var y =document.getElementById("sel_year").value;
var m =document.getElementById("month").value;
var len = m.length;
var ld=getDaysInMonth(y,m);
if(len<2){
m="0"+m;
}
var fromdate = y+"-"+m+"-01";
var todate = y+"-"+m+"-"+ld;
$.ajax({
url: '/community/api/getHallByMonthAndYear', // Replace with the actual URL to retrieve division data
method: 'GET',
data: {
hallId:h,
fromDay: fromdate ,
toDay: todate,
},
success: function (data) {
setCalendarStatus(data);
displayCheckboxes(ld);
},
error: function (error) {
}
});
document.getElementById("DETAILS").style.display = "block";
}
function setCalendarStatus(data) {
console.log(data);
// Create an object to store status information
var statusInformation = {};
for (var i = 0; i < data.length; i++) {
var currentDate = data[i].date;
var morningHalfValue = data[i].morningHalf;
var eveningHalfValue = data[i].eveningHalf;
console.log(data[i].date);
// Set the status for morningHalf
var morningHalfCheckbox = document.getElementById("morningHalf" + currentDate);
morningHalfCheckbox.checked = morningHalfValue === 1;
morningHalfCheckbox.disabled = morningHalfValue === 1;
// Set the status for eveningHalf
var eveningHalfCheckbox = document.getElementById("eveningHalf" + currentDate);
eveningHalfCheckbox.checked = eveningHalfValue === 1;
eveningHalfCheckbox.disabled = eveningHalfValue === 1;
// Store the status information in the object
statusInformation[currentDate] = {
morningHalf: morningHalfValue,
eveningHalf: eveningHalfValue
};
}
// console.log(statusInformation);
}
</script>
<script>
function getDaysInMonth(year, month) {
// Adjust the month to be 0-based if your calendar starts with December
const adjustedMonth = (month + 11) % 12;
const isLeap = (year % 4 === 0 && year % 100 !== 0) || (year % 400 === 0);
const daysInMonth = new Date(year, adjustedMonth + 1, 0).getDate();
if (adjustedMonth === 1 && isLeap) {
return 29; // February has 29 days in a leap year
} else {
return daysInMonth;
}
}
function populateYears() {
var currentYear = new Date().getFullYear();
var string="";
for (let i=0;i<2;i++) {
string = string + "<option value=" + currentYear + ">" + currentYear + "</option>";
currentYear=currentYear+1;
}
document.getElementById("sel_year").innerHTML = string;
}
// Call the functions to populate months and years
populateYears();
function getdivision(zone) {
var z = document.getElementById("zone").value;
$.ajax({
url: '/community/api/getHall', // Replace with the actual URL to retrieve division data
method: 'GET',
data: { zone: z },
success: function (data) {
setDivisionAndHall(data)
},
error: function (error) {
console.error('Error fetching division data:', error);
}
});
}
var hallIndex=0;
var hallInfo;
function setDivisionAndHall(data) {
var string = "";
hallInfo=data;
console.log(data);
string= string + "<option value=''>" + "</option>";
for (let i = 0; i < data.length; i++) {
string = string + "<option value=" + data[i].COMMUNITYHALLDIVID + ">" + data[i].COMMUNITYHALLDIVID + "</option>";
}
document.getElementById("divs").innerHTML = string;
var hallName = "";
hallName= hallName + "<option value=''>" + "</option>";
for (let i = 0; i < data.length; i++) {
hallName = hallName + "<option value=" + data[i].COMMUNITYHALLCODE + ">" + data[i].COMMUNITYHALLPLACE + "</option>";
}
document.getElementById("hall").innerHTML = hallName;
}
function getHall() {
var z = document.getElementById("zone").value;
var d = document.getElementById("divs").value;
for(let i=0;i<hallInfo.length;i++){
if(hallInfo[i].COMMUNITYHALLDIVID==d)
{
document.getElementById("hall").value=hallInfo[i].COMMUNITYHALLCODE;
setHallAmount(i);
hallIndex=i;
break;
}
}
}
function changediv() {
var hallValue = document.getElementById("hall").value;
for (let i = 0; i <hallInfo.length; i++) {
if (hallInfo[i].COMMUNITYHALLCODE == hallValue) {
document.getElementById("divs").value = hallInfo[i].COMMUNITYHALLDIVID;
setHallAmount(i);
hallIndex=i;
break;
}
}
}
var count = 0;
$(document).ready(function () {
var lastClickedIndex = null;
$(":checkbox").click(function () {
if (!$(this).is(':disabled')) {
var currentIndex = $(":checkbox:enabled").index(this);
if ($(this).prop("checked")) {
count++;
IncrementOrDecHallAmt();
} else {
count--;
IncrementOrDecHallAmt();
}
if (lastClickedIndex === null || isConsecutive(currentIndex, lastClickedIndex)) {
if ($(":checkbox:checked:enabled").length > 14) {
alert("You can only select checkboxes in sequence.");
$(this).prop("checked", false);
} else {
lastClickedIndex = currentIndex;
}
} else {
alert("Please select checkboxes in sequences of 14 Days.");
$(this).prop("checked", false);
}
}
});
function isConsecutive(currentIndex, lastClickedIndex) {
return Math.abs(currentIndex - lastClickedIndex) === 1;
}
function showRemoveConfirmation(currentIndex) {
if (confirm("Do you want to remove this checkbox and uncheck subsequent checkboxes?")) {
// Uncheck subsequent checkboxes
$(":checkbox:enabled:gt(" + currentIndex + "):checked").prop("checked", false);
// Enable previous checkboxes to be unchecked
$(":checkbox:enabled:lt(" + currentIndex + ")").prop("disabled", false);
} else {
// Revert the checkbox state to checked if the user cancels the removal
$(":checkbox:enabled:eq(" + currentIndex + ")").prop("checked", true);
}
}
});
function setHallAmount(i){
let fa =hallInfo[i].COMMUNITYHALLFULLDAYRATE;
let ha =hallInfo[i].COMMUNITYHALLHALFDAYRATE;
let fs =hallInfo[i].COMMUNITYHALLFULLSURCHARGE;
let hs =hallInfo[i].COMMUNITYHALLHALFSURCHARGE;
let hd =hallInfo[i].COMMUNITYHALLDEPOSIT;
let had =hallInfo[i].COMMUNITYHALLADVANCE;
let hc =hallInfo[i].COMMUNITYHALLCAPACITY;
let eb =hallInfo[i].EB_FULL;
let eh =hallInfo[i].EB_HALF;
let cf =hallInfo[i].CLEAN_CHRG_FULL;
let ch =hallInfo[i].CLEAN_CHRG_HALF;
let r =hallInfo[i].COMMUNITYHALLHALFDAYRATE;
document.getElementById("fulldayamt").value=fa;
document.getElementById("halfdayamt").value=ha;
document.getElementById("fulldaysurcharge").value=fs;
document.getElementById("halfdaysurcharge").value=fs;
document.getElementById("depositeamt").value=hd;
document.getElementById("advanceamt").value=had;
document.getElementById("capacity").value=hc;
document.getElementById("eb_pa_full_amt").value=eb;
document.getElementById("eb_pa_half_amt").value=eh;
document.getElementById("eb_pa_full_serv").value=cf;
document.getElementById("eb_pa_halft_serv").value=ch;
document.getElementById("rental").value=0;
}
function IncrementOrDecHallAmt() {
let l = hallInfo[hallIndex].COMMUNITYHALLFULLSURCHARGE;
let f = hallInfo[hallIndex].COMMUNITYHALLFULLDAYRATE;
let m = hallInfo[hallIndex].COMMUNITYHALLHALFDAYRATE;
let n = hallInfo[hallIndex].COMMUNITYHALLHALFSURCHARGE;
let r = hallInfo[hallIndex].COMMUNITYHALLFULLDAYRATE;
if(count>=0)
if(count%2==0){
document.getElementById("rental").value =[f * (count / 2)+f * (count / 2)]/2 // Set to 0 if count is 0 or odd
}
else if(count%2==1){
document.getElementById("rental").value =f*Math.floor(count/2)+m; // Set to 0 if count is 0 or odd
}
}
/* if (count % 2 === 0 && count !== 0) {
document.getElementById("fulldayamt").value = f * (count / 2);
} else {
document.getElementById("fulldayamt").value =[f * (count / 2)+f * (count / 2)]/2 // Set to 0 if count is 0 or odd
}
document.getElementById("fulldaysurcharge").value = l * (count / 2);
document.getElementById("rental").value =[f * (count / 2)+f * (count / 2)]/2 // Set to 0 if count is 0 or odd
if (count % 2 === 0 && count !== 0) {
document.getElementById("halfdayamt").value =m * (count / 2);
} else {
document.getElementById("halfdayamt").value =[m * (count / 2)+ m * (count/2)]/2 ; // Set to 0 if count is 0 or odd
}
document.getElementById("halfdaysurcharge").value = n * (count / 2);
*/
function getDaysInMonth(year, month) {
return new Date(year, month, 0).getDate();
}
function displayCheckboxes(ld) {
for (var i = 1; i <= 31; i++) {
var morningHalf31 = "morningHalf" + i;
var eveningHalf31 = "eveningHalf" + i;
var rowId = "row" + i;
// Check if the current day exceeds the last day of the month
if (i > ld) {
// If it does, hide the checkboxes
$("#" + morningHalf31).hide();
$("#" + eveningHalf31).hide();
} else {
// If it doesn't, show the checkboxes
$("#" + morningHalf31).show();
$("#" + eveningHalf31).show();
}
if (ld === 28) {
$("#row29").hide();
$("#row30").hide();
$("#row31").hide();
} else {
$("#row29").show();
$("#row30").show();
$("#row31").show();
}
// Show or hide the 31st row based on whether the last day is 31
$("#row31").toggle(ld === 31);
}
}
</script>
</body>
</html>