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.
25 Commits
1 Branch
0 Tags
244 MiB
Tree: c1314e9f28
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'c1314e9f28'
${ noResults }
communityhallv22/src/main/resources/templates/headquarters/settlement-completed.html

1254 lines
50 KiB
Raw Normal View History

first
2 years ago
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
first
2 years ago
​
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
first
2 years ago
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
first
2 years ago
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
first
2 years ago
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
​
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
first
2 years ago
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
first
2 years ago
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
​
Enhancement added and Bugs fixed
2 years ago
​
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
first
2 years ago
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
​
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
​
Enhancement added and Bugs fixed
2 years ago
​
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
​
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
first
2 years ago
​
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
first
2 years ago
​
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
first
2 years ago
​
​
Enhancement added and Bugs fixed
2 years ago
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
​
first
2 years ago
​
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
​
Enhancement added and Bugs fixed
2 years ago
​
first
2 years ago
Enhancement added and Bugs fixed
2 years ago
​
​
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
​
​
​
​
​
first
2 years ago
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
​
​
​
​
​
​
first
2 years ago
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
​
​
​
​
first
2 years ago
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
​
​
​
first
2 years ago
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
​
​
​
​
​
​
first
2 years ago
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
​
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
​
​
first
2 years ago
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
​
first
2 years ago
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
​
​
​
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
first
2 years ago
​
​
​
​
​
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
​
​
first
2 years ago
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
​
first
2 years ago
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
​
​
first
2 years ago
​
Six month old transactions option created for HQ login and mail integration implemented.
3 months ago
first
2 years ago
  1. <!DOCTYPE html>
  3. <html xmlns:th="http://www.thymeleaf.org">
  5. <head th:replace="~{fragments/head-headquarters :: head}"></head>
  6. <style>
  7. .card-body table {
  8. width: 100%;
  9. padding: 100px;
  10. }
  12. .card-body th,
  13. td {
  14. padding: 8px;
  15. text-align: left;
  16. }
  18. .amount-cell {
  19. text-align: right;
  20. padding-right: 1rem;
  21. /* Adjust padding as needed */
  22. }
  24. .table {
  25. width: 100% !important;
  26. }
  27. </style>
  28. <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
  29. integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
  30. crossorigin="anonymous"></script>
  31. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"
  32. integrity="sha384-vUDzXQ+PSziH/FUbe0YVEv7qEoRJRT5D02B1RWZC1yyP3+n6K8N7q0clmKf3nDOJ"
  33. crossorigin="anonymous"></script>
  34. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
  35. integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
  36. crossorigin="anonymous"></script>
  38. <body>
  39. <!-- Page Container -->
  40. <div id="page-container"
  41. class="sidebar-o sidebar-dark enable-page-overlay side-scroll page-header-fixed page-header-dark">
  42. <!-- Side Overlay aside (right)-->
  43. <aside th:replace="~{fragments/aside-right :: aside}"></aside>
  44. <!-- END Side Overlay (right)-->
  45. <!-- Sidebar Nav-->
  46. <nav th:replace="~{fragments/nav-headquarters :: nav}"></nav>
  47. <header th:replace="~{fragments/header-headquarters :: header}"></header>
  48. <!-- END Header -->
  49. <!-- Main Container -->
  50. <main id="main-container">
  51. <div class="content">
  52. <ul class="nav nav-tabs" id="myTab" role="tablist">
  53. <li class="nav-item">
  54. <a class="nav-link active" id="settlement-approved-tab" data-toggle="tab"
  55. href="#settlement-approved" role="tab" aria-controls="settlement-approved"
  56. aria-selected="true">Settlement Refund</a>
  57. </li>
  58. <li class="nav-item">
  59. <a class="nav-link" id="cancelled-bookings-tab" data-toggle="tab" href="#cancelled-bookings"
  60. role="tab" aria-controls="cancelled-bookings" aria-selected="false">Cancelled Bookings
  61. Refund</a>
  62. </li>
  63. <li class="nav-item">
  64. <a class="nav-link" id="gcc-blocked-tab" data-toggle="tab" href="#gcc-blocked" role="tab"
  65. aria-controls="gcc-blocked" aria-selected="false">GCC Blocked/Rejected Refund</a>
  66. </li>
  67. </ul>
  68. <div class="tab-content" id="myTabContent">
  69. <!-- Tab pane for Settlement Approved -->
  70. <div class="tab-pane fade show active" id="settlement-approved" role="tabpanel"
  71. aria-labelledby="settlement-approved-tab">
  72. <div class="block block-rounded">
  73. <div class="block-content p-0">
  74. <div class="p-sm-4 p-0">
  75. <div class="table-responsive">
  76. <table id="SettlementCompletedListTable"
  77. class="table table-bordered table-striped table-vcenter js-dataTable-responsive">
  78. <thead class="thead-light">
  79. <tr>
  80. <th>S.no</th>
  81. <th>Zone/Division</th>
  82. <th>Hall Name</th>
  83. <th>Booking Id</th>
  84. <th width="10%">Booking Date</th>
  85. <th>Settlement Completed Date</th>
  86. <th width="5%">Settlement Id</th>
  87. <th>Deposit Amount</th>
  88. <th>Collection Amount</th>
  89. <th>Refunded Amount</th>
  90. <th>Refund Status</th>
  91. <th>Action</th>
  92. </tr>
  93. </thead>
  94. <tbody>
  95. <tr th:each="settlements, rowStat : ${completedlist}">
  96. <td class="text-center" th:text="${rowStat.index + 1}"></td>
  97. <td class="text-center"
  98. th:text="${settlements.hallDetails.zone + ' / ' + settlements.hallDetails.division}">
  99. </td>
  100. <td class="text-center"
  101. th:text="${settlements.hallDetails.hallName}"></td>
  102. <td class="text-center" th:text="${settlements.bookingId}"></td>
  103. <td class="text-center" th:text="${settlements.bookingDate}"></td>
  104. <td class="text-center"
  105. th:text="${settlements.settlement.updatedDate}"></td>
  106. <td class="text-center"
  107. th:text="${settlements.settlement.settlementId}"></td>
  108. <td class="text-center"
  109. th:text="${settlements.settlement.depositAmount}"></td>
  110. <td class="text-center"
  111. th:text="${settlements.settlement.collectionPending}"></td>
  112. <td class="text-center"
  113. th:text="${settlements.settlement.refundedAmount}"></td>
  114. <td class="text-center" th:text="${settlements.refundStatus}"></td>
  115. <td>
  116. <p>
  117. <span class="badge bg-warning" style="cursor: pointer;"
  118. th:onclick="approve([[${settlements.settlement.settlementId}]])">View</span>
  119. </p>
  120. </td>
  121. </tr>
  122. </tbody>
  123. </table>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  130. <!-- Tab pane for Cancelled Bookings Approved -->
  131. <div class="tab-pane fade" id="cancelled-bookings" role="tabpanel"
  132. aria-labelledby="cancelled-bookings-tab">
  133. <!-- Repeat similar structure for Cancelled Bookings Approved -->
  134. <div class="block block-rounded">
  135. <div class="block-header block-header-default">
  136. <h3 class="block-title">List of Refund Completed for Cancelled Bookings</h3>
  137. </div>
  138. <div class="block-content p-0">
  139. <div class="p-sm-4 p-0">
  140. <div class="table-responsive">
  141. <table id="cancelledcompletedListTable"
  142. class="table table-bordered table-striped table-vcenter js-dataTable-responsive">
  143. <thead class="thead-light">
  144. <tr>
  145. <th>S.no</th>
  146. <th>Booking Id</th>
  147. <th>Booking Date</th>
  148. <th>Hall Name</th>
  149. <th>User Name</th>
  150. <th>User type</th>
  151. <th>Reason for Booking</th>
  152. <th>Refund Amount</th>
  153. <th>Action</th>
  154. </tr>
  155. </thead>
  156. <tbody>
  157. <tr th:each="cancelledbookings, rowStat : ${cancelledcompletedlist}">
  158. <td class="text-center" th:text="${rowStat.index + 1}"></td>
  159. <td class="text-center" th:text="${cancelledbookings.bookingId}">
  160. </td>
  161. <td class="text-center" th:text="${cancelledbookings.bookingDate}">
  162. </td>
  163. <td class="text-center"
  164. th:text="${cancelledbookings.hallDetails.hallName}"></td>
  165. <td class="text-center" th:text="${cancelledbookings.users.name}">
  166. </td>
  167. <td class="text-center"
  168. th:text="${cancelledbookings.users.usertype}"></td>
  169. <td class="text-center" th:text="${cancelledbookings.reason}"></td>
  170. <td class="text-center"
  171. th:text="${cancelledbookings.depositAmount}"></td>
  172. <td>
  173. <p>
  174. <span class="badge bg-warning" style="cursor: pointer;"
  175. th:onclick="refundcompleted([[${cancelledbookings.bookingId}]])">View</span>
  176. </p>
  177. </td>
  178. </tr>
  179. </tbody>
  180. </table>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. <!-- Tab pane for GCC Blocked/Rejected Approved -->
  187. <div class="tab-pane fade" id="gcc-blocked" role="tabpanel" aria-labelledby="gcc-blocked-tab">
  188. <!-- Repeat similar structure for GCC Blocked/Rejected Approved -->
  189. <div class="block block-rounded">
  190. <div class="block-header block-header-default">
  191. <h3 class="block-title">List of Refund Completed GCC Blocked/Rejected</h3>
  192. </div>
  193. <div class="block-content p-0">
  194. <div class="p-sm-4 p-0">
  195. <div class="table-responsive">
  196. <table id="rejectedcompletedListTable"
  197. class="table table-bordered table-striped table-vcenter js-dataTable-responsive">
  198. <thead class="thead-light">
  199. <tr>
  200. <th>S.no</th>
  201. <th>Booking Id</th>
  202. <th>Booking Date</th>
  203. <th>Hall Name</th>
  204. <th>User Name</th>
  205. <th>User type</th>
  206. <th>Reason for Booking</th>
  207. <th>Reason for Rejection</th>
  208. <th>Refund Amount</th>
  209. <th>Action</th>
  210. </tr>
  211. </thead>
  212. <tbody>
  213. <tr th:each="rejectedbookings, rowStat : ${rejectedcompletedlist}">
  214. <td class="text-center" th:text="${rowStat.index + 1}"></td>
  215. <td class="text-center" th:text="${rejectedbookings.bookingId}">
  216. </td>
  217. <td class="text-center" th:text="${rejectedbookings.bookingDate}">
  218. </td>
  219. <td class="text-center"
  220. th:text="${rejectedbookings.hallDetails.hallName}"></td>
  221. <td class="text-center" th:text="${rejectedbookings.users.name}">
  222. </td>
  223. <td class="text-center"
  224. th:text="${rejectedbookings.users.usertype}"></td>
  225. <td class="text-center" th:text="${rejectedbookings.reason}"></td>
  226. <td class="text-center" th:text="${rejectedbookings.comments}"></td>
  227. <td class="text-center"
  228. th:text="${rejectedbookings.amountReceived}">
  229. </td>
  230. <td>
  231. <p>
  232. <span class="badge bg-warning" style="cursor: pointer;"
  233. th:onclick="refundcompleted([[${rejectedbookings.bookingId}]])">View</span>
  234. </p>
  235. </td>
  236. </tr>
  237. </tbody>
  238. </table>
  239. </div>
  240. </div>
  241. </div>
  242. </div>
  243. </div>
  244. </div>
  245. </div>
  246. </main>
  247. <!-- END Main Container -->
  248. <!--modal for pending-->
  249. <div class="modal fade backdrop" id="initiateSettlementForm" data-backdrop="static" tabindex="-1" role="dialog"
  250. aria-labelledby="staticBackdropLabel" aria-hidden="true">
  251. <div class="modal-dialog modal-lg" role="document">
  252. <div class="modal-content">
  253. <form id="ownform">
  254. <div class="block block-rounded block-themed block-transparent mb-0">
  255. <div class="block-header bg-primary-dark">
  256. <h3 class="block-title" id="2mtitle">Settlement Information</h3>
  257. <div class="block-options">
  258. <button type="button" class="btn-block-option" data-bs-dismiss="modal"
  259. aria-label="Close">
  260. <i class="fa fa-fw fa-times"></i>
  261. </button>
  262. </div>
  263. </div>
  264. <div class="block-content row">
  265. <div class="col-md-12 col-lg-12 col-sm-12">
  266. <input type="hidden" class="form-control text-center" name="settlementid"
  267. id="settlementid" disabled />
  268. <div class="card-body">
  269. <table>
  270. <tr>
  271. <th colspan="10" style="background-color: #f2f2f2;">User Details</th>
  272. </tr>
  273. <tr>
  274. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">User Name:
  275. </th>
  276. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  277. id="td_userName"></td>
  278. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Mobile Number:
  279. </th>
  280. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  281. id="td_mobileNumber"></td>
  282. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">User Type:
  283. </th>
  284. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  285. id="td_usertype"></td>
  286. </tr>
  287. <tr>
  288. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">User Address:
  289. </th>
  290. <td colspan="5" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  291. id="td_useraddress"></td>
  292. </tr>
  293. <input type="hidden" class="form-control text-center" name="bookingid"
  294. id="bookingid" disabled />
  295. <tr>
  296. <th colspan="10" style="background-color: #f2f2f2;">Hall Details</th>
  297. </tr>
  298. <tr>
  299. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Hall Name:
  300. </th>
  301. <td colspan="10" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  302. id="td_hallName"></td>
  303. </tr>
  304. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Hall Address:</th>
  305. <td colspan="10" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  306. id="td_halladdress"></td>
  307. </tr>
  308. <tr>
  309. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Caretaker
  310. Name:</th>
  311. <td colspan="2" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  312. id="td_caretakername"></td>
  313. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Caretaker
  314. Mobile Number:</th>
  315. <td colspan="2" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  316. id="td_caretakermobileNumber"></td>
  317. </tr>
  318. </table>
  319. </div>
  320. </div>
  321. <div class="col-md-12 col-lg-12 col-sm-12">
  322. <input type="hidden" class="form-control text-center" name="settlementid"
  323. id="settlementid" disabled />
  324. <div class="card-body">
  325. <table>
  326. <tr>
  327. <th colspan="4" style="background-color: #f2f2f2;">Booking
  328. Details (Booking Id:-<span id="booking_id"
  329. style="color:blue"></span>)</th>
  330. </tr>
  331. <tr>
  332. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Booking Date:
  333. </th>
  334. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  335. id="td_bookingDate"></td>
  336. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Deposit
  337. Amount:</th>
  338. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  339. id="td_depositeAmount"></td>
  340. </tr>
  341. <tr>
  342. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Start Date:
  343. </th>
  344. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  345. id="td_startDate"></td>
  346. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Hall Amount:
  347. </th>
  348. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  349. id="td_hallAmount"></td>
  350. </tr>
  351. <tr>
  352. <th style="padding: 0.45rem 0.45rem;font-weight: normal">END
  353. Date:</th>
  354. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  355. id="td_endDate"></td>
  356. <th style="padding: 0.45rem 0.45rem;font-weight: normal">GST @18%:</th>
  357. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  358. id="td_gst"></td>
  359. </tr>
  360. <tr>
  361. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Starting Slot:
  362. </th>
  363. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  364. id="td_startingSlot"></td>
  365. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Total Amount:
  366. </th>
  367. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  368. id="td_totalAmount"></td>
  369. </tr>
  370. <tr>
  371. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Ending Slot:
  372. </th>
  373. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  374. id="td_endingSlot"></td>
  375. </tr>
  376. <tr>
  377. <th colspan="4" style="background-color: #f2f2f2;">EB
  378. Details</th>
  379. </tr>
  380. <tr>
  381. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Consumer
  382. Number:</th>
  383. <td class="fw-semibold"
  384. style="padding: 0.45rem 0.45rem;text-align:center;"
  385. id="td_EBNumber"></td>
  386. <th style="padding: 0.45rem 0.45rem;font-weight: normal">EB Amount Per
  387. Unit:</th>
  388. <td class="fw-semibold"
  389. style="padding: 0.45rem 0.45rem;text-align:right;"
  390. id="td_ebamountperunit"></td>
  391. </tr>
  392. <tr>
  393. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Start Reading:
  394. </th>
  395. <td class="fw-semibold"
  396. style="padding: 0.45rem 0.45rem;text-align:center;"
  397. id="td_startingReading"></td>
  398. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Unit Consumed:
  399. </th>
  400. <td class="fw-semibold"
  401. style="padding: 0.45rem 0.45rem;text-align:right;" id="td_usedunit">
  402. </td>
  403. </tr>
  404. <tr>
  405. <th style="padding: 0.45rem 0.45rem;font-weight: normal">END Reading:
  406. </th>
  407. <td class="fw-semibold"
  408. style="padding: 0.45rem 0.45rem;text-align:center;"
  409. id="td_endingReading"></td>
  410. <th style="padding: 0.45rem 0.45rem;font-weight: normal">EB Amount:</th>
  411. <td class="fw-semibold"
  412. style="padding: 0.45rem 0.45rem;text-align:right;"
  413. id="td_electricityamount"></td>
  414. </tr>
  415. </table>
  416. </div>
  417. </div>
  418. <div id="damageDetails" style="margin-bottom: -17px;"></div>
  419. <div class="col-md-12 col-lg-12 col-sm-12">
  420. <div class="card-body">
  421. <table>
  422. <tr>
  423. <th colspan="2" style="background-color: #f2f2f2;font-weight: normal">
  424. Amount to be Refunded</th>
  425. </tr>
  427. <tr>
  429. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Deposit
  430. Amount:</th>
  432. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  433. id="td_depositeamountforrefund">0</td>
  435. </tr>
  437. <tr>
  439. <th style="padding: 0.45rem 0.45rem;font-weight: normal">EB Amount:</th>
  441. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  442. id="td_ebAmount"></td>
  444. </tr>
  446. <tr>
  448. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Damage Amount:
  449. </th>
  451. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  452. id="td_damage"></td>
  454. </tr>
  456. <tr id="pendingcolumn">
  458. <th id="th_settel_label"
  459. style="padding: 0.45rem 0.45rem;font-weight: normal">Collected
  460. Amount:</th>
  461. <td class="fw-semibold amount-cell"
  462. style="padding: 0.45rem 0.45rem; color: green;" id="td_pending_amt">
  463. 0</td>
  465. </tr>
  467. <tr>
  469. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Actual
  470. refundable Amount:</th>
  472. <td class="fw-semibold amount-cell"
  473. style="padding: 0.45rem 0.45rem; color: green;" id="td_settel_amt">0
  474. </td>
  476. </tr>
  478. </table>
  480. </div>
  482. </div>
  483. <!-- DD detail -->
  484. <div id="challonTableContainer"></div>
  485. <div id="ddTableContainer" style=" margin-top: -16px;"></div>
  486. </div>
  487. <div class="block-content block-content-full text-end bg-body" id="mbutton2">
  488. <button type="button" class="btn btn-sm btn-alt-secondary"
  489. data-bs-dismiss="modal">Close</button>
  490. <!--<button type="submit" class="btn btn-sm btn-primary">Reject</button>-->
  491. </div>
  492. </div>
  493. </form>
  494. </div>
  495. </div>
  496. </div>
  497. <!-- Refund Completed Bookingform-->
  498. <div class="modal fade backdrop" id="refundcompletedBookingForm" data-backdrop="static" tabindex="-1"
  499. role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  500. <div class="modal-dialog modal-lg" role="document">
  501. <div class="modal-content">
  502. <form id="ownform">
  503. <div class="block block-rounded block-themed block-transparent mb-0">
  504. <div class="block-header bg-primary-dark">
  505. <h3 class="block-title" id="2mtitle">Booking Information</h3>
  506. <div class="block-options">
  507. <button type="button" class="btn-block-option" data-bs-dismiss="modal"
  508. aria-label="Close">
  509. <i class="fa fa-fw fa-times"></i>
  510. </button>
  511. </div>
  512. </div>
  513. <div class="block-content row">
  514. <div class="col-md-12 col-lg-12 col-sm-12 mb-2">
  515. <input type="hidden" class="form-control text-center" name="booksid" id="booksId"
  516. disabled />
  517. <div class="card-body">
  518. <table>
  519. <tr>
  520. <th colspan="10" style="background-color: #f2f2f2;">User Details</th>
  521. </tr>
  522. <tr>
  523. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">User Name:
  524. </th>
  525. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;" id="username">
  526. </td>
  527. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Mobile Number:
  528. </th>
  529. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;" id="mobileno">
  530. </td>
  531. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">User Type:
  532. </th>
  533. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;" id="usertype">
  534. </td>
  535. </tr>
  536. <tr>
  537. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">User Address:
  538. </th>
  539. <td colspan="5" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  540. id="useraddress"></td>
  541. </tr>
  542. </table>
  543. </div>
  544. </div>
  545. <div class="col-md-12 col-lg-12 col-sm-12 mb-2">
  546. <div class="card-body">
  547. <table>
  548. <tr>
  549. <th colspan="10" style="background-color: #f2f2f2;">Hall Details</th>
  550. </tr>
  551. <tr>
  552. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Hall Name:
  553. </th>
  554. <td colspan="10" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  555. id="hallname"></td>
  556. </tr>
  557. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Hall Address:</th>
  558. <td colspan="10" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  559. id="halladdress"></td>
  560. </tr>
  561. <tr>
  562. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Caretaker
  563. Name:</th>
  564. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  565. id="caretakername"></td>
  566. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Caretaker
  567. Mobile Number:</th>
  568. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  569. id="caretakermobileNumber"></td>
  570. </tr>
  571. </table>
  572. </div>
  573. </div>
  574. <div class="col-md-12 col-lg-12 col-sm-12">
  575. <div class="card-body">
  576. <table>
  577. <tr>
  578. <th colspan="4" style="background-color: #f2f2f2;">Booking
  579. Details (Booking Id:-<span id="bookid" style="color:blue"></span>)
  580. </th>
  581. </tr>
  582. <tr>
  583. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Booking Date:
  584. </th>
  585. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  586. id="bookingDate"></td>
  587. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Booking Status:
  588. </th>
  589. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  590. id="bookingStatus"></td>
  591. </tr>
  592. <tr>
  593. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Start Date:
  594. </th>
  595. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  596. id="startDate"></td>
  597. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Deposit Amount
  598. (in Rs):</th>
  599. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  600. id="depositeAmount"></td>
  601. </tr>
  602. <tr>
  603. <th style="padding: 0.45rem 0.45rem;font-weight: normal">END
  604. Date:</th>
  605. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;" id="endDate">
  606. </td>
  607. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Hall Amount:
  608. </th>
  609. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  610. id="hallAmount"></td>
  611. </tr>
  612. <tr>
  613. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Starting Slot:
  614. </th>
  615. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  616. id="startingSlot"></td>
  617. <th style="padding: 0.45rem 0.45rem;font-weight: normal">GST @18%:</th>
  618. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  619. id="gst"></td>
  620. </tr>
  621. <tr>
  622. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Ending Slot:
  623. </th>
  624. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  625. id="endingSlot"></td>
  626. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Total Amount:
  627. </th>
  628. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  629. id="totalAmount"></td>
  630. </tr>
  631. </table>
  632. </div>
  633. </div>
  634. <div class="col-sm-12">
  635. <!--<label class="form-label">Documents:<span class="text-danger"></span></label>-->
  636. <div class="documents" id="documents"></div>
  637. </div>
  638. <div class="col-md-12 col-lg-12 col-sm-12 mb-2">
  639. <input type="hidden" class="form-control text-center" name="bookingid"
  640. id="bookingid" disabled />
  641. <div class="card-body">
  642. <table>
  643. <tr>
  644. <th colspan="10" style="background-color: #f2f2f2;">Booking Payment
  645. Details</th>
  646. </tr>
  647. <tr>
  648. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Transaction
  649. ID:</th>
  650. <td colspan="10" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  651. id="transactionId"></td>
  652. </tr>
  653. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Amount Received:
  654. </th>
  655. <td colspan="10" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  656. id="payamountReceived"></td>
  657. </tr>
  658. <tr>
  659. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Transaction
  660. Status:</th>
  661. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  662. id="paymentStatus"></td>
  663. </tr>
  664. </table>
  665. </div>
  666. </div>
  667. </div>
  668. </div>
  669. <div class="block-content block-content-full text-end bg-body" id="mbutton2">
  670. <button type="button" class="btn btn-sm btn-alt-secondary"
  671. data-bs-dismiss="modal">Close</button>
  672. </div>
  673. </form>
  674. </div>
  675. </div>
  676. </div>
  677. <div class="modal fade" id="fileModal" tabindex="-1" role="dialog" aria-labelledby="fileModalLabel"
  678. aria-hidden="true">
  679. <div class="modal-dialog modal-lg" role="document">
  680. <div class="modal-content">
  681. <div class="modal-header">
  682. <h5 class="modal-title" id="fileModalLabel">File Preview</h5>
  683. <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
  684. <span aria-hidden="true">&times;</span>
  685. </button>
  686. </div>
  687. <div class="modal-body">
  688. <embed id="filePreview" src="" width="100%" height="600px">
  689. </div>
  690. <div class="modal-footer">
  691. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  692. </div>
  693. </div>
  694. </div>
  695. </div>
  696. <footer th:replace="~{fragments/footer2 :: footer}"></footer>
  697. <!-- END Footer -->
  698. </div>
  699. <div th:replace="~{fragments/resetpassword :: div}"></div>
  700. <script th:replace="~{fragments/loginscript :: script}"></script>
  701. <script>
  702. $(document).ready(function () {
  703. $('#myTab a').click(function (e) {
  704. e.preventDefault();
  705. $(this).tab('show');
  706. });
  707. });
  708. $(document).ready(function () {
  709. // DataTables buttons configuration
  710. var buttons = [
  711. {
  712. extend: 'pageLength',
  713. className: 'btn btn-primary'
  714. },
  715. {
  716. title: 'Data export',
  717. extend: 'copyHtml5',
  718. text: 'Copy',
  719. className: 'btn btn-primary',
  720. id: 'copyBtn'
  721. },
  722. {
  723. extend: 'excelHtml5',
  724. text: 'Excel',
  725. className: 'btn btn-primary',
  726. id: 'excelBtn'
  727. },
  728. {
  729. extend: 'csvHtml5',
  730. text: 'CSV',
  731. className: 'btn btn-primary',
  732. id: 'csvBtn'
  733. },
  734. {
  735. extend: 'pdfHtml5',
  736. text: 'PDF',
  737. className: 'btn btn-primary',
  738. id: 'pdfBtn'
  739. }
  740. ];
  741. // Initialize DataTable for each tab on tab shown event
  742. $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  743. var targetTable = $(e.target).attr('href'); // activated tab
  744. $(targetTable).find('.dataTable').DataTable().columns.adjust();
  745. });
  746. // Initialize DataTable for Settlement Approved tab
  747. $('#SettlementCompletedListTable').DataTable({
  748. dom: 'Bftip',
  749. columnDefs: [
  750. { targets: 'no-sort', orderable: false }
  751. ],
  752. lengthMenu: [
  753. [50, 100, 200, 500, -1],
  754. ['50 rows', '100 rows', '200 rows', '500 rows', 'Show all']
  755. ],
  756. buttons: buttons,
  757. responsive: true,
  758. searching: true,
  759. select: false,
  760. processing: false,
  761. // Set width to 100%
  762. "autoWidth": true
  763. });
  764. // Initialize DataTable for Cancelled Bookings Approved tab
  765. $('#cancelledcompletedListTable').DataTable({
  766. dom: 'Bftip',
  767. columnDefs: [
  768. { targets: 'no-sort', orderable: false }
  769. ],
  770. lengthMenu: [
  771. [50, 100, 200, 500, -1],
  772. ['50 rows', '100 rows', '200 rows', '500 rows', 'Show all']
  773. ],
  774. buttons: buttons,
  775. responsive: true,
  776. searching: true,
  777. select: false,
  778. processing: false,
  779. // Set width to 100%
  780. "autoWidth": true
  781. });
  782. // Initialize DataTable for GCC Blocked/Rejected Approved tab
  783. $('#rejectedcompletedListTable').DataTable({
  784. dom: 'Bftip',
  785. columnDefs: [
  786. { targets: 'no-sort', orderable: false }
  787. ],
  788. lengthMenu: [
  789. [50, 100, 200, 500, -1],
  790. ['50 rows', '100 rows', '200 rows', '500 rows', 'Show all']
  791. ],
  792. buttons: buttons,
  793. responsive: true,
  794. searching: true,
  795. select: false,
  796. processing: false,
  797. // Set width to 100%
  798. "autoWidth": true
  799. });
  800. });
  801. function approve(settlementId) {
  802. $.ajax({
  803. type: "GET",
  804. url: '/communityhall/api/officer/getSettlementList',
  805. data: {
  806. 'settlementsid': settlementId
  807. },
  808. success: function (x) {
  809. //console.log(x);
  810. showSettlementInfo(x)
  811. showDamageDetails(x);
  812. }
  813. });
  814. }
  815. function showSettlementInfo(list) {
  816. //console.log(list); // Log the damageList array
  817. //console.log(list.damageList[0]);
  818. $('#initiateSettlementForm').modal({
  819. backdrop: 'static',
  820. keyboard: false
  821. });
  822. $('#initiateSettlementForm').modal('show');
  823. document.getElementById("settlementid").value = list.settlement.settlementId;
  824. document.getElementById("td_userName").innerHTML = list.users.name;
  825. document.getElementById("td_mobileNumber").innerHTML = list.users.mobileNo;
  826. document.getElementById("td_usertype").innerHTML = list.users.usertype;
  827. var userDetails = list.users;
  828. var userDetailsString =
  829. userDetails.doorNo + ", " +
  830. userDetails.street + ", " +
  831. userDetails.area + ", " +
  832. userDetails.location + " ,Chennai- " +
  833. userDetails.pinCode;
  834. document.getElementById("td_useraddress").innerHTML = userDetailsString;
  835. document.getElementById("td_hallName").innerHTML = list.hallDetails.hallName;
  836. var hallDetails = list.hallDetails;
  837. var hallDetailsString =
  838. hallDetails.doorNo + ", " +
  839. hallDetails.street + ", " +
  840. hallDetails.area + ", " +
  841. hallDetails.city + "- " +
  842. hallDetails.pinCode;
  843. document.getElementById("td_halladdress").innerHTML = hallDetailsString;
  844. document.getElementById("td_caretakername").innerHTML = list.hallDetails.hallInchargeName;
  845. document.getElementById("td_caretakermobileNumber").innerHTML = list.hallDetails.hallInchargeMobno;
  846. document.getElementById("td_bookingDate").innerHTML = list.bookingDate;
  847. document.getElementById("td_depositeAmount").innerHTML = '₹ ' + parseFloat(list.depositAmount).toFixed(2);
  848. document.getElementById("td_hallAmount").innerHTML = '₹ ' + parseFloat(list.hallAmount).toFixed(2);
  849. // Calculate GST and total amount
  850. var gstAmount = (parseFloat(list.hallAmount) * (list.hallDetails.gst / 100)).toFixed(2);
  851. var totalAmount = parseFloat(list.amountReceived).toFixed(2);
  852. document.getElementById("td_gst").innerHTML = '₹ ' + gstAmount;
  853. document.getElementById("td_totalAmount").innerHTML = '₹ ' + totalAmount;
  854. document.getElementById("td_startDate").innerHTML = list.startDate;
  855. document.getElementById("td_endDate").innerHTML = list.endDate;
  856. document.getElementById("booking_id").innerHTML = list.bookingId;
  857. function getTimeSlot(slotValue) {
  858. var timeSlot;
  859. var trimmedSlotValue = String(slotValue).trim(); // Convert to string and then trim
  860. if (trimmedSlotValue === '1') {
  861. timeSlot = 'Morning';
  862. } else if (trimmedSlotValue === '2') {
  863. timeSlot = 'Evening';
  864. } else {
  865. timeSlot = 'Unknown';
  866. }
  867. return timeSlot;
  868. }
  869. document.getElementById("td_startingSlot").innerHTML = getTimeSlot(list.startingSlot);
  870. document.getElementById("td_endingSlot").innerHTML = getTimeSlot(list.endingSlot);
  871. document.getElementById("td_EBNumber").innerHTML = list.hallDetails.ebNumber;
  872. document.getElementById("td_startingReading").innerHTML = list.ebDetails.startingReading;
  873. document.getElementById("td_endingReading").innerHTML = list.ebDetails.endingReading;
  874. document.getElementById("td_usedunit").innerHTML = list.ebDetails.usedUnit;
  875. document.getElementById("td_ebamountperunit").innerHTML = '₹ ' + parseFloat(list.hallDetails.ebCostPerUnit).toFixed(2);
  876. document.getElementById("td_depositeamountforrefund").innerHTML = '₹ ' + parseFloat(list.depositAmount).toFixed(2);
  877. document.getElementById("td_electricityamount").innerHTML = '₹ ' + parseFloat(list.ebDetails.ebAmount).toFixed(2);
  878. document.getElementById("td_ebAmount").innerHTML = '₹ ' + parseFloat(list.ebDetails.ebAmount).toFixed(2);
  879. document.getElementById("td_damage").innerHTML = '₹ ' + parseFloat(list.settlement.damageAmount).toFixed(2);
  880. var eb_amt = parseFloat(list.ebDetails.ebAmount).toFixed(2);
  881. var deposit_amt = parseFloat(list.depositAmount).toFixed(2);
  882. var tem_total = (deposit_amt - eb_amt).toFixed(2);
  883. $("#td_settel_amt").html(tem_total);
  884. }
  885. function showDamageDetails(data) {
  886. var damageFieldContainer = $('#damageDetails');
  887. damageFieldContainer.empty();
  888. // Create a div for table responsiveness
  889. var tableResponsiveDiv = $('<div>').addClass('table-responsive');
  890. // Create table with similar classes and styles to the modal table
  891. var table = $('<table>').addClass('table table-bordered table-striped').css({ 'width': '97%', 'border-color': 'black', 'border-top-color': 'white' });
  892. var thead = $('<thead>').addClass('thead-light');
  893. var tbody = $('<tbody>');
  894. // Create Damage Details header row
  895. var headerRow = $('<tr>').appendTo(thead);
  896. $('<th>').attr('colspan', '6').text('Damage Details (if any)').css({
  897. 'padding': '0.45rem 0.45rem',
  898. 'background-color': '#f2f2f2',
  899. 'font-weight': 'bold',
  900. 'color': 'black',
  901. }).appendTo(headerRow);
  902. // Create table header row
  903. var columnHeadersRow = $('<tr>').css('background-color', '#f2f2f2').appendTo(thead);
  904. $('<th>').text('S.No').css({ 'padding': '0.45rem 0.45rem', 'text-align': 'center' }).appendTo(columnHeadersRow);
  905. $('<th>').text('Asset Name').css({ 'padding': '0.45rem 0.45rem', 'text-align': 'center' }).appendTo(columnHeadersRow);
  906. $('<th>').text('Damage Img').css({ 'padding': '0.45rem 0.45rem', 'text-align': 'center' }).appendTo(columnHeadersRow);
  907. $('<th>').text('Cost').css({ 'padding': '0.45rem 0.45rem', 'text-align': 'center' }).appendTo(columnHeadersRow);
  908. $('<th>').text('Qty').css({ 'padding': '0.45rem 0.45rem', 'text-align': 'center' }).appendTo(columnHeadersRow);
  909. $('<th>').text('Amount').css({ 'padding': '0.45rem 0.45rem', 'text-align': 'center' }).appendTo(columnHeadersRow);
  910. var totalAmount = 0;
  912. // Check if damageList is empty
  913. if (data.damageList.length === 0) {
  914. var row = $('<tr>').appendTo(tbody);
  915. $('<td>').attr('colspan', '6').text('No Damaged Items').css({
  916. 'padding': '0.45rem 0.45rem',
  917. 'text-align': 'center',
  918. 'font-weight': 'bold',
  919. 'background-color': '#f2f2f2'
  920. }).appendTo(row);
  921. } else {
  922. $.each(data.damageList, function (index, detail) {
  923. var row = $('<tr>').appendTo(tbody);
  924. $('<td>').text(index + 1).css({
  925. 'padding': '0.45rem 0.45rem',
  926. 'text-align': 'center'
  927. }).appendTo(row);
  928. $('<td>').text(detail.assetName).css({
  929. 'padding': '0.45rem 0.45rem',
  930. 'text-align': 'center'
  931. }).appendTo(row);
  933. var viewLink = $('<a>').attr('href', 'javascript:void(0)').text('View').on('click', function () {
  934. showDamageImage(detail.damageImageUrl);
  935. });
  936. $('<td>').css({
  937. 'padding': '0.45rem 0.45rem',
  938. 'text-align': 'center'
  939. }).append(viewLink).appendTo(row);
  941. var assetamt = (detail.assetAmount / detail.quantity).toFixed(2);
  942. $('<td>').text('₹ ' + assetamt).css({
  943. 'padding': '0.45rem 0.45rem',
  944. 'text-align': 'center'
  945. }).appendTo(row);
  947. $('<td>').text(detail.quantity).css({
  948. 'padding': '0.45rem 0.45rem',
  949. 'text-align': 'center'
  950. }).appendTo(row);
  952. var amount = detail.assetAmount;
  953. totalAmount += amount;
  954. $('<td>').text('₹ ' + amount.toFixed(2)).css({
  955. 'padding': '0.45rem 0.45rem',
  956. 'text-align': 'right'
  957. }).appendTo(row);
  958. });
  960. // Add row for total amount
  961. var totalRow = $('<tr>').appendTo(tbody);
  962. $('<td>').attr('colspan', '5').text('Total Amount').css({
  963. 'padding': '0.45rem 0.45rem',
  964. 'font-weight': 'bold',
  965. 'background-color': '#f2f2f2'
  966. }).appendTo(totalRow);
  967. $('<td>').text('₹ ' + totalAmount.toFixed(2)).css({
  968. 'padding': '0.45rem 0.45rem',
  969. 'text-align': 'right'
  970. }).appendTo(totalRow);
  972. $("#td_dam_amt").html('₹ ' + totalAmount.toFixed(2));
  973. }
  976. // Append the table elements to the container div
  978. table.append(thead, tbody);
  980. tableResponsiveDiv.append(table);
  982. damageFieldContainer.append(tableResponsiveDiv);
  986. var temp_total = parseFloat($("#td_settel_amt").html());
  988. var settleAmount = temp_total - totalAmount;
  989. //console.log("temp_total=",temp_total);
  990. //console.log("totalAmount=",totalAmount);
  991. if (settleAmount < 0) {
  992. $("#td_settel_amt").html(0.00);
  993. $("#pendingcolumn").show();
  994. $("#td_pending_amt").html('₹ ' + Math.abs(settleAmount).toFixed(2));
  995. $("#td_pending_amt").css("color", "red");
  996. } else {
  997. $("#td_settel_amt").html('₹ ' + settleAmount.toFixed(2));
  998. $("#pendingcolumn").hide();
  999. $("#td_settel_amt").css("color", "green"); // Set color to green for positive amounts
  1000. }
  1001. if (data.settlement.challonamount) {
  1002. // Show the table containing ddnumber and challan image
  1003. var challonTableContainer = $("#challonTableContainer"); // Assuming you have a div with this ID for the table
  1004. challonTableContainer.empty(); // Clear any existing content
  1005. challonTableContainer.show(); // Ensure the container is visible
  1007. var tableResponsiveDiv = $('<div>').addClass('table-responsive').css('margin-right', '-24px');
  1009. // Create table with similar classes and styles to the modal table
  1010. var table = $('<table>').addClass('table table-bordered table-striped').css({ 'width': '100%', 'border-color': 'black', 'border-top-color': 'white' });
  1011. var thead = $('<thead>').addClass('thead-light');
  1012. var tbody = $('<tbody>');
  1013. var headerRow = $('<tr>').appendTo(thead);
  1014. $('<th>').attr('colspan', '6').text('Challan Details').css({
  1015. 'padding': '0.45rem 0.45rem',
  1016. 'background-color': '#f2f2f2',
  1017. 'font-weight': 'bold',
  1018. 'color': 'black',
  1019. }).appendTo(headerRow);
  1020. var columnRow = $('<tr>').css('background-color', '#f2f2f2').appendTo(thead);
  1021. //$('<th>').text('DD Number').css({'padding': '0.45rem 0.45rem', 'text-align': 'center'}).appendTo(columnRow);
  1022. //$('<th>').text('DD Date').css({'padding': '0.45rem 0.45rem', 'text-align': 'center'}).appendTo(columnRow);
  1023. $('<th>').text('Challan Number').css({ 'padding': '0.45rem 0.45rem', 'text-align': 'center' }).appendTo(columnRow);
  1024. $('<th>').text('Challan Amount').css({ 'padding': '0.45rem 0.45rem', 'text-align': 'center' }).appendTo(columnRow);
  1025. $('<th>').text('Challan Image').css({ 'padding': '0.45rem 0.45rem', 'text-align': 'center' }).appendTo(columnRow);
  1027. var row = $('<tr>').appendTo(tbody);
  1028. //$('<td>').text(data.settlement.ddnumber).css({'padding': '0.45rem 0.45rem', 'text-align': 'center'}).appendTo(row);
  1029. //$('<td>').text(data.settlement.ddnumber).css({'padding': '0.45rem 0.45rem', 'text-align': 'center'}).appendTo(row);
  1030. $('<td>').text(data.settlement.challonnumber).css({ 'padding': '0.45rem 0.45rem', 'text-align': 'center' }).appendTo(row);
  1031. $('<td>').text(data.settlement.challonamount).css({ 'padding': '0.45rem 0.45rem', 'text-align': 'center' }).appendTo(row);
  1032. //$('<td>').text(data.settlement.dddate).css({'padding': '0.45rem 0.45rem', 'text-align': 'center'}).appendTo(row);
  1033. var challanImgLink = $('<a>').attr('href', 'javascript:void(0)').text('View Image').on('click', function () {
  1034. showchallonimage(data.settlement.challon);
  1035. });
  1036. $('<td>').css({ 'padding': '0.45rem 0.45rem', 'text-align': 'center' }).append(challanImgLink).appendTo(row);
  1038. table.append(thead, tbody);
  1039. challonTableContainer.append(table);
  1041. // Hide all buttons
  1042. $("#generatechallon").hide();
  1043. $("#uploadchallon").hide();
  1044. $("#approvebutton").prop("disabled", false);
  1045. } else {
  1046. // Hide the ddTableContainer if ddnumber is not present
  1047. $("#challonTableContainer").hide();
  1048. }
  1050. if (data.settlement.ddnumber) {
  1051. // Show the table containing ddnumber and challan image
  1052. var ddTableContainer = $("#ddTableContainer"); // Assuming you have a div with this ID for the table
  1053. ddTableContainer.empty(); // Clear any existing content
  1054. ddTableContainer.show(); // Ensure the container is visible
  1056. var tableResponsiveDiv = $('<div>').addClass('table-responsive').css('margin-right', '-24px');
  1058. // Create table with similar classes and styles to the modal table
  1059. var table = $('<table>').addClass('table table-bordered table-striped').css({ 'width': '100%', 'border-color': 'black', 'border-top-color': 'white' });
  1060. var thead = $('<thead>').addClass('thead-light');
  1061. var tbody = $('<tbody>');
  1062. var headerRow = $('<tr>').appendTo(thead);
  1063. $('<th>').attr('colspan', '6').text('DD Details').css({
  1064. 'padding': '0.45rem 0.45rem',
  1065. 'background-color': '#f2f2f2',
  1066. 'font-weight': 'bold',
  1067. 'color': 'black',
  1068. }).appendTo(headerRow);
  1069. var columnRow = $('<tr>').css('background-color', '#f2f2f2').appendTo(thead);
  1070. $('<th>').text('DD Number').css({ 'padding': '0.45rem 0.45rem', 'text-align': 'center' }).appendTo(columnRow);
  1071. $('<th>').text('DD Amount').css({ 'padding': '0.45rem 0.45rem', 'text-align': 'center' }).appendTo(columnRow);
  1072. $('<th>').text('DD Date').css({ 'padding': '0.45rem 0.45rem', 'text-align': 'center' }).appendTo(columnRow);
  1074. var row = $('<tr>').appendTo(tbody);
  1075. $('<td>').text(data.settlement.ddnumber).css({ 'padding': '0.45rem 0.45rem', 'text-align': 'center' }).appendTo(row);
  1076. $('<td>').text(data.settlement.ddamount).css({ 'padding': '0.45rem 0.45rem', 'text-align': 'center' }).appendTo(row);
  1078. $('<td>').text(data.settlement.dddate).css({ 'padding': '0.45rem 0.45rem', 'text-align': 'center' }).appendTo(row);
  1080. table.append(thead, tbody);
  1081. ddTableContainer.append(table);
  1083. // Hide all buttons
  1084. $("#generatechallon").hide();
  1085. $("#uploadchallon").hide();
  1086. $("#approvebutton").prop("disabled", false);
  1087. } else {
  1088. // Hide the ddTableContainer if ddnumber is not present
  1089. $("#ddTableContainer").hide();
  1090. }
  1091. }
  1092. function showDamageImage(damageImageUrl) {
  1093. document.getElementById('filePreview').src = damageImageUrl;
  1094. $('#fileModal').modal('show');
  1095. }
  1096. function showchallonimage(challanImgLink) {
  1097. document.getElementById('filePreview').src = challanImgLink;
  1098. $('#fileModal').modal('show');
  1099. }
  1100. function showddImage(ddImageUrl) {
  1101. document.getElementById('filePreview').src = ddImageUrl;
  1102. $('#fileModal').modal('show');
  1103. }
  1104. function refundcompleted(bookingId) {
  1105. $.ajax({
  1106. type: "GET",
  1107. url: '/communityhall/api/officer/getBookingDetails',
  1108. data: {
  1109. 'bookingsId': bookingId
  1110. },
  1111. success: function (x) {
  1112. //console.log(x);
  1113. refundCompletedbookingDetails(x);
  1114. }
  1115. });
  1116. }
  1117. function refundCompletedbookingDetails(list) {
  1118. $('#refundcompletedBookingForm').modal({
  1119. backdrop: 'static',
  1120. keyboard: false
  1121. });
  1122. $('#refundcompletedBookingForm').modal('show');
  1123. document.getElementById("username").innerHTML = list.users.name;
  1124. document.getElementById("mobileno").innerHTML = list.users.mobileNo;
  1125. document.getElementById("usertype").innerHTML = list.users.usertype;
  1126. document.getElementById("booksId").value = list.bookingId;
  1127. var userDetails = list.users;
  1128. var userDetailsString =
  1129. userDetails.doorNo + ", " +
  1130. userDetails.street + ", " +
  1131. userDetails.area + ", " +
  1132. userDetails.location + "- " +
  1133. userDetails.pinCode;
  1134. document.getElementById("useraddress").innerHTML = userDetailsString;
  1135. document.getElementById("hallname").innerHTML = list.hallDetails.hallName;
  1136. var hallDetails = list.hallDetails;
  1137. var hallDetailsString =
  1138. hallDetails.doorNo + ", " +
  1139. hallDetails.street + ", " +
  1140. hallDetails.area + ", " +
  1141. hallDetails.city + "- " +
  1142. hallDetails.pinCode;
  1143. document.getElementById("halladdress").innerHTML = hallDetailsString;
  1144. document.getElementById("caretakername").innerHTML = list.hallDetails.hallInchargeName;
  1145. document.getElementById("caretakermobileNumber").innerHTML = list.hallDetails.hallInchargeMobno;
  1146. document.getElementById("bookingDate").innerHTML = list.bookingDate;
  1147. document.getElementById("depositeAmount").innerHTML = '₹ ' + parseFloat(list.depositAmount).toFixed(2);
  1148. document.getElementById("hallAmount").innerHTML = '₹ ' + parseFloat(list.hallAmount).toFixed(2);
  1149. document.getElementById("totalAmount").innerHTML = '₹ ' + parseFloat(list.amountReceived).toFixed(2);
  1150. var gstcl = (list.hallAmount * (list.hallDetails.gst / 100));
  1151. var formattedGst = gstcl.toFixed(2);
  1152. document.getElementById("gst").innerHTML = formattedGst;
  1153. document.getElementById("startDate").innerHTML = list.startDate;
  1154. document.getElementById("endDate").innerHTML = list.endDate;
  1155. document.getElementById("bookid").innerHTML = list.bookingId;
  1156. function getTimeSlot(slotValue) {
  1157. //console.log("Slot Value in getTimeSlot function:", slotValue);
  1158. var timeSlot;
  1159. var trimmedSlotValue = String(slotValue).trim(); // Convert to string and then trim
  1160. if (trimmedSlotValue === '1') {
  1161. timeSlot = 'Morning';
  1162. } else if (trimmedSlotValue === '2') {
  1163. timeSlot = 'Evening';
  1164. } else {
  1165. timeSlot = 'Unknown';
  1166. }
  1167. // console.log("Time Slot:", timeSlot);
  1168. return timeSlot;
  1169. }
  1170. document.getElementById("startingSlot").innerHTML = getTimeSlot(list.startingSlot);
  1171. document.getElementById("endingSlot").innerHTML = getTimeSlot(list.endingSlot);
  1172. document.getElementById("bookingStatus").innerHTML = list.bookingStatus;
  1173. document.getElementById("transactionId").innerHTML = list.payments.transactionId;
  1174. document.getElementById("payamountReceived").innerHTML = '₹ ' + list.payments.amountReceived;
  1175. document.getElementById("paymentStatus").innerHTML = list.payments.paymentStatus;
  1176. showReasonDocuments(list);
  1177. }
  1178. function showReasonDocuments(list) {
  1179. $.ajax({
  1180. type: "GET",
  1181. url: '/communityhall/api/officer/getReasonByName',
  1182. data: {
  1183. 'reasonName': list.reason
  1184. },
  1185. success: function (x) {
  1186. //console.log(x);
  1187. showReasonWithDocument(x, list);
  1188. }
  1189. });
  1190. }
  1191. // Display booking documents
  1192. function showReasonWithDocument(reasonData, list) {
  1193. var reasonDocumentData = reasonData.reasonDocumentMasterList;
  1194. var bookingDocumentsList = list.bookingDocumentsList;
  1195. const reasonFieldsContainer = $('#documents');
  1196. reasonFieldsContainer.empty();
  1197. // Create a responsive table container
  1198. var tableResponsiveDiv = $('<div>').addClass('table-responsive');
  1199. // Create the table with Bootstrap classes and custom styles
  1200. var table = $('<table>').addClass('table table-bordered table-striped table-vcenter js-dataTable-responsive').css({
  1201. 'width': '100%',
  1202. 'height': 'auto',
  1203. 'border': '1px solid black'
  1204. });
  1205. // Create the table header (thead)
  1206. var thead = $('<thead>').appendTo(table);
  1207. var headerRow = $('<tr>').appendTo(thead);
  1208. $('<th>').attr('colspan', '3').text('Document Details').css({
  1209. 'color': 'black',
  1210. 'font-weight': 'bold',
  1211. 'background-color': '#f2f2f2',
  1212. 'padding': '0.45rem 0.45rem'
  1213. }).appendTo(headerRow);
  1214. // Create header row for columns
  1215. var columnHeadersRow = $('<tr>').appendTo(thead);
  1216. $('<th>').text('S.No').appendTo(columnHeadersRow);
  1217. $('<th>').text('Required Info').appendTo(columnHeadersRow);
  1218. $('<th>').text('Required Documents').appendTo(columnHeadersRow);
  1219. // Create the table body (tbody)
  1220. var tbody = $('<tbody>').appendTo(table);
  1221. // Iterate through the documents list and populate rows
  1222. for (var i = 0; i < bookingDocumentsList.length; i++) {
  1223. (function (index) {
  1224. var row = $('<tr>').appendTo(tbody);
  1225. $('<td>').text(index + 1).appendTo(row);
  1226. $('<td>').text(reasonDocumentData[index].fieldName + ': ' + bookingDocumentsList[index].name).appendTo(row);
  1227. // Create a link to view document image
  1228. var viewLink = $('<a>').attr('href', 'javascript:void(0)').text(reasonDocumentData[index].docFieldName).on('click', function () {
  1229. showDocumentImage(bookingDocumentsList[index].bookingDocUrl);
  1230. });
  1231. $('<td>').append(viewLink).appendTo(row);
  1232. })(i);
  1233. }
  1234. // Append table to the responsive container
  1235. tableResponsiveDiv.append(table);
  1236. // Append table to the container in the DOM
  1237. reasonFieldsContainer.append(tableResponsiveDiv);
  1238. }
  1239. function showDocumentImage(fileURL) {
  1240. //console.log(fileURL);
  1241. openFileModal(fileURL);
  1242. }
  1243. // Event delegation for dynamically added elements
  1244. $(document).on('click', '.view-document', function () {
  1245. const fileURL = $(this).data('url');
  1246. openFileModal(fileURL);
  1247. });
  1248. function openFileModal(fileURL) {
  1249. $('#filePreview').attr('src', fileURL);
  1250. $('#fileModal').modal('show');
  1251. }
  1252. </script>
  1253. </body>
  1255. </html>