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.
19 Commits
1 Branch
0 Tags
244 MiB
Tree: ce436b2b2e
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'ce436b2b2e'
${ noResults }
communityhallv22/target/classes/templates/user/viewhistory.html

3201 lines
179 KiB
Raw Normal View History

scheduler flag
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
​
​
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
scheduler flag
1 year ago
​
​
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
​
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
scheduler flag
1 year ago
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
​
​
​
​
​
​
​
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
​
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
​
​
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
​
​
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
​
​
​
​
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
scheduler flag
1 year ago
​
​
​
​
​
​
​
​
Reschedule --> Resend OTP Issue resolved
1 year ago
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
​
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
scheduler flag
1 year ago
Reschedule --> Resend OTP Issue resolved
1 year ago
​
​
scheduler flag
1 year ago
​
​
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
  4. <head th:replace="~{fragments/head :: head}">
  5. </head>
  6. <!--datatables-->
  7. <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css">
  8. <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/2.4.1/css/buttons.dataTables.min.css">
  9. <style>
  10. .card-body table {
  11. width: 100%;
  12. padding: 100px;
  13. }
  15. .card-body th,
  16. td {
  17. padding: 8px;
  18. text-align: left;
  19. }
  21. .amount-cell {
  22. text-align: right;
  23. padding-right: 1rem;
  24. /* Adjust padding as needed */
  25. }
  27. .ui-datepicker-container {
  28. width: 100%;
  29. }
  31. .fixedcontainer {
  32. width: 250%;
  33. margin: 40px 0;
  34. display: none
  35. }
  37. .disabled {
  38. pointer-events: none;
  39. opacity: 1;
  40. }
  42. .ui-widget {
  43. width: 40%
  44. }
  46. .ui-datepicker {
  47. padding: 3px;
  48. border: 1px solid #ccc;
  49. border-radius: 5px;
  50. background-color: white;
  51. left: 29.1418px;
  52. }
  54. .ui-datepicker-header {
  55. background-color: #f0f0f0;
  56. border: none;
  57. border-radius: 5px 5px 0 0;
  58. }
  60. .ui-datepicker-title {
  61. font-size: 1.2em;
  62. margin: 0;
  63. padding: 10px;
  64. text-align: center;
  65. }
  67. .ui-datepicker-calendar {
  68. margin: 0;
  69. padding: 0;
  70. font-weight: bold;
  71. }
  73. .ui-datepicker-calendar th,
  74. .ui-datepicker-calendar td {
  75. padding: 5px;
  76. text-align: center;
  77. }
  79. .ui-datepicker-calendar .ui-state-default {
  80. cursor: pointer;
  81. width: 100%;
  82. height: 100%;
  83. display: flex;
  84. justify-content: center;
  85. align-items: center;
  86. }
  88. .ui-datepicker-week-end {
  89. color: black;
  90. font-weight: bold;
  91. }
  93. .ui-datepicker-calendar th span {
  94. color: black;
  95. font-weight: bold;
  96. }
  98. .highlight-greens .ui-state-default {
  99. background: green !important;
  100. color: #FFF !important;
  101. }
  103. .highlight-yellow .ui-state-default {
  104. background: yellow !important;
  105. color: #000 !important;
  106. }
  108. .highlight-violet .ui-state-default {
  109. background: #a93da9 !important;
  110. color: #000 !important;
  111. }
  113. .highlight-pink .ui-state-default {
  114. background: red !important;
  115. color: #000 !important;
  116. }
  118. .form-control[readonly] {
  119. background-color: white;
  120. }
  122. .modal {
  123. overflow-y: auto;
  124. }
  126. .stepper-wrapper {
  127. display: flex;
  128. justify-content: space-between;
  129. margin-bottom: 20px;
  130. position: relative;
  131. }
  133. .stepper-item {
  134. display: flex;
  135. flex-direction: column;
  136. position: relative;
  137. width: 100%;
  138. z-index: 1;
  139. }
  141. .stepper-item::before {
  142. content: '';
  143. position: absolute;
  144. top: 15px;
  145. left: 50%;
  146. height: 4px;
  147. background-color: #dcdcdc;
  148. /* Default grey line */
  149. z-index: -1;
  150. }
  152. .stepper-item:first-child::before {
  153. left: 50%;
  154. width: 0;
  155. }
  157. .stepper-item:last-child::before {
  158. content: none;
  159. }
  161. .stepper-item.completed:not(:last-child)::after {
  162. content: '';
  163. position: absolute;
  164. top: 15px;
  165. left: 50%;
  166. width: calc(100% - 30px);
  167. height: 4px;
  168. background-color: #28a745;
  169. z-index: -1;
  170. transform: translateX(-50%);
  171. }
  173. .step-counter {
  174. width: 30px;
  175. height: 30px;
  176. border-radius: 50%;
  177. background-color: #dcdcdc;
  178. display: flex;
  179. justify-content: center;
  180. align-items: center;
  181. font-weight: bold;
  182. color: white;
  183. }
  185. .step-name {
  186. margin-top: 10px;
  187. font-size: 11px;
  188. }
  190. .stepper-item.completed .step-counter {
  191. background-color: #28a745;
  192. }
  194. .stepper-item.completed .step-name {
  195. font-weight: bold;
  196. }
  198. .tracking-container {
  199. padding: 10px;
  200. background: #f9f9f9;
  201. border-radius: 8px;
  202. overflow: hidden;
  203. max-height: 500px;
  204. }
  206. .tracking-steps {
  207. list-style: none;
  208. padding: 0;
  209. margin: 0;
  210. position: relative;
  211. }
  213. .tracking-steps::before {
  214. content: '';
  215. position: absolute;
  216. top: 0;
  217. left: 8px;
  218. width: 4px;
  219. height: 100%;
  220. background: yellowgreen;
  221. z-index: 0;
  222. }
  224. .tracking-step {
  225. display: flex;
  226. align-items: flex-start;
  227. margin-bottom: 20px;
  228. position: relative;
  229. padding-left: 40px;
  230. text-align: center;
  231. border-bottom: 1px solid #ddd;
  232. transition: background-color 0.3s ease-in-out;
  233. background-color: #fff;
  234. /* White background for steps */
  235. border-radius: 5px;
  236. /* Optional rounded corners */
  237. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  238. }
  240. /* Line adjustments between steps */
  241. .tracking-step::before {
  242. width: 100%;
  243. height: 5px;
  244. background: yellowgreen;
  245. /* Line color */
  246. position: absolute;
  247. top: 10px;
  248. /* Adjust position to connect icons */
  249. left: 8px;
  250. /* Aligns with step icons */
  251. margin: 0;
  252. }
  254. .tracking-step:first-child::before {
  255. background: none;
  256. /* No line before the first step */
  257. }
  259. /* Step icon styling */
  260. .step-icon {
  261. flex-shrink: 0;
  262. font-size: 1.5em;
  263. margin-right: 15px;
  264. position: absolute;
  265. left: 0;
  266. top: 0;
  267. width: 20px;
  268. height: 20px;
  269. border-radius: 50%;
  270. display: flex;
  271. justify-content: center;
  272. align-items: center;
  273. background: #ccc;
  274. /* Default icon background */
  275. border: 4px solid #ccc;
  276. /* Default border */
  277. color: #eee;
  278. font-size: 14px;
  279. line-height: 20px;
  280. z-index: 1;
  281. font-family: "Ionicons";
  282. /* Icon font */
  283. }
  285. /* Completed step icon and line color */
  286. .tracking-step.completed .step-icon {
  287. background: #56B500;
  288. /* Green for completed */
  289. border-color: #56B500;
  290. color: #fff;
  291. }
  293. .tracking-step.completed::before {
  294. background: #56B500;
  295. /* Green line for completed steps */
  296. }
  298. .tracking-step.completed {
  299. background-color: #e6ffe6;
  300. }
  302. /* Waiting step icon and line color */
  303. .tracking-step.waiting .step-icon {
  304. background: #ffeb3b;
  305. /* Yellow for waiting */
  306. border-color: #ffeb3b;
  307. }
  309. .tracking-step.waiting {
  310. background-color: #fff3cd;
  311. }
  313. /* Initiated step icon and line color */
  314. .tracking-step.initiated .step-icon {
  315. background: #03a9f4;
  316. /* Blue for initiated */
  317. border-color: #03a9f4;
  318. }
  320. .tracking-step.initiated {
  321. background-color: #cce5ff;
  322. }
  324. /* Pending step icon and line color */
  325. .tracking-step.pending .step-icon {
  326. background: #9e9e9e;
  327. /* Grey for pending */
  328. border-color: #9e9e9e;
  329. }
  331. /* Cancelled step icon and line color */
  332. .tracking-step.cancelled .step-icon {
  333. background: #dc3545 !important;
  334. /* Red for cancelled */
  335. border-color: #dc3545 !important;
  336. color: #fff !important;
  337. }
  339. .tracking-step.cancelled::before {
  340. background: #dc3545 !important;
  341. /* Red line for cancelled steps */
  342. }
  344. .tracking-step.cancelled {
  345. background-color: #fdecea;
  346. /* Light red background for cancelled steps */
  347. }
  349. /* Rejected step icon and line color */
  350. .tracking-step.rejected .step-icon {
  351. background: #ff0000;
  352. /* Dark red for rejected */
  353. border-color: #ff0000;
  354. color: #fff;
  355. }
  357. .tracking-step.rejected {
  358. background-color: #ffe6e6;
  359. }
  361. .tracking-step.rejected::before {
  362. background: #ff0000;
  363. /* Dark red line for rejected steps */
  364. }
  366. /* GCC Blocked step icon and line color */
  367. .tracking-step.gcc-blocked .step-icon {
  368. background: #ff6600;
  369. /* Orange for GCC blocked */
  370. border-color: #ff6600;
  371. color: #fff;
  372. }
  374. .tracking-step.gcc-blocked {
  375. background-color: #ffe0cc;
  376. }
  378. .tracking-step.gcc-blocked::before {
  379. background: #ff6600;
  380. /* Orange line for GCC blocked steps */
  381. }
  383. /* Step content styling */
  384. .step-content {
  385. padding: 2px 15px;
  386. background: #fff;
  387. border: 1px solid #ddd;
  388. border-radius: 5px;
  389. width: 100%;
  390. flex-grow: 1;
  391. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  392. }
  394. .step-content h5 {
  395. margin: 0 0 5px;
  396. font-size: 16px;
  397. font-weight: bold;
  398. }
  400. .step-date {
  401. color: #666;
  402. font-size: 14px;
  403. }
  405. /* Icon color customization */
  406. .fas,
  407. .fa-solid {
  408. font-weight: 900;
  409. color: white;
  410. }
  412. #transactionmodel {
  413. max-width: 90%;
  414. /* Make modal wider */
  415. }
  417. .table-responsive {
  418. max-height: 400px;
  419. /* Adjust the table's maximum height */
  420. overflow-y: auto;
  421. /* Enable vertical scrolling if needed */
  422. }
  424. body {
  425. font-family: Arial, sans-serif;
  426. }
  428. .chat-icon {
  429. position: fixed;
  430. bottom: 20px;
  431. right: 20px;
  432. width: 60px;
  433. height: 60px;
  434. background-color: #007bff;
  435. border-radius: 50%;
  436. cursor: pointer;
  437. display: flex;
  438. align-items: center;
  439. justify-content: center;
  440. }
  442. .chat-icon img {
  443. width: 30px;
  444. height: 30px;
  445. }
  447. .chat-notification {
  448. position: absolute;
  449. top: -10px;
  450. right: -10px;
  451. background-color: red;
  452. color: white;
  453. border-radius: 50%;
  454. padding: 5px;
  455. font-size: 12px;
  456. }
  458. .chat-box {
  459. position: fixed;
  460. bottom: 90px;
  461. right: 20px;
  462. width: 300px;
  463. height: 400px;
  464. background-color: white;
  465. border: 1px solid #ccc;
  466. display: none;
  467. flex-direction: column;
  468. box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  469. }
  471. .chat-header {
  472. background-color: #007bff;
  473. color: white;
  474. padding: 10px;
  475. display: flex;
  476. justify-content: space-between;
  477. align-items: center;
  478. }
  480. .chat-body {
  481. flex-grow: 1;
  482. padding: 10px;
  483. overflow-y: scroll;
  484. border-top: 1px solid #ccc;
  485. border-bottom: 1px solid #ccc;
  486. }
  488. .chat-footer {
  489. display: flex;
  490. padding: 10px;
  491. }
  493. .chat-footer input {
  494. flex-grow: 1;
  495. padding: 5px;
  496. margin-right: 10px;
  497. }
  499. .chat-footer button {
  500. background-color: #007bff;
  501. color: white;
  502. border: none;
  503. padding: 5px 10px;
  504. cursor: pointer;
  505. }
  507. .otp-input-box {
  508. display: flex;
  509. justify-content: center;
  510. gap: 10px;
  511. margin: 20px 0;
  512. }
  514. .otp-input-box .otp-input {
  515. width: 40px;
  516. height: 40px;
  517. text-align: center;
  518. font-size: 16px;
  519. border: 1px solid #ccc;
  520. border-radius: 5px;
  521. }
  522. </style>
  524. <body>
  525. <!-- Pre-loader start -->
  526. <div class="theme-loader">
  527. <div class="ball-scale">
  528. <div class='contain'>
  529. <div class="ring">
  530. <div class="frame"></div>
  531. </div>
  532. <div class="ring">
  533. <div class="frame"></div>
  534. </div>
  535. <div class="ring">
  536. <div class="frame"></div>
  537. </div>
  538. <div class="ring">
  539. <div class="frame"></div>
  540. </div>
  541. <div class="ring">
  542. <div class="frame"></div>
  543. </div>
  544. <div class="ring">
  545. <div class="frame"></div>
  546. </div>
  547. <div class="ring">
  548. <div class="frame"></div>
  549. </div>
  550. <div class="ring">
  551. <div class="frame"></div>
  552. </div>
  553. <div class="ring">
  554. <div class="frame"></div>
  555. </div>
  556. <div class="ring">
  557. <div class="frame"></div>
  558. </div>
  559. </div>
  560. </div>
  561. </div>
  562. <!-- Pre-loader end -->
  564. <div id="pcoded" class="pcoded">
  565. <div class="pcoded-container">
  566. <!-- Menu header start -->
  567. <nav th:replace="~{fragments/nav-user :: nav}"></nav>
  569. <!-- Menu header end -->
  570. <div class="pcoded-main-container">
  571. <nav th:replace="~{fragments/nav-usermenu :: nav}"></nav>
  572. <div class="pcoded-wrapper">
  573. <div class="pcoded-content">
  574. <div class="pcoded-inner-content">
  576. <!-- Main-body start -->
  577. <div class="main-body" style="background-color: white">
  578. <div class="page-wrapper" style="padding: 0;">
  579. <!-- Page-header start -->
  580. <div class="page-header m-t-50">
  582. </div>
  583. <div id="futureEventsContainer" class="page-body" style="display: none;"></div>
  584. <div class="card">
  585. <div class="card-header">
  586. <h5>Hall Booking Details</h5>
  587. <button type="button" class="btn btn-primary btn-square-md"
  588. th:if="${userBookingspast.size() > 0}"
  589. th:onclick="'transactionHistory(' + ${userBookingspast[0].users_user_id} + ')'">
  590. Transaction History
  591. </button>
  592. </div>
  594. <div class="card-block">
  595. <div class="table-responsive">
  596. <table
  597. class="table table-bordered table-striped table-vcenter js-dataTable-responsive"
  598. id="detailstable" style="width: 100%">
  599. <thead class="thead-light">
  600. <tr>
  601. <th class="text-center no-sort" width="10%">S.No</th>
  602. <th>Booking Id</th>
  603. <th>Booking date</th>
  604. <th>Hall Name</th>
  605. <th>Starting Date</th>
  606. <th>Ending Date</th>
  607. <th>Starting Period</th>
  608. <th>Ending Period</th>
  609. <th>Reason for booking</th>
  610. <th>Booking Status</th>
  611. <th>Payment Status</th>
  612. <th>Event Status</th>
  613. <th class="text-center no-sort" width="10%">Action</th>
  614. <th>View</th>
  615. </tr>
  616. </thead>
  617. <tbody>
  618. <tr th:each="booking, i : ${userBookingspast}"
  619. class="${userBookingspast}">
  620. <td th:text="${i.count}"></td>
  621. <td th:text="${booking.booking_id}"></td>
  622. <td th:text="${booking.booking_date}"></td>
  623. <td th:text="${booking.hall_name}"></td>
  624. <td th:text="${booking.start_date}"></td>
  625. <td th:text="${booking.end_date}"></td>
  626. <td
  627. th:text="${booking.starting_slot == 1 ? 'morning' : (booking.starting_slot == 2 ? 'evening' : '')}">
  628. </td>
  629. <td
  630. th:text="${booking.ending_slot == 1 ? 'morning' : (booking.ending_slot == 2 ? 'evening' : '')}">
  631. </td>
  632. <td th:text="${booking.reason}"></td>
  633. <td
  634. th:text="${#strings.replace(booking.booking_status, '_', ' ')}">
  635. </td>
  636. <td
  637. th:text="${booking.payment_status != null ? booking.payment_status : 'NA'}">
  638. </td>
  639. <td>
  640. <span th:if="${booking.booking_status == 'APPROVED'}">
  641. <span th:switch="${booking.event_category}">
  642. <span th:case="'Current'">Current Event</span>
  643. <span th:case="'Past'">Completed Event</span>
  644. <span th:case="'Future'">Upcoming Event</span>
  645. <span th:case="'Reschedule'">Upcoming
  646. Event</span>
  647. <span th:case="'noaction'">Govt Event</span>
  648. </span>
  649. </span>
  650. <span th:if="${booking.booking_status == 'COMPLETED'}">
  651. <span>Refund Completed Event</span>
  652. </span>
  653. <span th:if="${booking.booking_status == 'CANCELED'}">
  654. <span>User Canceled Event</span>
  655. </span>
  656. <span th:if="${booking.booking_status == 'REJECTED'}">
  657. <span>GCC Rejected Event</span>
  658. </span>
  659. <span
  660. th:if="${booking.booking_status == 'GCC_BLOCKED'}">
  661. <span>GCC Blocked Event</span>
  662. </span>
  663. <span
  664. th:if="${booking.booking_status == 'WAITING_FOR_NOC'}">
  665. <span>Waiting For NOC Document</span>
  666. </span>
  667. <span
  668. th:if="${booking.booking_status == 'WAITING_FOR_NOC_APPROVAL'}">
  669. <span>Waiting For Admin Approval</span>
  670. </span>
  671. </td>
  672. <td th:switch="${booking.event_category}">
  674. <p th:case="'Future'">
  675. <a class="view-button"
  676. th:if="${booking.booking_status == 'APPROVED'}">
  677. <span class="badge bg-danger"
  678. style="cursor: pointer;"
  679. th:onclick="cancelBooking([[${booking.booking_id}]], [[${booking.mobile_no}]], [[${booking.booking_type}]])">Cancel
  680. Booking</span>
  681. </a>
  682. </p>
  683. <p th:case="'waitingfornoc'">
  684. <a class="view-button"
  685. th:if="${booking.booking_status == 'WAITING_FOR_NOC'}">
  686. <span class="badge bg-danger"
  687. style="cursor: pointer;"
  688. data-bs-toggle="modal"
  689. data-bs-target="#uploadNocModal"
  690. th:attr="data-booking-id=${booking.booking_id}">Upload
  691. NOC</span>
  692. </a>
  694. <a class="view-button"
  695. th:if="${booking.booking_status == 'WAITING_FOR_NOC'}">
  696. <span class="badge bg-danger"
  697. style="cursor: pointer;"
  698. th:onclick="cancelBooking([[${booking.booking_id}]], [[${booking.mobile_no}]], [[${booking.booking_type}]])">Cancel
  699. Booking</span>
  700. </a>
  702. <!--<a class="reschedule-button"
  703. th:if="${booking.booking_status == 'WAITING_FOR_NOC' and booking.schedule_count < 1}">
  704. &lt;!&ndash;th:if="${booking.booking_status == 'WAITING_FOR_NOC'}">&ndash;&gt;
  705. <span class="badge bg-danger"
  706. style="cursor: pointer;"
  707. th:onclick="openRescheduleModal([[${booking.booking_id}]], [[${booking.start_date}]], [[${booking.end_date}]],[[${booking.no_of_days}]],
  708. [[${booking.hall_details_hall_id}]],[[${booking.starting_slot}]],[[${booking.ending_slot}]],[[${booking.reason}]])">Reschedule
  709. Booking</span>
  710. </a>-->
  711. </p>
  713. <p th:case="'waitingfornocapproval'">
  714. <a class="view-button"
  715. th:if="${booking.booking_status == 'WAITING_FOR_NOC_APPROVAL'}">
  716. <span class="badge bg-danger"
  717. style="cursor: pointer;"
  718. th:onclick="cancelBooking([[${booking.booking_id}]], [[${booking.mobile_no}]], [[${booking.booking_type}]])">Cancel
  719. Booking</span>
  720. </a>
  721. </p>
  722. <!--<p th:case="'noaction'">
  723. <a class="view-button">
  724. <span>&#45;&#45;No Action&#45;&#45;</span>
  725. </a>
  726. </p>-->
  728. <p th:case="'noaction'">
  729. <a class="view-button">
  730. <a class="view-button"
  731. th:if="${booking.booking_status == 'APPROVED'}">
  732. <span class="badge bg-danger"
  733. style="cursor: pointer;"
  734. th:onclick="cancelBooking([[${booking.booking_id}]], [[${booking.mobile_no}]], [[${booking.booking_type}]])">Cancel
  735. Booking</span>
  736. </a>
  737. </a>
  738. </p>
  739. <p th:case="'noaction'">
  740. <a class="view-button">
  741. <span>--No Action--</span>
  742. </a>
  743. </p>
  744. <p th:case="'Reschedule'">
  745. <a class="view-button"
  746. th:if="${booking.booking_status == 'APPROVED'}">
  747. <span class="badge bg-danger"
  748. style="cursor: pointer;"
  749. th:onclick="cancelBooking([[${booking.booking_id}]], [[${booking.mobile_no}]], [[${booking.booking_type}]])">Cancel
  750. Booking</span>
  751. </a>
  752. <a class="reschedule-button"
  753. th:if="${booking.booking_status == 'APPROVED'}">
  754. <span class="badge bg-danger"
  755. style="cursor: pointer;"
  756. th:onclick="openRescheduleModal([[${booking.booking_id}]], [[${booking.start_date}]], [[${booking.end_date}]],[[${booking.no_of_days}]],
  757. [[${booking.hall_details_hall_id}]],[[${booking.starting_slot}]],[[${booking.ending_slot}]],[[${booking.reason}]])">Reschedule
  758. Booking</span>
  759. </a>
  760. <a class="reschedule-button"
  761. th:if="${booking.booking_status == 'WAITING_FOR_NOC'}">
  762. <span class="badge bg-danger"
  763. style="cursor: pointer;"
  764. th:onclick="openRescheduleModal([[${booking.booking_id}]], [[${booking.start_date}]], [[${booking.end_date}]],[[${booking.no_of_days}]],
  765. [[${booking.hall_details_hall_id}]],[[${booking.starting_slot}]],[[${booking.ending_slot}]],[[${booking.reason}]])">Reschedule
  766. Booking</span>
  767. </a>
  769. </p>
  771. </td>
  772. <td>
  773. <a class="view-button">
  774. <span class="badge bg-primary"
  775. style="cursor: pointer;"
  776. th:onclick="showBookingDetails([[${booking.booking_id}]])">View</span>
  777. </a>
  778. <!--<a class="view-button">
  779. <span class="badge bg-primary"
  780. style="cursor: pointer;"
  781. th:onclick="trackBooking([[${booking.booking_id}]])">Track</span>
  782. </a>-->
  783. </td>
  784. </tr>
  785. </tbody>
  786. </table>
  787. </div>
  788. </div>
  790. </div>
  792. <input type="hidden" id="serverDate" th:value=${serverDate}>
  793. <div class="modal fade backdrop" id="showBookingDetails" data-backdrop="static"
  794. tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel"
  795. aria-hidden="true">
  796. <div class="modal-dialog modal-lg" role="document">
  797. <div class="modal-content" id="printableContent">
  799. <form id="regform" onsubmit="return rejectsubmit();">
  800. <div
  801. class="block block-rounded block-themed block-transparent mb-0">
  803. <div class="block-header bg-primary-dark">
  804. <h3 class="block-title" id="2mtitle">Booking
  805. Information</h3>
  806. <div class="block-options">
  807. <button type="button" class="btn-block-option"
  808. data-bs-dismiss="modal" aria-label="Close">
  809. <i class="fa fa-fw fa-times"></i>
  810. </button>
  811. </div>
  812. </div>
  814. <div class="block-content row"
  815. style="margin-right:0px;margin:0;padding:0;">
  816. <div class="col-md-12 col-lg-12 col-sm-12">
  817. <div class="card-body">
  818. <table>
  819. <tr>
  820. <th colspan="10"
  821. style="background-color: lightgrey;">
  822. User Details
  823. </th>
  824. </tr>
  825. <tr>
  826. <th
  827. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  828. User Name:
  829. </th>
  830. <td class="fw-semibold"
  831. style="padding: 0.45rem 0.45rem;"
  832. id="td_userName"></td>
  833. <th
  834. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  835. Mobile Number:
  836. </th>
  837. <td class="fw-semibold"
  838. style="padding: 0.45rem 0.45rem;"
  839. id="td_mobileNumber"></td>
  841. <th
  842. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  843. User Type:
  844. </th>
  845. <td class="fw-semibold"
  846. style="padding: 0.45rem 0.45rem;"
  847. id="td_usertype"></td>
  849. </tr>
  850. <tr>
  851. <th
  852. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  853. User Address:
  854. </th>
  855. <td colspan="5" class="fw-semibold"
  856. style="padding: 0.45rem 0.45rem;text-wrap: pretty;"
  857. id="td_useraddress"></td>
  859. </tr>
  860. <input type="hidden"
  861. class="form-control text-center"
  862. name="bookingid" id="bookingid" disabled />
  863. <tr>
  864. <th colspan="10"
  865. style="background-color: lightgrey;">
  866. Hall Details
  867. </th>
  868. </tr>
  870. <tr>
  871. <th
  872. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  873. Hall Name:
  874. </th>
  875. <td colspan="10" class="fw-semibold"
  876. style="padding: 0.45rem 0.45rem;text-wrap:pretty;"
  877. id="td_hallName"></td>
  879. </tr>
  880. <th
  881. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  882. Hall Address:
  883. </th>
  884. <td colspan="10" class="fw-semibold"
  885. style="padding: 0.45rem 0.45rem;text-wrap: pretty;"
  886. id="td_halladdress"></td>
  888. </tr>
  889. <tr>
  890. <th
  891. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  892. Caretaker Name:
  893. </th>
  894. <td colspan="2" class="fw-semibold"
  895. style="padding: 0.45rem 0.45rem;"
  896. id="td_caretakername"></td>
  897. <th
  898. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  899. Caretaker Mobile Number:
  900. </th>
  901. <td colspan="2" class="fw-semibold"
  902. style="padding: 0.45rem 0.45rem;"
  903. id="td_caretakermobileNumber"></td>
  905. </tr>
  906. <tr>
  907. <th colspan="10"
  908. style="background-color: lightgrey;">
  909. Booking
  910. Details (Booking Id:-<span
  911. id="booking_id"
  912. style="color:blue"></span>)
  913. </th>
  914. </tr>
  915. <tr>
  916. <th
  917. style="padding: 0.45rem 0.45rem;font-weight: normal">
  918. Booking Date:
  919. </th>
  920. <td colspan="2" class="fw-semibold"
  921. style="padding: 0.45rem 0.45rem;"
  922. id="td_bookingDate"></td>
  923. <th
  924. style="padding: 0.45rem 0.45rem;font-weight: normal">
  925. Deposit Amount (in Rs):
  926. </th>
  927. <td colspan="2"
  928. class="fw-semibold amount-cell"
  929. style="padding: 0.45rem 0.45rem;"
  930. id="td_depositeAmount"></td>
  931. </tr>
  932. <tr>
  933. <th
  934. style="padding: 0.45rem 0.45rem;font-weight: normal">
  935. Start Date:
  936. </th>
  937. <td colspan="2" class="fw-semibold"
  938. style="padding: 0.45rem 0.45rem;"
  939. id="td_startDate"></td>
  940. <th
  941. style="padding: 0.45rem 0.45rem;font-weight: normal">
  942. Hall Amount (in Rs):
  943. </th>
  944. <td colspan="2"
  945. class="fw-semibold amount-cell"
  946. style="padding: 0.45rem 0.45rem;"
  947. id="td_hallAmount"></td>
  948. </tr>
  949. <tr>
  950. <th
  951. style="padding: 0.45rem 0.45rem;font-weight: normal">
  952. END Date:
  953. </th>
  954. <td colspan="2" class="fw-semibold"
  955. style="padding: 0.45rem 0.45rem;"
  956. id="td_endDate"></td>
  957. <th
  958. style="padding: 0.45rem 0.45rem;font-weight: normal">
  959. GST @18% (in Rs):
  960. </th>
  961. <td colspan="2"
  962. class="fw-semibold amount-cell"
  963. style="padding: 0.45rem 0.45rem;"
  964. id="td_gst"></td>
  965. </tr>
  966. <tr>
  967. <th
  968. style="padding: 0.45rem 0.45rem;font-weight: normal">
  969. Starting Slot:
  970. </th>
  971. <td colspan="2" class="fw-semibold"
  972. style="padding: 0.45rem 0.45rem;"
  973. id="td_startingSlot"></td>
  974. <th
  975. style="padding: 0.45rem 0.45rem;font-weight: normal">
  976. Total Amount (in Rs):
  977. </th>
  978. <td colspan="2"
  979. class="fw-semibold amount-cell"
  980. style="padding: 0.45rem 0.45rem;"
  981. id="td_totalAmount"></td>
  982. </tr>
  983. <tr>
  984. <th
  985. style="padding: 0.45rem 0.45rem;font-weight: normal">
  986. Ending Slot:
  987. </th>
  988. <td colspan="2" class="fw-semibold"
  989. style="padding: 0.45rem 0.45rem;"
  990. id="td_endingSlot"></td>
  991. <!--<th style="display:none;padding: 0.45rem 0.45rem;border:none"
  992. id="rejectionreasondiv">Rejection
  993. Reason:</th>
  994. <td class="fw-semibold"
  995. style="padding: 0.45rem 0.45rem;"
  996. id="reasonforrejection"></td>-->
  998. <th
  999. style="padding: 0.45rem 0.45rem;border:none">
  1000. Booking Status:
  1001. </th>
  1002. <td colspan="2" class="fw-semibold"
  1003. style="padding: 0.45rem 0.45rem;text-wrap: pretty;"
  1004. id="bookingstatus_td"></td>
  1005. </tr>
  1006. <tr>
  1007. <th style="display:none;padding: 0.45rem 0.45rem;border:none"
  1008. id="rejectionreasondiv">Rejection
  1009. Reason:
  1010. </th>
  1011. <td class="fw-semibold"
  1012. style="padding: 0.45rem 0.45rem;text-wrap: pretty;"
  1013. id="reasonforrejection"></td>
  1014. </tr>
  1015. </table>
  1016. </div>
  1017. </div>
  1018. <div class="row col-md-12 col-lg-12 col-sm-12"
  1019. style="margin-left:6px;margin-top:-21px">
  1020. <div class="documents" id="documents"></div>
  1021. </div>
  1022. <div class="col-md-12 col-lg-12 col-sm-12 mb-2"
  1023. id="paymentsdetails"
  1024. style="display:none; margin-top: -26px;">
  1025. <div class="card-body">
  1026. <table>
  1027. <tr>
  1028. <th colspan="10"
  1029. style="background-color: lightgrey;">
  1030. Booking Payment Details
  1031. </th>
  1032. </tr>
  1033. <tr>
  1034. <th
  1035. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  1036. Transaction ID:
  1037. </th>
  1038. <td colspan="10" class="fw-semibold"
  1039. style="padding: 0.45rem 0.45rem;"
  1040. id="td_transactionId"></td>
  1042. </tr>
  1043. <th
  1044. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  1045. Amount Received (in Rs):
  1046. </th>
  1047. <td colspan="10" class="fw-semibold"
  1048. style="padding: 0.45rem 0.45rem;"
  1049. id="td_payamountReceived"></td>
  1051. </tr>
  1052. <tr>
  1053. <th
  1054. style="padding: 0.45rem 0.45rem;font-weight: normal;">
  1055. Transaction Status:
  1056. </th>
  1057. <td class="fw-semibold"
  1058. style="padding: 0.45rem 0.45rem;"
  1059. id="td_paymentStatus"></td>
  1060. </tr>
  1061. </table>
  1062. </div>
  1063. </div>
  1064. <div class="row col-md-12 col-lg-12 col-sm-12"
  1065. id="ebdetails"
  1066. style="display:none;margin-left: 0px;margin-top: -49px">
  1067. <div class="card-body">
  1068. <table>
  1069. <tr>
  1070. <th colspan="4"
  1071. style="background-color: lightgrey;">EB
  1072. Details
  1073. </th>
  1074. </tr>
  1075. <tr>
  1076. <th
  1077. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1078. Consumer Number:
  1079. </th>
  1080. <td class="fw-semibold"
  1081. style="padding: 0.45rem 0.45rem;"
  1082. id="td_EBNumber"></td>
  1083. <th
  1084. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1085. EB Amount Per Unit (in Rs):
  1086. </th>
  1087. <td class="fw-semibold"
  1088. style="padding: 0.45rem 0.45rem;"
  1089. id="td_ebamountperunit"></td>
  1090. </tr>
  1091. <tr>
  1092. <th
  1093. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1094. Start Reading:
  1095. </th>
  1096. <td class="fw-semibold"
  1097. style="padding: 0.45rem 0.45rem;"
  1098. id="td_startingReading"></td>
  1099. <th
  1100. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1101. Unit Consumed:
  1102. </th>
  1103. <td class="fw-semibold"
  1104. style="padding: 0.45rem 0.45rem;"
  1105. id="td_usedunit"></td>
  1106. </tr>
  1107. <tr>
  1108. <th
  1109. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1110. END Reading:
  1111. </th>
  1112. <td class="fw-semibold"
  1113. style="padding: 0.45rem 0.45rem;"
  1114. id="td_endingReading"></td>
  1115. <th
  1116. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1117. EB Amount (in Rs):
  1118. </th>
  1119. <td class="fw-semibold"
  1120. style="padding: 0.45rem 0.45rem;"
  1121. id="td_electricityamount"></td>
  1122. </tr>
  1123. </tbody>
  1124. </table>
  1125. </div>
  1126. </div>
  1127. <div class="row col-md-12 col-lg-12 col-sm-12"
  1128. id="damagelist" style="disaply:none">
  1129. <div id="damageDetails"></div>
  1130. </div>
  1132. <div class="col-md-12 col-lg-12 col-sm-12"
  1133. id="refunddetails" style="margin-top:-41px">
  1134. <div class="card-body">
  1135. <table>
  1136. <tr>
  1137. <th colspan="2"
  1138. style="background-color: lightgrey;">
  1139. Amount to be Refunded (in Rs)
  1140. </th>
  1141. </tr>
  1142. <tr>
  1143. <th
  1144. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1145. Deposit Amount:
  1146. </th>
  1147. <td class="fw-semibold amount-cell"
  1148. style="padding: 0.45rem 0.45rem;"
  1149. id="td_depositeamountforrefund">0
  1150. </td>
  1151. </tr>
  1152. <tr>
  1153. <th
  1154. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1155. EB Amount:
  1156. </th>
  1157. <td class="fw-semibold amount-cell"
  1158. style="padding: 0.45rem 0.45rem;"
  1159. id="td_ebAmount"></td>
  1160. </tr>
  1161. <tr>
  1162. <th
  1163. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1164. Damage Amount:
  1165. </th>
  1166. <td class="fw-semibold amount-cell"
  1167. style="padding: 0.45rem 0.45rem;"
  1168. id="td_damage"></td>
  1169. </tr>
  1170. <tr id="pendingcolumn">
  1171. <th id="th_settel_label"
  1172. style="padding: 0.45rem 0.45rem; background-color: #f2f2f2;font-weight: normal">
  1173. Collection Pending Amount:
  1174. </th>
  1175. <td class="fw-semibold amount-cell"
  1176. style="padding: 0.45rem 0.45rem; color: green;"
  1177. id="td_pending_amt">0
  1178. </td>
  1179. </tr>
  1180. <tr id="collectionstatuscolumn">
  1181. <th id="label"
  1182. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1183. Collection Pending Status
  1184. :
  1185. </th>
  1186. <td class="fw-semibold amount-cell"
  1187. style="padding: 0.45rem 0.45rem; color: green;"
  1188. id="td_collection_status">
  1189. </td>
  1190. </tr>
  1191. <tr>
  1192. <th
  1193. style="padding: 0.45rem 0.45rem; background-color: #f2f2f2;font-weight: normal">
  1194. Actual refundable Amount:
  1195. </th>
  1196. <td class="fw-semibold amount-cell"
  1197. style="padding: 0.45rem 0.45rem; color: green;"
  1198. id="td_settel_amt">0
  1199. </td>
  1200. </tr>
  1201. </table>
  1202. </div>
  1203. </div>
  1204. <div class="row col-md-12 col-lg-12 col-sm-12"
  1205. id="refundamountDetails"
  1206. style="display:none;margin-left: 0px;margin-top: -49px">
  1207. <div class="card-body">
  1208. <table>
  1209. <tr>
  1210. <th colspan="4"
  1211. style="background-color: lightgrey;">
  1212. Refund Details
  1213. </th>
  1214. </tr>
  1215. <tr>
  1216. <th
  1217. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1218. Booking Status:
  1219. </th>
  1220. <td class="fw-semibold"
  1221. style="padding: 0.45rem 0.45rem;"
  1222. id="td_bookingStatus"></td>
  1223. <th
  1224. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1225. Refund Status:
  1226. </th>
  1227. <td class="fw-semibold"
  1228. style="padding: 0.45rem 0.45rem;"
  1229. id="td_refundStatus"></td>
  1230. </tr>
  1231. <tr>
  1232. <th
  1233. style="padding: 0.45rem 0.45rem;font-weight: normal;text-wrap: pretty;">
  1234. Refund amount:
  1235. </th>
  1236. <td class="fw-semibold" colspan="5"
  1237. style="padding: 0.45rem 0.45rem;"
  1238. id="td_refundamount"></td>
  1239. </tr>
  1240. </tbody>
  1241. </table>
  1242. </div>
  1243. </div>
  1244. <div id="refundMessage" style="display: none;">
  1245. <h1 id="refundText"
  1246. style="font-size: 17px;margin-left: 20px;color: darkgreen;">
  1247. </h1>
  1248. </div>
  1249. <div id="rejectrefundMessage" style="display: none;">
  1250. <h1 id="rejectrefundText"
  1251. style="font-size: 17px;margin-left: 20px;color: darkgreen;">
  1252. </h1>
  1253. </div>
  1254. <div id="blockedrefundMessage" style="display: none;">
  1255. <h1 id="blockedrefundText"
  1256. style="font-size: 17px;margin-left: 20px;color: darkgreen;">
  1257. </h1>
  1258. </div>
  1259. <!--Newly added for Reschedule Details-->
  1260. <!--<div class="row col-md-12 col-lg-12 col-sm-12"
  1261. id="rescheduleDetails"
  1262. style="display:none;margin-left: 0px;margin-top: -49px">
  1263. <div class="card-body">
  1264. <table>
  1265. <tr>
  1266. <th colspan="4"
  1267. style="background-color: lightgrey;">
  1268. Reschedule Details
  1269. </th>
  1270. </tr>
  1271. <tr>
  1272. <th
  1273. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1274. Event Start Date:
  1275. </th>
  1276. <td class="fw-semibold"
  1277. style="padding: 0.45rem 0.45rem;"
  1278. id="td_res_start_date"></td>
  1279. <th
  1280. style="padding: 0.45rem 0.45rem;font-weight: normal">
  1281. Event End Date:
  1282. </th>
  1283. <td class="fw-semibold"
  1284. style="padding: 0.45rem 0.45rem;"
  1285. id="td_res_end_date"></td>
  1286. </tr>
  1287. <tr>
  1288. <th
  1289. style="padding: 0.45rem 0.45rem;font-weight: normal;text-wrap: pretty;">
  1290. Rescheduled Date:</th>
  1291. <td class="fw-semibold" colspan="5"
  1292. style="padding: 0.45rem 0.45rem;"
  1293. id="td_res_date"></td>
  1294. </tr>
  1295. </tbody>
  1296. </table>
  1297. </div>
  1298. </div>-->
  1299. </div>
  1301. </div>
  1302. <div class="block-content block-content-full text-end bg-body"
  1303. id="mbutton">
  1304. <button class="btn btn-success"
  1305. onclick="downloadAcknowledgment(event)"
  1306. style="background: #FB6340;">View
  1307. Acknowledgement
  1308. </button>
  1309. <button type="button"
  1310. style="background-color: rgb(21,69,93);color: white;"
  1311. class="btn btn-sm btn-alt-secondary"
  1312. data-bs-dismiss="modal">Close
  1313. </button>
  1314. </div>
  1315. </form>
  1316. </div>
  1317. </div>
  1318. </div>
  1319. </div>
  1320. <br>
  1321. </div>
  1322. </div>
  1323. <div class="modal fade" id="fileModal" tabindex="-1" role="dialog"
  1324. aria-labelledby="fileModalLabel" aria-hidden="true">
  1325. <div class="modal-dialog modal-lg" role="document">
  1326. <div class="modal-content">
  1327. <div class="modal-header">
  1328. <h5 class="modal-title" id="fileModalLabel">File Preview</h5>
  1329. <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"
  1330. style="border: 1px solid black; padding: 5px;
  1331. display: inline-flex; align-items: center; justify-content: center;
  1332. background-color: transparent; color: black; font-size: 20px;">
  1333. <span aria-hidden="true">&times;</span>
  1334. </button>
  1335. </div>
  1336. <div class="modal-body">
  1337. <embed id="filePreview" src="" width="100%" height="600px">
  1338. </div>
  1339. <div class="modal-footer">
  1340. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close
  1341. </button>
  1342. </div>
  1343. </div>
  1344. </div>
  1345. </div>
  1346. </div>
  1347. <div class="modal fade" id="bookingRescheduleModal" tabindex="-1"
  1348. aria-labelledby="bookingModalLabel" aria-hidden="true">
  1349. <div class="modal-dialog modal-dialog-centered modal-lg">
  1350. <div class="modal-content">
  1351. <!-- Modal Header -->
  1352. <div class="modal-header" style="color:black">
  1353. <h5 class="modal-title" id="bookingModalLabel" style="color:black">Booking
  1354. Reschedule</h5>
  1355. <br>
  1356. <br>
  1357. <div style="margin-bottom: -59px; margin-left: -185px;">
  1358. <!-- Adding margin-top for separation -->
  1359. <p style="font-size: 14px; color: #6c757d;">Note: Only the Start Date can be
  1360. changed.</p>
  1361. </div>
  1362. <button type="button" class="btn-close" data-bs-dismiss="modal"
  1363. aria-label="Close"></button>
  1364. </div>
  1366. <!-- Modal Body -->
  1367. <div class="modal-body">
  1368. <div class="container-fluid">
  1369. <div class="row">
  1370. <!-- Datepicker and Availability Buttons Column -->
  1371. <div id="datepicker-container" class="fixedcontainer"></div>
  1373. <!-- Start Date, End Date, Number of Days Inputs Column -->
  1374. <div class="col">
  1375. <input type="hidden" class="form-control" id="bookingId"
  1376. name="bookingId" required>
  1377. <label for="startDateInput" class="form-label">Start Date:</label>
  1378. <input type="text" class="form-control" id="startDateInput"
  1379. name="startDateInput" required readonly>
  1380. <input type="hidden" class="form-control" id="startDatetext"
  1381. name="startDatetext" required>
  1382. </div>
  1383. <div class="col">
  1384. <label for="endDateInput" class="form-label">End Date:</label>
  1385. <input type="date" class="form-control" id="endDateInput"
  1386. name="endDateInput" readonly>
  1387. </div>
  1388. <div class="col">
  1389. <label for="noOfDaysInput" class="form-label">Number of Days:</label>
  1390. <input type="number" class="form-control" id="noOfDaysInput"
  1391. name="noOfDaysInput" readonly>
  1392. </div>
  1393. </div>
  1394. <div class="row">
  1395. <div class="col">
  1396. <input type="hidden" id="daysDiff">
  1397. <label for="startingSlot" class="form-label">Starting Slot:</label>
  1398. <input type="text" class="form-control" id="startingSlotText"
  1399. name="startingSlot" readonly>
  1400. <input type="hidden" class="form-control" id="startingSlot"
  1401. name="startingSlot" required>
  1402. </div>
  1403. <div class="col">
  1404. <label for="endingSlot" class="form-label">Ending Slot:</label>
  1405. <input type="text" class="form-control" id="endingSlotText"
  1406. name="endDateInput" readonly>
  1407. <input type="hidden" class="form-control" id="endingSlot"
  1408. name="endDateInput" readonly>
  1409. </div>
  1410. </div>
  1411. <div class="row" style="margin-top: 39px;">
  1412. <div class="col col-lg-2 col-sm-2 col-md-2">
  1413. <button type="button" class="btn btn-primary btn-square-md"
  1414. style="background-color:#008000;"></button>
  1415. <p style="margin-left: 14px;">Day<br>(Available)</p>
  1416. </div>
  1417. <div class="col col-lg-2 col-sm-2 col-md-2">
  1418. <button type="button" class="btn btn-primary btn-square-md"
  1419. style="background-color: #ac2bac;"></button>
  1420. <p style="margin-left: 14px;">Morning<br>(Available)</p>
  1421. </div>
  1422. <div class="col col-lg-2 col-sm-2 col-md-2">
  1423. <button type="button" class="btn btn-primary btn-square-md"
  1424. style="background-color:#FFEA00;"></button>
  1425. <p style="margin-left: 14px;">Evening<br>(Available)</p>
  1426. </div>
  1427. <div class="col col-lg-2 col-sm-2 col-md-2">
  1428. <button type="button" class="btn btn-primary btn-square-md"
  1429. style="background-color: red;"></button>
  1430. <p style="margin-left: 14px;">Not Available</p>
  1431. </div>
  1432. <div class="col col-lg-2 col-sm-2 col-md-2">
  1433. <button type="button" class="btn btn-primary btn-square-md"
  1434. style="background-color: blue;"></button>
  1435. <p style="margin-left: 14px;">GCC Blocked</p>
  1436. </div>
  1437. <!--<div class="col col-lg-2 col-sm-2 col-md-2">
  1438. <button type="button" class="btn btn-primary btn-square-md"
  1439. style="background-color: lightpink;"></button>
  1440. <p style="margin-left: 14px;">Temporary Blocked</p>
  1441. </div>-->
  1442. </div>
  1443. </div>
  1444. </div>
  1445. <!-- Modal Footer -->
  1446. <div class="modal-footer">
  1447. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close
  1448. </button>
  1449. <button type="button" class="btn btn-primary" onclick="Reschedule()">Save
  1450. Changes
  1451. </button>
  1452. </div>
  1453. </div>
  1454. </div>
  1455. </div>
  1457. <!-- Reschedule OTP Verification Modal -->
  1458. <div class="modal fade" id="rescheduleOtpModal" tabindex="-1" role="dialog"
  1459. aria-labelledby="rescheduleOtpModalLabel" aria-hidden="true">
  1460. <div class="modal-dialog" role="document">
  1461. <div class="modal-content">
  1462. <div class="modal-header">
  1463. <h6 class="modal-title m-0" id="rescheduleOtpModalLabel">Reschedule Verification
  1464. </h6>
  1465. <button type="button" class="btn-close" data-bs-dismiss="modal"
  1466. aria-label="Close"></button>
  1467. </div>
  1468. <div class="modal-body">
  1469. <div class="row">
  1470. <div class="mb-3 text-center">
  1471. <img src="media/images/mobileotp.png" width="50%" alt="Mobileotp">
  1472. </div>
  1473. <div class="mb-0 text-center">
  1474. <h4>OTP Verification</h4>
  1475. <p class="text-mute">Enter the OTP sent to <b class="text-info"
  1476. id="rescheduleMobileTxt"></b></p>
  1477. <p class="text-danger" id="rescheduleOtpError"></p>
  1478. </div>
  1479. <div class="mb-3 text-center">
  1480. <div class="otp-input-box">
  1481. <input type="text" maxlength="1" class="otp-input" id="rescheduleOtp1"
  1482. required />
  1483. <input type="text" maxlength="1" class="otp-input" id="rescheduleOtp2"
  1484. required />
  1485. <input type="text" maxlength="1" class="otp-input" id="rescheduleOtp3"
  1486. required />
  1487. <input type="text" maxlength="1" class="otp-input" id="rescheduleOtp4"
  1488. required />
  1489. <input type="text" maxlength="1" class="otp-input" id="rescheduleOtp5"
  1490. required />
  1491. </div>
  1492. </div>
  1493. <div class="mb-3 text-center">
  1494. <div id="rescheduleResendContainer">
  1495. <p class="mb-0">Didn't receive OTP?</p>
  1496. <p class="mb-0 text-info" id="rescheduleResendLink">Please wait..<span
  1497. id="rescheduleCountdown">60</span>s</p>
  1498. </div>
  1499. </div>
  1500. </div>
  1501. </div>
  1502. <div class="modal-footer">
  1503. <button type="button" class="btn btn-secondary btn-sm"
  1504. data-bs-dismiss="modal">Close</button>
  1505. <button type="button" class="btn btn-primary btn-sm"
  1506. onclick="verifyRescheduleOtp()">Verify OTP</button>
  1507. </div>
  1508. </div>
  1509. </div>
  1510. </div>
  1512. <!-- Tracking Log Modal -->
  1513. <!-- Tracking Modal -->
  1514. <div class="modal fade" id="trackingModal" tabindex="-1" aria-labelledby="trackingModalLabel"
  1515. aria-hidden="true">
  1516. <div class="modal-dialog modal-lg">
  1517. <div class="modal-content">
  1518. <div class="modal-header">
  1519. <h4 class="modal-title">Booking Tracking</h4>
  1520. <button type="button" class="btn-close" data-bs-dismiss="modal"
  1521. aria-label="Close"></button>
  1522. </div>
  1523. <div class="modal-body">
  1524. <div class="tracking-container">
  1525. <ul id="trackingList" class="tracking-steps list-unstyled">
  1526. <!-- Steps will be dynamically appended here -->
  1527. </ul>
  1528. </div>
  1529. </div>
  1530. </div>
  1531. </div>
  1532. </div>
  1534. <!-- Modal -->
  1535. <div class="modal fade" id="uploadNocModal" tabindex="-1" aria-labelledby="uploadNocModalLabel"
  1536. aria-hidden="true">
  1537. <div class="modal-dialog">
  1538. <div class="modal-content">
  1539. <div class="modal-header">
  1540. <h5 class="modal-title" id="uploadNocModalLabel">Upload NOC</h5>
  1541. <button type="button" class="btn-close" data-bs-dismiss="modal"
  1542. aria-label="Close"></button>
  1543. </div>
  1544. <div class="modal-body">
  1545. <div class="mb-3">
  1546. <label for="nocFile" class="form-label">Select NOC File</label>
  1547. <input type="file" class="form-control nocfile" id="nocFile" name="nocFile"
  1548. required>
  1549. <input type="hidden" id="bookingssId" name="bookingssId">
  1550. </div>
  1551. </div>
  1552. <div class="modal-footer">
  1553. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close
  1554. </button>
  1555. <button type="button" class="btn btn-primary" id="submitNocButton">Submit</button>
  1556. </div>
  1557. </div>
  1558. </div>
  1559. </div>
  1561. <!-- Modal -->
  1562. <div class="modal fade" id="transactionHistoryModal" tabindex="-1"
  1563. aria-labelledby="transactionHistoryModalLabel" aria-hidden="true">
  1564. <div class="modal-dialog modal-lg" id="transactionmodel"> <!-- modal-lg makes it larger -->
  1565. <div class="modal-content">
  1566. <div class="modal-header">
  1567. <h5 class="modal-title" id="transactionHistoryModalLabel">Transaction History</h5>
  1568. <button type="button" class="btn-close" data-bs-dismiss="modal"
  1569. aria-label="Close"></button>
  1570. </div>
  1571. <div class="modal-body">
  1572. <!-- Scrollable Table -->
  1573. <div class="table-responsive"> <!-- Make the table scrollable if too large -->
  1574. <table class="table table-bordered" id="transactionTable">
  1575. <thead>
  1576. <tr>
  1577. <th>S.NO</th>
  1578. <th>Booking ID</th>
  1579. <th>Amount</th>
  1580. <th>Date</th>
  1581. <th>Transaction ID</th>
  1582. <th>Status</th>
  1583. </tr>
  1584. </thead>
  1585. <tbody>
  1586. <!-- Data will be populated dynamically here -->
  1587. </tbody>
  1588. </table>
  1589. </div>
  1590. <div class="table-responsive" id="refunddetails" style="display: none;">
  1591. <h2>Refund Details</h2>
  1592. <table class="table table-bordered" id="refunddetailsTable">
  1593. <thead>
  1594. <tr>
  1595. <th>S.NO</th>
  1596. <th>Booking ID</th>
  1597. <th>Amount</th>
  1598. <th>Date</th>
  1599. <th>Transaction ID</th>
  1600. <th>Refund Amount</th>
  1601. </tr>
  1602. </thead>
  1603. <tbody>
  1604. <!-- Data will be populated dynamically here -->
  1605. </tbody>
  1606. </table>
  1607. </div>
  1609. </div>
  1610. <div class="modal-footer">
  1611. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close
  1612. </button>
  1613. </div>
  1614. </div>
  1615. </div>
  1616. </div>
  1617. <footer th:replace="~{fragments/footer :: footer}"></footer>
  1618. </div>
  1619. </div>
  1620. </div>
  1622. <!--otp form-->
  1623. <div th:replace="~{fragments/loginreg :: div}"></div>
  1624. <!--otp form-->
  1625. <script src="js/html2pdf.bundle.min.js"></script>
  1626. <script th:replace="~{fragments/script :: script}"></script>
  1627. <script th:replace="~{fragments/logRegiOtpScript :: script}"></script>
  1628. <script type="text/javascript" src="https://www.paynimo.com/paynimocheckout/server/lib/checkout.js"></script>
  1629. <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
  1630. <script src="https://cdn.datatables.net/buttons/2.4.1/js/dataTables.buttons.min.js"></script>
  1631. <script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.html5.min.js"></script>
  1632. <script type="text/javascript">
  1633. // Reschedule variables
  1634. var rescheduleBookingId = null;
  1635. var rescheduleStartDate = null;
  1636. var rescheduleEndDate = null;
  1637. var rescheduleMobileNumber = null;
  1638. var rescheduleHallId = null;
  1639. var rescheduleStartingSlot = null;
  1640. var rescheduleEndingSlot = null;
  1641. var rescheduleReason = null;
  1643. $(document).ready(function () {
  1644. $('#detailstable').DataTable({
  1645. responsive: true,
  1646. pageLength: 10,
  1647. ordering: true,
  1648. columnDefs: [{
  1649. targets: 'no-sort',
  1650. orderable: false
  1651. }],
  1652. dom: 'Bfrtip',
  1653. buttons: [
  1654. {
  1655. extend: 'excelHtml5',
  1656. text: 'Export to Excel',
  1657. className: 'btn btn-primary'
  1658. }
  1659. ]
  1660. });
  1661. });
  1662. $(document).ready(function () {
  1663. $('#submitNocButton').on('click', function (e) {
  1664. e.preventDefault();
  1666. // Get the form data
  1667. var formData = new FormData();
  1668. var fileInput = $('#nocFile')[0].files[0]; // Get the selected file
  1669. var bookingssId = $('#bookingssId').val(); // Get the bookingId
  1671. // Check if a file is selected
  1672. if (!fileInput) {
  1673. Swal.fire({
  1674. icon: 'warning',
  1675. title: 'No File Selected',
  1676. text: 'Please select a file to upload.',
  1677. });
  1678. return;
  1679. }
  1681. // Append file and bookingId to formData
  1682. formData.append('nocFile', fileInput);
  1683. formData.append('bookingssId', bookingssId);
  1685. // Perform Ajax request
  1686. $.ajax({
  1687. url: '/communityhall/user/api/uploaddocs', // API endpoint
  1688. type: 'POST',
  1689. data: formData,
  1690. contentType: false,
  1691. processData: false,
  1692. success: function (response) {
  1693. // Show success message and refresh the page
  1694. Swal.fire({
  1695. icon: 'success',
  1696. title: 'Success',
  1697. text: 'NOC uploaded successfully!',
  1698. }).then(() => {
  1699. $('#uploadNocModal').modal('hide'); // Close the modal
  1700. location.reload(); // Refresh the page
  1701. });
  1702. },
  1703. error: function (xhr, status, error) {
  1704. // Show error message
  1705. Swal.fire({
  1706. icon: 'error',
  1707. title: 'Upload Failed',
  1708. text: 'Failed to upload NOC: ' + error,
  1709. });
  1710. }
  1711. });
  1712. });
  1714. // Populate bookingId when opening the modal
  1715. $('#uploadNocModal').on('show.bs.modal', function (event) {
  1716. var button = $(event.relatedTarget); // Button that triggered the modal
  1717. var bookingId = button.data('booking-id'); // Extract bookingId from the button
  1718. $('#bookingssId').val(bookingId); // Set the bookingId in the hidden input field
  1719. });
  1720. });
  1723. // Function to track booking
  1724. function trackBooking(bookingId) {
  1725. $.ajax({
  1726. url: '/communityhall/user/api/trackBooking',
  1727. method: 'GET',
  1728. data: { bookingId: bookingId }, // Send booking ID to the server
  1729. success: function (data) {
  1730. // console.log("Received tracking data:", data);
  1732. // Clear the list initially before appending steps
  1733. $('#trackingList').empty();
  1735. if (Array.isArray(data) && data.length > 0) {
  1736. // Show the modal first
  1737. $('#trackingModal').modal('show');
  1739. // Create a Set to track seen statuses
  1740. const seenStatuses = new Set();
  1742. // Append steps one by one
  1743. data.forEach((event) => {
  1744. // Append each step if it hasn't been seen before
  1745. if (!seenStatuses.has(event.status)) {
  1746. seenStatuses.add(event.status); // Add status to Set
  1747. appendStep(event); // Call to append the event step
  1748. }
  1749. });
  1750. } else {
  1751. // Show a message when no tracking events are available
  1752. $('#trackingList').append('<li class="no-events">No tracking events available.</li>');
  1753. }
  1754. },
  1755. error: function (xhr, status, error) {
  1756. console.error("Failed to fetch booking details:", status, error);
  1757. alert('Failed to fetch booking details. Please try again later.');
  1758. }
  1759. });
  1760. }
  1763. function appendStep(event) {
  1764. const formattedDate = moment(event.dateTime).isValid()
  1765. ? moment(event.dateTime).format('MMM DD, YYYY, h:mm A') // Format date using Moment.js
  1766. : 'Invalid date';
  1768. const statusClass = getStatusClass(event.status); // Get CSS class for the status
  1769. const statusIcon = getStatusIcon(event.status); // Get icon for the status
  1771. // Create and append a step element for each event
  1772. const stepElement = `
  1773. <li class="tracking-step ${statusClass}">
  1774. <div class="step-icon">
  1775. <i class="fas ${statusIcon}"></i> <!-- Add the icon -->
  1776. </div>
  1777. <div class="step-content">
  1778. <h5>${event.description || 'No Description Available'}</h5> <!-- Event description -->
  1779. <p class="step-date">${formattedDate}</p> <!-- Formatted date -->
  1780. </div>
  1781. </li>
  1782. `;
  1784. // Append the element to the list
  1785. $('#trackingList').append(stepElement);
  1786. }
  1788. function getStatusClass(status) {
  1789. switch (status) {
  1790. case 'PAYMENT_SUCCESS':
  1791. case 'APPROVED':
  1792. case 'EVENT_COMPLETED':
  1793. case 'COMPLETED':
  1794. return 'completed'; // Returns 'completed' class for these statuses
  1795. case 'SETTLEMENT_RAISING':
  1796. return 'waiting';
  1797. case 'CANCELED':
  1798. return 'cancelled';
  1799. case 'REJECTED':
  1800. return 'rejected';
  1801. case 'GCC_BLOCKED':
  1802. return 'gcc-blocked';
  1803. default:
  1804. return 'pending'; // Default class if status is unknown
  1805. }
  1806. }
  1808. function getStatusIcon(status) {
  1809. switch (status) {
  1810. case 'PAYMENT_SUCCESS':
  1811. return 'fa-check-circle'; // Icon for payment success
  1812. case 'APPROVED':
  1813. return 'fa-thumbs-up';
  1814. case 'EVENT_COMPLETED':
  1815. return 'fa-calendar-check';
  1816. case 'CANCELED':
  1817. return 'fa-ban';
  1818. case 'REJECTED':
  1819. return 'fa-times-circle';
  1820. case 'GCC_BLOCKED':
  1821. return 'fa-lock';
  1822. default:
  1823. return 'fa-clock'; // Default icon for pending steps
  1824. }
  1825. }
  1828. function showFutureEvents() {
  1829. document.getElementById('futureEventsContainer').style.display = 'block';
  1830. }
  1832. function downloadAcknowledgment(event) {
  1833. event.preventDefault();
  1834. var bookingId = document.getElementById("booking_id").innerHTML;
  1836. // Redirect to the acknowledgment URL in the same tab
  1837. window.location.href = '/communityhall/user/acknowledgement?bookingId=' + encodeURIComponent(bookingId);
  1838. }
  1840. function getTimeSlot(slotValue) {
  1841. var timeSlot;
  1842. var trimmedSlotValue = String(slotValue).trim(); // Convert to string and then trim
  1843. if (trimmedSlotValue === '1') {
  1844. timeSlot = 'Morning';
  1845. } else if (trimmedSlotValue === '2') {
  1846. timeSlot = 'Evening';
  1847. } else {
  1848. timeSlot = 'Unknown';
  1849. }
  1850. return timeSlot;
  1851. }
  1853. function showBookingDetails(bookingId) {
  1854. $.ajax({
  1855. url: '/communityhall/user/api/viewAllBookingDetails',
  1856. method: 'GET',
  1857. data: { bookingId: bookingId },
  1858. success: function (response) {
  1859. document.getElementById("td_userName").innerHTML = response.users.name;
  1860. document.getElementById("td_mobileNumber").innerHTML = response.users.mobileNo;
  1861. document.getElementById("td_usertype").innerHTML = response.users.usertype;
  1862. var userDetails = response.users;
  1863. var userDetailsString =
  1864. userDetails.doorNo + ", " +
  1865. userDetails.street + ", " +
  1866. userDetails.area + ", " +
  1867. userDetails.location + " ,Chennai- " +
  1868. userDetails.pinCode;
  1869. document.getElementById("td_useraddress").innerHTML = userDetailsString;
  1870. document.getElementById("td_hallName").innerHTML = response.hallDetails.hallName;
  1871. var hallDetails = response.hallDetails;
  1872. var hallDetailsString =
  1873. hallDetails.doorNo + ", " +
  1874. hallDetails.street + ", " +
  1875. hallDetails.area + ", " +
  1876. hallDetails.city + "- " +
  1877. hallDetails.pinCode;
  1878. document.getElementById("td_halladdress").innerHTML = hallDetailsString;
  1879. document.getElementById("td_caretakername").innerHTML = response.hallDetails.hallInchargeName;
  1880. document.getElementById("td_caretakermobileNumber").innerHTML = response.hallDetails.hallInchargeMobno;
  1881. document.getElementById("td_bookingDate").innerHTML = response.bookingDate;
  1882. document.getElementById("td_depositeAmount").innerHTML = parseFloat(response.depositAmount).toFixed(2);
  1883. document.getElementById("td_hallAmount").innerHTML = parseFloat(response.hallAmount).toFixed(2);
  1884. // Calculate GST and total amount
  1885. var gstAmount = (parseFloat(response.hallAmount) * (response.hallDetails.gst / 100)).toFixed(2);
  1886. var totalAmount = parseFloat(response.amountReceived).toFixed(2);
  1888. document.getElementById("td_gst").innerHTML = gstAmount;
  1889. document.getElementById("td_totalAmount").innerHTML = totalAmount;
  1891. document.getElementById("td_startDate").innerHTML = response.startDate;
  1892. document.getElementById("td_endDate").innerHTML = response.endDate;
  1893. document.getElementById("booking_id").innerHTML = response.bookingId;
  1896. function getTimeSlot(slotValue) {
  1897. var timeSlot;
  1898. var trimmedSlotValue = String(slotValue).trim(); // Convert to string and then trim
  1899. if (trimmedSlotValue === '1') {
  1900. timeSlot = 'Morning';
  1901. } else if (trimmedSlotValue === '2') {
  1902. timeSlot = 'Evening';
  1903. } else {
  1904. timeSlot = 'Unknown';
  1905. }
  1906. return timeSlot;
  1907. }
  1909. document.getElementById("td_startingSlot").innerHTML = getTimeSlot(response.startingSlot);
  1910. document.getElementById("td_endingSlot").innerHTML = getTimeSlot(response.endingSlot);
  1911. document.getElementById("bookingstatus_td").innerHTML = response.bookingStatus;
  1913. console.log("before comments user view history...");
  1914. console.log("Comments..." + response.comments);
  1916. if (response.bookingStatus === 'REJECTED' && response.comments) {
  1917. document.getElementById("rejectionreasondiv").style.display = "block";
  1918. const rejectionCell = document.getElementById("reasonforrejection");
  1919. rejectionCell.innerHTML = response.comments;
  1920. } else {
  1921. document.getElementById("rejectionreasondiv").style.display = "none";
  1922. document.getElementById("reasonforrejection").style.display = "none";
  1923. }
  1924. showReasonDocuments(response);
  1926. if (response.payments) {
  1927. document.getElementById("paymentsdetails").style.display = "block";
  1928. document.getElementById("td_transactionId").innerHTML = response.payments.transactionId;
  1929. document.getElementById("td_payamountReceived").innerHTML = response.payments.amountReceived;
  1930. document.getElementById("td_paymentStatus").innerHTML = response.payments.paymentStatus;
  1931. } else {
  1932. document.getElementById("paymentsdetails").style.display = "none";
  1933. }
  1934. if (response.ebDetails) {
  1935. document.getElementById("ebdetails").style.display = "block";
  1936. document.getElementById("td_EBNumber").innerHTML = response.hallDetails.ebNumber;
  1937. document.getElementById("td_startingReading").innerHTML = response.ebDetails.startingReading;
  1938. document.getElementById("td_endingReading").innerHTML = response.ebDetails.endingReading;
  1939. document.getElementById("td_usedunit").innerHTML = response.ebDetails.usedUnit;
  1940. document.getElementById("td_ebamountperunit").innerHTML = parseFloat(response.hallDetails.ebCostPerUnit).toFixed(2);
  1941. document.getElementById("td_electricityamount").innerHTML = parseFloat(response.ebDetails.ebAmount).toFixed(2);
  1943. } else {
  1944. document.getElementById("ebdetails").style.display = "none";
  1945. }
  1946. if (response.damageList && response.damageList.length > 0) {
  1947. document.getElementById("damagelist").style.display = "block";
  1949. } else {
  1950. document.getElementById("damagelist").style.display = "none";
  1951. }
  1952. if (response.settlement) {
  1953. document.getElementById("refunddetails").style.display = "block";
  1954. document.getElementById("td_depositeamountforrefund").innerHTML = parseFloat(response.depositAmount).toFixed(2);
  1955. document.getElementById("td_electricityamount").innerHTML = parseFloat(response.ebDetails.ebAmount).toFixed(2);
  1956. document.getElementById("td_ebAmount").innerHTML = parseFloat(response.ebDetails.ebAmount).toFixed(2);
  1957. document.getElementById("td_damage").innerHTML = parseFloat(response.settlement.damageAmount).toFixed(2);
  1959. var eb_amt = parseFloat(response.ebDetails.ebAmount).toFixed(2);
  1960. var deposit_amt = parseFloat(response.depositAmount).toFixed(2);
  1961. var tem_total = (deposit_amt - eb_amt).toFixed(2);
  1962. $("#td_settel_amt").html(tem_total);
  1963. } else {
  1964. document.getElementById("refunddetails").style.display = "none";
  1965. }
  1967. showDamageDetails(response);
  1968. if (response.bookingStatus === 'CANCELED' && ['WAITING', 'APPROVED', 'INITIATED'].includes(response.refundStatus)) {
  1969. document.getElementById("td_refundamount").innerHTML = `Your booking has been cancelled. Deposit amount of ₹ ${parseFloat(response.depositAmount).toFixed(2)} will be refund 3 to 15 Days`;
  1970. document.getElementById("refundamountDetails").style.display = "block";
  1971. document.getElementById("td_bookingStatus").innerHTML = response.bookingStatus;
  1972. document.getElementById("td_refundStatus").innerHTML = response.refundStatus;
  1973. } else if (response.bookingStatus === 'CANCELED' && response.refundStatus === 'COMPLETED') {
  1974. document.getElementById("td_refundamount").innerHTML = `Deposit amount of ₹ ${parseFloat(response.depositAmount).toFixed(2)} refunded successfully`;
  1975. document.getElementById("refundamountDetails").style.display = "block";
  1976. document.getElementById("td_bookingStatus").innerHTML = response.bookingStatus;
  1977. document.getElementById("td_refundStatus").innerHTML = response.refundStatus;
  1978. } else if (response.bookingStatus === 'REJECTED' && ['WAITING', 'APPROVED', 'INITIATED'].includes(response.refundStatus) && response.amountReceived == 0) {
  1979. document.getElementById("refundamountDetails").style.display = "none";
  1980. } else if (response.bookingStatus === 'REJECTED' && ['WAITING', 'APPROVED', 'INITIATED'].includes(response.refundStatus)) {
  1981. document.getElementById("td_refundamount").innerHTML = `Your booking has been Rejected by GCC. Full amount of ₹ ${parseFloat(response.amountReceived).toFixed(2)} will be refunded shortly`;
  1982. document.getElementById("refundamountDetails").style.display = "block";
  1983. document.getElementById("td_bookingStatus").innerHTML = response.bookingStatus;
  1984. document.getElementById("td_refundStatus").innerHTML = response.refundStatus;
  1985. } else if (response.bookingStatus === 'REJECTED' && response.refundStatus === 'COMPLETED') {
  1986. document.getElementById("td_refundamount").innerHTML = `Full amount of ₹${parseFloat(response.amountReceived).toFixed(2)} refunded successfully`;
  1987. document.getElementById("refundamountDetails").style.display = "block";
  1988. document.getElementById("td_bookingStatus").innerHTML = response.bookingStatus;
  1989. document.getElementById("td_refundStatus").innerHTML = response.refundStatus;
  1990. } else if (response.bookingStatus === 'REJECTED' && response.refundStatus === 'NA') {
  1991. document.getElementById("td_refundamount").innerHTML = `Your Booking has been rejected by GCC`;
  1992. document.getElementById("refundamountDetails").style.display = "block";
  1993. document.getElementById("td_bookingStatus").innerHTML = response.bookingStatus;
  1994. document.getElementById("td_refundStatus").innerHTML = response.refundStatus;
  1995. } else if (response.bookingStatus === 'GCC_BLOCKED' && ['WAITING', 'APPROVED', 'INITIATED'].includes(response.refundStatus)) {
  1996. document.getElementById("td_refundamount").innerHTML = `Your booking has been Blocked by GCC. Full amount of ₹ ${parseFloat(response.amountReceived).toFixed(2)} will be refunded shortly`;
  1997. document.getElementById("refundamountDetails").style.display = "block";
  1998. document.getElementById("td_bookingStatus").innerHTML = response.bookingStatus;
  1999. document.getElementById("td_refundStatus").innerHTML = response.refundStatus;
  2000. } else if (response.bookingStatus === 'GCC_BLOCKED' && response.refundStatus === 'COMPLETED') {
  2001. document.getElementById("td_refundamount").innerHTML = `Full amount of ₹${parseFloat(response.amountReceived).toFixed(2)} refunded successfully`;
  2002. document.getElementById("refundamountDetails").style.display = "block";
  2003. document.getElementById("td_bookingStatus").innerHTML = response.bookingStatus;
  2004. document.getElementById("td_refundStatus").innerHTML = response.refundStatus;
  2005. } /*else if(response.scheduleCount === 1){
  2006. document.getElementById("rescheduleDetails").style.display = "block";
  2007. document.getElementById("td_res_start_date").innerHTML = response.startDate;
  2008. document.getElementById("td_res_end_date").innerHTML = response.endDate;
  2009. document.getElementById("td_res_date").innerHTML = response.updatedDate;
  2010. }*/ else {
  2011. document.getElementById("refundamountDetails").style.display = "none";
  2012. }
  2013. // Show the modal
  2014. $('#showBookingDetails').modal('show');
  2015. },
  2016. error: function () {
  2017. console.error("An error occurred while fetching booking details.");
  2018. }
  2019. });
  2020. }
  2022. function showDamageDetails(data) {
  2023. var damageFieldContainer = $('#damageDetails');
  2024. damageFieldContainer.empty();
  2026. // Create a div for table responsiveness
  2027. var tableResponsiveDiv = $('<div>').addClass('table-responsive').css({
  2028. 'margin-top': '-19px',
  2029. 'margin-left': '19px'
  2030. });
  2031. ;
  2033. // Create table with similar classes and styles to the modal table
  2034. var table = $('<table>').addClass('table table-bordered table-striped').css({
  2035. 'width': '97%',
  2036. 'border-color': 'black',
  2037. 'border-top-color': 'white',
  2038. 'width': ' 730px'
  2039. });
  2040. var thead = $('<thead>').addClass('thead-light');
  2041. var tbody = $('<tbody>');
  2043. // Create Damage Details header row
  2044. var headerRow = $('<tr>').appendTo(thead);
  2045. $('<th>').attr('colspan', '6').text('Damage Details (if any)').css({
  2046. 'padding': '0.45rem 0.45rem',
  2047. 'background-color': 'lightgrey',
  2048. 'font-weight': 'bold',
  2049. 'color': 'black',
  2050. }).appendTo(headerRow);
  2052. // Create table header row
  2053. var columnHeadersRow = $('<tr>').css('background-color', 'white').appendTo(thead);
  2054. $('<th>').text('S.No').css('padding', '0.45rem 0.45rem').appendTo(columnHeadersRow);
  2055. $('<th>').text('Asset Name').css('padding', '0.45rem 0.45rem').appendTo(columnHeadersRow);
  2056. $('<th>').text('Damage Img').css('padding', '0.45rem 0.45rem').appendTo(columnHeadersRow);
  2057. $('<th>').text('Cost').css('padding', '0.45rem 0.45rem').appendTo(columnHeadersRow);
  2058. $('<th>').text('Qty').css('padding', '0.45rem 0.45rem').appendTo(columnHeadersRow);
  2059. $('<th>').text('Amount').css('padding', '0.45rem 0.45rem').appendTo(columnHeadersRow);
  2061. var totalAmount = 0;
  2062. $.each(data.damageList, function (index, detail) {
  2063. var row = $('<tr>').appendTo(tbody);
  2064. $('<td>').text(index + 1).css('padding', '0.45rem 0.45rem').appendTo(row);
  2065. $('<td>').text(detail.assetName).css('padding', '0.45rem 0.45rem').appendTo(row);
  2066. var viewLink = $('<a>').attr('href', 'javascript:void(0)').text('View').on('click', function () {
  2067. showDamageImage(detail.damageImageUrl);
  2068. });
  2069. var assetamt = (detail.assetAmount / detail.quantity).toFixed(2);
  2070. $('<td>').css('padding', '0.45rem 0.45rem').append(viewLink).appendTo(row);
  2071. $('<td>').text(assetamt).css('padding', '0.45rem 0.45rem').appendTo(row);
  2072. $('<td>').text(detail.quantity).css('padding', '0.45rem 0.45rem').appendTo(row);
  2073. var amount = detail.assetAmount;
  2074. totalAmount += amount;
  2075. $('<td>').text(amount.toFixed(2)).css('padding', '0.45rem 0.45rem').appendTo(row);
  2076. $("#td_dam_amt").html(totalAmount.toFixed(2));
  2077. });
  2078. // Add row for total amount
  2079. var totalRow = $('<tr>').appendTo(tbody);
  2080. $('<td>').attr('colspan', '5').text('Total Amount').css('padding', '0.45rem 0.45rem; font-weight: bold; background-color: #f2f2f2').appendTo(totalRow);
  2081. $('<td>').text(totalAmount.toFixed(2)).css('padding', '0.45rem 0.45rem').appendTo(totalRow);
  2083. // Append the table elements to the container div
  2084. table.append(thead, tbody);
  2085. tableResponsiveDiv.append(table);
  2086. damageFieldContainer.append(tableResponsiveDiv);
  2088. var temp_total = parseFloat($("#td_settel_amt").html());
  2089. var settleAmount = temp_total - totalAmount;
  2090. if (settleAmount < 0) {
  2091. var pendingstatus = data.settlement.collectionStatus
  2092. $("#td_settel_amt").html(0.00);
  2093. $("#pendingcolumn").show();
  2094. $("#collectionstatuscolumn").show();
  2095. $('#td_collection_status').html(pendingstatus);
  2096. $("#td_pending_amt").html(Math.abs(settleAmount).toFixed(2));
  2097. $("#td_pending_amt").css("color", "red");
  2098. } else {
  2099. $("#td_settel_amt").html(settleAmount.toFixed(2));
  2100. $("#pendingcolumn").hide();
  2101. $("#collectionstatuscolumn").hide();
  2102. $("#td_settel_amt").css("color", "green"); // Set color to green for positive amounts
  2103. }
  2104. }
  2107. function showDamageImage(damageImageUrl) {
  2108. document.getElementById('filePreview').src = damageImageUrl;
  2109. $('#fileModal').modal('show');
  2110. }
  2112. function showchallonimage(challanImgLink) {
  2113. document.getElementById('filePreview').src = challanImgLink;
  2114. $('#fileModal').modal('show');
  2115. }
  2117. function showReasonDocuments(list) {
  2118. $.ajax({
  2119. type: "GET",
  2120. url: '/communityhall/api/officer/getReasonByName',
  2121. data: {
  2122. 'reasonName': list.reason
  2123. },
  2124. success: function (x) {
  2125. showReasonWithDocument(x, list);
  2126. }
  2127. });
  2128. }
  2130. // Display booking documents
  2131. function showReasonWithDocument(reasonData, list) {
  2132. var reasonDocumentData = reasonData.reasonDocumentMasterList;
  2133. var bookingDocumentsList = list.bookingDocumentsList;
  2135. const reasonFieldsContainer = $('#documents');
  2136. reasonFieldsContainer.empty();
  2138. // Create a responsive table container
  2139. var tableResponsiveDiv = $('<div>').addClass('table-responsive').css({
  2140. 'width': '729px',
  2141. 'border': '1px solid black'
  2142. });
  2144. // Create the table with Bootstrap classes and custom styles
  2145. var table = $('<table>').addClass('table table-bordered table-striped table-vcenter js-dataTable-responsive').css({
  2146. 'width': '100%',
  2147. 'height': 'auto',
  2148. 'border': '1px solid black'
  2149. });
  2151. // Create the table header (thead)
  2152. var thead = $('<thead>').appendTo(table);
  2153. var headerRow = $('<tr>').appendTo(thead);
  2154. $('<th>').attr('colspan', '3').text('Document Details').css({
  2155. 'color': 'black',
  2156. 'background-color': 'lightgrey',
  2157. 'padding': '0.45rem 0.45rem'
  2158. }).appendTo(headerRow);
  2160. // Create header row for columns
  2161. var columnHeadersRow = $('<tr>').appendTo(thead);
  2162. $('<th>').text('S.No').appendTo(columnHeadersRow);
  2163. $('<th>').text('Required Info').appendTo(columnHeadersRow);
  2164. $('<th>').text('Required Documents').appendTo(columnHeadersRow);
  2166. // Create the table body (tbody)
  2167. var tbody = $('<tbody>').appendTo(table);
  2169. // Iterate through the documents list and populate rows
  2170. for (var i = 0; i < bookingDocumentsList.length; i++) {
  2171. (function (index) {
  2172. var row = $('<tr>').appendTo(tbody);
  2173. $('<td>').text(index + 1).appendTo(row);
  2175. // Determine the text content for the second cell
  2176. var name = bookingDocumentsList[index].name ? bookingDocumentsList[index].name : ''; // Empty string if name is null or undefined
  2177. var fieldText = reasonDocumentData[index].fieldName;
  2178. var fullText = name ? fieldText + ': ' + name : fieldText; // Include colon only if name is not empty
  2180. $('<td>').text(fullText).appendTo(row);
  2182. // Create a link to view document image
  2183. var viewLink = $('<a>').attr('href', 'javascript:void(0)').text(reasonDocumentData[index].docFieldName).on('click', function () {
  2184. showDocumentImage(bookingDocumentsList[index].bookingDocUrl);
  2185. });
  2186. $('<td>').append(viewLink).appendTo(row);
  2187. })(i);
  2188. }
  2189. // Append table to the responsive container
  2190. tableResponsiveDiv.append(table);
  2192. // Append table to the container in the DOM
  2193. reasonFieldsContainer.append(tableResponsiveDiv);
  2194. }
  2197. function showDocumentImage(fileURL) {
  2198. openFileModal(fileURL);
  2199. }
  2201. // Event delegation for dynamically added elements
  2202. $(document).on('click', '.view-document', function () {
  2203. const fileURL = $(this).data('url');
  2204. openFileModal(fileURL);
  2205. });
  2207. function openFileModal(fileURL) {
  2208. $('#filePreview').attr('src', fileURL);
  2209. $('#fileModal').modal('show');
  2210. }
  2212. // For OTP input box
  2213. $('.otp-input').on('keyup', function (e) {
  2214. var $this = $(this);
  2215. if ($this.val().length === 1) {
  2216. $this.next('.otp-input').focus();
  2217. }
  2218. if ($this.val().length === 0) {
  2219. $this.prev('.otp-input').focus();
  2220. }
  2221. });
  2223. function cancelBooking(bookingId, mobileNo, bookingType) {
  2224. var mobileNum = mobileNo;
  2225. var bookingId = bookingId;
  2227. // Check if the booking type is OFFLINE
  2228. if (bookingType === "OFFLINE") {
  2229. Swal.fire({
  2230. title: 'Cancellation Not Available',
  2231. text: 'Cancellation is not available for offline bookings.',
  2232. icon: 'error'
  2233. });
  2234. } else {
  2235. Swal.fire({
  2236. title: 'Are you sure?',
  2237. text: 'Once canceled, this action can\'t be undo. Only the deposit Amount will be refunded within 3 to 15 days.',
  2238. icon: 'warning',
  2239. showCancelButton: true,
  2240. confirmButtonColor: '#3085d6',
  2241. cancelButtonColor: '#d33',
  2242. confirmButtonText: 'Yes, cancel it!',
  2243. cancelButtonText: 'Close',
  2244. }).then((result) => {
  2245. if (result.isConfirmed) {
  2246. // If user confirms, show OTP form
  2247. mobileNumberForCancel = mobileNum;
  2248. cancelBookingId = bookingId;
  2249. cancelBookingLogin = true;
  2250. sendOTP(mobileNum);
  2251. }
  2252. });
  2253. }
  2254. }
  2256. function resetRescheduleOTPSection() {
  2257. // Hide OTP section
  2258. var otpSection = document.getElementById("otpSection");
  2259. if (otpSection) {
  2260. otpSection.style.display = "none";
  2261. }
  2263. // Show reschedule button and hide verify button
  2264. var rescheduleBtn = document.getElementById("rescheduleBtn");
  2265. var verifyOtpBtn = document.getElementById("verifyOtpBtn");
  2267. if (rescheduleBtn) {
  2268. rescheduleBtn.style.display = "inline-block";
  2269. }
  2270. if (verifyOtpBtn) {
  2271. verifyOtpBtn.style.display = "none";
  2272. }
  2274. // Clear OTP input fields
  2275. for (let i = 1; i <= 6; i++) {
  2276. var otpField = document.getElementById("otp" + i);
  2277. if (otpField) {
  2278. otpField.value = "";
  2279. }
  2280. }
  2282. // Reset variables
  2283. rescheduleBookingId = null;
  2284. rescheduleStartDate = null;
  2285. rescheduleEndDate = null;
  2286. rescheduleMobileNumber = null;
  2287. rescheduleHallId = null;
  2288. rescheduleStartingSlot = null;
  2289. rescheduleEndingSlot = null;
  2290. rescheduleReason = null;
  2291. }
  2293. function openRescheduleModal(bookingId, startDate, endDate, noOfDays, hallId, startingSlot, endingSlot, reason) {
  2294. // Function to map slot values to their text representation
  2295. function getSlotText(slot) {
  2296. return slot === 1 ? 'Morning' : 'Evening';
  2297. }
  2299. // Populate modal inputs
  2300. const start = new Date(startDate);
  2301. const end = new Date(endDate);
  2302. const timeDiff = end - start;
  2304. // Convert time difference from milliseconds to days
  2305. const daysDiff = Math.ceil(timeDiff / (1000 * 3600 * 24)) + 1;
  2307. // Set values for inputs
  2308. document.getElementById("bookingId").value = bookingId;
  2309. document.getElementById("startDateInput").value = startDate;
  2310. document.getElementById("endDateInput").value = endDate;
  2311. document.getElementById("noOfDaysInput").value = noOfDays;
  2312. document.getElementById("startingSlot").value = startingSlot;
  2313. document.getElementById("endingSlot").value = endingSlot;
  2314. document.getElementById("daysDiff").value = daysDiff;
  2316. // Display slot text in the modal
  2317. document.getElementById("startDatetext").value = startDate;
  2318. document.getElementById("startingSlotText").value = getSlotText(startingSlot);
  2319. document.getElementById("endingSlotText").value = getSlotText(endingSlot);
  2321. // Store booking details for OTP verification
  2322. rescheduleBookingId = bookingId;
  2323. rescheduleStartDate = startDate;
  2324. rescheduleEndDate = endDate;
  2325. rescheduleHallId = hallId;
  2326. rescheduleStartingSlot = startingSlot;
  2327. rescheduleEndingSlot = endingSlot;
  2328. rescheduleReason = reason;
  2330. // Optionally, fetch and update calendar or availability based on hallId
  2331. getBookingCalendar(hallId, reason);
  2333. // Show the date change modal
  2334. $('#bookingRescheduleModal').modal('show');
  2335. }
  2338. function getBookingCalendar(hall_id, reason) {
  2339. // Make an AJAX call to fetch booking data
  2340. $.ajax({
  2341. type: 'GET',
  2342. url: '/communityhall/user/api/getPastData',
  2343. data: {
  2344. hall_id: hall_id
  2345. },
  2347. success: function (response) {
  2348. window.bookingResponse = {};
  2349. if (response && Array.isArray(response)) {
  2350. $("#startDateInput").datepicker("destroy");
  2351. for (var i = 0; i < response.length; i++) {
  2352. var dateString = datepickerFormat(response[i].bdate);
  2353. window.bookingResponse[dateString] = [response[i].morningSlot, response[i].eveningSlot];
  2354. }
  2356. initializeDatepickerWithColors(hall_id, reason);
  2357. if (response.length == 0) {
  2358. initializeDatepickerWithColors(hall_id, reason);
  2359. }
  2360. } else {
  2361. console.error('Invalid or empty response data.');
  2362. }
  2363. },
  2364. error: function (xhr, status, error) {
  2365. console.error('Error fetching hall details:', error);
  2366. }
  2367. });
  2368. }
  2370. function initializeDatepickerWithColors(hallId, reason) { // Confirm hallId is passed here
  2371. $("#datepicker-container").datepicker("destroy");
  2372. const serverDate = new Date($("#serverDate").val() + "T00:00:00")
  2373. // console.log(" view history Date:", serverDate);
  2375. const maxDate = new Date(serverDate);
  2376. maxDate.setMonth(maxDate.getMonth() + 6);
  2377. // console.log("View History: "+maxDate);
  2379. $("#startDateInput,#datepicker-container").datepicker({
  2380. dateFormat: "yy-mm-dd",
  2381. minDate: serverDate,
  2382. maxDate: maxDate,
  2383. beforeShowDay: function (eDate) {
  2385. const dateString = $.datepicker.formatDate("yy-mm-dd", eDate);
  2386. const bookingStatus = window.bookingResponse[dateString] || {};
  2388. // const currentDate = new Date();
  2389. serverDate.setHours(0, 0, 0, 0); // Normalize current date to midnight
  2390. eDate.setHours(0, 0, 0, 0); // Normalize selected date to midnight
  2392. // Logic for other dates
  2393. if (eDate < serverDate) {
  2394. return [false, "highlight-disabled", "Slot not Available"];
  2395. }
  2397. const isToday = eDate.getTime() === serverDate.getTime();
  2398. const currentHour = new Date().getHours();
  2399. const isBefore6AM = currentHour < 6;
  2400. const isAfter2PM = currentHour >= 14;
  2402. // Block 3-day logic for specific event types
  2403. // const today = new Date();
  2404. const blockedDate = new Date(serverDate);
  2405. blockedDate.setDate(serverDate.getDate() + 2);
  2407. const isThreeDayBlock = ["Commercial", "State Govt Event", "Central Govt Event"].includes(reason);
  2408. if (eDate <= blockedDate && isThreeDayBlock) {
  2409. return [false, "highlight-disabled", "Blocked due to event type"];
  2410. }
  2412. // Logic for currentdate
  2413. if (isToday) {
  2414. if (isBefore6AM) {
  2415. // Before 6 AM: Allow full-day booking or adjust based on booking status
  2416. return handleBookingStatus(bookingStatus, "Full Day Available");
  2417. } else if (isAfter2PM) {
  2418. // After 2 PM: Block all bookings
  2419. return handleAfter2PM(bookingStatus);
  2420. } else {
  2421. // Between 6 AM and 2 PM: Check status and disable morning slots
  2422. return handleMorningSlots(bookingStatus);
  2423. }
  2424. }
  2426. return handleBookingStatus(bookingStatus, "Slot Available");
  2427. },
  2428. });
  2430. $("#startDateInput").on("change", function () {
  2431. var selectedDate = $(this).val();
  2432. var noOfDays = document.getElementById('noOfDaysInput').value;
  2433. var startingSlot = document.getElementById("startingSlot").value;
  2434. var endingSlot = document.getElementById("endingSlot").value;
  2435. var noofdays = document.getElementById("noOfDaysInput").value;
  2436. updateEndDate(selectedDate, noofdays, startingSlot, endingSlot);
  2437. });
  2439. }
  2441. function handleBookingStatus(bookingStatus, defaultMessage) {
  2442. if (bookingStatus[2]) {
  2443. return [true, "highlight-blue disabled", "GCC Blocked"];
  2444. } /*else if (bookingStatus[3]) {
  2445. return [true, "highlight-lightpink disabled", "Temporary Blocked"];
  2446. }*/ else if (bookingStatus[0] && bookingStatus[1]) {
  2447. return [true, "highlight-pink disabled", "Slot Occupied"];
  2448. } else if (bookingStatus[0] && !bookingStatus[1]) {
  2449. return [true, "highlight-yellow", "Evening Slot Available"];
  2450. } else if (!bookingStatus[0] && bookingStatus[1]) {
  2451. return [true, "highlight-violet", "Only Morning Slot Available"];
  2452. }
  2453. return [true, "highlight-greens", defaultMessage];
  2454. }
  2456. // Helper function: Handles logic after 2 PM
  2457. function handleAfter2PM(bookingStatus) {
  2458. if (bookingStatus[2]) {
  2459. return [true, "highlight-blue disabled", "GCC Blocked"];
  2460. } else if (bookingStatus[0] || bookingStatus[1]) {
  2461. return [true, "highlight-pink disabled", "Slot Occupied"];
  2462. }
  2463. return [false, "highlight-disabled", "Not Allowed to Book"];
  2464. }
  2466. // Helper function: Handles morning slots between 6 AM and 2 PM
  2467. function handleMorningSlots(bookingStatus) {
  2468. if (bookingStatus[2]) {
  2469. return [true, "highlight-blue disabled", "GCC Blocked"];
  2470. } else if (bookingStatus[0] && bookingStatus[1]) {
  2471. return [true, "highlight-pink disabled", "Slot Occupied"];
  2472. } else if (bookingStatus[0] && !bookingStatus[1]) {
  2473. return [true, "highlight-yellow", "Evening Slot Available"];
  2474. } else if (!bookingStatus[0] && bookingStatus[1]) {
  2475. return [false, "highlight-disabled", "Slot Occupied"];
  2476. }
  2477. return [true, "highlight-yellow", "Evening Slot Available"];
  2478. Swal.fire({
  2479. title: 'Morning Slot Not Available',
  2480. text: 'The Morning slot is not available for the selected date range.',
  2481. icon: 'warning',
  2482. confirmButtonText: 'OK'
  2483. });
  2484. document.getElementById('endDateInput').value = "";
  2485. }
  2487. function updateEndDate(startDate, noofdays, startingSlot, endingSlot) {
  2488. if (startDate && noofdays !== undefined) {
  2489. var start = new Date(startDate);
  2490. var startFormatted = start.toISOString().split('T')[0];
  2491. var bookingStatus = window.bookingResponse[startFormatted] || [false, false];
  2492. var morningAvailable = !bookingStatus[0]; // false means available
  2493. var eveningAvailable = !bookingStatus[1]; // false means available
  2494. var endDate;
  2495. var isValid = true; // Flag to determine if all slots are available
  2497. // Convert noofdays to a number for accurate calculations
  2498. noofdays = parseFloat(noofdays);
  2500. // Handle slot availability and combinations
  2501. if (startingSlot === "2" && endingSlot === "2") { // Evening to Evening
  2502. //console.log("Handling Evening to Evening slot.");
  2503. if (noofdays === 0.5) {
  2504. if (eveningAvailable) {
  2505. endDate = new Date(start);
  2506. endDate.setDate(start.getDate() + Math.ceil(noofdays) - 1);
  2507. endDate = endDate.toISOString().split('T')[0];
  2508. document.getElementById('endDateInput').value = endDate;
  2509. //console.log("End Date (Evening to Evening):", endDate);
  2510. } else {
  2511. Swal.fire({
  2512. title: 'Evening Slot Not Available',
  2513. text: 'The evening slot is not available for the selected date range.',
  2514. icon: 'warning',
  2515. confirmButtonText: 'OK'
  2516. });
  2517. document.getElementById('endDateInput').value = "";
  2518. //console.log("Evening slot not available for", noofdays, "days.");
  2519. }
  2520. } else if (noofdays === 1.5) {
  2521. // Special handling for 2 days
  2522. let endDateCandidate = new Date(start);
  2523. endDateCandidate.setDate(start.getDate() + 1);
  2524. let endDateFormattedCandidate = endDateCandidate.toISOString().split('T')[0];
  2525. let endDateStatusCandidate = window.bookingResponse[endDateFormattedCandidate] || [false, false];
  2526. let morningAvailableOnEndDate = !endDateStatusCandidate[0]; // false means available
  2527. let eveningAvailableOnEndDate = !endDateStatusCandidate[1]; // false means available
  2529. if (eveningAvailable && morningAvailableOnEndDate && eveningAvailableOnEndDate) {
  2530. endDate = endDateCandidate.toISOString().split('T')[0];
  2531. document.getElementById('endDateInput').value = endDate;
  2532. //console.log("End Date (Morning to Evening with 2 days):", endDate);
  2533. } else {
  2534. Swal.fire({
  2535. title: 'Slot Not Available',
  2536. text: 'The Morning slots are not available for the selected date range.',
  2537. icon: 'warning',
  2538. confirmButtonText: 'OK'
  2539. });
  2540. document.getElementById('endDateInput').value = "";
  2541. //console.log("Morning or Evening slot not available for 2 days.");
  2542. }
  2543. } else {
  2544. //console.log("Unsupported duration for Evening to Evening slot.");
  2545. Swal.fire({
  2546. title: 'Invalid Selection',
  2547. text: 'The selected duration for the evening slot is not supported.',
  2548. icon: 'error',
  2549. confirmButtonText: 'OK'
  2550. });
  2551. document.getElementById('endDateInput').value = "";
  2552. }
  2553. } else if (startingSlot === "1" && endingSlot === "1") { // Morning to Morning
  2554. //console.log("Handling Morning to Morning slot.");
  2555. if (noofdays === 0.5) {
  2556. if (morningAvailable) {
  2557. endDate = new Date(start);
  2558. endDate.setDate(start.getDate() + Math.ceil(noofdays) - 1);
  2559. endDate = endDate.toISOString().split('T')[0];
  2560. document.getElementById('endDateInput').value = endDate;
  2561. //console.log("End Date (morning to morning):", endDate);
  2562. } else {
  2563. Swal.fire({
  2564. title: 'Morning Slot Not Available',
  2565. text: 'The Morning slot is not available for the selected date range.',
  2566. icon: 'warning',
  2567. confirmButtonText: 'OK'
  2568. });
  2569. document.getElementById('endDateInput').value = "";
  2570. //console.log("Evening slot not available for", noofdays, "days.");
  2571. }
  2572. } else if (noofdays === 1.5) {
  2573. // Special handling for 2 days
  2574. let endDateCandidate = new Date(start);
  2575. endDateCandidate.setDate(start.getDate() + 1);
  2576. let endDateFormattedCandidate = endDateCandidate.toISOString().split('T')[0];
  2577. let endDateStatusCandidate = window.bookingResponse[endDateFormattedCandidate] || [false, false];
  2578. let morningAvailableOnEndDate = !endDateStatusCandidate[0]; // false means available
  2579. let eveningAvailableOnEndDate = !endDateStatusCandidate[1]; // false means available
  2581. if (morningAvailable && eveningAvailable && morningAvailableOnEndDate) {
  2582. endDate = endDateCandidate.toISOString().split('T')[0];
  2583. document.getElementById('endDateInput').value = endDate;
  2584. //console.log("End Date (Morning to Evening with 2 days):", endDate);
  2585. } else {
  2586. Swal.fire({
  2587. title: 'Slot Not Available',
  2588. text: 'The evening slots are not available for the selected date range.',
  2589. icon: 'warning',
  2590. confirmButtonText: 'OK'
  2591. });
  2592. document.getElementById('endDateInput').value = "";
  2593. //console.log("Morning or Evening slot not available for 2 days.");
  2594. }
  2595. } else {
  2596. //console.log("Unsupported duration for Morning to Morning slot.");
  2597. Swal.fire({
  2598. title: 'Invalid Selection',
  2599. text: 'The selected duration for the morning slot is not supported.',
  2600. icon: 'error',
  2601. confirmButtonText: 'OK'
  2602. });
  2603. document.getElementById('endDateInput').value = "";
  2604. }
  2605. } else if (startingSlot === "1" && endingSlot === "2") { // Morning to Evening
  2606. //console.log("Handling Morning to Evening slot.");
  2607. if (noofdays === 1) {
  2608. if (morningAvailable && eveningAvailable) {
  2609. endDate = new Date(start);
  2610. endDate.setDate(start.getDate() + Math.ceil(noofdays) - 1);
  2611. endDate = endDate.toISOString().split('T')[0];
  2612. document.getElementById('endDateInput').value = endDate;
  2613. //console.log("End Date (Morning to Evening):", endDate);
  2614. } else {
  2615. Swal.fire({
  2616. title: ' Slot Not Available',
  2617. text: 'The Selected slot is not available for the selected date range.',
  2618. icon: 'warning',
  2619. confirmButtonText: 'OK'
  2620. });
  2621. document.getElementById('endDateInput').value = "";
  2622. //console.log("Evening slot not available for", noofdays, "days.");
  2623. }
  2624. } else if (noofdays === 2) {
  2625. // Special handling for 2 days
  2626. let endDateCandidate = new Date(start);
  2627. endDateCandidate.setDate(start.getDate() + 1);
  2628. let endDateFormattedCandidate = endDateCandidate.toISOString().split('T')[0];
  2629. let endDateStatusCandidate = window.bookingResponse[endDateFormattedCandidate] || [false, false];
  2630. let morningAvailableOnEndDate = !endDateStatusCandidate[0]; // false means available
  2631. let eveningAvailableOnEndDate = !endDateStatusCandidate[1]; // false means available
  2633. if (morningAvailable && eveningAvailable && morningAvailableOnEndDate && eveningAvailableOnEndDate) {
  2634. endDate = endDateCandidate.toISOString().split('T')[0];
  2635. document.getElementById('endDateInput').value = endDate;
  2636. //console.log("End Date (Morning to Evening with 2 days):", endDate);
  2637. } else {
  2638. Swal.fire({
  2639. title: 'Slot Not Available',
  2640. text: 'The morning and/or evening slots are not available for the selected date range.',
  2641. icon: 'warning',
  2642. confirmButtonText: 'OK'
  2643. });
  2644. document.getElementById('endDateInput').value = "";
  2645. //console.log("Morning or Evening slot not available for 2 days.");
  2646. }
  2647. } else {
  2648. //console.log("Unsupported duration for Morning to Evening slot.");
  2649. Swal.fire({
  2650. title: 'Invalid Selection',
  2651. text: 'The selected duration for the morning to evening slot is not supported.',
  2652. icon: 'error',
  2653. confirmButtonText: 'OK'
  2654. });
  2655. document.getElementById('endDateInput').value = "";
  2656. }
  2657. } else if (startingSlot === "2" && endingSlot === "1") { // Evening to Morning
  2658. //console.log("Handling Evening to Morning slot.");
  2659. if (noofdays === 1) {
  2660. if (eveningAvailable) { // Check if evening slot is available
  2661. let nextDay = new Date(start);
  2662. nextDay.setDate(start.getDate() + 1);
  2663. let nextDayFormatted = nextDay.toISOString().split('T')[0];
  2664. let nextDayStatus = window.bookingResponse[nextDayFormatted] || [false, false];
  2665. let nextDayMorningAvailable = !nextDayStatus[0]; // false means available
  2667. if (nextDayMorningAvailable) {
  2668. endDate = nextDay.toISOString().split('T')[0];
  2669. document.getElementById('endDateInput').value = endDate;
  2670. //console.log("End Date (Evening to Morning):", endDate);
  2671. } else {
  2672. Swal.fire({
  2673. title: 'Morning Slot Not Available',
  2674. text: 'The morning slot is not available for the next day.',
  2675. icon: 'warning',
  2676. confirmButtonText: 'OK'
  2677. });
  2678. document.getElementById('endDateInput').value = "";
  2679. //console.log("Morning slot not available for the next day.");
  2680. }
  2681. } else {
  2682. Swal.fire({
  2683. title: 'Evening Slot Not Available',
  2684. text: 'The evening slot is not available for the selected date.',
  2685. icon: 'warning',
  2686. confirmButtonText: 'OK'
  2687. });
  2688. document.getElementById('endDateInput').value = "";
  2689. //console.log("Evening slot not available for", startDate);
  2690. }
  2691. } else {
  2692. //console.log("Unsupported duration for Evening to Morning slot.");
  2693. Swal.fire({
  2694. title: 'Invalid Selection',
  2695. text: 'The selected duration for the evening to morning slot is not supported.',
  2696. icon: 'error',
  2697. confirmButtonText: 'OK'
  2698. });
  2699. document.getElementById('endDateInput').value = "";
  2700. }
  2701. } else {
  2702. //console.log("Unsupported slot combination or duration.");
  2703. Swal.fire({
  2704. title: 'Invalid Slot Combination',
  2705. text: 'The selected slot combination or duration is not supported.',
  2706. icon: 'error',
  2707. confirmButtonText: 'OK'
  2708. });
  2709. document.getElementById('endDateInput').value = "";
  2710. }
  2711. } else {
  2712. //console.log("Start Date or Number of Days not provided.");
  2713. Swal.fire({
  2714. title: 'Invalid Input',
  2715. text: 'Please provide a valid start date and number of days.',
  2716. icon: 'error',
  2717. confirmButtonText: 'OK'
  2718. });
  2719. document.getElementById('endDateInput').value = "";
  2720. }
  2721. }
  2723. function datepickerFormat(dateString) {
  2724. var dateObject = new Date(dateString);
  2725. var year = dateObject.getFullYear();
  2726. var month = (dateObject.getMonth() + 1).toString().padStart(2, "0");
  2727. var day = dateObject.getDate().toString().padStart(2, "0");
  2728. return `${year}-${month}-${day}`;
  2729. }
  2731. function printTables() {
  2732. // Get the printable content
  2733. var printableContent = document.getElementById('printableContent').innerHTML;
  2734. // Open a print window
  2735. var printWindow = window.open('', '', 'height=400,width=600');
  2736. // Write the printable content to the print window
  2737. printWindow.document.write('<html><head><title>Print</title></head><body>' + printableContent + '</body></html>');
  2739. // Close the print window after printing
  2740. printWindow.document.close();
  2741. printWindow.print();
  2742. printWindow.close();
  2743. }
  2745. function Reschedule() {
  2746. // Get mobile number and show OTP modal for verification
  2747. $.ajax({
  2748. type: "GET",
  2749. url: '/communityhall/user/api/viewAllBookingDetails',
  2750. data: { bookingId: rescheduleBookingId },
  2751. success: function (response) {
  2752. rescheduleMobileNumber = response.users.mobileNo;
  2754. // Show mobile number in OTP modal
  2755. document.getElementById("rescheduleMobileTxt").textContent = rescheduleMobileNumber;
  2757. // Clear any previous OTP errors
  2758. document.getElementById("rescheduleOtpError").textContent = "";
  2760. // Clear OTP inputs
  2761. for (let i = 1; i <= 5; i++) {
  2762. document.getElementById("rescheduleOtp" + i).value = "";
  2763. }
  2765. // Close date change modal and show OTP modal
  2766. $('#bookingRescheduleModal').modal('hide');
  2767. $('#rescheduleOtpModal').modal('show');
  2769. // Send OTP immediately
  2770. sendRescheduleOTP(rescheduleMobileNumber);
  2771. },
  2772. error: function () {
  2773. Swal.fire({
  2774. icon: 'error',
  2775. title: 'Error',
  2776. text: 'Failed to get booking details. Please try again.',
  2777. showConfirmButton: true
  2778. });
  2779. }
  2780. });
  2781. }
  2783. function sendRescheduleOTP(mobileNumber) {
  2784. $.ajax({
  2785. type: "GET",
  2786. url: "/communityhall/user/api/sendOTP",
  2787. data: {
  2788. mobileNo: mobileNumber,
  2789. purpose: "reschedule"
  2790. },
  2791. success: function (response) {
  2792. // Start countdown timer
  2793. startRescheduleCountdown();
  2794. },
  2795. error: function () {
  2796. Swal.fire({
  2797. icon: 'error',
  2798. title: 'Error',
  2799. text: 'Failed to send OTP. Please try again.',
  2800. showConfirmButton: true
  2801. });
  2802. }
  2803. });
  2804. }
  2806. function startRescheduleCountdown() {
  2807. var resendTimeout;
  2808. var resendLink = $("#rescheduleResendLink");
  2809. $("#rescheduleResendLink").html('Please wait..<span id="rescheduleCountdown">60</span>s');
  2810. var countdown = $("#rescheduleCountdown");
  2812. function startCountdown() {
  2813. var timeleft = 60;
  2814. countdown.text(timeleft);
  2816. resendTimeout = setInterval(function () {
  2817. timeleft--;
  2818. countdown.text(timeleft);
  2820. if (timeleft <= 0) {
  2821. clearInterval(resendTimeout);
  2822. $("#rescheduleResendLink").html('<a href="#" id="rescheduleResendLink" class="text-info" onclick="return sendRescheduleOTP(' + rescheduleMobileNumber + ');">Resend OTP</a>');
  2823. }
  2824. }, 1000);
  2825. }
  2827. startCountdown();
  2828. }
  2830. function resendRescheduleOTP() {
  2831. if (rescheduleMobileNumber) {
  2832. sendRescheduleOTP(rescheduleMobileNumber);
  2833. }
  2834. }
  2836. function verifyRescheduleOtp() {
  2837. // Get all the input fields with class `otp-input`
  2838. var otpInputs = $('.otp-input');
  2840. // Get the OTP value as a string
  2841. var otpValue = '';
  2842. otpInputs.each(function () {
  2843. otpValue += $(this).val();
  2844. });
  2846. if (otpValue.length !== 5) {
  2847. document.getElementById("rescheduleOtpError").textContent = "Please enter complete OTP";
  2848. return false;
  2849. }
  2851. // Verify OTP
  2852. $.ajax({
  2853. type: "GET",
  2854. url: "/communityhall/user/api/verifyofficialOTP",
  2855. data: {
  2856. otp: otpValue
  2857. },
  2858. dataType: 'text',
  2859. success: function (response) {
  2860. if (response.trim() === "Success") {
  2861. // OTP verified successfully, close OTP modal and proceed with reschedule
  2862. $('#rescheduleOtpModal').modal('hide');
  2863. validateDatesAndReschedule();
  2864. } else {
  2865. document.getElementById("rescheduleOtpError").textContent = "OTP is Incorrect!!!";
  2866. // Clear OTP inputs
  2867. for (let i = 1; i <= 5; i++) {
  2868. document.getElementById("rescheduleOtp" + i).value = "";
  2869. }
  2870. }
  2871. },
  2872. error: function () {
  2873. document.getElementById("rescheduleOtpError").textContent = "Error verifying OTP. Please try again.";
  2874. }
  2875. });
  2877. return false;
  2878. }
  2884. function proceedWithReschedule() {
  2885. // Debug: Log the data being sent
  2886. console.log('Reschedule data:', {
  2887. bookingId: rescheduleBookingId,
  2888. startDate: rescheduleStartDate,
  2889. endDate: rescheduleEndDate
  2890. });
  2892. $.ajax({
  2893. type: "POST",
  2894. url: "/communityhall/user/api/reschedule-dates",
  2895. data: {
  2896. bookingId: rescheduleBookingId,
  2897. startDate: rescheduleStartDate,
  2898. endDate: rescheduleEndDate
  2899. },
  2900. success: function (response) {
  2901. Swal.fire({
  2902. icon: 'success',
  2903. title: 'Success',
  2904. text: 'Booking rescheduled successfully!',
  2905. showConfirmButton: true
  2906. }).then((result) => {
  2907. if (result.isConfirmed) {
  2908. // Close modal and reload page
  2909. $('#bookingRescheduleModal').modal('hide');
  2910. location.reload();
  2911. }
  2912. });
  2913. },
  2914. error: function (xhr, status, error) {
  2915. console.error('Reschedule API Error:', {
  2916. status: xhr.status,
  2917. statusText: xhr.statusText,
  2918. responseText: xhr.responseText,
  2919. error: error
  2920. });
  2922. let errorMessage = 'Failed to reschedule booking. Please try again.';
  2924. if (xhr.responseText) {
  2925. try {
  2926. const errorData = JSON.parse(xhr.responseText);
  2927. errorMessage = errorData.message || errorData.error || errorMessage;
  2928. } catch (e) {
  2929. errorMessage = xhr.responseText || errorMessage;
  2930. }
  2931. }
  2933. Swal.fire({
  2934. icon: 'error',
  2935. title: 'Error',
  2936. text: errorMessage,
  2937. showConfirmButton: true
  2938. });
  2939. }
  2940. });
  2941. }
  2943. function validateDatesAndReschedule() {
  2944. // Retrieve values from modal inputs
  2946. var startDate = document.getElementById("startDateInput").value;
  2947. var endDate = document.getElementById("endDateInput").value;
  2948. var originalStartDate = document.getElementById("startDatetext").value;
  2950. // Debug: Log the retrieved dates
  2951. console.log('Retrieved dates:', {
  2952. startDate: startDate,
  2953. endDate: endDate,
  2954. originalStartDate: originalStartDate
  2955. });
  2957. // Check if the rescheduled start date is the same as the original booked start date
  2958. if (startDate === originalStartDate) {
  2959. Swal.fire({
  2960. icon: 'warning',
  2961. title: 'Warning',
  2962. text: 'Your Rescheduled Start Date is the same as Your booking Start Date. Please change the date.',
  2963. showConfirmButton: true
  2964. });
  2965. return;
  2966. }
  2967. if (!endDate) {
  2968. Swal.fire({
  2969. icon: 'error',
  2970. title: 'Error',
  2971. text: 'End Date is Empty! Please check your Start Date',
  2972. showConfirmButton: true
  2973. });
  2974. return;
  2975. }
  2977. // Store the validated dates
  2978. rescheduleStartDate = startDate;
  2979. rescheduleEndDate = endDate;
  2981. // Debug: Log the final dates being sent
  2982. console.log('Final reschedule dates:', {
  2983. startDate: rescheduleStartDate,
  2984. endDate: rescheduleEndDate,
  2985. bookingId: rescheduleBookingId
  3016. });
  3018. // Proceed with reschedule
  3019. proceedWithReschedule();
  3020. }
  3022. $(document).ready(function () {
  3023. // DataTables buttons configuration
  3024. var buttons = [
  3025. {
  3026. extend: 'pageLength',
  3027. className: 'btn btn-primary'
  3028. }
  3029. ];
  3030. $('#simpletable').DataTable({
  3031. dom: 'Bftip',
  3032. columnDefs: [
  3033. { targets: 'no-sort', orderable: false }
  3034. ],
  3035. lengthMenu: [
  3036. [5, 10, 20, 50, -1],
  3037. ['5 rows', '10 rows', '20 rows', '50 rows', 'Show all']
  3038. ],
  3039. scrollY: '50vh',
  3040. fixedColumns: {
  3041. left: 1,
  3042. right: 1
  3043. },
  3044. buttons: [buttons],
  3045. responsive: true,
  3046. searching: true, // Enable search
  3047. select: false,
  3048. processing: false,
  3049. });
  3052. $('#searchInput').on('keyup', function () {
  3053. dataTable.search(this.value).draw();
  3054. });
  3055. });
  3056. $(document).on('change', '.nocfile', function () {
  3057. validateFile(this);
  3058. });
  3060. function transactionHistory(userId) {
  3061. $.ajax({
  3062. type: "GET",
  3063. url: '/communityhall/user/api/getTransactionDetails',
  3064. data: { 'userId': userId },
  3065. success: function (data) {
  3066. // console.log("Full response:", data);
  3067. // console.log("Refund Details:", data.refundDetails);
  3070. const transactions = data.transactions || [];
  3071. const refundDetails = data.refundDetails || [];
  3073. populateTransactionTable(transactions);
  3074. populateRefundDetailsTable(refundDetails);
  3076. $('#transactionHistoryModal').modal('show'); // Show the modal
  3077. },
  3078. error: function (error) {
  3079. console.error("Error fetching transaction details", error);
  3080. }
  3081. });
  3082. }
  3084. function populateTransactionTable(transactions) {
  3085. const tableBody = $('#transactionTable tbody');
  3086. tableBody.empty(); // Clear any existing rows
  3088. transactions.forEach((transaction, index) => {
  3089. const paymentStatus = (transaction.statusCode === "0300" && transaction.response?.includes("success"))
  3090. ? "Success"
  3091. : "Payment Failed";
  3093. const row = `
  3094. <tr>
  3095. <td>${index + 1}</td>
  3096. <td>${transaction.bookingId}</td>
  3097. <td>${transaction.amount || '-'}</td>
  3098. <td>${transaction.date || '-'}</td>
  3099. <td>${transaction.txansactionId || '-'}</td>
  3100. <td>${paymentStatus}</td>
  3101. </tr>
  3102. `;
  3103. tableBody.append(row); // Append the row to the table body
  3104. });
  3105. }
  3107. function populateRefundDetailsTable(refundDetails) {
  3108. const refundTable = $('#refunddetails');
  3109. const tableBody = $('#refunddetailsTable tbody');
  3110. tableBody.empty(); // Clear any existing rows
  3112. if (refundDetails.length > 0) {
  3113. refundTable.show(); // Show the refund details table
  3115. refundDetails.forEach((refund, index) => {
  3116. const row = `
  3117. <tr>
  3118. <td>${index + 1}</td>
  3119. <td>${refund.bookingId}</td>
  3120. <td>${refund.amount}</td>
  3121. <td>${refund.date}</td>
  3122. <td>${refund.txansactionId}</td>
  3123. <td>${refund.refundAmount}</td>
  3124. </tr>
  3125. `;
  3126. tableBody.append(row);
  3127. });
  3128. } else {
  3129. refundTable.hide(); // Hide the refund details table
  3130. }
  3131. }
  3134. // Toggle Chat Box
  3135. function toggleChat() {
  3136. const chatBox = document.getElementById('chat-box');
  3137. chatBox.style.display = (chatBox.style.display === 'block') ? 'none' : 'block';
  3138. }
  3140. // Send Message
  3141. function sendMessage() {
  3142. const userInput = document.getElementById('userInput');
  3143. const message = userInput.value.trim();
  3145. if (message) {
  3146. // Create message element
  3147. const chatBody = document.getElementById('chat-body');
  3148. const userMessage = document.createElement('div');
  3149. userMessage.className = 'user-message';
  3150. userMessage.textContent = message;
  3152. chatBody.appendChild(userMessage);
  3153. chatBody.scrollTop = chatBody.scrollHeight; // Auto-scroll to bottom
  3155. // Send message to the server (Spring Boot API)
  3156. fetch('/communityhall/admin/api/send', {
  3157. method: 'POST',
  3158. headers: {
  3159. 'Content-Type': 'application/json',
  3160. },
  3161. body: JSON.stringify({ message }),
  3162. })
  3163. .then(response => response.json())
  3164. .then(data => {
  3165. // Add response message to chat
  3166. const responseMessage = document.createElement('div');
  3167. responseMessage.className = 'bot-message';
  3168. responseMessage.textContent = data.response;
  3170. chatBody.appendChild(responseMessage);
  3171. chatBody.scrollTop = chatBody.scrollHeight;
  3172. });
  3174. userInput.value = ''; // Clear input field
  3175. }
  3176. }
  3178. // OTP input navigation for reschedule modal
  3179. $('.otp-input').on('keyup', function (e) {
  3180. var $this = $(this);
  3181. if ($this.val().length === 1) {
  3182. $this.next('.otp-input').focus();
  3183. }
  3184. if ($this.val().length === 0) {
  3185. $this.prev('.otp-input').focus();
  3186. }
  3187. });
  3189. // Clear OTP inputs when OTP modal is shown
  3190. $('#rescheduleOtpModal').on('shown.bs.modal', function () {
  3191. $('.otp-input').val('');
  3192. $('#rescheduleOtpError').text('');
  3193. });
  3195. </script>
  3197. </div>
  3198. </div>
  3199. </div>
  3200. </body>
  3202. </html>