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

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