kanimozhi
/
communityhallv22
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
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.
17 Commits
1 Branch
0 Tags
244 MiB
Tree: faf8579b3d
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'faf8579b3d'
${ noResults }
communityhallv22/src/main/resources/templates/headquarters/settlement-list.html

1647 lines
60 KiB
Raw Normal View History

first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Settlement Initiated Changes and Admin login Report changes
11 months ago
​
​
​
​
​
​
​
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Settlement Initiated Changes and Admin login Report changes
11 months ago
​
​
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Settlement Initiated Changes and Admin login Report changes
11 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Settlement Initiated Changes and Admin login Report changes
11 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Settlement Initiated Changes and Admin login Report changes
11 months ago
​
​
​
​
​
first
2 years ago
Settlement Initiated Changes and Admin login Report changes
11 months ago
​
first
2 years ago
​
​
​
​
Counter login and Unique Id added
2 years ago
​
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Settlement Initiated Changes and Admin login Report changes
11 months ago
first
2 years ago
​
​
​
​
Settlement Initiated Changes and Admin login Report changes
11 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org">
  4. <head th:replace="~{fragments/head-headquarters :: head}"></head>
  5. <style>
  6. .card-body table {
  7. width: 100%;
  8. padding: 100px;
  9. }
  11. .card-body th,
  12. td {
  13. padding: 8px;
  14. text-align: left;
  15. }
  17. .amount-cell {
  18. text-align: right;
  19. padding-right: 1rem;
  20. /* Adjust padding as needed */
  21. }
  23. .table {
  24. width: 100% !important;
  25. }
  26. </style>
  27. <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
  28. integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
  29. crossorigin="anonymous"></script>
  30. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"
  31. integrity="sha384-vUDzXQ+PSziH/FUbe0YVEv7qEoRJRT5D02B1RWZC1yyP3+n6K8N7q0clmKf3nDOJ"
  32. crossorigin="anonymous"></script>
  33. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
  34. integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
  35. crossorigin="anonymous"></script>
  37. <body>
  38. <!-- Page Container -->
  39. <div id="page-container"
  40. class="sidebar-o sidebar-dark enable-page-overlay side-scroll page-header-fixed page-header-dark">
  41. <!-- Side Overlay aside (right)-->
  42. <aside th:replace="~{fragments/aside-right :: aside}"></aside>
  43. <!-- END Side Overlay (right)-->
  45. <!-- Sidebar Nav-->
  46. <nav th:replace="~{fragments/nav-headquarters :: nav}"></nav>
  47. <!-- END Sidebar -->
  49. <!-- Header -->
  50. <header th:replace="~{fragments/header-headquarters :: header}"></header>
  51. <!-- Main Container -->
  52. <main id="main-container" class="container mt-5">
  53. <ul class="nav nav-tabs" id="myTab" role="tablist">
  54. <li class="nav-item" role="presentation">
  55. <a class="nav-link active" id="settlement-tab" data-toggle="tab" href="#settlement" role="tab"
  56. aria-controls="settlement" aria-selected="true">Settlement Refund</a>
  57. </li>
  58. <li class="nav-item" role="presentation">
  59. <a class="nav-link" id="cancel-tab" data-toggle="tab" href="#cancel" role="tab"
  60. aria-controls="cancel" aria-selected="false">Cancelled Bookings Refund</a>
  61. </li>
  62. <li class="nav-item" role="presentation">
  63. <a class="nav-link" id="gcc-tab" data-toggle="tab" href="#gcc" role="tab" aria-controls="gcc"
  64. aria-selected="false">GCC Blocked/Rejected Refund</a>
  65. </li>
  66. <li class="nav-item" role="presentation">
  67. <a class="nav-link" id="settlement-initiated-tab"
  68. data-toggle="tab"
  69. href="#settlement-initiated"
  70. role="tab"
  71. aria-controls="settlement-initiated"
  72. aria-selected="false">Settlement Initiated</a>
  73. </li>
  74. </ul>
  75. <div class="tab-content" id="myTabContent">
  76. <!-- Settlement Approval Tab -->
  77. <div class="tab-pane fade show active" id="settlement" role="tabpanel" aria-labelledby="settlement-tab">
  78. <div class="block-header block-header-default">
  79. <h3 class="block-title">List of Settlement Refund Pending</h3>
  80. </div>
  81. <div class="block-content p-0">
  82. <div class="p-sm-4 p-0">
  83. <div class="table-responsive">
  84. <table class="table table-bordered table-striped table-vcenter js-dataTable-responsive" id="SettlementApprovedListTable">
  85. <thead class="thead-light">
  86. <tr>
  87. <th>S.no</th>
  88. <th>Zone</th>
  89. <th>Division</th>
  90. <th>Hall Name</th>
  91. <th>Booking Id</th>
  92. <th>Booking Date</th>
  93. <th>Settlement Id</th>
  94. <th>Settlement raised Date</th>
  95. <th>Deposit Amount</th>
  96. <th>Collection Pending</th>
  97. <th>Refund Amount</th>
  98. <th>Status</th>
  99. <th>Action</th>
  100. </tr>
  101. </thead>
  102. <tbody>
  103. <!--<tr th:each="settlement, rowStat : ${settlementlist}">-->
  104. <tr th:each="settlement, rowStat : ${settlementlist}"
  105. th:if="${settlement.settlement.approvedFlag == 0 or settlement.settlement.approvedFlag == null}">
  106. <td class="text-center" th:text="${rowStat.index + 1}"></td>
  107. <td class="text-center" th:text="${settlement.hallDetails.zone}"></td>
  108. <td class="text-center" th:text="${settlement.hallDetails.division}"></td>
  109. <td class="text-center" th:text="${settlement.hallDetails.hallName}"></td>
  110. <td class="text-center" th:text="${settlement.bookingId}"></td>
  111. <td class="text-center" th:text="${settlement.bookingDate}"></td>
  112. <td class="text-center" th:text="${settlement.settlement.settlementId}">
  113. </td>
  114. <td class="text-center" th:text="${settlement.settlement.cdate}"></td>
  115. <td class="text-center" th:text="${settlement.depositAmount}"></td>
  116. <td class="text-center"
  117. th:text="${settlement.settlement.collectionPending}"></td>
  118. <td class="text-center" th:text="${settlement.settlement.refundedAmount}">
  119. </td>
  120. <td class="text-center" th:text="${settlement.refundStatus}"></td>
  121. <td>
  122. <p>
  123. <span class="badge bg-warning" style="cursor: pointer;"
  124. th:onclick="pending([[${settlement.settlement.settlementId}]])">Approve</span>
  125. </p>
  126. </td>
  127. </tr>
  128. </tbody>
  129. </table>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  135. <!-- CancelBooking Tab -->
  136. <div class="tab-pane fade" id="cancel" role="tabpanel" aria-labelledby="cancel-tab">
  137. <div class="block-header block-header-default">
  138. <h3 class="block-title">Cancelled Bookings with Refund Pending</h3>
  139. </div>
  140. <div class="block-content p-0">
  141. <div class="p-sm-4 p-0">
  142. <div class="table-responsive">
  143. <table class="table table-bordered table-striped table-vcenter js-dataTable-responsive" id="cancelledApprovedListTable">
  144. <thead class="thead-light">
  145. <tr>
  146. <th>S.no</th>
  147. <th>Booking Id</th>
  148. <th>Booking Date</th>
  149. <th>Hall Name</th>
  150. <th>User Name</th>
  151. <th>User type</th>
  152. <th>Reason for Booking</th>
  153. <th>Refund Amount</th>
  154. <th>Action</th>
  155. </tr>
  156. </thead>
  157. <tbody>
  158. <tr th:each="cancelledbookings, rowStat : ${cancelledbookings}">
  159. <td class="text-center" th:text="${rowStat.index + 1}"></td>
  160. <td class="text-center" th:text="${cancelledbookings.bookingId}"></td>
  161. <td class="text-center" th:text="${cancelledbookings.bookingDate}"></td>
  162. <td class="text-center" th:text="${cancelledbookings.hallDetails.hallName}">
  163. </td>
  164. <td class="text-center" th:text="${cancelledbookings.users.name}"></td>
  165. <td class="text-center" th:text="${cancelledbookings.users.usertype}"></td>
  166. <td class="text-center" th:text="${cancelledbookings.reason}"></td>
  167. <td class="text-center"
  168. th:text="${cancelledbookings.depositAmount}"></td>
  169. <td>
  170. <p>
  171. <span class="badge bg-warning" style="cursor: pointer;"
  172. th:onclick="cancelledbooking([[${cancelledbookings.bookingId}]])">Approve</span>
  173. </p>
  174. </td>
  175. </tr>
  176. </tbody>
  177. </table>
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  183. <!-- GCC Blocked/Rejected Approved Tab -->
  184. <div class="tab-pane fade" id="gcc" role="tabpanel" aria-labelledby="gcc-tab">
  185. <div class="block-header block-header-default">
  186. <h3 class="block-title">GCC Blocked/Rejected Bookings with Refund Pending</h3>
  187. </div>
  188. <div class="block-content p-0">
  189. <div class="p-sm-4 p-0">
  190. <div class="table-responsive">
  191. <table class="table table-bordered table-striped table-vcenter js-dataTable-responsive" id="rejectedApprovedListTable">
  192. <thead class="thead-light">
  193. <tr>
  194. <th>S.no</th>
  195. <th>Booking Id</th>
  196. <th>Booking Date</th>
  197. <th>Hall Name</th>
  198. <th>User Name</th>
  199. <th>User type</th>
  200. <th>Reason for Booking</th>
  201. <th>Reason for Rejection</th>
  202. <th>Refund Amount</th>
  203. <th>Action</th>
  204. </tr>
  205. </thead>
  206. <tbody>
  207. <tr th:each="rejectedbookings, rowStat : ${rejectedbookings}">
  208. <td class="text-center" th:text="${rowStat.index + 1}"></td>
  209. <td class="text-center" th:text="${rejectedbookings.bookingId}"></td>
  210. <td class="text-center" th:text="${rejectedbookings.bookingDate}"></td>
  211. <td class="text-center" th:text="${rejectedbookings.hallDetails.hallName}">
  212. </td>
  213. <td class="text-center" th:text="${rejectedbookings.users.name}"></td>
  214. <td class="text-center" th:text="${rejectedbookings.users.usertype}"></td>
  215. <td class="text-center" th:text="${rejectedbookings.reason}"></td>
  216. <td class="text-center" th:text="${rejectedbookings.comments}"></td>
  217. <td class="text-center" th:text="${rejectedbookings.amountReceived}"></td>
  218. <td>
  219. <p>
  220. <span class="badge bg-warning" style="cursor: pointer;"
  221. th:onclick="rejectedbooking([[${rejectedbookings.bookingId}]])">Approve</span>
  222. </p>
  223. </td>
  224. </tr>
  225. </tbody>
  226. </table>
  227. </div>
  228. </div>
  229. </div>
  230. </div>
  231. <div class="tab-pane fade " id="settlement-initiated" role="tabpanel">
  232. <div class="block-header block-header-default">
  233. <h3 class="block-title"> Settlement Initiated</h3>
  235. </div>
  236. <div class="block-content p-0">
  237. <div class="p-sm-4 p-0">
  238. <div class="table-responsive">
  239. <table class="table table-bordered table-striped table-vcenter js-dataTable-responsive"
  240. id="SettlementInitiatedListTable">
  241. <thead class="thead-light">
  242. <tr>
  243. <th>S.nos</th>
  244. <th>Zone</th>
  246. <th>Division</th>
  247. <th>Hall Name</th>
  248. <th>Booking Id</th>
  249. <th>Booking Date</th>
  250. <th>Settlement Id</th>
  251. <th>Settlement raised Date</th>
  252. <th>Deposit Amount</th>
  253. <th>Collection Pending</th>
  254. <th>Refund Amount</th>
  255. <th>Status</th>
  256. <th>Last Initade date</th>
  257. <th>Action</th>
  258. </tr>
  259. </thead>
  260. <tbody>
  261. <!--<tr th:each="settlement, rowStat : ${settlementlist}">-->
  262. <tr th:each="settlement, rowStat : ${settlementIntiated}"
  263. th:if="${settlement.settlement.approvedFlag == 1 }">
  265. <td class="text-center" th:text="${rowStat.index + 1}"></td>
  266. <td class="text-center" th:text="${settlement.hallDetails.zone}"></td>
  267. <td class="text-center" th:text="${settlement.hallDetails.division}"></td>
  268. <td class="text-center" th:text="${settlement.hallDetails.hallName}"></td>
  269. <td class="text-center" th:text="${settlement.bookingId}"></td>
  270. <td class="text-center" th:text="${settlement.bookingDate}"></td>
  271. <td class="text-center" th:text="${settlement.settlement.settlementId}">
  272. </td>
  273. <td class="text-center" th:text="${settlement.settlement.cdate}"></td>
  274. <td class="text-center" th:text="${settlement.depositAmount}"></td>
  275. <td class="text-center"
  276. th:text="${settlement.settlement.collectionPending}"></td>
  277. <td class="text-center" th:text="${settlement.settlement.refundedAmount}">
  278. </td>
  279. <td class="text-center" th:text="${settlement.refundStatus}"></td>
  281. <td th:text="${#dates.format(settlement.settlement.approvedFlagDate, 'yyyy-MM-dd')}"></td>
  283. <td>
  284. <p>
  285. <span class="badge bg-warning" style="cursor: pointer;"
  286. th:onclick="pending([[${settlement.settlement.settlementId}]])">Approve</span>
  287. </p>
  288. </td>
  289. </tr>
  290. </tbody>
  291. </table>
  292. </div>
  293. </div>
  294. </div>
  295. </div>
  296. </div>
  297. </main>
  299. <!-- End User Details Modal-->
  301. <!-- END Main Container -->
  302. <!-- Modal for Pending -->
  303. <div class="modal fade backdrop" id="pendingSettlementForm" data-backdrop="static" tabindex="-1" role="dialog"
  304. aria-labelledby="staticBackdropLabel" aria-hidden="true">
  305. <div class="modal-dialog modal-lg" role="document">
  306. <div class="modal-content">
  308. <form id="ownform" onsubmit="return rejectsubmit();">
  309. <div class="block block-rounded block-themed block-transparent mb-0">
  311. <div class="block-header bg-primary-dark">
  312. <h3 class="block-title" id="2mtitle">Settlement Information</h3>
  313. <div class="block-options">
  314. <button type="button" class="btn-block-option" data-bs-dismiss="modal"
  315. aria-label="Close">
  316. <i class="fa fa-fw fa-times"></i>
  317. </button>
  318. </div>
  319. </div>
  321. <div class="block-content row">
  323. <div class="col-md-12 col-lg-12 col-sm-12">
  324. <input type="hidden" class="form-control text-center" name="settlementid"
  325. id="settlementid" disabled />
  326. <div class="card-body">
  327. <table>
  328. <tr>
  329. <th colspan="10" style="background-color: #f2f2f2;">User Details</th>
  330. </tr>
  331. <tr>
  332. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">User Name:
  333. </th>
  334. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  335. id="td_userName"></td>
  336. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Mobile Number:
  337. </th>
  338. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  339. id="td_mobileNumber"></td>
  341. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">User Type:
  342. </th>
  343. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  344. id="td_usertype"></td>
  346. </tr>
  347. <tr>
  348. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">User Address:
  349. </th>
  350. <td colspan="5" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  351. id="td_useraddress"></td>
  353. </tr>
  354. <input type="hidden" class="form-control text-center" name="bookingid"
  355. id="bookingid" disabled />
  356. <tr>
  357. <th colspan="10" style="background-color: #f2f2f2;">Hall Details</th>
  358. </tr>
  360. <tr>
  361. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Hall Name:
  362. </th>
  363. <td colspan="10" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  364. id="td_hallName"></td>
  366. </tr>
  367. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Hall Address:</th>
  368. <td colspan="10" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  369. id="td_halladdress"></td>
  371. </tr>
  372. <tr>
  373. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Caretaker
  374. Name:</th>
  375. <td colspan="2" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  376. id="td_caretakername"></td>
  377. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Caretaker
  378. Mobile Number:</th>
  379. <td colspan="2" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  380. id="td_caretakermobileNumber"></td>
  382. </tr>
  384. </table>
  385. </div>
  386. </div>
  390. <div class="col-md-12 col-lg-12 col-sm-12">
  391. <input type="hidden" class="form-control text-center" name="settlementid"
  392. id="settlementid" disabled />
  393. <div class="card-body">
  394. <table>
  395. <tr>
  396. <th colspan="4" style="background-color: #f2f2f2;">Booking
  397. Details (Booking Id:-<span id="booking_id"
  398. style="color:blue"></span>)</th>
  399. </tr>
  400. <tr>
  401. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Booking Date:
  402. </th>
  403. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  404. id="td_bookingDate"></td>
  405. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Deposit
  406. Amount:</th>
  407. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  408. id="td_depositeAmount"></td>
  409. </tr>
  410. <tr>
  411. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Start Date:
  412. </th>
  413. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  414. id="td_startDate"></td>
  415. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Hall Amount:
  416. </th>
  417. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  418. id="td_hallAmount"></td>
  419. </tr>
  420. <tr>
  421. <th style="padding: 0.45rem 0.45rem;font-weight: normal">END
  422. Date:</th>
  423. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  424. id="td_endDate"></td>
  425. <th style="padding: 0.45rem 0.45rem;font-weight: normal">GST @18%:</th>
  426. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  427. id="td_gst"></td>
  428. </tr>
  429. <tr>
  430. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Starting Slot:
  431. </th>
  432. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  433. id="td_startingSlot"></td>
  434. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Total Amount:
  435. </th>
  436. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  437. id="td_totalAmount"></td>
  438. </tr>
  439. <tr>
  440. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Ending Slot:
  441. </th>
  442. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  443. id="td_endingSlot"></td>
  444. </tr>
  446. <tr>
  447. <th colspan="4" style="background-color: #f2f2f2;">EB
  448. Details</th>
  449. </tr>
  450. <tr>
  451. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Consumer Number:</th>
  452. <td class="fw-semibold"
  453. style="padding: 0.45rem 0.45rem; text-align:center"
  454. id="td_EBNumber"></td>
  455. <th style="padding: 0.45rem 0.45rem;font-weight: normal">EB Amount Per
  456. Unit:</th>
  457. <td class="fw-semibold"
  458. style="padding: 0.45rem 0.45rem;text-align:right"
  459. id="td_ebamountperunit"></td>
  460. </tr>
  461. <tr>
  463. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Start Reading:
  464. </th>
  465. <td class="fw-semibold"
  466. style="padding: 0.45rem 0.45rem;text-align:center"
  467. id="td_startingReading"></td>
  468. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Unit Consumed:
  469. </th>
  470. <td class="fw-semibold"
  471. style="padding: 0.45rem 0.45rem;text-align:right" id="td_usedunit">
  472. </td>
  474. </tr>
  475. <tr>
  477. <th style="padding: 0.45rem 0.45rem;font-weight: normal">END Reading:
  478. </th>
  479. <td class="fw-semibold"
  480. style="padding: 0.45rem 0.45rem;text-align:center"
  481. id="td_endingReading"></td>
  482. <th style="padding: 0.45rem 0.45rem;font-weight: normal">EB Amount:</th>
  483. <td class="fw-semibold"
  484. style="padding: 0.45rem 0.45rem;text-align:right"
  485. id="td_electricityamount"></td>
  486. </tr>
  487. </table>
  488. </div>
  489. </div>
  492. <div id="damageDetails" style="margin-bottom: -17px;"></div>
  494. <div class="col-md-12 col-lg-12 col-sm-12">
  495. <div class="card-body">
  496. <table>
  497. <tr>
  498. <th colspan="2" style="background-color: #f2f2f2;font-weight: normal">
  499. Amount to be Refunded</th>
  500. </tr>
  501. <tr>
  502. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Deposit
  503. Amount:</th>
  504. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  505. id="td_depositeamountforrefund">0</td>
  506. </tr>
  507. <tr>
  508. <th style="padding: 0.45rem 0.45rem;font-weight: normal">EB Amount:</th>
  509. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  510. id="td_ebAmount"></td>
  511. </tr>
  512. <tr>
  513. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Damage Amount:
  514. </th>
  515. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  516. id="td_damage"></td>
  517. </tr>
  518. <tr id="pendingcolumn">
  519. <th id="th_settel_label"
  520. style="padding: 0.45rem 0.45rem; background-color: #f2f2f2;font-weight: normal">
  521. Collection Pending Amount:</th>
  522. <td class="fw-semibold amount-cell"
  523. style="padding: 0.45rem 0.45rem; color: green;" id="td_pending_amt">
  524. 0</td>
  525. </tr>
  526. <tr id="collectionstatuscolumn">
  527. <th id="label"
  528. style="padding: 0.45rem 0.45rem;font-weight: normal">Collection Pending Status
  529. :</th>
  530. <td class="fw-semibold amount-cell"
  531. style="padding: 0.45rem 0.45rem; color: green;" id="td_collection_status">
  532. </td>
  533. </tr>
  534. <tr>
  535. <th
  536. style="padding: 0.45rem 0.45rem; background-color: #f2f2f2;font-weight: normal">
  537. Actual refundable Amount:</th>
  538. <td class="fw-semibold amount-cell"
  539. style="padding: 0.45rem 0.45rem; color: green;" id="td_settel_amt">0
  540. </td>
  541. </tr>
  542. </table>
  543. </div>
  544. </div>
  545. <div class="mb-12">
  547. <label class="form-label">Reject Reason:<span class="text-danger"></span></label>
  548. <textarea class="form-control" name="reason" id="reason" style="width: 100%;"
  549. required></textarea>
  551. </div>
  553. </div>
  554. <div class="block-content block-content-full text-end bg-body" id="mbutton2">
  555. <button type="button" class="btn btn-sm btn-alt-success" id="approvebutton"
  556. th:onclick="accept()">Approve</button>
  557. <button type="button" class="btn btn-sm btn-alt-secondary"
  558. data-bs-dismiss="modal">Close</button>
  559. <button type="submit" class="btn btn-sm btn-primary">Reject</button>
  560. <a id="downloadLink" style="display: none;"></a>
  561. </div>
  562. </div>
  564. </form>
  566. </div>
  567. </div>
  568. </div>
  570. <!-- Cancellation booking Details-->
  571. <div class="modal fade backdrop" id="cancelledBookingForm" data-backdrop="static" tabindex="-1" role="dialog"
  572. aria-labelledby="staticBackdropLabel" aria-hidden="true">
  573. <div class="modal-dialog modal-lg" role="document">
  574. <div class="modal-content">
  575. <form id="ownform">
  576. <div class="block block-rounded block-themed block-transparent mb-0">
  577. <div class="block-header bg-primary-dark">
  578. <h3 class="block-title" id="2mtitle">Booking Information</h3>
  579. <div class="block-options">
  580. <button type="button" class="btn-block-option" data-bs-dismiss="modal"
  581. aria-label="Close">
  582. <i class="fa fa-fw fa-times"></i>
  583. </button>
  584. </div>
  585. </div>
  586. <div class="block-content row">
  588. <div class="col-md-12 col-lg-12 col-sm-12 mb-2">
  589. <input type="hidden" class="form-control text-center" name="booksid" id="booksId"
  590. disabled />
  591. <div class="card-body">
  592. <table>
  593. <tr>
  594. <th colspan="10" style="background-color: #f2f2f2;">User Details</th>
  595. </tr>
  596. <tr>
  597. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">User Name:
  598. </th>
  599. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;" id="username">
  600. </td>
  601. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Mobile Number:
  602. </th>
  603. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;" id="mobileno">
  604. </td>
  606. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">User Type:
  607. </th>
  608. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;" id="usertype">
  609. </td>
  611. </tr>
  612. <tr>
  613. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">User Address:
  614. </th>
  615. <td colspan="5" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  616. id="useraddress"></td>
  618. </tr>
  620. </table>
  621. </div>
  622. </div>
  624. <div class="col-md-12 col-lg-12 col-sm-12 mb-2">
  625. <div class="card-body">
  626. <table>
  627. <tr>
  628. <th colspan="10" style="background-color: #f2f2f2;">Hall Details</th>
  629. </tr>
  631. <tr>
  632. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Hall Name:
  633. </th>
  634. <td colspan="10" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  635. id="hallname"></td>
  637. </tr>
  638. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Hall Address:</th>
  639. <td colspan="10" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  640. id="halladdress"></td>
  642. </tr>
  643. <tr>
  644. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Caretaker
  645. Name:</th>
  646. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  647. id="caretakername"></td>
  648. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Caretaker
  649. Mobile Number:</th>
  650. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  651. id="caretakermobileNumber"></td>
  653. </tr>
  655. </table>
  656. </div>
  657. </div>
  658. <div class="col-md-12 col-lg-12 col-sm-12">
  659. <div class="card-body">
  660. <table>
  661. <tr>
  662. <th colspan="4" style="background-color: #f2f2f2;">Booking
  663. Details (Booking Id:-<span id="bookid" style="color:blue"></span>)
  664. </th>
  665. </tr>
  666. <tr>
  667. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Booking Date:
  668. </th>
  669. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  670. id="bookingDate"></td>
  671. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Booking Status:
  672. </th>
  673. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  674. id="bookingStatus"></td>
  675. </tr>
  676. <tr>
  677. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Start Date:
  678. </th>
  679. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  680. id="startDate"></td>
  681. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Deposit
  682. Amount:</th>
  683. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  684. id="depositeAmount"></td>
  685. </tr>
  686. <tr>
  687. <th style="padding: 0.45rem 0.45rem;font-weight: normal">END
  688. Date:</th>
  689. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;" id="endDate">
  690. </td>
  691. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Hall Amount:
  692. </th>
  693. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  694. id="hallAmount"></td>
  695. </tr>
  696. <tr>
  697. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Starting Slot:
  698. </th>
  699. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  700. id="startingSlot"></td>
  701. <th style="padding: 0.45rem 0.45rem;font-weight: normal">GST @18%:</th>
  702. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  703. id="gst"></td>
  704. </tr>
  705. <tr>
  706. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Ending Slot:
  707. </th>
  708. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  709. id="endingSlot"></td>
  710. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Total Amount:
  711. </th>
  712. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  713. id="totalAmount"></td>
  715. </tr>
  716. </table>
  717. </div>
  718. </div>
  720. <div class="col-sm-12">
  721. <!--<label class="form-label">Documents:<span class="text-danger"></span></label>-->
  722. <div class="documents" id="documents"></div>
  723. </div>
  725. <div class="col-md-12 col-lg-12 col-sm-12 mb-2">
  726. <input type="hidden" class="form-control text-center" name="bookingid"
  727. id="bookingid" disabled />
  728. <div class="card-body">
  729. <table>
  730. <tr>
  731. <th colspan="10" style="background-color: #f2f2f2;">Booking Payment
  732. Details</th>
  733. </tr>
  735. <tr>
  736. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Transaction
  737. ID:</th>
  738. <td colspan="10" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  739. id="transactionId"></td>
  741. </tr>
  742. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Amount Received:
  743. </th>
  744. <td colspan="10" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  745. id="payamountReceived"></td>
  747. </tr>
  748. <tr>
  749. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Transaction
  750. Status:</th>
  751. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  752. id="paymentStatus"></td>
  754. </tr>
  756. </table>
  757. </div>
  758. </div>
  760. </div>
  761. </div>
  762. <div class="block-content block-content-full text-end bg-body" id="mbutton2">
  763. <button type="button" class="btn btn-sm btn-alt-secondary"
  764. data-bs-dismiss="modal">Close</button>
  765. <button id="approvedButton" type="button" class="btn btn-sm btn-primary"
  766. th:onclick="approverefund()">Approve</button>
  767. </div>
  768. </form>
  769. </div>
  770. </div>
  771. </div>
  772. <!-- end of Cancellation booking details-->
  774. <div class="modal fade" id="fileModal" tabindex="-1" role="dialog" aria-labelledby="fileModalLabel"
  775. aria-hidden="true">
  776. <div class="modal-dialog modal-lg" role="document">
  777. <div class="modal-content">
  778. <div class="modal-header">
  779. <h5 class="modal-title" id="fileModalLabel">File Preview</h5>
  780. <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
  781. <span aria-hidden="true">&times;</span>
  782. </button>
  783. </div>
  784. <div class="modal-body">
  785. <embed id="filePreview" src="" width="100%" height="600px">
  786. </div>
  787. <div class="modal-footer">
  788. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  789. </div>
  790. </div>
  791. </div>
  792. </div>
  793. </div>
  794. <footer th:replace="~{fragments/footer2 :: footer}"></footer>
  795. <!-- End modal for pending -->
  796. <div th:replace="~{fragments/resetpassword :: div}"></div>
  797. <script th:replace="~{fragments/loginscript :: script}"></script>
  798. <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  799. <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  800. <script>
  801. $(document).ready(function () {
  802. var buttons = [
  803. {
  804. extend: 'pageLength',
  805. className: 'btn btn-primary'
  806. },
  807. {
  808. title: 'Data export',
  809. extend: 'copyHtml5',
  810. text: 'Copy',
  811. className: 'btn btn-primary',
  812. id: 'copyBtn'
  813. },
  814. {
  815. extend: 'excelHtml5',
  816. text: 'Excel',
  817. className: 'btn btn-primary',
  818. id: 'excelBtn'
  819. },
  820. {
  821. extend: 'csvHtml5',
  822. text: 'CSV',
  823. className: 'btn btn-primary',
  824. id: 'csvBtn'
  825. },
  826. {
  827. extend: 'pdfHtml5',
  828. text: 'PDF',
  829. className: 'btn btn-primary',
  830. id: 'pdfBtn'
  831. }
  832. ];
  834. // Initialize DataTable for each tab on tab shown event
  835. $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  836. var targetTable = $(e.target).attr('href'); // activated tab
  837. $(targetTable).find('.dataTable').DataTable().columns.adjust();
  838. });
  839. //ak
  840. // Initialize DataTable for SettlementInitiatedListTable
  841. $('#SettlementInitiatedListTable').DataTable({
  842. dom: 'Bftip',
  843. columnDefs: [
  844. { targets: 'no-sort', orderable: false }
  845. ],
  846. lengthMenu: [
  847. [50, 100, 200, 500, -1],
  848. ['50 rows', '100 rows', '200 rows', '500 rows', 'Show all']
  849. ],
  850. buttons: buttons,
  851. responsive: true,
  852. searching: true,
  853. select: false,
  854. processing: false,
  855. // Set width to 100%
  856. "autoWidth": true
  857. });
  861. // Initialize DataTable for Settlement Approved tab
  862. $('#SettlementApprovedListTable').DataTable({
  863. dom: 'Bftip',
  864. columnDefs: [
  865. {targets: 'no-sort', orderable: false}
  866. ],
  867. lengthMenu: [
  868. [50, 100, 200, 500, -1],
  869. ['50 rows', '100 rows', '200 rows', '500 rows', 'Show all']
  870. ],
  871. buttons: buttons,
  872. responsive: true,
  873. searching: true,
  874. select: false,
  875. processing: false,
  876. // Set width to 100%
  877. "autoWidth": true
  878. });
  880. // Initialize DataTable for Cancelled Bookings Approved tab
  881. $('#cancelledApprovedListTable').DataTable({
  882. dom: 'Bftip',
  883. columnDefs: [
  884. {targets: 'no-sort', orderable: false}
  885. ],
  886. lengthMenu: [
  887. [50, 100, 200, 500, -1],
  888. ['50 rows', '100 rows', '200 rows', '500 rows', 'Show all']
  889. ],
  890. buttons: buttons,
  891. responsive: true,
  892. searching: true,
  893. select: false,
  894. processing: false,
  895. // Set width to 100%
  896. "autoWidth": true
  897. });
  899. // Initialize DataTable for GCC Blocked/Rejected Approved tab
  900. $('#rejectedApprovedListTable').DataTable({
  901. dom: 'Bftip',
  902. columnDefs: [
  903. {targets: 'no-sort', orderable: false}
  904. ],
  905. lengthMenu: [
  906. [50, 100, 200, 500, -1],
  907. ['50 rows', '100 rows', '200 rows', '500 rows', 'Show all']
  908. ],
  909. buttons: buttons,
  910. responsive: true,
  911. searching: true,
  912. select: false,
  913. processing: false,
  914. // Set width to 100%
  915. "autoWidth": true
  916. });
  917. });
  918. function pending(settlementId) {
  919. $.ajax({
  920. type: "GET",
  921. url: '/communityhall/api/officer/getSettlementList',
  922. data: {
  923. 'settlementsid': settlementId
  924. },
  925. success: function (x) {
  926. showSettlementInfo(x)
  927. showDamageDetails(x);
  928. //ak for headquarters
  929. if (x.settlement && x.settlement.approvedFlag === 1) {
  930. $("#approvebutton").hide();
  931. } else {
  932. $("#approvebutton").show();
  933. }
  934. }
  937. });
  939. }
  941. function showSettlementInfo(list) {
  942. // console.log(list); // Log the damageList array
  943. // console.log(list.damageList[0]);
  945. $('#pendingSettlementForm').modal({
  946. backdrop: 'static',
  947. keyboard: false
  948. });
  949. $('#pendingSettlementForm').modal('show');
  950. document.getElementById("settlementid").value = list.settlement.settlementId;
  951. document.getElementById("td_userName").innerHTML = list.users.name;
  952. document.getElementById("td_mobileNumber").innerHTML = list.users.mobileNo;
  953. document.getElementById("td_usertype").innerHTML = list.users.usertype;
  954. var userDetails = list.users;
  955. var userDetailsString =
  956. userDetails.doorNo + ", " +
  957. userDetails.street + ", " +
  958. userDetails.area + ", " +
  959. userDetails.location + " ,Chennai- " +
  960. userDetails.pinCode;
  961. document.getElementById("td_useraddress").innerHTML = userDetailsString;
  963. document.getElementById("td_hallName").innerHTML = list.hallDetails.hallName;
  964. var hallDetails = list.hallDetails;
  965. var hallDetailsString =
  966. hallDetails.doorNo + ", " +
  967. hallDetails.street + ", " +
  968. hallDetails.area + ", " +
  969. hallDetails.city + "- " +
  970. hallDetails.pinCode;
  971. document.getElementById("td_halladdress").innerHTML = hallDetailsString;
  972. document.getElementById("td_caretakername").innerHTML = list.hallDetails.hallInchargeName;
  973. document.getElementById("td_caretakermobileNumber").innerHTML = list.hallDetails.hallInchargeMobno;
  974. document.getElementById("td_bookingDate").innerHTML = list.bookingDate;
  975. document.getElementById("td_depositeAmount").innerHTML = '₹ ' + parseFloat(list.depositAmount).toFixed(2);
  976. document.getElementById("td_hallAmount").innerHTML = '₹ ' + parseFloat(list.hallAmount).toFixed(2);
  977. // Calculate GST and total amount
  978. var gstAmount = (parseFloat(list.hallAmount) * (list.hallDetails.gst / 100)).toFixed(2);
  979. var totalAmount = parseFloat(list.amountReceived).toFixed(2);
  981. document.getElementById("td_gst").innerHTML = '₹ ' + gstAmount;
  982. document.getElementById("td_totalAmount").innerHTML = '₹ ' + totalAmount;
  984. document.getElementById("td_startDate").innerHTML = list.startDate;
  985. document.getElementById("td_endDate").innerHTML = list.endDate;
  986. document.getElementById("booking_id").innerHTML = list.bookingId;
  988. function getTimeSlot(slotValue) {
  989. var timeSlot;
  990. var trimmedSlotValue = String(slotValue).trim(); // Convert to string and then trim
  991. if (trimmedSlotValue === '1') {
  992. timeSlot = 'Morning';
  993. } else if (trimmedSlotValue === '2') {
  994. timeSlot = 'Evening';
  995. } else {
  996. timeSlot = 'Unknown';
  997. }
  998. return timeSlot;
  999. }
  1001. document.getElementById("td_startingSlot").innerHTML = getTimeSlot(list.startingSlot);
  1002. document.getElementById("td_endingSlot").innerHTML = getTimeSlot(list.endingSlot);
  1003. document.getElementById("td_EBNumber").innerHTML = list.hallDetails.ebNumber;
  1004. document.getElementById("td_startingReading").innerHTML = list.ebDetails.startingReading;
  1005. document.getElementById("td_endingReading").innerHTML = list.ebDetails.endingReading;
  1006. document.getElementById("td_usedunit").innerHTML = list.ebDetails.usedUnit;
  1007. document.getElementById("td_ebamountperunit").innerHTML = '₹ ' + parseFloat(list.hallDetails.ebCostPerUnit).toFixed(2);
  1008. document.getElementById("td_depositeamountforrefund").innerHTML = '₹ ' + parseFloat(list.depositAmount).toFixed(2);
  1009. document.getElementById("td_electricityamount").innerHTML = '₹ ' + parseFloat(list.ebDetails.ebAmount).toFixed(2);
  1010. document.getElementById("td_ebAmount").innerHTML = '₹ ' + parseFloat(list.ebDetails.ebAmount).toFixed(2);
  1011. document.getElementById("td_damage").innerHTML = '₹ ' + parseFloat(list.settlement.damageAmount).toFixed(2);
  1013. var eb_amt = parseFloat(list.ebDetails.ebAmount).toFixed(2);
  1014. var deposit_amt = parseFloat(list.depositAmount).toFixed(2);
  1015. var tem_total = (deposit_amt - eb_amt).toFixed(2);
  1016. $("#td_settel_amt").html(tem_total);
  1017. }
  1020. function showDamageDetails(data) {
  1021. var damageFieldContainer = $('#damageDetails');
  1022. damageFieldContainer.empty();
  1024. // Create a div for table responsiveness
  1025. var tableResponsiveDiv = $('<div>').addClass('table-responsive').css('margin-right', '0px');
  1027. // Create table with similar classes and styles to the modal table
  1028. var table = $('<table>').addClass('table table-bordered table-striped').css({'width': '97%', 'border-color': 'black', 'border-top-color': 'white'});
  1029. var thead = $('<thead>').addClass('thead-light');
  1030. var tbody = $('<tbody>');
  1032. // Create Damage Details header row
  1033. var headerRow = $('<tr>').appendTo(thead);
  1034. $('<th>').attr('colspan', '6').text('Damage Details (if any)').css({
  1035. 'padding': '0.45rem 0.45rem',
  1036. 'background-color': '#f2f2f2',
  1037. 'font-weight': 'bold',
  1038. 'color': 'black',
  1039. }).appendTo(headerRow);
  1041. // Create table header row
  1042. var columnHeadersRow = $('<tr>').css('background-color', '#f2f2f2').appendTo(thead);
  1043. $('<th>').text('S.No').css({'padding': '0.45rem 0.45rem', 'text-align': 'center'}).appendTo(columnHeadersRow);
  1044. $('<th>').text('Asset Name').css({'padding': '0.45rem 0.45rem', 'text-align': 'center'}).appendTo(columnHeadersRow);
  1045. $('<th>').text('Damage Img').css({'padding': '0.45rem 0.45rem', 'text-align': 'center'}).appendTo(columnHeadersRow);
  1046. $('<th>').text('Cost').css({'padding': '0.45rem 0.45rem', 'text-align': 'center'}).appendTo(columnHeadersRow);
  1047. $('<th>').text('Qty').css({'padding': '0.45rem 0.45rem', 'text-align': 'center'}).appendTo(columnHeadersRow);
  1048. $('<th>').text('Amount').css({'padding': '0.45rem 0.45rem', 'text-align': 'center'}).appendTo(columnHeadersRow);
  1050. var totalAmount = 0;
  1052. // Check if damageList is empty
  1053. if (data.damageList.length === 0) {
  1054. var row = $('<tr>').appendTo(tbody);
  1055. $('<td>').attr('colspan', '6').text('No Damaged Items').css({
  1056. 'padding': '0.45rem 0.45rem',
  1057. 'text-align': 'center',
  1058. 'font-weight': 'bold',
  1059. 'background-color': '#f2f2f2'
  1060. }).appendTo(row);
  1061. } else {
  1062. $.each(data.damageList, function (index, detail) {
  1063. var row = $('<tr>').appendTo(tbody);
  1064. $('<td>').text(index + 1).css({
  1065. 'padding': '0.45rem 0.45rem',
  1066. 'text-align': 'center'
  1067. }).appendTo(row);
  1068. $('<td>').text(detail.assetName).css({
  1069. 'padding': '0.45rem 0.45rem',
  1070. 'text-align': 'center'
  1071. }).appendTo(row);
  1073. var viewLink = $('<a>').attr('href', 'javascript:void(0)').text('View').on('click', function () {
  1074. showDamageImage(detail.damageImageUrl);
  1075. });
  1076. $('<td>').css({
  1077. 'padding': '0.45rem 0.45rem',
  1078. 'text-align': 'center'
  1079. }).append(viewLink).appendTo(row);
  1081. var assetamt = (detail.assetAmount / detail.quantity).toFixed(2);
  1082. $('<td>').text('₹ ' + assetamt).css({
  1083. 'padding': '0.45rem 0.45rem',
  1084. 'text-align': 'center'
  1085. }).appendTo(row);
  1087. $('<td>').text(detail.quantity).css({
  1088. 'padding': '0.45rem 0.45rem',
  1089. 'text-align': 'center'
  1090. }).appendTo(row);
  1092. var amount = detail.assetAmount;
  1093. totalAmount += amount;
  1094. $('<td>').text('₹ ' + amount.toFixed(2)).css({
  1095. 'padding': '0.45rem 0.45rem',
  1096. 'text-align': 'right'
  1097. }).appendTo(row);
  1098. });
  1100. // Add row for total amount
  1101. var totalRow = $('<tr>').appendTo(tbody);
  1102. $('<td>').attr('colspan', '5').text('Total Amount').css({
  1103. 'padding': '0.45rem 0.45rem',
  1104. 'font-weight': 'bold',
  1105. 'background-color': '#f2f2f2'
  1106. }).appendTo(totalRow);
  1107. $('<td>').text('₹ ' + totalAmount.toFixed(2)).css({
  1108. 'padding': '0.45rem 0.45rem',
  1109. 'text-align': 'right'
  1110. }).appendTo(totalRow);
  1112. $("#td_dam_amt").html('₹ ' + totalAmount.toFixed(2));
  1113. }
  1114. // Append the table elements to the container div
  1115. table.append(thead, tbody);
  1116. tableResponsiveDiv.append(table);
  1117. damageFieldContainer.append(tableResponsiveDiv);
  1119. var temp_total = parseFloat($("#td_settel_amt").html());
  1120. var settleAmount = temp_total - totalAmount;
  1121. var refundStatus = data.refundStatus;
  1122. var pendingstatus=data.settlement.collectionStatus
  1123. if (settleAmount < 0) {
  1124. // console.log(settleAmount);
  1125. $("#td_settel_amt").html(0.00);
  1126. $("#pendingcolumn").show();
  1127. $("#collectionstatuscolumn").show();
  1128. $('#td_collection_status').html(pendingstatus);
  1129. $("#td_pending_amt").html('₹ ' + Math.abs(settleAmount).toFixed(2));
  1130. $("#td_pending_amt").css("color", "red");
  1131. $("#approvebutton").prop("disabled", true);
  1132. $("#rejectbutton").show();
  1133. } else {
  1134. $("#td_settel_amt").html('₹ ' + settleAmount.toFixed(2));
  1135. $("#pendingcolumn").hide();
  1136. $("#collectionstatuscolumn").hide();
  1137. $("#td_settel_amt").css("color", "green"); // Set color to green for positive amounts
  1138. $("#approvebutton").prop("disabled", false);
  1139. }
  1140. }
  1141. function showDamageImage(damageImageUrl) {
  1142. document.getElementById('filePreview').src = damageImageUrl;
  1143. $('#fileModal').modal('show');
  1144. }
  1146. function accept() {
  1147. let id = document.getElementById("settlementid").value;
  1148. const acceptButton = document.getElementById("approvebutton"); // Add an ID to your button in the HTML
  1150. Swal.fire({
  1151. title: 'Do you want to Approve this Settlement?',
  1152. showDenyButton: true,
  1153. showCancelButton: true,
  1154. confirmButtonText: 'YES',
  1155. denyButtonText: 'NO',
  1156. }).then((result) => {
  1157. if (result.isConfirmed) {
  1158. // Disable the button to prevent multiple clicks
  1159. acceptButton.disabled = true;
  1161. // Show the loading screen
  1162. const loadingSwal = Swal.fire({
  1163. title: 'Processing...',
  1164. text: 'Please wait while we approve the settlement.',
  1165. allowOutsideClick: false, // Prevent closing the popup
  1166. didOpen: () => {
  1167. Swal.showLoading(); // Show the loading spinner
  1168. },
  1169. showConfirmButton: false, // Hide the confirm button during loading
  1170. });
  1172. $.ajax({
  1173. type: "POST",
  1174. url: '/communityhall/api/officer/updateApprovedSettlementStatus/' + id,
  1175. data: {
  1176. 'status': 'APPROVED',
  1177. 'comments': 'Accepted',
  1178. 'settlementId': id
  1179. },
  1180. success: function (data, textStatus, xhr) {
  1181. loadingSwal.close(); // Close the loading popup
  1182. if (xhr.status === 200) {
  1183. Swal.fire(
  1184. 'Done',
  1185. 'Successfully Accepted to the ID: ' + id,
  1186. 'success'
  1187. ).then(() => {
  1188. location.reload(); // Reload the page after success
  1189. });
  1190. } else {
  1191. Swal.fire(
  1192. 'Error',
  1193. 'Failed to accept the user',
  1194. 'error'
  1195. );
  1196. }
  1197. },
  1198. /*error: function (xhr, textStatus, errorThrown) {
  1199. loadingSwal.close(); // Close the loading popup
  1200. Swal.fire(
  1201. 'Error',
  1202. 'Failed to accept the user',
  1203. 'error'
  1204. );*/
  1205. //ak for headquarters
  1206. error: function (xhr, textStatus, errorThrown) {
  1207. loadingSwal.close();
  1208. console.log("textstaus"+xhr.responseText);
  1210. let responseData;
  1211. try {
  1212. responseData = JSON.parse(xhr.responseText);
  1213. } catch (e) {
  1214. responseData = null;
  1215. }
  1216. console.log("Response Data:", responseData);
  1218. /* if (responseData && responseData.approvedFlag === 1) {
  1219. $("#approvebutton").hide(); // hide approve button if already approved
  1220. Swal.fire(
  1221. 'Error',
  1222. 'Failed to Approve the Settlement',
  1223. 'error'
  1224. );*/
  1225. if (responseData && responseData.approvedFlag === 1) {
  1226. $("#approvebutton").hide(); // hide approve button if already approved
  1227. Swal.fire(
  1228. 'Error',
  1229. 'Failed to Approve the Settlement',
  1230. 'error'
  1231. ).then(() => {
  1232. location.reload(); // reload page after user closes the alert
  1233. });
  1234. } else {
  1235. Swal.fire(
  1236. 'Error',
  1237. 'Failed to Approve24 the Settlement',
  1238. 'error'
  1239. );
  1240. }
  1242. },
  1243. complete: function() {
  1244. // Re-enable the button after request completes (success or error)
  1245. acceptButton.disabled = false;
  1246. }
  1247. });
  1248. } else if (result.isDenied) {
  1249. Swal.fire('Changes are not saved', '', 'info');
  1250. }
  1251. });
  1252. }
  1254. function rejectsubmit() {
  1255. let id = document.getElementById("settlementid").value;
  1256. let reason = $("#reason").val();
  1258. Swal.fire({
  1259. title: 'Do you want to Reject this Settlement ?',
  1260. showDenyButton: true,
  1261. showCancelButton: true,
  1262. confirmButtonText: 'YES',
  1263. denyButtonText: 'NO',
  1264. }).then((result) => {
  1265. /* Read more about isConfirmed, isDenied below */
  1266. if (result.isConfirmed) {
  1267. // console.log("Submitting rejection...");
  1269. $.ajax({
  1270. type: "POST",
  1271. url: '/communityhall/api/officer/updateRejectSettlementStatus/' + id,
  1272. data: {
  1273. 'status': 'REJECTED',
  1274. 'comments': reason,
  1275. 'settlementId': id
  1276. },
  1277. success: function (data, textStatus, xhr) {
  1278. // console.log("Rejection successful");
  1279. if (xhr.status === 200) { // Check if the response status is OK
  1280. Swal.fire(
  1281. 'Done',
  1282. 'Successfully Rejected to the ID:' + id,
  1283. 'success'
  1284. ).then(() => {
  1285. location.reload();
  1286. });
  1287. } else {
  1288. Swal.fire(
  1289. 'Error',
  1290. 'Failed to reject the user',
  1291. 'error'
  1292. );
  1293. }
  1294. },
  1295. error: function (xhr, textStatus, errorThrown) {
  1296. console.error("Error:", errorThrown);
  1297. Swal.fire(
  1298. 'Error',
  1299. 'Failed to reject the user',
  1300. 'error'
  1301. );
  1302. }
  1303. });
  1304. } else if (result.isDenied) {
  1305. Swal.fire('Changes are not saved', '', 'info')
  1306. }
  1307. });
  1309. return false; // Prevent form submission
  1310. }
  1312. $(document).ready(function () {
  1313. $("#generatechallon").click(function () {
  1314. // Generate plain text content (replace with your actual content generation logic)
  1315. let textContent = "This is the content of the text file.";
  1317. // Create a Blob containing the text
  1318. let blob = new Blob([textContent], {type: "text/plain"});
  1320. // Create URL for the Blob
  1321. let url = URL.createObjectURL(blob);
  1323. // Get the download link element
  1324. let downloadLink = $("#downloadLink");
  1325. if (downloadLink.length === 0) {
  1326. console.error("Download link element not found");
  1327. return;
  1328. }
  1330. // Set download link attributes
  1331. downloadLink.attr({
  1332. href: url,
  1333. download: "challon.txt" // Specify the filename for download
  1334. });
  1336. // Simulate click on the download link
  1337. downloadLink[0].click();
  1339. // Clean up
  1340. URL.revokeObjectURL(url);
  1341. });
  1342. });
  1346. function cancelledbooking(bookingId) {
  1347. $.ajax({
  1348. type: "GET",
  1349. url: '/communityhall/api/officer/getBookingDetails',
  1350. data: {
  1351. 'bookingsId': bookingId
  1352. },
  1353. success: function (x) {
  1354. // console.log(x);
  1355. showcancelledbookingDetails(x);
  1356. }
  1357. });
  1359. }
  1361. function rejectedbooking(bookingId) {
  1362. $.ajax({
  1363. type: "GET",
  1364. url: '/communityhall/api/officer/getBookingDetails',
  1365. data: {
  1366. 'bookingsId': bookingId
  1367. },
  1368. success: function (x) {
  1369. // console.log(x);
  1370. showcancelledbookingDetails(x);
  1371. }
  1372. });
  1373. }
  1374. function showcancelledbookingDetails(list) {
  1375. $('#cancelledBookingForm').modal({
  1376. backdrop: 'static',
  1377. keyboard: false
  1378. });
  1379. $('#cancelledBookingForm').modal('show');
  1380. document.getElementById("username").innerHTML = list.users.name;
  1381. document.getElementById("mobileno").innerHTML = list.users.mobileNo;
  1382. document.getElementById("usertype").innerHTML = list.users.usertype;
  1383. document.getElementById("booksId").value = list.bookingId;
  1384. var userDetails = list.users;
  1385. var userDetailsString =
  1386. userDetails.doorNo + ", " +
  1387. userDetails.street + ", " +
  1388. userDetails.area + ", " +
  1389. userDetails.location + "- " +
  1390. userDetails.pinCode;
  1391. document.getElementById("useraddress").innerHTML = userDetailsString;
  1392. document.getElementById("hallname").innerHTML = list.hallDetails.hallName;
  1393. var hallDetails = list.hallDetails;
  1394. var hallDetailsString =
  1395. hallDetails.doorNo + ", " +
  1396. hallDetails.street + ", " +
  1397. hallDetails.area + ", " +
  1398. hallDetails.city + "- " +
  1399. hallDetails.pinCode;
  1400. document.getElementById("halladdress").innerHTML = hallDetailsString;
  1401. document.getElementById("caretakername").innerHTML = list.hallDetails.hallInchargeName;
  1402. document.getElementById("caretakermobileNumber").innerHTML = list.hallDetails.hallInchargeMobno;
  1404. document.getElementById("bookingDate").innerHTML = list.bookingDate;
  1405. document.getElementById("depositeAmount").innerHTML = '₹ ' + parseFloat(list.depositAmount).toFixed(2);
  1406. document.getElementById("hallAmount").innerHTML = '₹ ' + parseFloat(list.hallAmount).toFixed(2);
  1407. document.getElementById("totalAmount").innerHTML = '₹ ' + parseFloat(list.amountReceived).toFixed(2);
  1408. var gstcl = (list.hallAmount * (list.hallDetails.gst / 100));
  1409. var formattedGst = gstcl.toFixed(2);
  1410. document.getElementById("gst").innerHTML = '₹ ' + formattedGst;
  1411. document.getElementById("startDate").innerHTML = list.startDate;
  1412. document.getElementById("endDate").innerHTML = list.endDate;
  1413. document.getElementById("bookid").innerHTML = list.bookingId;
  1415. function getTimeSlot(slotValue) {
  1416. // console.log("Slot Value in getTimeSlot function:", slotValue);
  1417. var timeSlot;
  1418. var trimmedSlotValue = String(slotValue).trim(); // Convert to string and then trim
  1419. if (trimmedSlotValue === '1') {
  1420. timeSlot = 'Morning';
  1421. } else if (trimmedSlotValue === '2') {
  1422. timeSlot = 'Evening';
  1423. } else {
  1424. timeSlot = 'Unknown';
  1425. }
  1426. // console.log("Time Slot:", timeSlot);
  1427. return timeSlot;
  1428. }
  1430. document.getElementById("startingSlot").innerHTML = getTimeSlot(list.startingSlot);
  1431. document.getElementById("endingSlot").innerHTML = getTimeSlot(list.endingSlot);
  1432. document.getElementById("bookingStatus").innerHTML = list.bookingStatus;
  1433. document.getElementById("transactionId").innerHTML = list.payments.transactionId;
  1434. document.getElementById("payamountReceived").innerHTML = '₹ ' + list.payments.amountReceived;
  1435. document.getElementById("paymentStatus").innerHTML = list.payments.paymentStatus;
  1437. showReasonDocuments(list);
  1438. }
  1440. function showReasonDocuments(list) {
  1441. $.ajax({
  1442. type: "GET",
  1443. url: '/communityhall/api/officer/getReasonByName',
  1444. data: {
  1445. 'reasonName': list.reason
  1446. },
  1447. success: function (x) {
  1448. // console.log(x);
  1449. showReasonWithDocument(x, list);
  1450. }
  1451. });
  1452. }
  1454. // Display booking documents
  1455. function showReasonWithDocument(reasonData, list) {
  1456. var reasonDocumentData = reasonData.reasonDocumentMasterList;
  1457. var bookingDocumentsList = list.bookingDocumentsList;
  1459. const reasonFieldsContainer = $('#documents');
  1460. reasonFieldsContainer.empty();
  1462. // Create a responsive table container
  1463. var tableResponsiveDiv = $('<div>').addClass('table-responsive');
  1465. // Create the table with Bootstrap classes and custom styles
  1466. var table = $('<table>').addClass('table table-bordered table-striped table-vcenter js-dataTable-responsive').css({
  1467. 'width': '100%',
  1468. 'height': 'auto',
  1469. 'border': '1px solid black'
  1470. });
  1472. // Create the table header (thead)
  1473. var thead = $('<thead>').appendTo(table);
  1474. var headerRow = $('<tr>').appendTo(thead);
  1475. $('<th>').attr('colspan', '3').text('Document Details').css({
  1476. 'color': 'black',
  1477. 'font-weight': 'bold',
  1478. 'background-color': '#f2f2f2',
  1479. 'padding': '0.45rem 0.45rem'
  1480. }).appendTo(headerRow);
  1482. // Create header row for columns
  1483. var columnHeadersRow = $('<tr>').appendTo(thead);
  1484. $('<th>').text('S.No').appendTo(columnHeadersRow);
  1485. $('<th>').text('Required Info').appendTo(columnHeadersRow);
  1486. $('<th>').text('Required Documents').appendTo(columnHeadersRow);
  1488. // Create the table body (tbody)
  1489. var tbody = $('<tbody>').appendTo(table);
  1491. // Iterate through the documents list and populate rows
  1492. for (var i = 0; i < bookingDocumentsList.length; i++) {
  1493. (function (index) {
  1494. var row = $('<tr>').appendTo(tbody);
  1495. $('<td>').text(index + 1).appendTo(row);
  1496. $('<td>').text(reasonDocumentData[index].fieldName + ': ' + bookingDocumentsList[index].name).appendTo(row);
  1498. // Create a link to view document image
  1499. var viewLink = $('<a>').attr('href', 'javascript:void(0)').text(reasonDocumentData[index].docFieldName).on('click', function () {
  1500. showDocumentImage(bookingDocumentsList[index].bookingDocUrl);
  1501. });
  1502. $('<td>').append(viewLink).appendTo(row);
  1503. })(i);
  1504. }
  1506. // Append table to the responsive container
  1507. tableResponsiveDiv.append(table);
  1509. // Append table to the container in the DOM
  1510. reasonFieldsContainer.append(tableResponsiveDiv);
  1511. }
  1514. function showDocumentImage(fileURL) {
  1515. //console.log(fileURL);
  1516. openFileModal(fileURL);
  1517. }
  1518. // Event delegation for dynamically added elements
  1519. $(document).on('click', '.view-document', function () {
  1520. const fileURL = $(this).data('url');
  1521. openFileModal(fileURL);
  1522. });
  1523. function openFileModal(fileURL) {
  1524. $('#filePreview').attr('src', fileURL);
  1525. $('#fileModal').modal('show');
  1526. }
  1527. function approverefund() {
  1528. let id = document.getElementById("booksId").value;
  1529. const approveButton = document.getElementById("approvedButton");
  1531. Swal.fire({
  1532. title: 'Do you want to Approve this Settlement?',
  1533. showDenyButton: true,
  1534. showCancelButton: true,
  1535. confirmButtonText: 'YES',
  1536. denyButtonText: 'NO',
  1537. }).then((result) => {
  1538. if (result.isConfirmed) {
  1539. // Disable the button after user confirms
  1540. approveButton.disabled = true;
  1542. // Show the loading popup
  1543. const loadingSwal = Swal.fire({
  1544. title: 'Processing...',
  1545. text: 'Please wait while we approve the settlement.',
  1546. allowOutsideClick: false, // Prevent closing the popup
  1547. didOpen: () => {
  1548. Swal.showLoading(); // Show the loading spinner
  1549. },
  1550. showConfirmButton: false, // Hide the confirm button during loading
  1551. });
  1553. $.ajax({
  1554. type: "POST",
  1555. url: '/communityhall/api/officer/approveCancelledBookingRefund/' + id,
  1556. data: {
  1557. 'status': 'APPROVED',
  1558. },
  1559. success: function (data, textStatus, xhr) {
  1560. loadingSwal.close(); // Close the loading popup
  1561. if (xhr.status === 200) {
  1562. Swal.fire(
  1563. 'Done',
  1564. 'Successfully Accepted to the ID:' + id,
  1565. 'success'
  1566. ).then(() => {
  1567. location.reload(); // Reload page after success
  1568. });
  1569. } else {
  1570. Swal.fire(
  1571. 'Error',
  1572. 'Failed to Approve the Refund',
  1573. 'error'
  1574. );
  1575. }
  1576. },
  1577. error: function (xhr, textStatus, errorThrown) {
  1578. loadingSwal.close(); // Close the loading popup
  1579. Swal.fire(
  1580. 'Error',
  1581. 'Failed to Approve the Refund',
  1582. 'error'
  1583. );
  1584. },
  1585. complete: function() {
  1586. // Re-enable the button after request completes (success or error)
  1587. approveButton.disabled = false;
  1588. }
  1589. });
  1590. } else if (result.isDenied) {
  1591. Swal.fire('Changes are not saved', '', 'info');
  1592. }
  1593. });
  1594. }
  1596. document.addEventListener('DOMContentLoaded', function () {
  1597. var ddDetailsCheckbox = document.getElementById('ddDetailsCheckbox');
  1598. var ddDetailsFields = document.querySelectorAll('.dd-details input');
  1599. var ddDetailsContainer = document.querySelector('.dd-details');
  1600. var challonDetailsForm = document.getElementById('challonDetailsForm');
  1601. var submitButton = document.getElementById('submitChallonDetails');
  1603. // Toggle DD Details visibility and required status based on checkbox state
  1604. ddDetailsCheckbox.addEventListener('change', function () {
  1605. if (ddDetailsCheckbox.checked) {
  1606. ddDetailsContainer.style.display = 'flex';
  1607. ddDetailsFields.forEach(function (field) {
  1608. field.setAttribute('required', 'required');
  1609. });
  1610. } else {
  1611. ddDetailsContainer.style.display = 'none';
  1612. ddDetailsFields.forEach(function (field) {
  1613. field.removeAttribute('required');
  1614. field.value = ''; // Optionally clear the fields
  1615. field.classList.remove('is-invalid'); // Remove invalid class if any
  1616. });
  1617. }
  1618. });
  1620. // Handle form submission
  1621. submitButton.addEventListener('click', function () {
  1622. var isValid = challonDetailsForm.checkValidity();
  1623. if (isValid) {
  1624. // Form is valid, proceed with submission (e.g., via AJAX)
  1625. // Custom submission code here
  1626. } else {
  1627. // Trigger browser's validation messages
  1628. challonDetailsForm.classList.add('was-validated');
  1629. }
  1630. });
  1632. // Prevent form submission on Enter key
  1633. challonDetailsForm.addEventListener('submit', function (event) {
  1634. event.preventDefault();
  1635. event.stopPropagation();
  1636. });
  1637. });
  1638. $('#challonDetails').on('hidden.bs.modal', function () {
  1639. // Clear all input fields
  1640. $(this).find('form')[0].reset();
  1642. // Optionally, reset any custom styling or classes
  1643. $(this).find('input').removeClass('is-valid is-invalid');
  1644. });
  1645. </script>
  1646. </body>
  1648. </html>