kanimozhi
/
VictoriaHallBooking_V1
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Victoria Hall Booking for Events
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.
2 Commits
1 Branch
0 Tags
98 MiB
Tree: dd132f0fa8
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'dd132f0fa8'
${ noResults }
VictoriaHallBooking_V1/target/classes/templates/admin/reports.html

2774 lines
142 KiB
Raw Normal View History

VPH hall booking initial commit
9 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org">
  4. <head th:replace="~{fragments/head-admin :: head}"></head>
  5. <meta charset="ISO-8859-1">
  6. <!-- Include DataTables CSS -->
  7. </head>
  8. <style>
  9. .block-content {
  10. padding-bottom: 10px;
  11. }
  13. .small-input {
  14. width: 150px;
  15. /* Adjust the width as needed */
  16. }
  18. .small-table th,
  19. .small-table td {
  20. font-size: 14px;
  21. /* Adjust font size as needed */
  22. }
  24. /* Reduce padding for table cells */
  25. .small-table td,
  26. .small-table th {
  27. padding: 5px;
  28. /* Adjust padding as needed */
  29. }
  31. .card-body table {
  32. width: 100%;
  33. padding: 100px;
  34. }
  36. .card-body th,
  37. td {
  38. padding: 8px;
  39. text-align: left;
  40. }
  42. .amount-cell {
  43. text-align: right;
  44. padding-right: 1rem;
  45. /* Adjust padding as needed */
  46. }
  48. .table {
  49. width: 100% !important;
  50. }
  52. .hidden {
  53. display: none;
  54. }
  56. .modal-fullscreen-custom {
  57. max-width: 98% !important;
  58. width: 98%;
  59. margin: 0 auto;
  60. }
  62. /* Ensure second modal is on top of the first modal */
  63. .modal-backdrop.show:nth-of-type(2) {
  64. z-index: 1055 !important; /* slightly above the first modal */
  65. }
  67. #showBookingDetails.modal {
  68. z-index: 1060 !important; /* higher than .modal-backdrop */
  69. }
  70. </style>
  72. <body>
  73. <!-- Page Container -->
  74. <div id="page-container"
  75. class="sidebar-o sidebar-dark enable-page-overlay side-scroll page-header-fixed page-header-dark">
  76. <!-- Side Overlay aside (right)-->
  77. <aside th:replace="~{fragments/aside-right :: aside}"></aside>
  78. <!-- END Side Overlay (right)-->
  79. <!-- Sidebar Nav-->
  80. <nav th:replace="~{fragments/nav-admin :: nav}"></nav>
  81. <!-- END Sidebar -->
  82. <!-- Header -->
  83. <header th:replace="~{fragments/header-admin :: header}"></header>
  84. <!-- END Header -->
  85. <!-- Main Container -->
  86. <main id="main-container">
  88. <!-- Page Content -->
  89. <!-- Card Container -->
  90. <div class="content">
  91. <div class="block block-rounded">
  92. <form id="myForm" th:action="@{/victoriahallbooking/admin/getReport}" onsubmit="return validateme()"
  93. method="post">
  94. <div class="block-header bg-primary text-white">
  95. <h3 class="block-title">Community Hall Reports</h3>
  96. </div>
  97. <div class="block-content">
  98. <div class="row">
  99. <div class="col-sm-3 mb-2">
  100. <label class="form-label" for="fromdate">From:<span
  101. class="text-danger">*</span></label> <input type="date"
  102. th:value="${fromdate}"
  103. class="form-control" name="FromDate"
  104. id="fromdate"
  105. placeholder="From Date"
  106. required="required"
  107. data-date-format="yyyy-mm-dd"/>
  108. </div>
  109. <div class="col-sm-3 mb-2">
  110. <label class="form-label" for="todate">To:<span class="text-danger">*</span></label>
  111. <input type="date" th:value="${todate}" class="form-control" name="ToDate"
  112. id="todate" placeholder="To Date" required="required"
  113. data-date-format="yyyy-mm-dd"/>
  114. </div>
  115. <div class="col-sm-3 mb-2">
  116. <label class="form-label" for="request">Get Info:<span
  117. class="text-danger">*</span></label>
  118. <select type="text" class="form-control text-center" id="request" name="request"
  119. onchange="myRequest()" required>
  120. <option value="">Select</option>
  121. <option value="1" th:selected="${request=='1'}">Users</option>
  122. <option value="2" th:selected="${request=='2'}">Booking Details</option>
  123. <option value="3" th:selected="${request=='3'}">Payment Info</option>
  124. <option value="8" th:selected="${request=='8'}">Extra Payments Info</option>
  125. <option value="4" th:selected="${request=='4'}">Users Booking List</option>
  126. <option value="5" th:selected="${request=='5'}">Hall Booking List</option>
  127. <option value="6" th:selected="${request=='6'}">Refund Details</option>
  128. <option value="7" th:selected="${request=='7'}">Total Count</option>
  129. <option value="9" th:selected="${request=='9'}">Counter Details</option>
  130. <option value="10" th:selected="${request=='10'}">Review Report</option>
  131. <option value="11" th:selected="${request=='11'}">Settlement Initited Report</option>
  132. </select>
  133. </div>
  135. <div class="col-sm-3 mb-2" id="bookingcountbasedonDropdown" style="display: none;">
  136. <label class="form-label" for="basedon">Based On: <span
  137. class="text-danger">*</span></label>
  138. <select class="form-control text-center" id="basedon" name="basedon"
  139. th:value="${basedon}">
  140. <option value="">Select</option>
  141. <option value="zone" th:selected="${basedon == 'zone'}">Zone
  142. </option>
  143. <option value="division" th:selected="${basedon == 'division'}">Division
  144. </option>
  145. </select>
  146. <span id="basedonError" class="text-danger"></span>
  147. </div>
  149. <!-- UsersDropdown2 -->
  150. <div class="col-sm-3 mb-2" id="userDropdown2" style="display: none;">
  151. <label class="form-label" for="usertype">User Type: </label>
  152. <select class="form-control text-center" id="usertype" name="usertype"
  153. th:value="${usertype}">
  154. <option value="">Select User Type</option>
  155. <option value="PENSIONER" th:selected="${usertype == 'PENSIONER'}">PENSIONER
  156. </option>
  157. <option value="GCC_EMPLOYEE" th:selected="${usertype == 'GCC_EMPLOYEE'}">GCC
  158. EMPLOYEE
  159. </option>
  160. <option value="COUNCILLOR" th:selected="${usertype == 'COUNCILLOR'}">COUNCILLOR
  161. </option>
  162. <option value="PUBLIC" th:selected="${usertype == 'PUBLIC'}">PUBLIC</option>
  163. <!-- Add more options as needed -->
  164. </select>
  165. </div>
  166. <!-- UsersDropdown1 -->
  167. <div class="col-sm-3 mb-2" id="userDropdown1" style="display: none;">
  168. <label class="form-label" for="userstatus">User Status: </label>
  169. <select class="form-control text-center" id="userstatus" name="userstatus"
  170. th:value="${userstatus}">
  171. <option value="">Select a User Status</option>
  172. <option value="PENDING" th:selected="${userstatus == 'PENDING'}">PENDING
  173. </option>
  174. <option value="APPROVED" th:selected="${userstatus == 'APPROVED'}">APPROVED
  175. </option>
  176. <option value="REJECTED" th:selected="${userstatus == 'REJECTED'}">REJECTED
  177. </option>
  178. <!-- Add more options as needed -->
  179. </select>
  180. </div>
  183. <!-- bookingDetailsDropdown1 -->
  184. <div class="col-sm-3 mb-2" id="bookingDetailsDropdown1" style="display: none;">
  185. <label class="form-label" for="bookingId">Booking Id: </label>
  186. <input type="number" class="form-control" id="bookingId" name="bookingId"
  187. th:value="${bookingId}" placeholder="BookingId">
  188. </div>
  190. <div class="col-sm-3 mb-2" id="zoneDropdown" style="display: none;">
  191. <label class="form-label" for="zone1">Select Zone: </label>
  192. <select class="form-select custom-select" name="zone1" id="zone1">
  193. <option value="ALL">--Select Zone--</option>
  194. <option th:each="zone : ${zones}" th:value="${zone}" th:text="${zone}"
  195. th:selected="${zone == selectedZone}"></option>
  198. </select>
  199. </div>
  201. <div class="col-sm-3 mb-2 hidden" id="divisionContainer" style="display: none;">
  202. <label class="form-label" for="division1">Select division: </label>
  203. <select class="form-select custom-select" name="division1" id="division1">
  204. <option value="ALL">--Select division--</option>
  205. <option th:each="division : ${divisions}" th:value="${division}"
  206. th:text="${division}" th:selected="${division == selectedDivision}">
  207. </option>
  210. </select>
  211. </div>
  213. <div class="col-sm-3 mb-2 hidden" id="hallContainer" style="display: none;">
  214. <label class="form-label" for="hall1">Select Hall: </label>
  215. <select class="form-select custom-select" name="hall1" id="hall1">
  216. <option value="1000">--Select Hall--</option>
  217. <option th:each="hall : ${halls}" th:value="${hall.id}" th:text="${hall.name}"
  218. th:selected="${hall.id == selectedHall}"></option>
  221. </select>
  222. </div>
  225. <!-- bookingDetailsDropdown 3-->
  226. <div class="col-sm-3 mb-2" id="bookingDetailsDropdown3" style="display: none;">
  227. <label class="form-label" for="filterby">Filter by:</label>
  228. <select class="form-control text-center" id="filterby" name="filterby"
  229. th:value="${filterby}">
  230. <option value="">Select Filterby</option>
  231. <option value="1" th:selected="${filterby == '1'}">Booking Date</option>
  232. <option value="2" th:selected="${filterby == '2'}">Event Date</option>
  233. <!-- Add more options as needed -->
  234. </select>
  235. </div>
  237. <!-- bookingDetailsDropdown2 -->
  238. <div class="col-sm-3 mb-2" id="bookingDetailsDropdown2" style="display: none;">
  239. <label class="form-label" for="bookingStatus">Booking Status: </label>
  240. <select class="form-control text-center" id="bookingStatus" name="bookingStatus"
  241. th:value="${bookingStatus}">
  242. <option value="">Select Booking Status</option>
  243. <option value="PENDING" th:selected="${bookingStatus == 'PENDING'}">PENDING
  244. </option>
  245. <option value="APPROVED" th:selected="${bookingStatus == 'APPROVED'}">APPROVED
  246. </option>
  247. <option value="REJECTED" th:selected="${bookingStatus == 'REJECTED'}">REJECTED
  248. </option>
  249. <option value="CANCELED" th:selected="${bookingStatus == 'CANCELED'}">CANCELLED
  250. </option>
  251. <option value="COMPLETED" th:selected="${bookingStatus == 'COMPLETED'}">COMPLETED
  252. </option>
  253. <option value="PAYMENT_FAILURE"
  254. th:selected="${bookingStatus == 'PAYMENT_FAILURE'}">PAYMENT_FAILURE
  255. </option>
  256. <option value="GCC_BLOCKED" th:selected="${bookingStatus == 'GCC_BLOCKED'}">
  257. GCC_BLOCKED
  258. </option>
  259. <option value="REFUNDED" th:selected="${bookingStatus == 'REFUNDED'}">REFUNDED
  260. </option>
  261. <option value="WAITING_FOR_NOC" th:selected="${bookingStatus == 'WAITING_FOR_NOC'}">
  262. WAITING FOR NOC
  263. </option>
  264. <option value="WAITING_FOR_NOC_APPROVAL"
  265. th:selected="${bookingStatus == 'WAITING_FOR_NOC_APPROVAL'}">WAITING FOR NOC
  266. APPROVAL
  267. </option>
  268. </select>
  269. </div>
  271. <!--Payment Dropdown -->
  272. <div class="col-sm-3" id="paymentInfoDropdown1" style="display: none;">
  273. <label class="form-label" for="paymentStatus">Payment Status:</label>
  274. <select class="form-control text-center" id="paymentStatus" name="paymentStatus"
  275. th:value="${paymentStatus}">
  276. <option value="">Select Payment Status</option>
  277. <option value="SUCCESS" th:selected="${paymentStatus == 'SUCCESS'}">SUCCESS</option>
  278. <option value="NOT COMPLETED" th:selected="${paymentStatus == 'NOT COMPLETED'}">NOT
  279. COMPLETED
  280. </option>
  281. </select>
  282. </div>
  284. <div class="col-sm-3 mb-2" id="refundDetailsDropdown" style="display: none;">
  285. <label class="form-label" for="refundStatus">Refund Status: </label>
  286. <select class="form-control text-center" id="refundStatus" name="refundStatus"
  287. th:value="${refundStatus}">
  288. <option value="">Select Refund Status</option>
  289. <option value="WAITING" th:selected="${refundStatus == 'WAITING'}">WAITING
  290. </option>
  291. <option value="APPROVED" th:selected="${refundStatus == 'APPROVED'}">APPROVED
  292. </option>
  293. <option value="INITIATED" th:selected="${refundStatus == 'INITIATED'}">INITIATED
  294. </option>
  295. <option value="REJECTED" th:selected="${refundStatus == 'REJECTED'}">REJECTED
  296. </option>
  297. <option value="COMPLETED" th:selected="${refundStatus == 'COMPLETED'}">COMPLETED
  298. </option>
  299. <option value="NA" th:selected="${refundStatus == 'NA'}">NA
  300. </option>
  301. <option value="CLOSED" th:selected="${refundStatus == 'CLOSED'}">CLOSED
  302. </option>
  303. <option value="FAILURE" th:selected="${refundStatus == 'FAILURE'}">FAILURE
  304. </option>
  305. <!-- Add more options as needed -->
  306. </select>
  307. </div>
  309. <div class="col-sm-3 mb-2" id="counterreportDropdown" style="display: none;">
  310. <label class="form-label" for="reporttype">Report Type: <span
  311. class="text-danger">*</span></label>
  312. <select class="form-control text-center" id="reporttype" name="reporttype"
  313. th:value="${reporttype}">
  314. <option value="">Select</option>
  315. <option value="abstract" th:selected="${reporttype == 'abstract'}">Abstract
  316. </option>
  317. <option value="detailed" th:selected="${reporttype == 'detailed'}">Detailed Report
  318. </option>
  319. </select>
  320. <span id="reportTypeError" class="text-danger"></span>
  321. </div>
  324. <div class="col-sm-3">
  325. <br>
  326. <button type="submit" class="btn btn-sm btn-primary mt-2" name="submit"
  327. id="submit">Submit
  328. </button>
  329. <button class="btn btn-danger mt-2" onclick="resetDate()" name="reset"
  330. type="reset">Reset
  331. </button>
  332. </div>
  333. </div>
  335. </div>
  336. </form>
  337. </div>
  338. <div class="table-responsive" id="usertable" th:if="${request}==1">
  339. <table id="requestTable1" class="table table-striped table-bordered table-hover dataTable"
  340. role="grid" width="99.5%">
  341. <thead class="thead-dark">
  342. <tr role="row">
  343. <th>S.No</th>
  344. <th width="130px">User Id</th>
  345. <th>Name</th>
  346. <th>Mobile</th>
  347. <th>Address</th>
  348. <th>UserType</th>
  349. <th>UserStatus</th>
  350. </tr>
  351. </thead>
  352. <tr th:each="user, iterStat : ${users}">
  353. <td th:text="${iterStat.count}">0</td>
  354. <td th:text="${user.userId}"></td>
  355. <td th:text="${user.name}"></td>
  356. <td th:text="${user.mobileNo}"></td>
  357. <td
  358. th:text="${user.DoorNo + ', ' + user.Street + ', ' + user.Area + ', ' + user.Location + ', ' + user.PinCode}">
  359. </td>
  360. <td th:text="${user.usertype}"></td>
  361. <td th:text="${user.userstatus}"></td>
  362. </tr>
  364. </table>
  365. </div>
  368. <div class="table-responsive" id="Bookingtable" th:if="${request}==2">
  369. <table id="requestTable2" class="table table-striped table-bordered table-hover dataTable"
  370. role="grid" width="99.5%">
  371. <thead class="thead-dark">
  372. <tr role="row">
  373. <th>S.No</th>
  374. <th>Booking Id</th>
  375. <th>Booking Date</th>
  376. <th>Hall Name</th>
  377. <th>User Name</th>
  378. <th>Mobile</th>
  379. <th>Address</th>
  380. <th>User type</th>
  381. <th>Reason</th>
  382. <th>Startdate_Enddate</th>
  383. <th>Deposit Amount</th>
  384. <th>Hall Amount</th>
  385. <th>GST</th>
  386. <th>Amount Paid</th>
  387. <th>Booking Status</th>
  388. <th>Action</th>
  389. </tr>
  390. </thead>
  391. <tbody>
  392. <tr th:each="booking, iterStat : ${bookings}">
  393. <td th:text="${iterStat.count}">0</td>
  394. <td th:text="${booking[0]}"></td>
  395. <td th:text="${booking[1]}"></td>
  396. <td th:text="${booking[2]}"></td>
  397. <td th:text="${booking[3]}"></td>
  398. <td th:text="${booking[4]}"></td>
  399. <td th:text="${booking[5]}"></td>
  400. <td th:text="${booking[6]}"></td>
  401. <td th:text="${booking[7]}"></td>
  402. <td th:text="${booking[8] + ' to ' + booking[9]}"></td>
  403. <td th:text="${booking[10]}"></td>
  404. <td th:text="${booking[11]}"></td>
  405. <td th:text="${booking[12]}"></td>
  406. <td th:text="${(T(java.lang.Math).round(booking[13] * 100.0) / 100.0)}"></td>
  407. <!--<td th:text="${booking[10]}"></td>-->
  408. <td th:text="${booking[14]}"></td>
  409. <td>
  410. <p>
  411. <span class="badge bg-warning" style="cursor: pointer;"
  412. th:onclick="viewDetails([[${booking[0]}]])">View</span>
  413. </p>
  414. </td>
  415. </tr>
  416. </tbody>
  417. </table>
  418. </div>
  421. <div class="table-responsive" id="Paymenttable" th:if="${request}==3">
  422. <table id="requestTable3" class="table table-striped table-bordered table-hover dataTable"
  423. role="grid" width="99.5%">
  424. <thead class="thead-dark">
  425. <tr role="row">
  426. <th>S.No</th>
  427. <th>Booking Id</th>
  428. <th>Booking Date</th>
  429. <th>Hall Name</th>
  430. <th>User Name</th>
  431. <th>User type</th>
  432. <th>Transaction ID</th>
  433. <th>Payment Type</th>
  434. <th>Deposit Amount</th>
  435. <th>Hall Amount</th>
  436. <th>GST</th>
  437. <th>Amount received</th>
  438. <th>Reason</th>
  439. <th width="1000px">Start date & end Date</th>
  440. <th>status</th>
  441. </tr>
  442. </thead>
  443. <tr th:each="payment, iterStat : ${paymentLists}">
  444. <td th:text="${iterStat.count}">0</td>
  445. <td th:text="${payment[0]}"></td>
  446. <td th:text="${payment[1]}"></td>
  447. <td th:text="${payment[2]}"></td>
  448. <td th:text="${payment[3]}"></td>
  449. <td th:text="${payment[4]}"></td>
  450. <td th:text="${payment[5]}"></td>
  451. <td th:text="${payment[6]}"></td>
  452. <td th:text="${payment[7]}"></td>
  453. <td th:text="${payment[8]}"></td>
  454. <td th:text="${payment[9]}"></td>
  455. <td th:text="${payment[10]}"></td>
  456. <td th:text="${payment[11]}"></td>
  457. <td th:text="${payment[12] + ' to ' + payment[13]}" width="1000px"></td>
  458. <td th:text="${payment[14]}"></td>
  459. </tr>
  461. </table>
  462. </div>
  464. <div class="table-responsive" id="extraPaymenttable" th:if="${request}==8">
  465. <table id="requestTable8" class="table table-striped table-bordered table-hover dataTable"
  466. role="grid" width="99.5%">
  467. <thead class="thead-dark">
  468. <tr role="row">
  469. <th>S.No</th>
  470. <th>Booking Id</th>
  471. <th>Booking Date</th>
  472. <th>Hall Name</th>
  473. <th>User Name</th>
  474. <th>User type</th>
  475. <th>Transaction ID</th>
  476. <th>Payment Type</th>
  477. <th>Deposit Amount</th>
  478. <th>Hall Amount</th>
  479. <th>GST</th>
  480. <th>Amount received</th>
  481. <th>Reason</th>
  482. <th width="1000px">Start date & end Date</th>
  483. <th>status</th>
  484. </tr>
  485. </thead>
  486. <tr th:each="payment, iterStat : ${extrapaymentLists}">
  487. <td th:text="${iterStat.count}">0</td>
  488. <td th:text="${payment[0]}"></td>
  489. <td th:text="${payment[1]}"></td>
  490. <td th:text="${payment[2]}"></td>
  491. <td th:text="${payment[3]}"></td>
  492. <td th:text="${payment[4]}"></td>
  493. <td th:text="${payment[5]}"></td>
  494. <td th:text="${payment[6]}"></td>
  495. <td th:text="${payment[7]}"></td>
  496. <td th:text="${payment[8]}"></td>
  497. <td th:text="${payment[9]}"></td>
  498. <td th:text="${payment[10]}"></td>
  499. <td th:text="${payment[11]}"></td>
  500. <td th:text="${payment[12] + ' to ' + payment[13]}" width="1000px"></td>
  501. <td th:text="${payment[14]}"></td>
  502. </tr>
  504. </table>
  505. </div>
  507. <div class="table-responsive" id="userBookingtable" th:if="${request}==4">
  508. <table id="requestTable4" class="table table-striped table-bordered table-hover dataTable"
  509. role="grid" width="99.5%">
  510. <thead class="thead-dark">
  511. <tr role="row">
  512. <th>S.No</th>
  513. <th width="110px">User Id</th>
  514. <th>Name</th>
  515. <th>Mobile</th>
  516. <th>Address</th>
  517. <th>Total Bookings</th>
  518. </tr>
  519. </thead>
  520. <tr th:each="userbookingList, iterStat : ${userbookingLists}">
  522. <td th:text="${iterStat.count}">0</td>
  523. <td th:text="${userbookingList[0]}"></td>
  524. <td th:text="${userbookingList[1]}"></td>
  525. <td th:text="${userbookingList[2]}"></td>
  526. <td th:text="${userbookingList[3]}"></td>
  527. <td th:text="${userbookingList[4]}"
  528. th:onclick="viewbookingDetails([[${userbookingList[0]}]])" style="cursor:pointer;"></td>
  529. </tr>
  531. </table>
  532. </div>
  534. <div class="table-responsive" id="hallBookingtable" th:if="${request}==5">
  535. <table id="requestTable5" class="table table-striped table-bordered table-hover dataTable"
  536. role="grid" width="99.5%">
  537. <thead class="thead-dark">
  538. <tr role="row">
  539. <th>S.No</th>
  540. <th>Hall Id</th>
  541. <th>Hall Name</th>
  542. <th>Zone/Division</th>
  543. <th>Caretaker Name</th>
  544. <th>Caretaker Mobile</th>
  545. <th>Total Bookings</th>
  546. <th>Deposit Amount</th>
  547. <th>Hall Amount</th>
  548. <th>GST</th>
  549. <th>Amount Received</th>
  550. <th>Amount Refund</th>
  551. <th>Net Revenue</th>
  552. </tr>
  553. </thead>
  554. <tbody>
  555. <tr th:each="hallbookingList, iterStat : ${hallbookingLists}">
  556. <td th:text="${iterStat.count}">0</td>
  557. <td th:text="${hallbookingList[11]}"></td>
  558. <td th:text="${hallbookingList[0]}"></td>
  559. <td th:text="${hallbookingList[3]}"></td> <!-- Combined Zone/Division -->
  560. <td th:text="${hallbookingList[1]}"></td>
  561. <td th:text="${hallbookingList[2]}"></td>
  562. <td th:text="${hallbookingList[4]}"></td>
  563. <td th:text="${(T(java.lang.Math).round(hallbookingList[5] * 100.0) / 100.0)}"></td>
  564. <td th:text="${(T(java.lang.Math).round(hallbookingList[6] * 100.0) / 100.0)}"></td>
  565. <td th:text="${(T(java.lang.Math).round(hallbookingList[7] * 100.0) / 100.0)}"></td>
  566. <td th:text="${(T(java.lang.Math).round(hallbookingList[8] * 100.0) / 100.0)}"></td>
  567. <td th:text="${(T(java.lang.Math).round(hallbookingList[9] * 100.0) / 100.0)}"></td>
  568. <td th:text="${(T(java.lang.Math).round(hallbookingList[10] * 100.0) / 100.0)}"></td>
  569. </tr>
  570. </tbody>
  571. </table>
  572. </div>
  574. <div class="table-responsive" id="BookingSettlementtable" th:if="${request}==6">
  575. <table id="requestTable6" class="table table-striped table-bordered table-hover dataTable"
  576. role="grid" width="99.5%">
  577. <thead class="thead-dark">
  578. <tr role="row">
  579. <th>S.No</th>
  580. <th>Name</th>
  581. <th>Mobile</th>
  582. <th>Booking Id</th>
  583. <th>Booked Hall</th>
  584. <th>Reason</th>
  585. <th>Booking Date</th>
  586. <th>Event Date</th>
  587. <th>No of Days</th>
  588. <th>User type</th>
  589. <th>Refund Status</th>
  590. <th>Booking Status</th>
  591. </tr>
  592. </thead>
  593. <tr th:each="settlementlist, iterStat : ${bookingSettlementList}">
  595. <td th:text="${iterStat.count}">0</td>
  596. <td th:text="${settlementlist.users.name}"></td>
  597. <td th:text="${settlementlist.users.mobileNo}"></td>
  598. <td th:text="${settlementlist.bookingId}"></td>
  599. <td th:text="${settlementlist.hallDetails.hallName}"></td>
  600. <td th:text="${settlementlist.reason}"></td>
  601. <td th:text="${settlementlist.bookingDate}"></td>
  602. <td th:text="${settlementlist.startDate +' to '+ settlementlist.endDate}"></td>
  603. <td th:text="${settlementlist.noOfDays}"></td>
  604. <td th:text="${settlementlist.users.usertype}"></td>
  605. <td th:text="${settlementlist.refundStatus}"></td>
  606. <td th:text="${settlementlist.bookingStatus}"></td>
  607. </tr>
  609. </table>
  610. </div>
  611. <div class="table-responsive" id="totalCounttable" th:if="${request == '7'}">
  612. <table id="requestTable7" class="table table-striped table-bordered table-hover dataTable"
  613. role="grid" width="99.5%">
  614. <thead class="thead-dark">
  615. <tr role="row">
  616. <th>S.No</th>
  617. <th th:text="${basedon == 'zone' ? 'Zone' : 'Division'}"></th>
  618. <th>Bookings Count</th>
  619. </tr>
  620. </thead>
  621. <tbody>
  622. <tr th:each="data, stat : ${totalcount}">
  623. <td th:text="${stat.index + 1}"></td> <!-- Serial number -->
  624. <td th:text="${data[0]}"></td> <!-- Zone or Division -->
  625. <td th:text="${data[1]}"></td> <!-- Bookings Count -->
  626. </tr>
  627. </tbody>
  628. <tfoot>
  629. <tr>
  630. <th></th>
  631. <td><strong>Total Bookings :</strong></td>
  632. <td th:text="${totalBookings}"></td> <!-- Total bookings -->
  633. </tr>
  634. </tfoot>
  635. </table>
  636. </div>
  637. <!--<div class="table-responsive" id="countertable" th:if="${request == '9'}">-->
  638. <div class="table-responsive" id="countertable" th:if="${request}==9">
  639. <div th:if="${reporttype == 'abstract'}">
  640. <table id="requestTable9" class="table table-striped table-bordered table-hover dataTable"
  641. role="grid" width="99.5%">
  642. <thead class="thead-dark">
  643. <tr role="row">
  644. <th>S.No</th>
  645. <th>Counter ID</th>
  646. <th>Total Bookings</th>
  647. </tr>
  648. </thead>
  649. <tbody>
  650. <tr th:each="counterdata, iterstat : ${counterBookingList}">
  651. <td th:text="${iterstat.index + 1}"></td>
  652. <td th:text="${counterdata[0]}"></td>
  653. <td>
  654. <button href="#"
  655. th:attr="data-counter-id=${counterdata[0]}"
  656. data-bs-toggle="modal"
  657. data-bs-target="#bookingModal"
  658. style="background-color: #2a807f; color: white; border: none; padding: 6px 12px; border-radius: 4px;"
  660. onclick="showCounterTable(this)">
  661. <span th:text="${counterdata[1]}"></span>
  662. </button>
  663. </td>
  664. </tr>
  665. </tbody>
  666. </table>
  667. </div>
  668. <div th:if="${reporttype == 'detailed'}">
  669. <table id="detailedrequestTable" class="table table-striped table-bordered table-hover dataTable"
  670. role="grid" width="99.5%">
  671. <thead class="thead-dark">
  672. <tr role="row">
  673. <th>S.No</th>
  674. <th>Booking ID</th>
  675. <th>Hall Name</th>
  676. <th>Booking Date</th>
  677. <th>Start Date</th>
  678. <th>End Date</th>
  679. <th>Starting Slot</th>
  680. <th>Ending Slot</th>
  681. <th>No.of.Days</th>
  682. <th>Reason for Booking</th>
  683. <th>Hall Amount</th>
  684. <th>Deposit Amount</th>
  685. <th>GSt</th>
  686. <th>Amount Received</th>
  687. <th>Booking Status</th>
  688. <th>Booking Type</th>
  689. <th>Counter Id</th>
  690. <th>View</th>
  691. </tr>
  692. </thead>
  693. <tbody>
  694. <tr th:each="counterdata, iterstat : ${counterBookingList}">
  695. <td th:text="${iterstat.index + 1}"></td>
  696. <td th:text="${counterdata[0]}"></td>
  697. <td th:text="${counterdata[1]}"></td>
  698. <td th:text="${counterdata[2]}"></td>
  699. <td th:text="${counterdata[3]}"></td>
  700. <td th:text="${counterdata[4]}"></td>
  701. <td th:text="${counterdata[5]}"></td>
  702. <td th:text="${counterdata[6]}"></td>
  703. <td th:text="${counterdata[7]}"></td>
  704. <td th:text="${counterdata[8]}"></td>
  705. <td th:text="${counterdata[9]}"></td>
  706. <td th:text="${counterdata[10]}"></td>
  707. <td th:text="${counterdata[11]}"></td>
  708. <td th:text="${counterdata[12]}"></td>
  709. <td th:text="${counterdata[13]}"></td>
  710. <td th:text="${counterdata[14]}"></td>
  711. <td th:text="${counterdata[15]}"></td>
  712. <td>
  713. <p>
  714. <span class="badge bg-warning" style="cursor: pointer;"
  715. th:onclick="viewDetails([[${counterdata[0]}]])">View</span>
  716. </p>
  717. </td>
  718. </tr>
  719. </tbody>
  720. </table>
  721. </div>
  722. </div>
  724. <div class="table-responsive" id="zoneWiseBookingTable" th:if="${request}==10">
  725. <table id="requestTable10" class="table table-striped table-bordered table-hover dataTable"
  726. role="grid" width="99.5%">
  727. <thead class="thead-dark">
  728. <tr role="row">
  729. <th>S.No</th>
  730. <th>Zone</th>
  731. <th>Hall Count</th>
  732. <th>Online Booking Count</th>
  733. <th>Counter Booking Count</th>
  734. <th>Total Count</th>
  735. </tr>
  736. </thead>
  737. <tr th:each="zoneList, iterStat : ${zoneWiseBookingList}">
  738. <td th:text="${iterStat.count}">0</td>
  739. <td>
  740. <button href="#"
  741. th:attr="data-zone-id=${zoneList[0]}"
  742. data-bs-toggle="modal"
  743. data-bs-target="#hallModal"
  744. style="background-color: #2a807f; color: white; border: none; padding: 6px 12px; border-radius: 4px;"
  745. onclick="showHallDetailsTable(this)">
  746. <span th:text="${zoneList[0]}"></span>
  747. </button>
  748. </td>
  749. <td th:text="${zoneList[1]}"></td>
  750. <td th:text="${zoneList[3]}"></td>
  751. <td th:text="${zoneList[4]}"></td>
  752. <td th:text="${zoneList[2]}"></td>
  753. </tr>
  754. </table>
  755. </div>
  756. <div class="table-responsive" id="Bookingtables" th:if="${request}=='11'">
  758. <table id="requestTable11" class="table table-striped table-bordered table-hover dataTable"
  759. role="grid" width="99.5%">
  760. <thead class="thead-dark">
  761. <tr role="row">
  762. <th>S.No</th>
  763. <th>Booking ID</th>
  764. <th>Booking Date</th>
  765. <th>Settlement Initated</th>
  766. <th>User Name</th>
  767. <th>Mobile</th>
  768. <th>Hall Name</th>
  769. <th>Start Date</th>
  770. <th>End Date</th>
  771. <th>Amount Received</th>
  772. <th>Refunded Amount</th>
  773. <th>Refund Transaction ID</th>
  774. <th>Action</th>
  775. </tr>
  776. </thead>
  777. <tbody>
  778. <tr th:each="row, iterStat : ${settlementInitiatedList}">
  779. <td th:text="${iterStat.count}"></td>
  780. <td th:text="${row[0]}"></td> <!-- booking_id -->
  781. <td th:text="${#dates.format(row[1], 'dd-MM-yyyy')}"></td> <!-- booking_date -->
  782. <td th:text="${#dates.format(row[2], 'dd-MM-yyyy')}"></td>
  783. <td th:text="${row[3]}"></td> <!-- name -->
  784. <td th:text="${row[4]}"></td> <!-- mobile_no -->
  785. <td th:text="${row[5]}"></td> <!-- hall_name -->
  786. <td th:text="${row[6]}"></td> <!-- start_date -->
  787. <td th:text="${(row[7])}"></td> <!-- end_date -->
  788. <td th:text="${row[8]}"></td> <!-- amount_received -->
  789. <td th:text="${row[9]}"></td> <!-- refunded_amount -->
  790. <!--<td th:text="${row[9]}"></td> --><!-- transaction_id -->
  791. <td th:text="${row[10] != null ? row[9] : '-'}"></td>
  793. <td>
  794. <span class="badge bg-warning" style="cursor: pointer;"
  795. th:onclick="viewDetails([[${row[0]}]])">View</span>
  796. </td>
  797. </tr>
  798. </tbody>
  799. </table>
  800. </div>
  804. </div>
  806. <div class="modal fade backdrop" id="showBookingDetails" data-backdrop="static"
  807. tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel"
  808. aria-hidden="true">
  809. <div class="modal-dialog modal-lg" role="document">
  810. <div class="modal-content" id="printableContent">
  812. <form id="regform" onsubmit="return rejectsubmit();">
  813. <div
  814. class="block block-rounded block-themed block-transparent mb-0">
  816. <div class="block-header bg-primary-dark">
  817. <h3 class="block-title" id="2mtitle">Booking
  818. Information</h3>
  819. <div class="block-options">
  820. <button type="button" class="btn-block-option"
  821. data-bs-dismiss="modal" aria-label="Close">
  822. <i class="fa fa-fw fa-times"></i>
  823. </button>
  824. </div>
  825. </div>
  827. <div class="block-content row"
  828. style="margin-right:0px;margin:0;padding:0;">
  829. <div class="col-md-12 col-lg-12 col-sm-12">
  830. <div class="card-body">
  831. <table>
  832. <tr>
  833. <th colspan="10"
  834. style="background-color: lightgrey;">
  835. User Details
  836. </th>
  837. </tr>
  838. <tr>
  839. <th
  840. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  841. User Name:
  842. </th>
  843. <td class="fw-semibold"
  844. style="padding: 0.45rem 0.45rem;"
  845. id="td_userName"></td>
  846. <th
  847. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  848. Mobile Number:
  849. </th>
  850. <td class="fw-semibold"
  851. style="padding: 0.45rem 0.45rem;"
  852. id="td_mobileNumber"></td>
  854. <th
  855. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  856. User Type:
  857. </th>
  858. <td class="fw-semibold"
  859. style="padding: 0.45rem 0.45rem;"
  860. id="td_usertype"></td>
  862. </tr>
  863. <tr>
  864. <th
  865. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  866. User Address:
  867. </th>
  868. <td colspan="5" class="fw-semibold"
  869. style="padding: 0.45rem 0.45rem;text-wrap: pretty;"
  870. id="td_useraddress"></td>
  872. </tr>
  873. <input type="hidden"
  874. class="form-control text-center"
  875. name="bookingid" id="bookingid" disabled/>
  876. <tr>
  877. <th colspan="10"
  878. style="background-color: lightgrey;">
  879. Hall Details
  880. </th>
  881. </tr>
  883. <tr>
  884. <th
  885. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  886. Hall Name:
  887. </th>
  888. <td colspan="10" class="fw-semibold"
  889. style="padding: 0.45rem 0.45rem;text-wrap:pretty;"
  890. id="td_hallName"></td>
  892. </tr>
  893. <th
  894. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  895. Hall Address:
  896. </th>
  897. <td colspan="10" class="fw-semibold"
  898. style="padding: 0.45rem 0.45rem;text-wrap: pretty;"
  899. id="td_halladdress"></td>
  901. </tr>
  902. <tr>
  903. <th
  904. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  905. Caretaker Name:
  906. </th>
  907. <td colspan="2" class="fw-semibold"
  908. style="padding: 0.45rem 0.45rem;"
  909. id="td_caretakername"></td>
  910. <th
  911. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  912. Caretaker Mobile Number:
  913. </th>
  914. <td colspan="2" class="fw-semibold"
  915. style="padding: 0.45rem 0.45rem;"
  916. id="td_caretakermobileNumber"></td>
  918. </tr>
  919. <tr>
  920. <th colspan="10"
  921. style="background-color: lightgrey;">
  922. Booking
  923. Details (Booking Id:-<span
  924. id="booking_id"
  925. style="color:blue"></span>)
  926. </th>
  927. </tr>
  928. <tr>
  929. <th
  930. style="padding: 0.45rem 0.45rem;font-weight: normal">
  931. Booking Date:
  932. </th>
  933. <td colspan="2" class="fw-semibold"
  934. style="padding: 0.45rem 0.45rem;"
  935. id="td_bookingDate"></td>
  936. <th
  937. style="padding: 0.45rem 0.45rem;font-weight: normal">
  938. Deposit Amount (in Rs):
  939. </th>
  940. <td colspan="2"
  941. class="fw-semibold amount-cell"
  942. style="padding: 0.45rem 0.45rem;"
  943. id="td_depositeAmount"></td>
  944. </tr>
  945. <tr>
  946. <th
  947. style="padding: 0.45rem 0.45rem;font-weight: normal">
  948. Start Date:
  949. </th>
  950. <td colspan="2" class="fw-semibold"
  951. style="padding: 0.45rem 0.45rem;"
  952. id="td_startDate"></td>
  953. <th
  954. style="padding: 0.45rem 0.45rem;font-weight: normal">
  955. Hall Amount (in Rs):
  956. </th>
  957. <td colspan="2"
  958. class="fw-semibold amount-cell"
  959. style="padding: 0.45rem 0.45rem;"
  960. id="td_hallAmount"></td>
  961. </tr>
  962. <tr>
  963. <th
  964. style="padding: 0.45rem 0.45rem;font-weight: normal">
  965. END Date:
  966. </th>
  967. <td colspan="2" class="fw-semibold"
  968. style="padding: 0.45rem 0.45rem;"
  969. id="td_endDate"></td>
  970. <th
  971. style="padding: 0.45rem 0.45rem;font-weight: normal">
  972. GST @18% (in Rs):
  973. </th>
  974. <td colspan="2"
  975. class="fw-semibold amount-cell"
  976. style="padding: 0.45rem 0.45rem;"
  977. id="td_gst"></td>
  978. </tr>
  979. <tr>
  980. <th
  981. style="padding: 0.45rem 0.45rem;font-weight: normal">
  982. Starting Slot:
  983. </th>
  984. <td colspan="2" class="fw-semibold"
  985. style="padding: 0.45rem 0.45rem;"
  986. id="td_startingSlot"></td>
  987. <th
  988. style="padding: 0.45rem 0.45rem;font-weight: normal">
  989. Total Amount (in Rs):
  990. </th>
  991. <td colspan="2"
  992. class="fw-semibold amount-cell"
  993. style="padding: 0.45rem 0.45rem;"
  994. id="td_totalAmount"></td>
  995. </tr>
  996. <tr>
  997. <th
  998. style="padding: 0.45rem 0.45rem;font-weight: normal">
  999. Ending Slot:
  1000. </th>
  1001. <td colspan="2" class="fw-semibold"
  1002. style="padding: 0.45rem 0.45rem;"
  1003. id="td_endingSlot"></td>
  1004. <!--<th style="display:none;padding: 0.45rem 0.45rem;border:none"
  1005. id="rejectionreasondiv">Rejection
  1006. Reason:</th>
  1007. <td class="fw-semibold"
  1008. style="padding: 0.45rem 0.45rem;"
  1009. id="reasonforrejection"></td>-->
  1011. <th
  1012. style="padding: 0.45rem 0.45rem;border:none">
  1013. Booking Status:
  1014. </th>
  1015. <td colspan="2" class="fw-semibold"
  1016. style="padding: 0.45rem 0.45rem;text-wrap: pretty;"
  1017. id="bookingstatus_td"></td>
  1018. </tr>
  1019. <tr>
  1020. <th style="display:none;padding: 0.45rem 0.45rem;border:none"
  1021. id="rejectionreasondiv">Rejection
  1022. Reason:
  1023. </th>
  1024. <td class="fw-semibold"
  1025. style="padding: 0.45rem 0.45rem;text-wrap: pretty;"
  1026. id="reasonforrejection"></td>
  1027. </tr>
  1028. </table>
  1029. </div>
  1030. </div>
  1031. <div class="row col-md-12 col-lg-12 col-sm-12">
  1032. <div class="documents" id="documents"></div>
  1033. </div>
  1034. <div class="col-md-12 col-lg-12 col-sm-12 mb-2"
  1035. id="paymentsdetails"
  1036. style="display:none; margin-top: -16px;">
  1037. <div class="card-body">
  1038. <table>
  1039. <tr>
  1040. <th colspan="10"
  1041. style="background-color: lightgrey;">
  1042. Booking Payment Details
  1043. </th>
  1044. </tr>
  1045. <tr>
  1046. <th
  1047. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  1048. Transaction ID:
  1049. </th>
  1050. <td colspan="10" class="fw-semibold"
  1051. style="padding: 0.45rem 0.45rem;"
  1052. id="td_transactionId"></td>
  1054. </tr>
  1055. <th
  1056. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  1057. Amount Received (in Rs):
  1058. </th>
  1059. <td colspan="10" class="fw-semibold"
  1060. style="padding: 0.45rem 0.45rem;"
  1061. id="td_payamountReceived"></td>
  1063. </tr>
  1064. <tr>
  1065. <th
  1066. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  1067. Transaction Status:
  1068. </th>
  1069. <td class="fw-semibold"
  1070. style="padding: 0.45rem 0.45rem;"
  1071. id="td_paymentStatus"></td>
  1072. </tr>
  1073. </table>
  1074. </div>
  1075. </div>
  1077. <!--Newly added for Reschedule Details-->
  1079. <!--<div class="row col-md-12 col-lg-12 col-sm-12"
  1080. id="rescheduleDetails"
  1081. style="display:none;margin-left: 0px;margin-top: -10px">
  1082. <div class="card-body">
  1083. <table>
  1084. <tr>
  1085. <th colspan="4"
  1086. style="background-color: lightgrey;">Reschedule
  1087. Details
  1088. </th>
  1089. </tr>
  1090. <tr>
  1091. <th
  1092. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1093. Event Start Date:
  1094. </th>
  1095. <td class="fw-semibold"
  1096. style="padding: 0.45rem 0.45rem;"
  1097. id="td_res_start_date"></td>
  1098. <th
  1099. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1100. Event End Date:
  1101. </th>
  1102. <td class="fw-semibold"
  1103. style="padding: 0.45rem 0.45rem;"
  1104. id="td_res_end_date"></td>
  1105. </tr>
  1106. <tr>
  1107. <th
  1108. style="padding: 0.45rem 0.45rem;font-weight: normal;text-wrap: pretty;">
  1109. Rescheduled Date:
  1110. </th>
  1111. <td class="fw-semibold" colspan="5"
  1112. style="padding: 0.45rem 0.45rem;"
  1113. id="td_res_date"></td>
  1114. </tr>
  1115. </tbody>
  1116. </table>
  1117. </div>
  1118. </div>-->
  1121. <div class="row col-md-12 col-lg-12 col-sm-12"
  1122. id="ebdetails"
  1123. style="display:none;margin-left: 0px;margin-top: -10px">
  1124. <div class="card-body">
  1125. <table>
  1126. <tr>
  1127. <th colspan="4"
  1128. style="background-color: lightgrey;">EB
  1129. Details
  1130. </th>
  1131. </tr>
  1132. <tr>
  1133. <th
  1134. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1135. Consumer Number:
  1136. </th>
  1137. <td class="fw-semibold"
  1138. style="padding: 0.45rem 0.45rem;"
  1139. id="td_EBNumber"></td>
  1140. <th
  1141. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1142. EB Amount Per Unit (in Rs):
  1143. </th>
  1144. <td class="fw-semibold"
  1145. style="padding: 0.45rem 0.45rem;"
  1146. id="td_ebamountperunit"></td>
  1147. </tr>
  1148. <tr>
  1149. <th
  1150. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1151. Start Reading:
  1152. </th>
  1153. <td class="fw-semibold"
  1154. style="padding: 0.45rem 0.45rem;"
  1155. id="td_startingReading"></td>
  1156. <th
  1157. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1158. Unit Consumed:
  1159. </th>
  1160. <td class="fw-semibold"
  1161. style="padding: 0.45rem 0.45rem;"
  1162. id="td_usedunit"></td>
  1163. </tr>
  1164. <tr>
  1165. <th
  1166. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1167. END Reading:
  1168. </th>
  1169. <td class="fw-semibold"
  1170. style="padding: 0.45rem 0.45rem;"
  1171. id="td_endingReading"></td>
  1172. <th
  1173. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1174. EB Amount (in Rs):
  1175. </th>
  1176. <td class="fw-semibold"
  1177. style="padding: 0.45rem 0.45rem;"
  1178. id="td_electricityamount"></td>
  1179. </tr>
  1180. </tbody>
  1181. </table>
  1182. </div>
  1183. </div>
  1184. <div class="row col-md-12 col-lg-12 col-sm-12"
  1185. id="damagelist" style="disaply:none">
  1186. <div id="damageDetails"></div>
  1187. </div>
  1189. <div class="col-md-12 col-lg-12 col-sm-12"
  1190. id="refunddetails" style="margin-top:-1px">
  1191. <div class="card-body">
  1192. <table>
  1193. <tr>
  1194. <th colspan="2"
  1195. style="background-color: lightgrey;">
  1196. Amount to be Refunded (in Rs)
  1197. </th>
  1198. </tr>
  1199. <tr>
  1200. <th
  1201. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1202. Deposit Amount:
  1203. </th>
  1204. <td class="fw-semibold amount-cell"
  1205. style="padding: 0.45rem 0.45rem;"
  1206. id="td_depositeamountforrefund">0
  1207. </td>
  1208. </tr>
  1209. <tr>
  1210. <th
  1211. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1212. EB Amount:
  1213. </th>
  1214. <td class="fw-semibold amount-cell"
  1215. style="padding: 0.45rem 0.45rem;"
  1216. id="td_ebAmount"></td>
  1217. </tr>
  1218. <tr>
  1219. <th
  1220. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1221. Damage Amount:
  1222. </th>
  1223. <td class="fw-semibold amount-cell"
  1224. style="padding: 0.45rem 0.45rem;"
  1225. id="td_damage"></td>
  1226. </tr>
  1227. <tr id="pendingcolumn">
  1228. <th id="th_settel_label"
  1229. style="padding: 0.45rem 0.45rem; background-color: #f2f2f2;font-weight: normal">
  1230. Collection Pending Amount:
  1231. </th>
  1232. <td class="fw-semibold amount-cell"
  1233. style="padding: 0.45rem 0.45rem; color: green;"
  1234. id="td_pending_amt">0
  1235. </td>
  1236. </tr>
  1237. <tr id="collectionstatuscolumn">
  1238. <th id="label"
  1239. style="padding: 0.45rem 0.45rem;font-weight: normal">Collection
  1240. Pending Status
  1241. :
  1242. </th>
  1243. <td class="fw-semibold amount-cell"
  1244. style="padding: 0.45rem 0.45rem; color: green;"
  1245. id="td_collection_status">
  1246. </td>
  1247. </tr>
  1248. <tr>
  1249. <th
  1250. style="padding: 0.45rem 0.45rem; background-color: #f2f2f2;font-weight: normal">
  1251. Actual refundable Amount:
  1252. </th>
  1253. <td class="fw-semibold amount-cell"
  1254. style="padding: 0.45rem 0.45rem; color: green;"
  1255. id="td_settel_amt">0
  1256. </td>
  1257. </tr>
  1258. </table>
  1259. </div>
  1260. </div>
  1261. <div class="row col-md-12 col-lg-12 col-sm-12"
  1262. id="refundamountDetails"
  1263. style="display:none;margin-left: 0px;margin-top: -49px">
  1264. <div class="card-body">
  1265. <table>
  1266. <tr>
  1267. <th colspan="4"
  1268. style="background-color: lightgrey;">
  1269. Refund Details
  1270. </th>
  1271. </tr>
  1272. <tr>
  1273. <th
  1274. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1275. Booking Status:
  1276. </th>
  1277. <td class="fw-semibold"
  1278. style="padding: 0.45rem 0.45rem;"
  1279. id="td_bookingStatus"></td>
  1280. <th
  1281. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1282. Refund Status:
  1283. </th>
  1284. <td class="fw-semibold"
  1285. style="padding: 0.45rem 0.45rem;"
  1286. id="td_refundStatus"></td>
  1287. </tr>
  1288. <tr>
  1289. <th
  1290. style="padding: 0.45rem 0.45rem;font-weight: normal;text-wrap: pretty;">
  1291. Refund amount:
  1292. </th>
  1293. <td class="fw-semibold" colspan="5"
  1294. style="padding: 0.45rem 0.45rem;"
  1295. id="td_refundamount"></td>
  1296. </tr>
  1297. </tbody>
  1298. </table>
  1299. </div>
  1300. </div>
  1301. <div id="refundMessage" style="display: none;">
  1302. <h1 id="refundText"
  1303. style="font-size: 17px;margin-left: 20px;color: darkgreen;">
  1304. </h1>
  1305. </div>
  1306. <div id="rejectrefundMessage" style="display: none;">
  1307. <h1 id="rejectrefundText"
  1308. style="font-size: 17px;margin-left: 20px;color: darkgreen;">
  1309. </h1>
  1310. </div>
  1311. <div id="blockedrefundMessage" style="display: none;">
  1312. <h1 id="blockedrefundText"
  1313. style="font-size: 17px;margin-left: 20px;color: darkgreen;">
  1314. </h1>
  1315. </div>
  1316. </div>
  1318. </div>
  1319. <div class="block-content block-content-full text-end bg-body"
  1320. id="mbutton">
  1321. <button type="button"
  1322. style="background-color: rgb(21,69,93);color: white;"
  1323. class="btn btn-sm btn-alt-secondary"
  1324. data-bs-dismiss="modal">Close
  1325. </button>
  1326. </div>
  1327. </form>
  1328. </div>
  1329. </div>
  1330. </div>
  1332. <div class="modal fade" id="fileModal" tabindex="-1" role="dialog" aria-labelledby="fileModalLabel"
  1333. aria-hidden="true">
  1334. <div class="modal-dialog modal-lg" role="document">
  1335. <div class="modal-content">
  1336. <div class="modal-header">
  1337. <h5 class="modal-title" id="fileModalLabel">File Preview</h5>
  1338. <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
  1339. <span aria-hidden="true">&times;</span>
  1340. </button>
  1341. </div>
  1342. <div class="modal-body">
  1343. <embed id="filePreview" src="" width="100%" height="600px">
  1344. </div>
  1345. <div class="modal-footer">
  1346. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  1347. </div>
  1348. </div>
  1349. </div>
  1350. </div>
  1352. <div class="modal fade" id="viewbookingDetailsdetails">
  1353. <div class="modal-dialog modal-xl">
  1354. <div class="modal-content">
  1355. <!-- Modal Header -->
  1356. <div class="modal-header">
  1357. <h4 class="modal-title">List of Bookings</h4>
  1358. <button type="button" class="btn" data-bs-dismiss="modal">&times;</button>
  1359. </div>
  1360. <!-- Modal Body -->
  1361. <div class="modal-body">
  1362. <div class="content">
  1363. <div class="block block-rounded">
  1364. <div class="block-content p-0">
  1365. <div class="p-sm-4 p-0">
  1366. <div class="table-responsive">
  1367. <table id="bookinglistdataTable"
  1368. class="table table-bordered table-striped table-vcenter js-dataTable-responsive">
  1369. <thead class="thead-light">
  1370. <tr class="table-bordered">
  1371. <th class="text-center no-sort">S.No</th>
  1372. <th class="text-center no-sort">Booking Id</th>
  1373. <th class="text-center no-sort">Booking Date</th>
  1374. <th class="text-center no-sort">Start Date</th>
  1375. <th class="text-center no-sort">End Date</th>
  1376. <th class="text-center no-sort">Starting Slot</th>
  1377. <th class="text-center no-sort">Ending Slot</th>
  1378. <th class="text-center no-sort">Reason For Booking</th>
  1379. <th class="text-center no-sort">No of days</th>
  1380. <th class="text-center no-sort">Booking Status</th>
  1381. <th class="text-center no-sort">Hall Amount</th>
  1382. <th class="text-center no-sort">Total Amount Paid</th>
  1383. </tr>
  1384. </thead>
  1385. <tbody id="bookingTableBody"></tbody>
  1386. </table>
  1387. </div>
  1388. </div>
  1389. </div>
  1390. </div>
  1391. </div>
  1392. </div>
  1393. <!-- Modal Footer -->
  1394. <div class="modal-footer">
  1395. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  1396. </div>
  1397. </div>
  1398. </div>
  1399. </div>
  1401. <div class="modal fade" id="viewbookingDetailsbyzone">
  1402. <div class="modal-dialog modal-xl">
  1403. <div class="modal-content">
  1404. <!-- Modal Header -->
  1405. <div class="modal-header">
  1406. <h4 class="modal-title">List of Bookings Based on Zone</h4>
  1407. <button type="button" class="btn" data-bs-dismiss="modal">&times;</button>
  1408. </div>
  1409. <!-- Modal Body -->
  1410. <div class="modal-body">
  1411. <div class="content">
  1412. <div class="block block-rounded">
  1413. <div class="block-content p-0">
  1414. <div class="p-sm-4 p-0">
  1415. <div class="table-responsive">
  1416. <table id="bookinglistdataTablebyzone"
  1417. class="table table-bordered table-striped table-vcenter js-dataTable-responsive">
  1418. <thead class="thead-light">
  1419. <tr class="table-bordered">
  1420. <th class="text-center no-sort">S.No</th>
  1421. <th class="text-center no-sort">Booking Id</th>
  1422. <th class="text-center no-sort">Booking Date</th>
  1423. <th class="text-center no-sort">Start Date</th>
  1424. <th class="text-center no-sort">End Date</th>
  1425. <th class="text-center no-sort">Starting Slot</th>
  1426. <th class="text-center no-sort">Ending Slot</th>
  1427. <th class="text-center no-sort">Reason For Booking</th>
  1428. <th class="text-center no-sort">No of Days</th>
  1429. <th class="text-center no-sort">Booking Status</th>
  1430. <th class="text-center no-sort">Hall Amount</th>
  1431. <th class="text-center no-sort">Total Amount Paid</th>
  1432. </tr>
  1433. </thead>
  1434. <tbody id="bookingTableBodybyzone"></tbody>
  1435. </table>
  1436. </div>
  1437. </div>
  1438. </div>
  1439. </div>
  1440. </div>
  1441. </div>
  1442. <!-- Modal Footer -->
  1443. <div class="modal-footer">
  1444. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  1445. </div>
  1446. </div>
  1447. </div>
  1448. </div>
  1449. <!-- Modal -->
  1450. <div class="modal fade" id="bookingModal" tabindex="-1" aria-labelledby="bookingModalLabel" aria-hidden="true">
  1451. <div class="modal-dialog modal-xl modal-dialog-scrollable">
  1452. <div class="modal-content">
  1453. <div class="modal-header">
  1454. <h5 class="modal-title">Hall-wise Booking Details</h5>
  1455. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  1456. </div>
  1457. <div class="modal-body">
  1458. <!--
  1459. <table id="modalBookingTable" class="table table-bordered table-striped dataTable" style="width: 100%;">
  1460. -->
  1461. <table id="modalBookingTable" class="table table-striped table-bordered table-hover dataTable"
  1462. role="grid" width="99.5%">
  1463. <input type="hidden" id="hallBookingJsonInput" th:value="${hallBookingJson}">
  1465. <thead>
  1466. <tr>
  1467. <th>S.No</th>
  1468. <th>Zone</th>
  1469. <th>Division</th>
  1470. <th>Hall Name</th>
  1471. <th>Total Bookings</th>
  1472. </tr>
  1473. </thead>
  1474. <tbody id="modalBookingDetails"></tbody>
  1475. </table>
  1476. </div>
  1477. </div>
  1478. </div>
  1479. </div>
  1481. <div class="modal fade" id="hallDetailModal" tabindex="-1" aria-hidden="true">
  1482. <div class="modal-dialog modal-fullscreen-custom modal-dialog-scrollable">
  1483. <div class="modal-content">
  1484. <div class="modal-header">
  1485. <h5 class="modal-title">Booking Details for Hall</h5>
  1486. <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
  1487. </div>
  1488. <div class="modal-body">
  1489. <table id="hallDetailsTable" class="table table-bordered table-striped">
  1490. <input type="hidden" id="hallBookingDetailsJsonInput" th:value="${hallBookingDetailsJson}">
  1492. <thead>
  1493. <tr>
  1494. <th>S.No</th>
  1495. <th>Booking ID</th>
  1496. <th>Hall Name</th>
  1497. <th>Booking Date</th>
  1498. <th>Start Date</th>
  1499. <th>End Date</th>
  1500. <th>Starting Slot</th>
  1501. <th>Ending Slot</th>
  1502. <th>No.of.Days</th>
  1503. <th>Reason for Booking</th>
  1504. <th>Hall Amount</th>
  1505. <th>Deposit Amount</th>
  1506. <th>GSt</th>
  1507. <th>Amount Received</th>
  1508. <th>Booking Status</th>
  1509. <th>Booking Type</th>
  1510. <th>View</th>
  1511. </tr>
  1512. </thead>
  1513. <tbody id="hallDetailsTableBody"></tbody>
  1514. </table>
  1515. </div>
  1516. </div>
  1517. </div>
  1518. </div>
  1519. <!--Modal For Review Report-->
  1520. <div class="modal fade" id="hallModal" tabindex="-1" aria-labelledby="hallModalLabel" aria-hidden="true">
  1521. <div class="modal-dialog modal-xl modal-dialog-scrollable">
  1522. <div class="modal-content">
  1523. <div class="modal-header">
  1524. <h5 class="modal-title">Hall-wise Booking Details</h5>
  1525. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  1526. </div>
  1527. <div class="modal-body">
  1528. <!--
  1529. <table id="modalBookingTable" class="table table-bordered table-striped dataTable" style="width: 100%;">
  1530. -->
  1531. <table id="hallwiseBookingTable"
  1532. class="table table-striped table-bordered table-hover dataTable"
  1533. role="grid" width="99.5%">
  1534. <input type="hidden" id="hallWiseBookingList" th:value="${hallWiseBookingList}" />
  1536. <thead>
  1537. <tr>
  1538. <th>S.No</th>
  1539. <th>Hall Name</th>
  1540. <th>Online Booking Count</th>
  1541. <th>Counter Booking Count</th>
  1542. <th>Total Count</th>
  1543. </tr>
  1544. </thead>
  1545. <tbody id="hallwiseBookingDetails"></tbody>
  1546. </table>
  1547. </div>
  1548. </div>
  1549. </div>
  1550. </div>
  1552. <div class="modal fade" id="counterDetailModal" tabindex="-1" aria-hidden="true">
  1553. <div class="modal-dialog modal-fullscreen-custom modal-dialog-scrollable">
  1554. <div class="modal-content">
  1555. <div class="modal-header">
  1556. <h5 class="modal-title">Booking Details for Hall</h5>
  1557. <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
  1558. </div>
  1559. <div class="modal-body">
  1560. <table id="counterDetailsTable" class="table table-bordered table-striped">
  1561. <input type="hidden" id="counterWiseBookingList" th:value="${counterWiseBookingList}" />
  1563. <thead>
  1564. <tr>
  1565. <th>S.No</th>
  1566. <th>Counter ID</th>
  1567. <th>No.of Booking</th>
  1568. </tr>
  1569. </thead>
  1570. <tbody id="counterDetailsTableBody"></tbody>
  1571. </table>
  1572. </div>
  1573. </div>
  1574. </div>
  1575. </div>
  1577. <div class="modal fade" id="bookingInfoModal" tabindex="-1" aria-labelledby="bookingInfoModalLabel"
  1578. aria-hidden="true">
  1579. <div class="modal-dialog modal-xl">
  1580. <div class="modal-content">
  1581. <div class="modal-header bg-dark text-white">
  1582. <h5 class="modal-title">Booking Information</h5>
  1583. <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
  1584. </div>
  1585. <div class="modal-body" id="bookingInfoContent">
  1586. <!-- Filled by JS -->
  1587. </div>
  1588. </div>
  1589. </div>
  1590. </div>
  1592. </main>
  1593. <footer th:replace="~{fragments/footer2 :: footer}"></footer>
  1594. </div>
  1597. <div th:replace="~{fragments/resetpassword :: div}"></div>
  1598. <script th:replace="~{fragments/loginscript :: script}"></script>
  1601. <script>
  1602. /*$(document).ready(function () {
  1603. // Common buttons configuration
  1604. var buttons = [{
  1605. extend: 'pageLength',
  1606. className: 'btn btn-primary'
  1607. }, {
  1608. title: 'Data export',
  1609. extend: 'copyHtml5',
  1610. text: 'Copy',
  1611. className: 'btn btn-primary',
  1612. id: 'copyBtn'
  1613. }, {
  1614. extend: 'excelHtml5',
  1615. text: 'Excel',
  1616. className: 'btn btn-primary',
  1617. id: 'excelBtn'
  1618. }, {
  1619. extend: 'csvHtml5',
  1620. text: 'CSV',
  1621. className: 'btn btn-primary',
  1622. id: 'csvBtn'
  1623. }, {
  1624. extend: 'pdfHtml5',
  1625. text: 'PDF',
  1626. className: 'btn btn-primary',
  1627. id: 'pdfBtn'
  1628. }];
  1630. // DataTables initialization
  1631. $('#requestTable1, #requestTable2, #requestTable3, #requestTable8, #requestTable4, #requestTable5, #requestTable6, #requestTable7,#requestTable9,#modalBookingTable,#hallDetailsTable').DataTable({
  1632. dom: 'Bftip',
  1633. columnDefs: [{
  1634. targets: 'no-sort',
  1635. orderable: false
  1636. }],
  1637. lengthMenu: [
  1638. [50, 100, 200, 500, -1],
  1639. ['50 rows', '100 rows', '200 rows', '500 rows', 'Show all']
  1640. ],
  1641. // scrollY: '50vh',
  1642. fixedColumns: {
  1643. left: 1,
  1644. right: 1
  1645. },
  1646. buttons: buttons,
  1647. responsive: true,
  1648. searching: true, // Enable search
  1649. select: false,
  1650. processing: false,
  1651. order: [] // Remove any default sorting
  1652. });
  1654. // Link the search input to DataTable
  1655. $('#searchInput').on('keyup', function () {
  1656. $('#bookinglistdataTable').DataTable().search(this.value).draw();
  1657. });
  1658. });*/
  1660. $(document).ready(function () {
  1661. // Common buttons (default for most tables)
  1662. var commonButtons = [{
  1663. extend: 'pageLength',
  1664. className: 'btn btn-primary'
  1665. }, {
  1666. title: 'Data export',
  1667. extend: 'copyHtml5',
  1668. text: 'Copy',
  1669. className: 'btn btn-primary',
  1670. id: 'copyBtn'
  1671. }, {
  1672. extend: 'excelHtml5',
  1673. text: 'Excel',
  1674. className: 'btn btn-primary',
  1675. id: 'excelBtn'
  1676. }, {
  1677. extend: 'csvHtml5',
  1678. text: 'CSV',
  1679. className: 'btn btn-primary',
  1680. id: 'csvBtn'
  1681. }, {
  1682. extend: 'pdfHtml5',
  1683. text: 'PDF',
  1684. className: 'btn btn-primary',
  1685. id: 'pdfBtn'
  1686. }];
  1688. // Custom PDF buttons for specific tables
  1689. function getCustomButtons(tableId) {
  1690. let orientation = 'portrait';
  1691. let pageSize = 'A4';
  1693. if (tableId === 'modalBookingTable') {
  1694. orientation = 'landscape';
  1695. pageSize = 'A4';
  1696. } else if (tableId === 'hallDetailsTable') {
  1697. orientation = 'landscape';
  1698. pageSize = 'A3';
  1699. } else if (tableId === 'detailedrequestTable') {
  1700. orientation = 'landscape';
  1701. pageSize = 'A3';
  1702. }
  1704. return [{
  1705. extend: 'pageLength',
  1706. className: 'btn btn-primary'
  1707. }, {
  1708. title: 'Data export',
  1709. extend: 'copyHtml5',
  1710. text: 'Copy',
  1711. className: 'btn btn-primary'
  1712. }, {
  1713. extend: 'excelHtml5',
  1714. text: 'Excel',
  1715. className: 'btn btn-primary'
  1716. }, {
  1717. extend: 'csvHtml5',
  1718. text: 'CSV',
  1719. className: 'btn btn-primary'
  1720. }, {
  1721. extend: 'pdfHtml5',
  1722. text: 'PDF',
  1723. className: 'btn btn-primary',
  1724. orientation: orientation,
  1725. pageSize: pageSize
  1726. }];
  1727. }
  1729. // Tables using default buttons
  1730. $('#requestTable1, #requestTable2, #requestTable3, #requestTable8, #requestTable4, #requestTable5, #requestTable6, #requestTable7, #requestTable10, #requestTable11,#hallwiseBookingTable, #counterDetailsTable').DataTable({
  1731. dom: 'Bftip',
  1732. columnDefs: [{
  1733. targets: 'no-sort',
  1734. orderable: false
  1735. }],
  1736. lengthMenu: [
  1737. [50, 100, 200, 500, -1],
  1738. ['50 rows', '100 rows', '200 rows', '500 rows', 'Show all']
  1739. ],
  1740. fixedColumns: {
  1741. left: 1,
  1742. right: 1
  1743. },
  1744. buttons: commonButtons,
  1745. responsive: true,
  1746. searching: true,
  1747. select: false,
  1748. processing: false,
  1749. order: []
  1750. });
  1752. // Tables with custom PDF buttons
  1753. ['requestTable9', 'modalBookingTable', 'hallDetailsTable', 'detailedrequestTable'].forEach(function (tableId) {
  1754. $('#' + tableId).DataTable({
  1755. dom: 'Bftip',
  1756. columnDefs: [{
  1757. targets: 'no-sort',
  1758. orderable: false
  1759. }],
  1760. lengthMenu: [
  1761. [50, 100, 200, 500, -1],
  1762. ['50 rows', '100 rows', '200 rows', '500 rows', 'Show all']
  1763. ],
  1764. fixedColumns: {
  1765. left: 1,
  1766. right: 1
  1767. },
  1768. buttons: getCustomButtons(tableId),
  1769. responsive: true,
  1770. searching: true,
  1771. select: false,
  1772. processing: false,
  1773. order: []
  1774. });
  1775. });
  1777. // Link the search input to DataTable
  1778. $('#searchInput').on('keyup', function () {
  1779. $('#bookinglistdataTable').DataTable().search(this.value).draw();
  1780. });
  1781. });
  1784. function validateme() {
  1785. // checkTodateCon();
  1786. return true;
  1787. }
  1789. var fromdate = document.getElementById("fromdate"), todate = document
  1790. .getElementById("todate");
  1792. function validateDate() {
  1793. if ($("#fromdate").val() == "" || $("#todate").val() == "") {
  1794. todate.setCustomValidity("FromDate and ToDate Must");
  1795. } else {
  1796. todate.setCustomValidity('');
  1797. }
  1798. }
  1800. fromdate.onchange = validateDate;
  1801. todate.onchange = validateDate;
  1804. $(document).ready(function () {
  1805. var today = new Date();
  1806. $('.datepicker').datepicker({
  1807. dateFormat: 'yy-mm-dd',
  1808. maxDate: '1'
  1809. })
  1810. $('.datepicker').keyup(function () {
  1811. if (this.value.match(/[^0-9]/g)) {
  1812. this.value = this.value.replace(/[^0-9^-]/g, '');
  1813. }
  1814. });
  1815. });
  1817. document.addEventListener("DOMContentLoaded", function () {
  1818. myRequest(); // Initial call to set dropdowns based on initial value
  1819. });
  1821. document.addEventListener("DOMContentLoaded", function () {
  1822. checkTodateCon();
  1823. });
  1825. function checkTodateCon() {
  1826. var today = new Date();
  1827. var sixMonthsLater = new Date();
  1828. sixMonthsLater.setMonth(today.getMonth() + 6);
  1830. var minDate = today.toISOString().split('T')[0];
  1831. var maxDate = sixMonthsLater.toISOString().split('T')[0];
  1832. let fromDateInput = document.getElementById('fromdate');
  1833. let toDateInput = document.getElementById('todate');
  1834. let selectedFromDate = document.getElementById('fromdate').value;
  1835. fromDateInput.setAttribute('max', maxDate);
  1836. toDateInput.setAttribute('min', selectedFromDate);
  1837. toDateInput.setAttribute('max', maxDate);
  1838. fromDateInput.addEventListener('change', function () {
  1839. let selectedFromDate = this.value;
  1840. let toDateInput = document.getElementById('todate');
  1841. toDateInput.setAttribute('min', selectedFromDate);
  1842. toDateInput.value = ''; // Reset the value of toDate
  1843. });
  1845. }
  1847. document.addEventListener("DOMContentLoaded", function () {
  1848. const form = document.getElementById('myForm');
  1849. const basedonSelect = document.getElementById('basedon');
  1850. const errorSpan = document.getElementById('basedonError');
  1851. const request = document.getElementById('request');
  1852. const reportTypeSelect = document.getElementById('reporttype');
  1853. const reportTypeerror = document.getElementById('reportTypeError');
  1855. form.addEventListener("submit", function (event) {
  1856. const requestValue = request.value;
  1858. if (requestValue === "7") {
  1859. console.log("inside 7");
  1860. console.log("basedonSelect.value=====" + basedonSelect.value);
  1862. if (basedonSelect.value === "") {
  1863. event.preventDefault(); // Stop form submission
  1864. errorSpan.textContent = "Please select a value.";
  1865. basedonSelect.classList.add("is-invalid");
  1866. } else {
  1867. errorSpan.textContent = "";
  1868. basedonSelect.classList.remove("is-invalid");
  1869. }
  1870. } else if (requestValue === "9") {
  1871. console.log("inside 9");
  1872. console.log("reportTypeSelect.value=====" + reportTypeSelect.value);
  1874. if (reportTypeSelect.value === "") {
  1875. event.preventDefault(); // Stop form submission
  1876. reportTypeerror.textContent = "Please select a value.";
  1877. reportTypeSelect.classList.add("is-invalid");
  1878. } else {
  1879. reportTypeerror.textContent = "";
  1880. reportTypeSelect.classList.remove("is-invalid");
  1881. }
  1882. }
  1883. });
  1885. document.getElementById("basedon").addEventListener("change", function () {
  1886. this.classList.remove("is-invalid");
  1887. document.getElementById("basedonError").textContent = "";
  1888. });
  1889. document.getElementById("reporttype").addEventListener("change", function () {
  1890. this.classList.remove("is-invalid");
  1891. document.getElementById("reportTypeError").textContent = "";
  1892. });
  1893. });
  1896. // Function to manage the display of dropdowns based on the request type
  1897. function myRequest() {
  1898. var requestValue = document.getElementById("request").value;
  1900. // Hide all dropdowns initially
  1901. document.getElementById("userDropdown1").style.display = "none";
  1902. document.getElementById("userDropdown2").style.display = "none";
  1903. document.getElementById("bookingDetailsDropdown1").style.display = "none";
  1904. document.getElementById("bookingDetailsDropdown2").style.display = "none";
  1905. document.getElementById("bookingDetailsDropdown3").style.display = "none";
  1906. document.getElementById("refundDetailsDropdown").style.display = "none";
  1907. document.getElementById("zoneDropdown").style.display = "none";
  1908. document.getElementById("divisionContainer").style.display = "none";
  1909. document.getElementById("hallContainer").style.display = "none";
  1910. document.getElementById("bookingcountbasedonDropdown").style.display = "none";
  1911. document.getElementById("paymentInfoDropdown1").style.display = "none";
  1912. document.getElementById("counterreportDropdown").style.display = "none";
  1915. // Reset dropdown values
  1916. document.getElementById('zone1').value = 'ALL';
  1917. document.getElementById('division1').value = '';
  1918. document.getElementById('hall1').value = '';
  1921. // Show relevant dropdowns based on the selected request value
  1922. if (requestValue === "1") {
  1923. document.getElementById("userDropdown1").style.display = "block";
  1924. document.getElementById("userDropdown2").style.display = "block";
  1926. // Add event listener to handle "User Type" selection
  1927. document.getElementById("usertype").addEventListener("change", function () {
  1928. var userTypeValue = document.getElementById("usertype").value;
  1929. if (userTypeValue === "PUBLIC") {
  1930. document.getElementById("userDropdown1").style.display = "none"; // Hide "User Status" dropdown
  1931. } else {
  1932. document.getElementById("userDropdown1").style.display = "block"; // Show "User Status" dropdown
  1933. }
  1934. });
  1936. // Trigger the change event to apply the logic on initial load if "PUBLIC" is already selected
  1937. document.getElementById("usertype").dispatchEvent(new Event('change'));
  1939. } else if (requestValue === "2") {
  1940. document.getElementById("bookingDetailsDropdown1").style.display = "block";
  1941. document.getElementById("bookingDetailsDropdown2").style.display = "block";
  1942. document.getElementById("bookingDetailsDropdown3").style.display = "block";
  1943. document.getElementById("zoneDropdown").style.display = "block";
  1944. document.getElementById("divisionContainer").style.display = "block";
  1945. document.getElementById("hallContainer").style.display = "block";
  1947. } else if (requestValue === "6") {
  1948. document.getElementById("refundDetailsDropdown").style.display = "block";
  1949. document.getElementById("bookingDetailsDropdown3").style.display = "block";
  1951. } else if (requestValue === "3") {
  1952. document.getElementById("zoneDropdown").style.display = "block";
  1953. document.getElementById("divisionContainer").style.display = "block";
  1954. document.getElementById("hallContainer").style.display = "block";
  1955. document.getElementById("paymentInfoDropdown1").style.display = "block";
  1956. } else if (requestValue === "5") {
  1957. document.getElementById("bookingDetailsDropdown3").style.display = "block";
  1958. document.getElementById("zoneDropdown").style.display = "block";
  1959. document.getElementById("divisionContainer").style.display = "block";
  1960. document.getElementById("hallContainer").style.display = "block";
  1961. } else if (requestValue === "7") {
  1962. document.getElementById("bookingcountbasedonDropdown").style.display = "block";
  1963. } else if (requestValue === "8") {
  1964. document.getElementById("zoneDropdown").style.display = "block";
  1965. document.getElementById("divisionContainer").style.display = "block";
  1966. document.getElementById("hallContainer").style.display = "block";
  1967. document.getElementById("paymentInfoDropdown1").style.display = "block";
  1968. } else if (requestValue === "9") {
  1969. document.getElementById("counterreportDropdown").style.display = "block";
  1970. }
  1972. }
  1974. document.addEventListener("DOMContentLoaded", function () {
  1975. document.getElementById("basedon").addEventListener("change", function () {
  1976. const selectedValue = this.value;
  1977. document.getElementById("bookingcountbasedonDropdown").style.display = selectedValue ? "block" : "none";
  1978. });
  1979. });
  1981. document.addEventListener("DOMContentLoaded", function () {
  1982. document.getElementById("reporttype").addEventListener("change", function () {
  1983. const selectedValue = this.value;
  1984. document.getElementById("counterreportDropdown").style.display = selectedValue ? "block" : "none";
  1985. });
  1986. });
  1988. // Function to reset date fields
  1989. function resetDate() {
  1991. window.location.href = "/victoriahallbooking/admin/Reports";
  1993. document.getElementById('fromdate').value = '';
  1994. document.getElementById('todate').value = '';
  1995. }
  1997. function viewDetails(bookingId) {
  1998. $.ajax({
  1999. url: '/victoriahallbooking/user/api/viewAllBookingDetails',
  2000. method: 'GET',
  2001. data: {bookingId: bookingId},
  2002. success: function (response) {
  2003. document.getElementById("td_userName").innerHTML = response.users.name;
  2004. document.getElementById("td_mobileNumber").innerHTML = response.users.mobileNo;
  2005. document.getElementById("td_usertype").innerHTML = response.users.usertype;
  2006. var userDetails = response.users;
  2007. var userDetailsString =
  2008. userDetails.doorNo + ", " +
  2009. userDetails.street + ", " +
  2010. userDetails.area + ", " +
  2011. userDetails.location + " ,Chennai- " +
  2012. userDetails.pinCode;
  2013. document.getElementById("td_useraddress").innerHTML = userDetailsString;
  2014. document.getElementById("td_hallName").innerHTML = response.hallDetails.hallName;
  2015. var hallDetails = response.hallDetails;
  2016. var hallDetailsString =
  2017. hallDetails.doorNo + ", " +
  2018. hallDetails.street + ", " +
  2019. hallDetails.area + ", " +
  2020. hallDetails.city + "- " +
  2021. hallDetails.pinCode;
  2022. document.getElementById("td_halladdress").innerHTML = hallDetailsString;
  2023. document.getElementById("td_caretakername").innerHTML = response.hallDetails.hallInchargeName;
  2024. document.getElementById("td_caretakermobileNumber").innerHTML = response.hallDetails.hallInchargeMobno;
  2025. document.getElementById("td_bookingDate").innerHTML = response.bookingDate;
  2026. document.getElementById("td_depositeAmount").innerHTML = parseFloat(response.depositAmount).toFixed(2);
  2027. document.getElementById("td_hallAmount").innerHTML = parseFloat(response.hallAmount).toFixed(2);
  2028. // Calculate GST and total amount
  2029. var gstAmount = (parseFloat(response.hallAmount) * (response.hallDetails.gst / 100)).toFixed(2);
  2030. var totalAmount = parseFloat(response.amountReceived).toFixed(2);
  2032. document.getElementById("td_gst").innerHTML = gstAmount;
  2033. document.getElementById("td_totalAmount").innerHTML = totalAmount;
  2035. document.getElementById("td_startDate").innerHTML = response.startDate;
  2036. document.getElementById("td_endDate").innerHTML = response.endDate;
  2037. document.getElementById("booking_id").innerHTML = response.bookingId;
  2039. function getTimeSlot(slotValue) {
  2040. var timeSlot;
  2041. var trimmedSlotValue = String(slotValue).trim(); // Convert to string and then trim
  2042. if (trimmedSlotValue === '1') {
  2043. timeSlot = 'Morning';
  2044. } else if (trimmedSlotValue === '2') {
  2045. timeSlot = 'Evening';
  2046. } else {
  2047. timeSlot = 'Unknown';
  2048. }
  2049. return timeSlot;
  2050. }
  2052. document.getElementById("td_startingSlot").innerHTML = getTimeSlot(response.startingSlot);
  2053. document.getElementById("td_endingSlot").innerHTML = getTimeSlot(response.endingSlot);
  2054. document.getElementById("bookingstatus_td").innerHTML = response.bookingStatus;
  2056. console.log("before comments admin...");
  2057. console.log("Comments..." + response.comments);
  2058. if (response.bookingStatus === 'REJECTED' && response.comments) {
  2059. document.getElementById("rejectionreasondiv").style.display = "block";
  2060. const rejectionCell = document.getElementById("reasonforrejection");
  2061. rejectionCell.innerHTML = response.comments;
  2062. } else {
  2063. document.getElementById("rejectionreasondiv").style.display = "none";
  2064. document.getElementById("reasonforrejection").style.display = "none";
  2065. }
  2066. showReasonDocuments(response);
  2068. if (response.payments) {
  2069. document.getElementById("paymentsdetails").style.display = "block";
  2070. document.getElementById("td_transactionId").innerHTML = response.payments.transactionId;
  2071. document.getElementById("td_payamountReceived").innerHTML = response.payments.amountReceived;
  2072. document.getElementById("td_paymentStatus").innerHTML = response.payments.paymentStatus;
  2073. } else {
  2074. document.getElementById("paymentsdetails").style.display = "none";
  2075. }
  2076. if (response.ebDetails) {
  2077. document.getElementById("ebdetails").style.display = "block";
  2078. document.getElementById("td_EBNumber").innerHTML = response.hallDetails.ebNumber;
  2079. document.getElementById("td_startingReading").innerHTML = response.ebDetails.startingReading;
  2080. document.getElementById("td_endingReading").innerHTML = response.ebDetails.endingReading;
  2081. document.getElementById("td_usedunit").innerHTML = response.ebDetails.usedUnit;
  2082. document.getElementById("td_ebamountperunit").innerHTML = parseFloat(response.hallDetails.ebCostPerUnit).toFixed(2);
  2083. document.getElementById("td_electricityamount").innerHTML = parseFloat(response.ebDetails.ebAmount).toFixed(2);
  2085. } else {
  2086. document.getElementById("ebdetails").style.display = "none";
  2087. }
  2088. if (response.damageList && response.damageList.length > 0) {
  2089. document.getElementById("damagelist").style.display = "block";
  2091. } else {
  2092. document.getElementById("damagelist").style.display = "none";
  2093. }
  2094. if (response.settlement) {
  2095. document.getElementById("refunddetails").style.display = "block";
  2096. document.getElementById("td_depositeamountforrefund").innerHTML = parseFloat(response.depositAmount).toFixed(2);
  2097. document.getElementById("td_electricityamount").innerHTML = parseFloat(response.ebDetails.ebAmount).toFixed(2);
  2098. document.getElementById("td_ebAmount").innerHTML = parseFloat(response.ebDetails.ebAmount).toFixed(2);
  2099. document.getElementById("td_damage").innerHTML = parseFloat(response.settlement.damageAmount).toFixed(2);
  2101. var eb_amt = parseFloat(response.ebDetails.ebAmount).toFixed(2);
  2102. var deposit_amt = parseFloat(response.depositAmount).toFixed(2);
  2103. var tem_total = (deposit_amt - eb_amt).toFixed(2);
  2104. $("#td_settel_amt").html(tem_total);
  2105. } else {
  2106. document.getElementById("refunddetails").style.display = "none";
  2107. }
  2109. /*if (response.scheduleCount === 1) {
  2110. document.getElementById("rescheduleDetails").style.display = "block";
  2111. document.getElementById("td_res_start_date").innerHTML = response.startDate;
  2112. document.getElementById("td_res_end_date").innerHTML = response.endDate;
  2113. document.getElementById("td_res_date").innerHTML = response.updatedDate;
  2114. } else {
  2115. document.getElementById("rescheduleDetails").style.display = "none";
  2116. }*/
  2118. showDamageDetails(response);
  2119. if (response.bookingStatus === 'CANCELED' && ['WAITING', 'APPROVED', 'INITIATED'].includes(response.refundStatus)) {
  2120. document.getElementById("td_refundamount").innerHTML = `Your booking has been cancelled. Deposit amount of ₹ ${parseFloat(response.depositAmount).toFixed(2)} will be refund 3 to 15 Days`;
  2121. document.getElementById("refundamountDetails").style.display = "block";
  2122. document.getElementById("td_bookingStatus").innerHTML = response.bookingStatus;
  2123. document.getElementById("td_refundStatus").innerHTML = response.refundStatus;
  2124. } else if (response.bookingStatus === 'CANCELED' && response.refundStatus === 'COMPLETED') {
  2125. document.getElementById("td_refundamount").innerHTML = `Deposit amount of ₹ ${parseFloat(response.depositAmount).toFixed(2)} refunded successfully`;
  2126. document.getElementById("refundamountDetails").style.display = "block";
  2127. document.getElementById("td_bookingStatus").innerHTML = response.bookingStatus;
  2128. document.getElementById("td_refundStatus").innerHTML = response.refundStatus;
  2129. } else if (response.bookingStatus === 'REJECTED' && ['WAITING', 'APPROVED', 'INITIATED'].includes(response.refundStatus) && response.amountReceived == 0) {
  2130. document.getElementById("refundamountDetails").style.display = "none";
  2131. } else if (response.bookingStatus === 'REJECTED' && ['WAITING', 'APPROVED', 'INITIATED'].includes(response.refundStatus)) {
  2132. document.getElementById("td_refundamount").innerHTML = `Your booking has been Rejected by GCC. Full amount of ₹ ${parseFloat(response.amountReceived).toFixed(2)} will be refunded shortly`;
  2133. document.getElementById("refundamountDetails").style.display = "block";
  2134. document.getElementById("td_bookingStatus").innerHTML = response.bookingStatus;
  2135. document.getElementById("td_refundStatus").innerHTML = response.refundStatus;
  2136. } else if (response.bookingStatus === 'REJECTED' && response.refundStatus === 'COMPLETED') {
  2137. document.getElementById("td_refundamount").innerHTML = `Full amount of ₹${parseFloat(response.amountReceived).toFixed(2)} refunded successfully`;
  2138. document.getElementById("refundamountDetails").style.display = "block";
  2139. document.getElementById("td_bookingStatus").innerHTML = response.bookingStatus;
  2140. document.getElementById("td_refundStatus").innerHTML = response.refundStatus;
  2141. } else if (response.bookingStatus === 'REJECTED' && response.refundStatus === 'NA') {
  2142. document.getElementById("td_refundamount").innerHTML = `Your Booking has been rejected by GCC`;
  2143. document.getElementById("refundamountDetails").style.display = "block";
  2144. document.getElementById("td_bookingStatus").innerHTML = response.bookingStatus;
  2145. document.getElementById("td_refundStatus").innerHTML = response.refundStatus;
  2146. } else if (response.bookingStatus === 'GCC_BLOCKED' && ['WAITING', 'APPROVED', 'INITIATED'].includes(response.refundStatus)) {
  2147. document.getElementById("td_refundamount").innerHTML = `Your booking has been Blocked by GCC. Full amount of ₹ ${parseFloat(response.amountReceived).toFixed(2)} will be refunded shortly`;
  2148. document.getElementById("refundamountDetails").style.display = "block";
  2149. document.getElementById("td_bookingStatus").innerHTML = response.bookingStatus;
  2150. document.getElementById("td_refundStatus").innerHTML = response.refundStatus;
  2151. } else if (response.bookingStatus === 'GCC_BLOCKED' && response.refundStatus === 'COMPLETED') {
  2152. document.getElementById("td_refundamount").innerHTML = `Full amount of ₹${parseFloat(response.amountReceived).toFixed(2)} refunded successfully`;
  2153. document.getElementById("refundamountDetails").style.display = "block";
  2154. document.getElementById("td_bookingStatus").innerHTML = response.bookingStatus;
  2155. document.getElementById("td_refundStatus").innerHTML = response.refundStatus;
  2156. } else {
  2157. document.getElementById("refundamountDetails").style.display = "none";
  2158. }
  2159. // Show the modal
  2160. $('#showBookingDetails').modal('show');
  2161. },
  2162. error: function () {
  2163. console.error("An error occurred while fetching booking details.");
  2164. }
  2165. });
  2166. }
  2168. function showDamageDetails(data) {
  2169. var damageFieldContainer = $('#damageDetails');
  2170. damageFieldContainer.empty();
  2172. // Create a div for table responsiveness
  2173. var tableResponsiveDiv = $('<div>').addClass('table-responsive').css({'width': '770px'});
  2175. // Create table with similar classes and styles to the modal table
  2176. var table = $('<table>').addClass('table table-bordered table-striped').css({
  2177. 'width': '97%',
  2178. 'border-color': 'black',
  2179. 'border-top-color': 'white'
  2180. });
  2181. var thead = $('<thead>').addClass('thead-light');
  2182. var tbody = $('<tbody>');
  2184. // Create Damage Details header row
  2185. var headerRow = $('<tr>').appendTo(thead);
  2186. $('<th>').attr('colspan', '6').text('Damage Details (if any)').css({
  2187. 'padding': '0.45rem 0.45rem',
  2188. 'background-color': 'lightgrey',
  2189. 'font-weight': 'bold',
  2190. 'color': 'black',
  2191. }).appendTo(headerRow);
  2193. // Create table header row
  2194. var columnHeadersRow = $('<tr>').css('background-color', 'white').appendTo(thead);
  2195. $('<th>').text('S.No').css('padding', '0.45rem 0.45rem').appendTo(columnHeadersRow);
  2196. $('<th>').text('Asset Name').css('padding', '0.45rem 0.45rem').appendTo(columnHeadersRow);
  2197. $('<th>').text('Damage Img').css('padding', '0.45rem 0.45rem').appendTo(columnHeadersRow);
  2198. $('<th>').text('Cost').css('padding', '0.45rem 0.45rem').appendTo(columnHeadersRow);
  2199. $('<th>').text('Qty').css('padding', '0.45rem 0.45rem').appendTo(columnHeadersRow);
  2200. $('<th>').text('Amount').css('padding', '0.45rem 0.45rem').appendTo(columnHeadersRow);
  2202. var totalAmount = 0;
  2203. $.each(data.damageList, function (index, detail) {
  2204. var row = $('<tr>').appendTo(tbody);
  2205. $('<td>').text(index + 1).css('padding', '0.45rem 0.45rem').appendTo(row);
  2206. $('<td>').text(detail.assetName).css('padding', '0.45rem 0.45rem').appendTo(row);
  2207. var viewLink = $('<a>').attr('href', 'javascript:void(0)').text('View').on('click', function () {
  2208. showDamageImage(detail.damageImageUrl);
  2209. });
  2210. var assetamt = (detail.assetAmount / detail.quantity).toFixed(2);
  2211. $('<td>').css('padding', '0.45rem 0.45rem').append(viewLink).appendTo(row);
  2212. $('<td>').text(assetamt).css('padding', '0.45rem 0.45rem').appendTo(row);
  2213. $('<td>').text(detail.quantity).css('padding', '0.45rem 0.45rem').appendTo(row);
  2214. var amount = detail.assetAmount;
  2215. totalAmount += amount;
  2216. $('<td>').text(amount.toFixed(2)).css('padding', '0.45rem 0.45rem').appendTo(row);
  2217. $("#td_dam_amt").html(totalAmount.toFixed(2));
  2218. });
  2219. // Add row for total amount
  2220. var totalRow = $('<tr>').appendTo(tbody);
  2221. $('<td>').attr('colspan', '5').text('Total Amount').css('padding', '0.45rem 0.45rem; font-weight: bold; background-color: #f2f2f2').appendTo(totalRow);
  2222. $('<td>').text(totalAmount.toFixed(2)).css('padding', '0.45rem 0.45rem').appendTo(totalRow);
  2224. // Append the table elements to the container div
  2225. table.append(thead, tbody);
  2226. tableResponsiveDiv.append(table);
  2227. damageFieldContainer.append(tableResponsiveDiv);
  2229. var temp_total = parseFloat($("#td_settel_amt").html());
  2230. var settleAmount = temp_total - totalAmount;
  2231. if (settleAmount < 0) {
  2232. var pendingstatus = data.settlement.collectionStatus
  2233. $("#td_settel_amt").html(0.00);
  2234. $("#pendingcolumn").show();
  2235. $("#collectionstatuscolumn").show();
  2236. $('#td_collection_status').html(pendingstatus);
  2237. $("#td_pending_amt").html(Math.abs(settleAmount).toFixed(2));
  2238. $("#td_pending_amt").css("color", "red");
  2239. } else {
  2240. $("#td_settel_amt").html(settleAmount.toFixed(2));
  2241. $("#pendingcolumn").hide();
  2242. $("#collectionstatuscolumn").hide();
  2243. $("#td_settel_amt").css("color", "green"); // Set color to green for positive amounts
  2244. }
  2245. }
  2247. function showReasonDocuments(list) {
  2248. $.ajax({
  2249. type: "GET",
  2250. url: '/victoriahallbooking/api/officer/getReasonByName',
  2251. data: {
  2252. 'reasonName': list.reason
  2253. },
  2254. success: function (x) {
  2255. // console.log(x);
  2256. showReasonWithDocument(x, list);
  2257. }
  2258. });
  2259. }
  2261. // Display booking documents
  2262. function showReasonWithDocument(reasonData, list) {
  2263. var reasonDocumentData = reasonData.reasonDocumentMasterList;
  2264. var bookingDocumentsList = list.bookingDocumentsList;
  2266. const reasonFieldsContainer = $('#documents');
  2267. reasonFieldsContainer.empty();
  2269. // Create a responsive table container
  2270. var tableResponsiveDiv = $('<div>').addClass('table-responsive').css({'width': '770px', 'border': 'black'});
  2272. // Create the table with Bootstrap classes and custom styles
  2273. var table = $('<table>').addClass('table table-bordered table-striped table-vcenter js-dataTable-responsive').css({
  2274. 'width': '100%',
  2275. 'height': 'auto',
  2276. 'border': '1px solid black'
  2277. });
  2279. // Create the table header (thead)
  2280. var thead = $('<thead>').appendTo(table);
  2281. var headerRow = $('<tr>').appendTo(thead);
  2282. $('<th>').attr('colspan', '3').text('Document Details').css({
  2283. 'color': 'black',
  2284. 'background-color': '#f2f2f2',
  2285. 'padding': '0.45rem 0.45rem'
  2286. }).appendTo(headerRow);
  2288. // Create header row for columns
  2289. var columnHeadersRow = $('<tr>').appendTo(thead);
  2290. $('<th>').text('S.No').appendTo(columnHeadersRow);
  2291. $('<th>').text('Required Info').appendTo(columnHeadersRow);
  2292. $('<th>').text('Required Documents').appendTo(columnHeadersRow);
  2294. // Create the table body (tbody)
  2295. var tbody = $('<tbody>').appendTo(table);
  2297. // Iterate through the documents list and populate rows
  2298. for (var i = 0; i < bookingDocumentsList.length; i++) {
  2299. (function (index) {
  2300. var row = $('<tr>').appendTo(tbody);
  2301. $('<td>').text(index + 1).appendTo(row);
  2302. $('<td>').text(reasonDocumentData[index].fieldName + ': ' + bookingDocumentsList[index].name).appendTo(row);
  2304. // Create a link to view document image
  2305. var viewLink = $('<a>').attr('href', 'javascript:void(0)').text(reasonDocumentData[index].docFieldName).on('click', function () {
  2306. showDocumentImage(bookingDocumentsList[index].bookingDocUrl);
  2307. });
  2308. $('<td>').append(viewLink).appendTo(row);
  2309. })(i);
  2310. }
  2312. // Append table to the responsive container
  2313. tableResponsiveDiv.append(table);
  2315. // Append table to the container in the DOM
  2316. reasonFieldsContainer.append(tableResponsiveDiv);
  2317. }
  2320. function showDocumentImage(fileURL) {
  2321. //console.log(fileURL);
  2322. openFileModal(fileURL);
  2323. }
  2325. // Event delegation for dynamically added elements
  2326. $(document).on('click', '.view-document', function () {
  2327. const fileURL = $(this).data('url');
  2328. openFileModal(fileURL);
  2329. });
  2331. function openFileModal(fileURL) {
  2332. $('#filePreview').attr('src', fileURL);
  2333. $('#fileModal').modal('show');
  2334. }
  2336. $('#fileModal').on('shown.bs.modal', function () {
  2337. // boost the last backdrop above everything else
  2338. $('.modal-backdrop').last().css({
  2339. 'z-index': 1095,
  2340. 'pointer-events': 'none'
  2341. });
  2342. // boost this modal
  2343. $(this).css('z-index', 1100);
  2344. });
  2346. function viewbookingDetails(userId) {
  2347. $.ajax({
  2348. type: "GET",
  2349. url: '/victoriahallbooking/admin/api/bookingdetailsByuserId',
  2350. data: {'userId': userId},
  2351. success: function (response) {
  2352. // console.log(response);
  2353. $("#bookingTableBody").empty(); // Ensure bookingTableBody is the correct ID of the table body
  2354. $.each(response, function (index, booking) {
  2355. // Create table row with the data from response
  2356. var row = '<tr>' + // Added <tr> tag
  2357. '<td class="text-center">' + (index + 1) + '</td>' +
  2358. '<td class="text-center">' + booking.bookingId + '</td>' +
  2359. '<td class="text-center">' + booking.bookingDate + '</td>' +
  2360. '<td class="text-center">' + booking.startDate + '</td>' +
  2361. '<td class="text-center">' + booking.endDate + '</td>' +
  2362. '<td class="text-center">' + booking.startingSlot + '</td>' +
  2363. '<td class="text-center">' + booking.endingSlot + '</td>' +
  2364. '<td class="text-center">' + booking.reason + '</td>' +
  2365. '<td class="text-center">' + booking.noOfDays + '</td>' +
  2366. '<td class="text-center">' + booking.bookingStatus + '</td>' +
  2367. '<td class="text-center">' + booking.hallAmount + '</td>' +
  2368. '<td class="text-center">' + booking.amountReceived + '</td>' +
  2369. '</tr>'; // Close <tr> tag
  2371. // Append the row to the table body
  2372. $("#bookingTableBody").append(row);
  2373. });
  2374. $('#viewbookingDetailsdetails').modal('show');
  2375. },
  2376. error: function (xhr, status, error) {
  2377. console.error(xhr.responseText);
  2378. // Handle error here
  2379. }
  2380. });
  2381. }
  2383. function viewbookingDetailsbasedonzone(zone) {
  2384. $.ajax({
  2385. type: "GET",
  2386. url: '/victoriahallbooking/admin/api/bookingdetailsByzone',
  2387. data: {'zone': zone},
  2388. success: function (response) {
  2389. // console.log(response);
  2391. // Clear existing table data and destroy DataTable instance if it exists
  2392. var table = $('#bookinglistdataTablebyzone').DataTable();
  2393. if (table) {
  2394. table.clear().destroy();
  2395. }
  2397. // Populate table with new data
  2398. var tableBody = $("#bookingTableBodybyzone");
  2399. tableBody.empty(); // Clear the table body
  2401. $.each(response, function (index, booking) {
  2402. var row = '<tr>' +
  2403. '<td class="text-center">' + (index + 1) + '</td>' +
  2404. '<td class="text-center">' + booking.bookingId + '</td>' +
  2405. '<td class="text-center">' + booking.bookingDate + '</td>' +
  2406. '<td class="text-center">' + booking.startDate + '</td>' +
  2407. '<td class="text-center">' + booking.endDate + '</td>' +
  2408. '<td class="text-center">' + booking.startingSlot + '</td>' +
  2409. '<td class="text-center">' + booking.endingSlot + '</td>' +
  2410. '<td class="text-center">' + booking.reason + '</td>' +
  2411. '<td class="text-center">' + booking.noOfDays + '</td>' +
  2412. '<td class="text-center">' + booking.bookingStatus + '</td>' +
  2413. '<td class="text-center">' + booking.hallAmount + '</td>' +
  2414. '<td class="text-center">' + booking.amountReceived + '</td>' +
  2415. '</tr>';
  2417. tableBody.append(row);
  2418. });
  2420. // Initialize DataTable
  2421. $('#bookinglistdataTablebyzone').DataTable({
  2422. "paging": true,
  2423. "searching": true,
  2424. "ordering": true,
  2425. "info": true
  2426. });
  2428. // Show the modal
  2429. $('#viewbookingDetailsbyzone').modal('show');
  2430. },
  2431. error: function (xhr, status, error) {
  2432. console.error(xhr.responseText);
  2433. // Handle error here
  2434. }
  2435. });
  2436. }
  2438. document.addEventListener('DOMContentLoaded', function () {
  2439. fetchData();
  2441. restoreSelectedValues();
  2442. document.getElementById('request').addEventListener('change', function () {
  2443. myRequest(); // Handle request change
  2444. });
  2446. document.getElementById('zone1').addEventListener('change', function () {
  2447. updateDivisions();
  2448. });
  2449. document.getElementById('division1').addEventListener('change', function () {
  2450. updateHalls();
  2451. });
  2452. });
  2454. function fetchData() {
  2455. fetch('/victoriahallbooking/user/api/getZonehalls') // Replace with your actual API endpoint
  2456. .then(response => response.json())
  2457. .then(data => {
  2458. populateDropdowns(data);
  2459. restoreSelectedValues();
  2460. })
  2461. .catch(error => console.error('Error fetching data:', error));
  2462. }
  2464. function populateDropdowns(data) {
  2465. const zoneDropdown = document.getElementById('zone1');
  2466. const divisionDropdown = document.getElementById('division1');
  2467. const hallDropdown = document.getElementById('hall1');
  2469. const zones = new Set();
  2470. const divisionsByZone = {};
  2471. const hallsByDivision = {};
  2473. data.forEach(item => {
  2474. zones.add(item.zone);
  2475. if (!divisionsByZone[item.zone]) {
  2476. divisionsByZone[item.zone] = [];
  2477. }
  2478. if (!divisionsByZone[item.zone].includes(item.division)) {
  2479. divisionsByZone[item.zone].push(item.division);
  2480. }
  2481. if (!hallsByDivision[item.division]) {
  2482. hallsByDivision[item.division] = [];
  2483. }
  2484. hallsByDivision[item.division].push({hallName: item.hall_name, hallId: item.hall_id});
  2485. });
  2487. // Populate zones
  2488. zones.forEach(zone => {
  2489. const option = document.createElement('option');
  2490. option.value = zone;
  2491. option.textContent = zone;
  2492. zoneDropdown.appendChild(option);
  2493. });
  2495. zoneDropdown.dataset.divisionsByZone = JSON.stringify(divisionsByZone);
  2496. divisionDropdown.dataset.hallsByDivision = JSON.stringify(hallsByDivision);
  2498. // Initialize divisions and halls
  2499. updateDivisions();
  2500. }
  2502. function updateDivisions() {
  2503. const zoneDropdown = document.getElementById('zone1');
  2504. const selectedZone = zoneDropdown.value;
  2505. const divisionsByZone = JSON.parse(zoneDropdown.dataset.divisionsByZone || '{}');
  2507. const divisionDropdown = document.getElementById('division1');
  2508. divisionDropdown.innerHTML = '';
  2510. const allOption = document.createElement('option');
  2511. allOption.value = '';
  2512. allOption.textContent = '--Select Division--';
  2513. divisionDropdown.appendChild(allOption);
  2515. if (selectedZone === '') {
  2516. document.getElementById('divisionContainer').classList.add('hidden');
  2517. } else {
  2518. document.getElementById('divisionContainer').classList.remove('hidden');
  2519. (divisionsByZone[selectedZone] || []).forEach(division => {
  2520. const option = document.createElement('option');
  2521. option.value = division;
  2522. option.textContent = division;
  2523. divisionDropdown.appendChild(option);
  2524. });
  2525. updateHalls();
  2526. }
  2527. }
  2529. function updateHalls() {
  2530. const divisionDropdown = document.getElementById('division1');
  2531. const selectedDivision = divisionDropdown.value;
  2532. const hallsByDivision = JSON.parse(divisionDropdown.dataset.hallsByDivision || '{}');
  2534. const hallDropdown = document.getElementById('hall1');
  2535. hallDropdown.innerHTML = '';
  2537. const allOption = document.createElement('option');
  2538. allOption.value = '';
  2539. allOption.textContent = '--Select Hall--';
  2540. hallDropdown.appendChild(allOption);
  2542. if (selectedDivision === '') {
  2543. document.getElementById('hallContainer').classList.add('hidden');
  2544. } else {
  2545. document.getElementById('hallContainer').classList.remove('hidden');
  2546. (hallsByDivision[selectedDivision] || []).forEach(hall => {
  2547. const option = document.createElement('option');
  2548. option.value = hall.hallId;
  2549. option.textContent = hall.hallName;
  2550. hallDropdown.appendChild(option);
  2551. });
  2552. }
  2553. }
  2555. function restoreSelectedValues() {
  2556. const selectedZone = localStorage.getItem('selectedZone') || '';
  2557. const selectedDivision = localStorage.getItem('selectedDivision') || '';
  2558. const selectedHall = localStorage.getItem('selectedHall') || '';
  2560. const zoneDropdown = document.getElementById('zone1');
  2561. const divisionDropdown = document.getElementById('division1');
  2562. const hallDropdown = document.getElementById('hall1');
  2564. zoneDropdown.value = selectedZone;
  2565. updateDivisions(); // Populate divisions based on selected zone
  2567. // Make sure to set the division and hall values after the dropdowns are populated
  2568. divisionDropdown.value = selectedDivision;
  2569. updateHalls(); // Populate halls based on selected division
  2571. hallDropdown.value = selectedHall;
  2572. }
  2574. // Store selected values before form submission
  2575. function storeSelectedValues() {
  2576. const zoneDropdown = document.getElementById('zone1');
  2577. const divisionDropdown = document.getElementById('division1');
  2578. const hallDropdown = document.getElementById('hall1');
  2580. localStorage.setItem('selectedZone', zoneDropdown.value);
  2581. localStorage.setItem('selectedDivision', divisionDropdown.value);
  2582. localStorage.setItem('selectedHall', hallDropdown.value);
  2583. }
  2585. document.getElementById('myForm').addEventListener('submit', function () {
  2586. storeSelectedValues();
  2587. });
  2589. let hallBookingData = [];
  2590. let hallDetailsData = [];
  2592. window.addEventListener("DOMContentLoaded", () => {
  2593. try {
  2594. const jsonString1 = document.getElementById("hallBookingJsonInput")?.value;
  2595. if (jsonString1) {
  2596. hallBookingData = JSON.parse(jsonString1);
  2597. console.log("Parsed hallBookingData:", hallBookingData);
  2598. }
  2600. const jsonString2 = document.getElementById("hallBookingDetailsJsonInput")?.value;
  2601. if (jsonString2) {
  2602. hallDetailsData = JSON.parse(jsonString2);
  2603. console.log("Parsed hallDetailsData:", hallDetailsData);
  2604. }
  2605. } catch (e) {
  2606. console.error("Failed to parse JSON inputs", e);
  2607. }
  2608. // Delegate click event for dynamically added booking links
  2609. $(document).on('click', '.hall-detail-link', function (e) {
  2610. e.preventDefault();
  2611. const hallName = $(this).data('hall-name');
  2612. showHallBookingDetails(hallName);
  2613. });
  2614. });
  2616. function showCounterTable(elem) {
  2617. const counterId = elem.getAttribute("data-counter-id");
  2618. const filtered = hallBookingData.filter(row => row[0] == counterId);
  2620. const table = $('#modalBookingTable').DataTable();
  2621. table.clear();
  2623. filtered.forEach((row, index) => {
  2624. table.row.add([
  2625. index + 1,
  2626. row[1], // Zone
  2627. row[2], // Division
  2628. row[3], // Hall Name
  2629. `<button href="#" class="hall-detail-link"
  2630. style="background-color: #2a807f; color: white; border: none; padding: 6px 12px; border-radius: 4px;"
  2631. data-hall-name="${row[3]}">${row[4]}</button>`
  2632. ]);
  2633. });
  2635. table.draw();
  2636. table.columns.adjust().responsive.recalc();
  2638. // Show modal after data is loaded
  2639. $('#bookingModal').modal('show');
  2640. }
  2642. function formatDateFromTimestamp(timestamp) {
  2643. const date = new Date(parseInt(timestamp));
  2644. const year = date.getFullYear();
  2645. const month = String(date.getMonth() + 1).padStart(2, '0');
  2646. const day = String(date.getDate()).padStart(2, '0');
  2647. return `${year}-${month}-${day}`;
  2648. }
  2650. function getSlotLabel(slot) {
  2651. return slot === 1 ? 'Morning' : (slot === 2 ? 'Evening' : '');
  2652. }
  2654. function showHallBookingDetails(hallName) {
  2655. const filtered = hallDetailsData.filter(row => row[1] === hallName);
  2657. const table = $('#hallDetailsTable').DataTable();
  2658. table.clear();
  2660. filtered.forEach((row, index) => {
  2661. table.row.add([
  2662. index + 1,
  2663. row[0],
  2664. row[1],
  2665. formatDateFromTimestamp(row[2]),
  2666. row[3],
  2667. row[4],
  2668. getSlotLabel(row[5]),
  2669. getSlotLabel(row[6]),
  2670. row[7],
  2671. row[8],
  2672. row[9],
  2673. row[10],
  2674. row[11],
  2675. row[12],
  2676. row[13],
  2677. row[14],
  2678. ` <button class="btn btn-sm btn-primary" onclick="viewDetails('${row[0]}')">View</button>`
  2679. ]);
  2680. });
  2681. table.draw();
  2682. table.columns.adjust().responsive.recalc();
  2683. $('#hallDetailModal').modal('show');
  2684. }
  2686. function viewCounterBookingDetails(bookingId) {
  2687. viewDetails(bookingId);
  2688. }
  2690. // for review report
  2692. let halldetailcount = [];
  2693. let counterdetailcount = [];
  2695. window.addEventListener("DOMContentLoaded", () => {
  2696. try {
  2697. const jsonString1 = document.getElementById("hallWiseBookingList")?.value;
  2698. if (jsonString1) {
  2699. halldetailcount = JSON.parse(jsonString1);
  2700. console.log("Parsed hall wise count data:", halldetailcount);
  2701. }
  2703. const jsonString2 = document.getElementById("counterWiseBookingList")?.value;
  2704. if (jsonString2) {
  2705. counterdetailcount = JSON.parse(jsonString2);
  2706. console.log("Parsed counter wise count data:", counterdetailcount);
  2707. }
  2708. } catch (e) {
  2709. console.error("Failed to parse JSON inputs", e);
  2710. }
  2712. $(document).on('click', '.counter-booking-link', function (e) {
  2713. e.preventDefault();
  2714. const hallId = $(this).data('hall-id');
  2715. showCounterCountDetails(hallId);
  2716. });
  2718. });
  2720. function showHallDetailsTable(elem) {
  2721. const zoneId = elem.getAttribute("data-zone-id");
  2722. console.log("Selected Zone:", zoneId);
  2723. console.log("Full Data:", halldetailcount);
  2725. // FIX: Compare correct column (zoneId might be at index 5)
  2726. const filtered = halldetailcount.filter(row => String(row[5]) === String(zoneId));
  2727. console.log("Filtered Data:", filtered);
  2729. const table = $('#hallwiseBookingTable').DataTable();
  2730. table.clear();
  2732. filtered.forEach((row, index) => {
  2733. table.row.add([
  2734. index + 1,
  2735. row[1], // hall name
  2736. row[3], // online booking
  2737. `<button type="button" class="btn btn-sm btn-info counter-booking-link"
  2738. data-hall-id="${row[0]}">${row[4]}</button>`, // clickable counter count
  2739. row[2] // total count
  2740. ]);
  2741. });
  2743. table.draw();
  2744. $('#hallModal').modal('show');
  2745. }
  2748. function showCounterCountDetails(hallId) {
  2749. console.log("Looking for hallId:", hallId);
  2750. console.log("All Counter Data:", counterdetailcount);
  2752. const filtered = counterdetailcount.filter(row => String(row[1]) === String(hallId));
  2753. console.log("Filtered Counter Data:", filtered);
  2755. const table = $('#counterDetailsTable').DataTable();
  2756. table.clear();
  2758. filtered.forEach((row, index) => {
  2759. table.row.add([
  2760. index + 1,
  2761. row[0], // Counter ID
  2762. row[2] // Booking count
  2763. ]);
  2764. });
  2766. table.draw();
  2767. $('#counterDetailModal').modal('show');
  2768. }
  2772. </script>
  2773. </body>
  2775. </html>