|
|
<!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"> <input type="checkbox" id="eveningHalf01" name="chkbox2e30"class="checkbox"><br>Mor 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"> <input type="checkbox" id="eveningHalf02" name="chkbox2e30" class="checkbox"><br>Mor 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"> <input type="checkbox" id="eveningHalf03" name="chkbox3e30" class="checkbox"><br>Mor 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"> <input type="checkbox" id="eveningHalf04" name="chkbox4e30" class="checkbox"><br>Mor 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"> <input type="checkbox" id="eveningHalf05" name="chkbox5e30" ><br>Mor 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"> <input type="checkbox" id="eveningHalf06" name="chkbox6e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf07" name="chkbox7e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf08" name="chkbox8e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf09" name="chkbox9e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf10" name="chkbox10e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf11" name="chkbox11e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf12" name="chkbox12e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf13" name="chkbox13e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf14" name="chkbox14e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf15" name="chkbox15e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf16" name="chkbox16e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf17" name="chkbox17e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf18" name="chkbox18e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf19" name="chkbox19e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf20" name="chkbox20e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf21" name="chkbox21e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf22" name="chkbox22e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf23" name="chkbox23e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf24" name="chkbox24e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf25" name="chkbox25e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf26" name="chkbox26e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf27" name="chkbox27e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf28" name="chkbox28e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf29" name="chkbox29e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf30" name="chkbox30e30"><br>Mor 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"> <input type="checkbox" id="eveningHalf31" name="chkbox31e30"><br>Mor 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> </td> <td> </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> GST</td> <td> <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> GST</td> <td> <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>
|