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.
15 Commits
1 Branch
0 Tags
244 MiB
Tree: 267e7fe25e
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '267e7fe25e'
${ noResults }
communityhallv22/src/main/resources/templates/user/hallbookingform.html

3475 lines
164 KiB
Raw Normal View History

first
2 years ago
​
Enhancement added and Bugs fixed
2 years ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
first
2 years ago
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
first
2 years ago
​
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
first
2 years ago
​
​
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
first
2 years ago
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
​
​
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
​
​
​
​
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
​
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
first
2 years ago
​
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
​
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
​
​
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
first
2 years ago
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
first
2 years ago
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
first
2 years ago
Counter login and Unique Id added
2 years ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
Counter login and Unique Id added
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
Counter login and Unique Id added
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
Counter login and Unique Id added
2 years ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
Counter login and Unique Id added
2 years ago
​
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
first
2 years ago
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
first
2 years ago
Counter login and Unique Id added
2 years ago
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
first
2 years ago
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
Counter login and Unique Id added
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
Counter login and Unique Id added
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
​
​
​
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
Counter login and Unique Id added
2 years ago
​
​
​
​
first
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
Counter login and Unique Id added
2 years ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Enhancement added and Bugs fixed
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
Counter login and Unique Id added
2 years ago
Enhancement added and Bugs fixed
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
Counter login and Unique Id added
2 years ago
Enhancement added and Bugs fixed
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
Enhancement added and Bugs fixed
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
Enhancement added and Bugs fixed
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
Counter login and Unique Id added
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
Counter login and Unique Id added
2 years ago
​
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
Counter login and Unique Id added
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
Counter login and Unique Id added
2 years ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
​
​
​
​
​
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
first
2 years ago
Scheduler refund amount code disabled and right click disabled and coniditon added in 3rd step of hall booking form
1 year ago
first
2 years ago
  1. <!DOCTYPE html>
  3. <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
  5. <head th:replace="~{fragments/head :: head}"></head>
  6. <script src="https://cdn.jsdelivr.net/npm/compressorjs@5.0.3/dist/compressor.js"></script>
  7. <style>
  8. .table-align {
  9. width: 100%;
  10. }
  12. .td-align {
  13. padding: 8px;
  14. border: 1px solid #ddd;
  15. }
  17. @media (max-width: 600px) {
  18. .td-align {
  19. display: block;
  20. width: 100%;
  21. box-sizing: border-box;
  22. }
  23. }
  25. .center-table {
  26. justify-content: center;
  27. align-items: center;
  28. }
  30. .highlight-greens .ui-state-default {
  31. background: green !important;
  32. color: #FFF !important;
  33. }
  35. .highlight-yellow .ui-state-default {
  36. background: yellow !important;
  37. color: #000 !important;
  38. }
  40. .highlight-violet .ui-state-default {
  41. background: #a93da9 !important;
  42. color: #000 !important;
  43. }
  45. .highlight-pink .ui-state-default {
  46. background: red !important;
  47. color: #000 !important;
  48. }
  50. .btn-square-md {
  51. width: 16px !important;
  52. max-width: 100% !important;
  53. max-height: 50% !important;
  54. height: 30px !important;
  55. text-align: center;
  56. padding: 0px;
  57. font-size: 2px;
  58. }
  60. .disabled {
  61. pointer-events: none;
  62. opacity: 1;
  63. /* Example: reduce opacity to indicate disabled state */
  64. }
  66. .ui-datepicker {
  67. width: 100%;
  68. background-color: #333;
  69. }
  71. .ui-datepicker-header {
  72. background-color: #f0f0f0;
  73. /* Light gray background for header */
  74. border: none;
  75. border-radius: 5px 5px 0 0;
  76. }
  78. .ui-datepicker-title {
  79. font-size: 1.2em;
  80. margin: 0;
  81. padding: 10px;
  82. text-align: center;
  83. }
  85. .ui-datepicker-calendar {
  86. margin: 0;
  87. padding: 0;
  88. color: white;
  89. /* Text color for dates */
  90. font-weight: bold;
  91. /* Bold font for dates */
  92. }
  94. .ui-datepicker-calendar th,
  95. .ui-datepicker-calendar td {
  96. text-align: center;
  97. }
  99. .ui-datepicker-week-end {
  100. color: yellow;
  101. font-weight: bold;
  102. }
  104. /* Style for the label */
  105. .date-label {
  106. display: block;
  107. margin-bottom: 6px;
  108. font-weight: bold;
  109. }
  111. .highlight-current-date a {
  112. background-color: green;
  113. /* Current date highlight color */
  114. color: white;
  115. }
  117. .highlight-greens a {
  118. background-color: green;
  119. color: white;
  120. }
  122. .highlight-yellow a {
  123. background-color: yellow;
  124. color: black;
  125. /* Change text color for visibility */
  126. }
  128. .highlight-pink a,
  129. input[type=button]:disabled {
  130. background-color: pink;
  131. /* Pink highlight for disabled or booked dates */
  132. color: white;
  133. }
  135. .highlight-orange a {
  136. background-color: orange;
  137. /* Orange highlight color */
  138. color: white;
  139. }
  141. input[type=button]:disabled {
  142. background: red;
  143. }
  145. .hidden {
  146. display: none;
  147. }
  149. #selecthall.select2-container--default .select2-selection--single {
  150. height: 35px;
  151. border: 1px solid #ddd;
  152. padding-left: 10px;
  153. }
  155. .select2-container--default .select2-selection--single .select2-selection__rendered {
  156. color: #444;
  157. line-height: 28px;
  158. margin-top: -8px;
  159. }
  161. #hallDetailsContainer {
  162. display: flex;
  163. flex-direction: column;
  164. align-items: center;
  165. /* Center items horizontally */
  166. justify-content: center;
  167. /* Center items vertically */
  168. border: 1px solid #ccc;
  169. border-radius: 5px;
  170. padding: 20px;
  171. margin-top: 20px;
  172. box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  173. background-color: #fff;
  174. }
  176. /* Style for the image */
  177. #hallImagesCarousel {
  178. margin-bottom: 20px;
  179. }
  181. .row {
  182. display: flex;
  183. flex-wrap: wrap;
  184. margin-right: 0px;
  185. margin-left: 0px;
  186. }
  188. .col-md-6 {
  189. width: 50%;
  190. padding: 0 10px;
  191. /* Optional: Add padding to columns */
  192. }
  194. @media (max-width: 768px) {
  195. .col-md-6 {
  196. width: 100%;
  197. /* Full width on smaller screens */
  198. }
  199. }
  201. #hallDetailsContainer p {
  202. margin: 0;
  203. padding: 5px 0;
  204. }
  206. #hallDetailsContainer p:nth-child(even) {
  207. background-color: #f9f9f9;
  208. }
  210. /* CSS styles for the amount details container */
  211. #amountDetailsContainer {
  212. border: 1px solid #ccc;
  213. border-radius: 5px;
  214. padding: 20px;
  215. margin-top: 20px;
  216. box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  217. background-color: #fff;
  218. }
  220. #amountDetailsContainer h4 {
  221. margin-top: 0;
  222. margin-bottom: 10px;
  223. }
  225. #amountDetailsContainer div {
  226. list-style: none;
  227. padding: 0;
  228. }
  230. #amountDetailsContainer p {
  231. margin-bottom: 10px;
  232. }
  234. #amountDetailsContainer p span {
  235. font-weight: bold;
  236. }
  238. #amountDetailsContainer p:nth-child(even) {
  239. background-color: #f9f9f9;
  240. }
  242. /* Style for the image container */
  243. #hallImagesCarousel {
  244. display: flex;
  245. justify-content: center;
  246. /* Center content horizontally */
  247. align-items: center;
  248. /* Center content vertically */
  249. margin-bottom: 20px;
  250. position: relative;
  251. }
  253. /* Style for the images inside the carousel */
  254. .carousel-item img {
  255. max-width: 100%;
  256. /* Ensure image does not exceed container width */
  257. min-height: 9%;
  258. /* Maintain aspect ratio */
  259. display: block;
  260. /* Ensure image is block-level element */
  261. max-width: 100%;
  262. max-height: 100%;
  263. display: block;
  264. margin: 0 auto;
  265. /* Center the image horizontally */
  266. }
  268. .content-container {
  269. padding: 20px;
  270. }
  272. .otp-input {
  273. width: 30px;
  274. height: 30px;
  275. border: 1px solid #ccc;
  276. border-radius: 5px;
  277. text-align: center;
  278. font-size: 16px;
  279. margin-right: 10px;
  280. }
  282. /* Ensures content within these classes is centered */
  283. .modal-header,
  284. .modal-body,
  285. .modal-footer,
  286. #resend-container {
  287. text-align: center;
  288. }
  290. /* Center content with Flexbox if needed */
  291. .center-flex {
  292. display: flex;
  293. justify-content: center;
  294. align-items: center;
  295. flex-direction: column;
  296. /* Stack elements vertically */
  297. }
  299. /* Adjust the margin of the otp-input-box for better alignment */
  300. .otp-input-box {
  301. justify-content: center;
  302. margin: 0 auto;
  303. /* Centers the box horizontally */
  304. align-items: center;
  305. /* Align items in the center for flex containers */
  306. width: 100%;
  307. }
  309. .center-content {
  310. display: flex;
  311. justify-content: center;
  312. align-items: center;
  313. height: 100%;
  314. /* Or set a specific height */
  315. flex-direction: column;
  316. /* Stack children vertically */
  317. }
  319. /* To ensure the form takes up the necessary width */
  320. .form-group {
  321. width: 100%;
  322. /* Adjust based on your layout's needs */
  323. }
  325. /* Custom styles for the jQuery UI Dialog */
  326. .custom-dialog .ui-dialog-content {
  327. background-color: #fff;
  328. color: #333;
  329. padding: 20px;
  330. }
  332. .custom-dialog .ui-dialog-titlebar {
  333. background: #007bff;
  334. color: #ffffff;
  335. }
  337. .custom-dialog .ui-dialog-buttonpane {
  338. background-color: #f1f1f1;
  339. }
  341. .custom-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
  342. background-color: #007bff;
  343. color: #ffffff;
  344. border-color: #007bff;
  345. }
  347. .custom-dialog a {
  348. color: #007bff;
  349. text-decoration: none;
  350. }
  352. .custom-dialog a:hover {
  353. text-decoration: underline;
  354. }
  356. table {
  357. width: 100%;
  358. border-collapse: collapse;
  359. }
  361. th,
  362. td {
  363. border: 1px solid black;
  364. padding: 8px;
  365. text-align: center;
  366. }
  368. .date-box {
  369. border: 1px solid #ccc;
  370. padding: 10px;
  371. margin: 5px;
  372. text-align: center;
  373. background-color: #f8f9fa;
  374. border-radius: 5px;
  375. }
  377. .checkbox-label {
  378. display: block;
  379. margin-top: 5px;
  380. }
  382. #calendar {
  383. margin-top: 20px;
  384. padding: 20px;
  385. border: 1px solid #ccc;
  386. border-radius: 5px;
  387. background-color: #f8f9fa;
  388. }
  390. /* Style for date checkboxes */
  391. .date-checkboxes {
  392. margin-top: 10px;
  393. }
  395. label {
  396. margin-right: 10px;
  397. }
  399. .ui-datepicker-container {
  400. width: 100%
  401. }
  403. .fixedcontainer {
  404. width: 250%;
  405. margin: 40px 0;
  406. }
  408. .ui-widget {
  409. width: 40%
  410. }
  412. .ui-datepicker {
  413. padding: 3px;
  414. border: 1px solid #ccc;
  415. border-radius: 5px;
  416. background-color: white;
  417. left: 29.1418px;
  418. }
  420. .ui-datepicker-header {
  421. background-color: #f0f0f0;
  422. border: none;
  423. border-radius: 5px 5px 0 0;
  424. }
  426. .ui-datepicker-title {
  427. font-size: 1.2em;
  428. margin: 0;
  429. padding: 10px;
  430. text-align: center;
  431. }
  433. .ui-datepicker-calendar {
  434. margin: 0;
  435. padding: 0;
  436. font-weight: bold;
  437. /* Bold font for dates */
  438. }
  440. .ui-datepicker-calendar th,
  441. .ui-datepicker-calendar td {
  442. padding: 5px;
  443. text-align: center;
  444. }
  446. .ui-datepicker-calendar .ui-state-default {
  447. cursor: pointer;
  448. width: 100%;
  449. height: 100%;
  450. display: flex;
  451. justify-content: center;
  452. align-items: center;
  453. }
  455. .ui-datepicker-week-end {
  456. color: black;
  457. font-weight: bold;
  458. }
  460. .ui-datepicker-calendar th span {
  461. color: black;
  462. font-weight: bold;
  463. }
  465. .booking-form-container {
  466. margin: 20px auto;
  467. padding: 20px;
  468. border: 1px solid #ddd;
  469. border-radius: 8px;
  470. background-color: #f9f9f9;
  471. max-width: 960px;
  472. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  473. }
  475. .booking-form-container label {
  476. font-weight: bold;
  477. }
  479. .booking-form-container .form-control {
  480. margin-bottom: 10px;
  481. }
  483. .booking-form-container .btn-primary {
  484. background-color: #017bff;
  485. }
  487. .white-background {
  488. background-color: white;
  489. /* Set the background color as needed */
  490. border: 1px solid #ccc;
  491. /* Optional: Add border for better visualization */
  492. padding: 20px;
  493. margin-bottom: 20px;
  494. overflow: hidden;
  495. /* Hide overflow content during animation */
  496. position: relative;
  497. }
  499. .slide-left {
  500. animation: slideLeft 0.5s ease both;
  501. }
  503. .slide-right {
  504. animation: slideRight 0.5s ease both;
  505. }
  507. @keyframes slideLeft {
  508. 0% {
  509. transform: translateX(0);
  510. }
  512. 100% {
  513. transform: translateX(-100%);
  514. opacity: 0;
  515. }
  516. }
  518. @keyframes slideRight {
  519. 0% {
  520. transform: translateX(-100%);
  521. opacity: 0;
  522. }
  524. 100% {
  525. transform: translateX(0);
  526. opacity: 1;
  527. }
  528. }
  530. /* Apply styles to the booking-section container */
  531. .booking-section {
  532. margin: 20px auto;
  533. padding: 20px;
  534. border: 1px solid #ddd;
  535. border-radius: 8px;
  536. background-color: #f9f9f9;
  537. max-width: 960px;
  538. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  539. }
  541. .booking-section label {
  542. font-weight: bold;
  543. }
  545. .booking-section .form-control {
  546. margin-bottom: 10px;
  547. }
  549. .booking-section .btn-primary {
  550. background-color: #017bff;
  551. }
  553. /* Apply white background to the booking-section */
  554. #reasonforbookingSection {
  555. background-color: #ffffff;
  556. /* White background color */
  557. padding: 20px;
  558. /* Optional: Add padding for spacing */
  559. }
  561. body {
  562. font-family: Arial, sans-serif;
  563. margin: 0;
  564. padding: 0;
  565. }
  567. .progressbar {
  568. display: flex;
  569. margin-bottom: 20px;
  570. }
  572. .progress-step {
  573. width: 100%;
  574. height: 9px;
  575. background-color: #e0e0e0;
  576. /* Light gray background */
  577. border-radius: 10px;
  578. /* Rounded corners */
  579. margin-right: 10px;
  580. }
  582. .progress-step-active {
  583. background-color: #4caf50;
  584. /* Green active step */
  585. color: white;
  586. /* White text color */
  587. font-weight: bold;
  588. /* Bold font for active step */
  589. }
  591. .progress {
  592. width: 100%;
  593. height: 10px;
  594. background-color: #ddd;
  595. position: relative;
  596. }
  598. .progress-step::before {
  599. content: attr(data-title);
  600. display: block;
  601. position: absolute;
  602. top: 20px;
  603. left: 50%;
  604. transform: translateX(-50%);
  605. font-size: 12px;
  606. color: #888;
  607. }
  609. .form {
  610. margin-bottom: 20px;
  611. }
  613. .form-step {
  614. display: none;
  615. margin-bottom: 20px;
  616. }
  618. .form-step-active {
  619. display: block;
  620. }
  622. .btn-prev,
  623. .btn-next {
  624. padding: 10px 20px;
  625. font-size: 14px;
  626. cursor: pointer;
  627. border: none;
  628. background-color: #337ab7;
  629. color: #fff;
  630. }
  632. .btn-prev {
  633. margin-right: 10px;
  634. }
  636. /* Media Query for small screens */
  637. @media (max-width: 768px) {
  638. .progress-step::before {
  639. display: none;
  640. /* Hide step titles on small screens */
  641. }
  642. }
  644. #container {
  645. max-width: 1183px;
  646. }
  648. .step-container {
  649. position: relative;
  650. text-align: center;
  651. transform: translateY(-60%);
  652. }
  654. .step-circle {
  655. width: 30px;
  656. height: 30px;
  657. line-height: 29px;
  658. text-align: center;
  659. border-radius: 50%;
  660. cursor: pointer;
  661. background-color: #016d6f;
  662. color: white;
  663. border: 2px solid #016d6f;
  664. }
  666. .step-circle.active {
  667. background-color: #FFFFFF;
  668. color: #016d6f;
  669. }
  671. .step-line {
  672. position: absolute;
  673. top: 16px;
  674. left: 50px;
  675. width: calc(100% - 100px);
  676. height: 2px;
  677. background-color: #FFFFFF;
  678. /* Set the line color here */
  679. z-index: -1;
  680. }
  682. #multi-step-form {
  683. overflow-x: hidden;
  685. }
  687. body {
  688. font-family: Arial, sans-serif;
  689. margin: 0;
  690. padding: 0;
  691. }
  693. .custom-container {
  694. padding: 20px;
  695. border-radius: 8px;
  696. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  697. background-color: #FFFFFF;
  698. border: 1px solid #CCCCCC;
  699. overflow: auto;
  700. }
  702. .header {
  703. z-index: 1000;
  704. margin-bottom: 20px;
  705. }
  707. .logo-img {
  708. height: 30px;
  709. position: absolute;
  710. left: 10px;
  711. top: 10px;
  712. }
  714. .header h6 {
  715. color: white;
  716. text-align: center;
  717. margin: 0;
  718. line-height: 2.1;
  719. }
  721. .invoice-details h3 {
  722. margin: 5px 0;
  724. }
  726. .invoice-details p {
  727. margin: 5px 0;
  728. /* Adjusted margin for <p> tags */
  729. }
  731. .total-section {
  732. margin-top: 20px;
  733. text-align: right;
  734. }
  736. .step-content p {
  737. display: inline-block;
  738. margin-right: 20px;
  739. margin-bottom: 20px;
  740. }
  742. .error {
  743. border: 1px solid red;
  744. }
  746. .error-message {
  747. color: red;
  748. font-size: 12px;
  749. padding-top: 5px;
  750. }
  752. /* Style for small thumbnail images */
  753. .thumbnail-img {
  754. width: 44px;
  755. /* Adjust the width as needed */
  756. height: 35px;
  757. /* Adjust the height as needed */
  758. cursor: pointer;
  759. /* Show cursor as pointer on hover */
  760. margin-right: 10px;
  761. /* Optional margin between images */
  762. }
  764. .large-image-container {
  765. position: fixed;
  766. top: 10%;
  767. left: 34%;
  768. width: 36%;
  769. height: 72%;
  770. background-color: slategrey;
  771. z-index: 1050;
  772. /* High z-index to ensure it's on top of other content */
  773. padding: 25px;
  774. box-sizing: border-box;
  775. overflow: hidden;
  776. /* Prevents scrollbars from iframe from appearing outside the container */
  777. }
  779. #largeImage {
  780. max-width: 90%;
  781. /* Limit maximum width of large image */
  782. max-height: 90vh;
  783. /* Limit maximum height of large image */
  784. display: block;
  785. /* Ensure it behaves as a block element */
  786. margin: 0 auto;
  787. /* Center horizontally */
  788. }
  790. .btn-square-md {
  791. width: 72px !important;
  792. max-width: 100% !important;
  793. max-height: 50% !important;
  794. height: 18px !important;
  795. text-align: center;
  796. padding: 0px;
  797. font-size: 2px;
  798. }
  800. .close-button {
  801. position: absolute;
  802. top: 5px;
  803. right: 5px;
  804. z-index: 1051;
  805. /* Ensure close button is above the iframe */
  806. }
  808. iframe {
  809. width: 100%;
  810. height: 100%;
  811. /* Take full size of the container minus any paddings if necessary */
  812. border: none;
  813. }
  815. #uploadedDocsList {
  816. list-style-type: none;
  817. /* Removes the bullet points */
  818. padding: 0;
  819. /* Removes padding */
  820. margin: 0;
  821. /* Removes margin */
  822. }
  824. #uploadedDocsList li {
  825. margin-bottom: 10px;
  826. text-wrap: balance;
  827. /* Adds space between items */
  828. }
  830. #termsModal .table td,
  831. #termsModal .table th {
  832. padding: 0.5rem;
  833. /* Reducing padding */
  834. font-size: 0.8rem;
  835. /* Smaller font size */
  836. }
  838. .table-wrap td {
  839. white-space: normal;
  840. word-wrap: break-word;
  841. }
  843. .swal2-container {
  844. z-index: 9999999999999 !important;
  845. /* Adjust this value if needed */
  846. }
  848. #ui-datepicker-div {
  849. width: 40%;
  850. }
  852. /* Media query for mobile screens */
  853. @media (max-width: 768px) {
  854. #ui-datepicker-div {
  855. width: 72%;
  856. }
  857. }
  859. .highlight-disabled {
  860. cursor: default !important;
  861. /* Default cursor for disabled dates */
  862. }
  864. .form-check-label {
  865. padding-left: 0px
  866. }
  868. h5 {
  869. margin-left: 10px;
  870. }
  872. .table-bordered {
  873. border: 1px solid black;
  874. /* Set the border color to black */
  875. }
  877. .table-bordered td,
  878. .table-bordered th {
  879. border-color: black;
  880. /* Ensure that all table cells and headers have a black border */
  881. }
  883. .sand-clock::before {
  884. content: "\231B";
  885. /* Unicode for hourglass icon */
  886. display: inline-block;
  887. animation: move 1.5s infinite;
  888. font-size: 1.2em;
  889. /* Adjust size as needed */
  890. }
  892. /* Animation keyframes */
  893. @keyframes move {
  894. 0% {
  895. transform: translateY(0);
  896. }
  898. 50% {
  899. transform: translateY(-5px);
  900. }
  902. 100% {
  903. transform: translateY(0);
  904. }
  905. }
  907. .snackbar {
  908. visibility: hidden;
  909. min-width: 250px;
  910. margin-left: -125px;
  911. background-color: #333;
  912. color: #fff;
  913. text-align: center;
  914. border-radius: 5px;
  915. padding: 16px;
  916. position: fixed;
  917. z-index: 1;
  918. left: 50%;
  919. bottom: 30px;
  920. font-size: 17px;
  921. }
  923. .snackbar.show {
  924. visibility: visible;
  925. animation: fadeInOut 0.5s, fadeOut 0.5s 2.5s;
  926. }
  928. @keyframes fadeInOut {
  929. from {
  930. bottom: 0;
  931. opacity: 0;
  932. }
  934. to {
  935. bottom: 30px;
  936. opacity: 1;
  937. }
  938. }
  940. @keyframes fadeOut {
  941. from {
  942. bottom: 30px;
  943. opacity: 1;
  944. }
  946. to {
  947. bottom: 0;
  948. opacity: 0;
  949. }
  950. }
  952. .highlight-blue .ui-state-default {
  953. background: blue !important;
  954. color: #FFF !important;
  955. }
  957. .highlight-blue a {
  958. background-color: blue;
  959. color: white;
  961. }
  963. /* css fror toast */
  964. /* Toast styling */
  965. #toast {
  966. visibility: hidden;
  967. min-width: 200px;
  968. margin-left: -100px;
  969. background: #333;
  970. color: #fff;
  971. text-align: center;
  972. border-radius: 6px;
  973. padding: 10px;
  974. position: fixed;
  975. z-index: 9999;
  976. left: 50%;
  977. bottom: 30px;
  978. font-size: 14px;
  979. }
  981. #toast.show {
  982. visibility: visible;
  983. animation: fadein 0.5s, fadeout 0.5s 2s;
  984. }
  986. @keyframes fadein {
  987. from {
  988. bottom: 10px;
  989. opacity: 0;
  990. }
  992. to {
  993. bottom: 30px;
  994. opacity: 1;
  995. }
  996. }
  998. @keyframes fadeout {
  999. from {
  1000. bottom: 30px;
  1001. opacity: 1;
  1002. }
  1004. to {
  1005. bottom: 10px;
  1006. opacity: 0;
  1007. }
  1008. }
  1009. </style>
  1011. <body>
  1012. <!-- Pre-loader start -->
  1013. <div class="theme-loader">
  1014. <div class="ball-scale">
  1015. <div class='contain'>
  1016. <div class="ring">
  1017. <div class="frame"></div>
  1018. </div>
  1019. <div class="ring">
  1020. <div class="frame"></div>
  1021. </div>
  1022. <div class="ring">
  1023. <div class="frame"></div>
  1024. </div>
  1025. <div class="ring">
  1026. <div class="frame"></div>
  1027. </div>
  1028. <div class="ring">
  1029. <div class="frame"></div>
  1030. </div>
  1031. <div class="ring">
  1032. <div class="frame"></div>
  1033. </div>
  1034. <div class="ring">
  1035. <div class="frame"></div>
  1036. </div>
  1037. <div class="ring">
  1038. <div class="frame"></div>
  1039. </div>
  1040. <div class="ring">
  1041. <div class="frame"></div>
  1042. </div>
  1043. <div class="ring">
  1044. <div class="frame"></div>
  1045. </div>
  1046. </div>
  1047. </div>
  1048. </div>
  1049. <!-- Pre-loader end -->
  1050. <div id="pcoded" class="pcoded">
  1051. <div class="pcoded-container">
  1052. <!-- Menu header end -->
  1053. <div class="pcoded-main-container">
  1054. <!-- Menu header start -->
  1055. <nav th:replace="~{fragments/nav-user :: nav}"></nav>
  1056. <!-- Menu header end -->
  1057. <div class="pcoded-main-container">
  1058. <nav th:replace="~{fragments/nav-usermenu :: nav}"></nav>
  1059. <div class="pcoded-wrapper">
  1060. <div class="pcoded-content">
  1061. <div class="pcoded-inner-content">
  1062. <div class="page-header m-t-20">
  1063. </div>
  1064. <!-- Page-header end -->
  1065. <!-- Page body start -->
  1066. <div class="page-body">
  1067. <div class="row">
  1068. <!--<div class="col-sm-12">-->
  1069. <!-- Register your self card start -->
  1070. <div>
  1071. <div id="container" class="container mt-5">
  1072. <div class="progress px-1" style="height: 3px;">
  1073. <div class="progress-bar" role="progressbar" style="width: 0%;"
  1074. aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
  1075. </div>
  1076. </div>
  1077. <div class="step-container d-flex justify-content-between">
  1078. <div class="step-circle" onclick="displayStep(1)">1</div>
  1079. <div class="step-circle" onclick="displayStep(2)">2</div>
  1080. <div class="step-circle" onclick="displayStep(3)">3</div>
  1081. <div class="step-circle" onclick="displayStep(4)">4</div>
  1082. </div>
  1083. <form action="javascript:saveBookingDetails()" id="booking"
  1084. method="post" enctype="multipart/form-data"
  1085. onsubmit="return handleSaveAndContinueStep3()">
  1086. <input type="hidden" id="serverDate" th:value=${serverDate}>
  1087. <div class="step step-1">
  1088. <h5>Step:1</h5>
  1089. <div class="container custom-container"
  1090. style="border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); background-color: #FFFFFF; border: 1px solid #CCCCCC;overflow-x: hidden;">
  1091. <!-- Updated inline styles -->
  1092. <div class="row justify-content-center">
  1093. <div class="col-sm-6 col-md-6 col-lg-6">
  1094. <label class="form-check-label"
  1095. for="selecthall">Select Hall:</label>
  1097. <select id="selecthall" class="form-control"
  1098. name="hallId" required
  1099. onchange="toggleHallDetailsContainer()">
  1100. <option value="">Select a hall</option>
  1101. </select>
  1102. </div>
  1103. </div>
  1104. <br>
  1105. <!-- Main content row -->
  1106. <div id="hallDetailsContainer" style="display: none;">
  1107. <!-- Initially hidden -->
  1108. <div class="row">
  1109. <!-- Hall Images Carousel -->
  1110. <div class="col-md-6 col-lg-6 col-sm-6">
  1111. <h6>Hall Images:</h6>
  1112. <br>
  1113. <div id="hallImagesCarousel"
  1114. class="carousel slide" data-ride="carousel">
  1115. <div class="carousel-inner">
  1116. <div class="carousel-item active">
  1117. <img id="hallImage"
  1118. class="d-block w-100"
  1119. alt="Hall Image">
  1120. </div>
  1121. </div>
  1122. <a class="carousel-control-prev"
  1123. href="#hallImagesCarousel" role="button"
  1124. data-slide="prev">
  1125. <span class="carousel-control-prev-icon"
  1126. aria-hidden="true"></span>
  1127. <span class="sr-only">Previous</span>
  1128. </a>
  1129. <a class="carousel-control-next"
  1130. href="#hallImagesCarousel" role="button"
  1131. data-slide="next">
  1132. <span class="carousel-control-next-icon"
  1133. aria-hidden="true"></span>
  1134. <span class="sr-only">Next</span>
  1135. </a>
  1136. </div>
  1137. </div>
  1138. <div class="col-md-6 col-lg-6 col-sm-6">
  1139. <div id="datepicker-container"
  1140. class="fixedcontainer"></div>
  1141. <div class="row">
  1142. <div class="col col-lg-2 col-sm-2 col-md-2">
  1143. <button type="button"
  1144. class="btn btn-primary btn-square-md"
  1145. style="background-color:#008000;"></button>
  1146. <span style="margin-left: 21px;">Day<br>
  1147. (Available)</span>
  1148. </div>
  1149. <div class="col col-lg-2 col-sm-2 col-md-2">
  1150. <button type="button"
  1151. class="btn btn-primary btn-square-md"
  1152. style="background-color: #ac2bac;"></button>
  1153. <span style="margin-left: 14px;">Morning
  1154. <br>
  1155. &nbsp;&nbsp;(Available)</span>
  1156. </div>
  1157. <div class="col col-lg-2 col-sm-2 col-md-2">
  1158. <button type="button"
  1159. class="btn btn-primary btn-square-md"
  1160. style="background-color:#FFEA00;"></button>
  1161. <span
  1162. style="margin-left: 14px;">Evening<br>
  1163. &nbsp;&nbsp;(Available)</span>
  1164. </div>
  1165. <div class="col col-lg-2 col-sm-2 col-md-2">
  1166. <button type="button"
  1167. class="btn btn-primary btn-square-md"
  1168. style="background-color: red;"></button>
  1169. <span style="margin-left: 14px;">Not
  1170. Available</span>
  1171. </div>
  1172. <div class="col col-lg-2 col-sm-2 col-md-2">
  1173. <button type="button"
  1174. class="btn btn-primary btn-square-md"
  1175. style="background-color: blue"></button>
  1176. <span style="margin-left: 14px;">Gcc
  1177. Blocked</span>
  1178. </div>
  1179. </div>
  1180. </div>
  1181. <br>
  1182. <!-- Hall Details -->
  1183. <div class="col-md-6 col-lg-6 col-sm-6">
  1184. <div id="hallDetails">
  1185. <br>
  1186. <h6><b>Hall Details:</b></h6>
  1187. <p>Zone: <span id="zone"></span></p>
  1188. <p>Address: <span id="address"></span></p>
  1189. <p>Landmark: <span id="landmark"></span></p>
  1190. <p>Total Area: <span
  1191. id="hallareainsqft"></span></p>
  1192. <p>Seating Capacity: <span
  1193. id="seatingCapacity"></span></p>
  1194. <p>Parking Capacity: <span
  1195. id="parkingCapacity"></span></p>
  1196. <input type="hidden" id="statichallId">
  1197. </div>
  1198. </div>
  1199. <br>
  1200. <!-- Amount Details -->
  1201. <div class="col-md-6 col-lg-6 col-sm-6">
  1202. <div id="amountDetails">
  1203. <br>
  1204. <h6><b>Amount Details:</b></h6>
  1205. <p>Security Deposit: Rs <span
  1206. id="rentAmount"></span></p>
  1207. <p>Full Day Rent: Rs <span
  1208. id="fullDayAmount"></span></p>
  1209. <p>Half Day Security Deposit: Rs <span
  1210. id="halfrentAmount"></span></p>
  1211. <p>Half Day Rent: Rs <span
  1212. id="halfDayAmount"></span></p>
  1213. <p>GST: <span id="gst"></span>%</p>
  1214. <p>EB for 1 Unit:* Rs <span
  1215. id="ebunit"></span></p>
  1216. <p>CareTaker Number: <span
  1217. id="caretakerNumber"></span></p>
  1218. <input type="hidden" id="depositAmount"
  1219. name="depositamount" value="100">
  1220. <input type="hidden" id="hallamount"
  1221. name="hallamount" value="100">
  1222. </div>
  1223. </div>
  1224. </div>
  1225. <div
  1226. class="row d-flex justify-content-center align-items-center">
  1227. <div
  1228. class="col-md-12 col-sm-12 col-lg-12 d-flex justify-content-center">
  1229. <!-- Center align the button -->
  1230. <button type="button"
  1231. class="btn btn-primary next-step"
  1232. id="bookandcontinue"
  1233. style="background-color: #016d6f; color: white;">
  1234. Book
  1235. & Continue
  1236. </button>
  1237. </div>
  1238. </div>
  1239. </div>
  1240. </div>
  1241. </div>
  1242. <div class="step step-2">
  1243. <!-- Step 2 form fields here -->
  1244. <h4 style="margin-left:10px">Step 2</h4>
  1245. <div class="container custom-container"
  1246. style="padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); background-color: #FFFFFF; border: 1px solid #CCCCCC;">
  1247. <!-- Updated inline styles -->
  1248. <div class="mb-3">
  1249. <div class="row">
  1250. <div class=" row col-md-12 col-lg-12 col-sm-12">
  1251. <table
  1252. class="table table-bordered table-align center-table">
  1253. <tbody>
  1254. <tr>
  1255. <td class="td-align" style="word-wrap: break-word;
  1256. white-space: normal;"><strong>Hall
  1257. Name:</strong>
  1258. <span
  1259. id="hallNameDisplayStep2"></span>
  1260. </td>
  1261. <td class="td-align"><strong>Zone:
  1262. </strong>
  1263. <span id="zoneStep2"></span>
  1264. </td>
  1265. <td class="td-align">
  1266. <strong>Division: </strong>
  1267. <span id="divisionStep2"></span>
  1268. </td>
  1269. </tr>
  1270. </tbody>
  1271. </table>
  1272. </div>
  1273. <div class="row">
  1274. <div class="col col-lg-2 col-sm-2 col-md-2">
  1275. <button type="button"
  1276. class="btn btn-primary btn-square-md"
  1277. style="background-color:#008000;"></button>
  1278. <p style="margin-left: -7px;">Day(Available)
  1279. </p>
  1280. </div>
  1281. <div class="col col-lg-2 col-sm-2 col-md-2">
  1282. <button type="button"
  1283. class="btn btn-primary btn-square-md"
  1284. style="background-color: #ac2bac;"></button>
  1285. <p style="margin-left: -7px;;">
  1286. &nbsp;&nbsp;Morning(Available)</p>
  1287. </div>
  1288. <div class="col col-lg-2 col-sm-2 col-md-2">
  1289. <button type="button"
  1290. class="btn btn-primary btn-square-md"
  1291. style="background-color:#FFEA00;"></button>
  1292. <p style="margin-left: -8px;">
  1293. Evening(Available)</p>
  1294. </div>
  1295. <div class="col col-lg-2 col-sm-2 col-md-2">
  1296. <button type="button"
  1297. class="btn btn-primary btn-square-md"
  1298. style="background-color: red;"></button>
  1299. <P style="margin-left: -4px;">
  1300. Not(Available)</P>
  1301. </div>
  1303. <div class="col col-lg-2 col-sm-2 col-md-2">
  1304. <button type="button"
  1305. class="btn btn-primary btn-square-md"
  1306. style="background-color: blue"></button>
  1307. <p style="margin-left:-1px;">Gcc
  1308. Blocked</p>
  1309. </div>
  1311. <!--<div class="col col-lg-2 col-sm-2 col-md-2">
  1312. <button type="button"
  1313. class="btn btn-primary btn-square-md"
  1314. style="background-color: lightpink"></button>
  1315. <p style="margin-left: 6px;">Temporary
  1316. Blocked</p>
  1317. </div>-->
  1319. </div>
  1320. <br>
  1321. <br>
  1322. <div class="col-sm-4 col-lg-6 col-md-4">
  1323. <label>Relationship of the Functionary:*</label>
  1324. <select id="relation" name="relation"
  1325. class="form-control"
  1326. onchange="validateForm()" required>
  1327. <option value="0">Select</option>
  1328. <option value="self">Self</option>
  1329. <option value="son">Son</option>
  1330. <option value="daughter">Daughter</option>
  1331. <option value="granddaughter">GrandDaughter
  1332. </option>
  1333. <option value="grandson">GrandSon</option>
  1334. <option value="sister">Sister</option>
  1335. <option value="brother">Brother</option>
  1336. </select>
  1337. </div>
  1338. <!--edit code-->
  1339. <input type="hidden" id="reasonMaxDates">
  1340. <div class="col-sm-4 col-lg-6 col-md-4">
  1341. <label>Reason for
  1342. Booking:*</label>
  1343. <select type="text" class="form-control"
  1344. id="reasonforbooking" name="reasonId"
  1345. required>
  1346. </select>
  1347. </div>
  1348. <br>
  1349. <br>
  1350. <br>
  1351. <br>
  1353. <!--end of edit code-->
  1354. <div class="col-sm-4 col-lg-6 col-md-4">
  1355. <label for="startDateInput">Start Date:*</label>
  1356. <!-- Input field for start date -->
  1357. <input type="text" id="startDateInput"
  1358. name="startDate"
  1359. class="date-input form-control"
  1360. style="background-color:white" readonly
  1361. required>
  1362. </div>
  1363. <div class="col-sm-4 col-lg-6 col-md-4">
  1364. <label for="endDateInput">End Date:*</label>
  1365. <select id="endDateInput" name="endDate"
  1366. class="form-control" disabled>
  1367. <option value="0">Select</option>
  1368. </select>
  1369. </div>
  1370. <br>
  1371. <br>
  1372. <br>
  1373. <br>
  1374. <input type="hidden" id="numDaysCount" val=""
  1375. name="days">
  1376. <input type="hidden" id="noofdaysbetweenstartend"
  1377. val="" name="daysrange">
  1378. <div class="col-sm-4 col-lg-6 col-md-4">
  1380. <label for="startPeriodDropdown">Start
  1381. Period:*</label>
  1383. <select id="startPeriodDropdown"
  1384. name="startingSlot" class="form-control"
  1385. required>
  1386. <option value="0">Select</option>
  1387. <option value="1">Morning (6:00
  1388. AM)
  1389. </option>
  1390. <option value="2">Afternoon (2:00
  1391. PM)
  1392. </option>
  1393. </select>
  1394. </div>
  1395. <div class="col-sm-4 col-lg-6 col-md-4">
  1396. <label>End
  1397. Period:*</label>
  1398. <select id="endPeriodDropdown" name="endingSlot"
  1399. class="form-control" required>
  1400. <option value="0">Select</option>
  1401. <option value="1">Afternoon (2:00
  1402. PM)
  1403. </option>
  1404. <option value="2">Evening (10:00
  1405. PM)
  1406. </option>
  1407. </select>
  1408. </div>
  1409. <br>
  1410. <br>
  1411. <br>
  1412. <br>
  1414. <div class="col-sm-4 col-lg-6 col-md-4">
  1415. <label for="numDaysCountDisplay">Selected
  1416. Slots:</label>
  1417. <textarea type="text" id="numDaysCountDisplay"
  1418. class="form-control" readonly
  1419. style="background-color:white"></textarea>
  1420. </div>
  1421. <div class="col-sm-4 col-lg-6 col-md-4">
  1422. <h4>Booking Summary:</h4>
  1423. <p id="summary" val=""></p>
  1424. </div>
  1426. </div>
  1427. <br>
  1428. <div class="row">
  1429. <div
  1430. class="col-md-12 col-lg-12 col-sm-12 text-center">
  1431. <!-- Center align the button -->
  1432. <button type="button"
  1433. class="btn btn-primary prev-step"
  1434. style="background-color: #016d6f; color: white;float: left;">
  1435. Previous
  1436. </button>
  1437. <button type="button"
  1438. class="btn btn-warning reset-step"
  1439. style=" background-color: orangered; color: white; margin: auto;">
  1440. Reset
  1441. </button>
  1442. <button type="button"
  1443. class="btn btn-primary next-step"
  1444. style="background-color: #016d6f; color: white; float: right;">
  1445. Next
  1446. </button>
  1447. </div>
  1448. </div>
  1449. </div>
  1450. </div>
  1451. </div>
  1452. <div class="step step-3">
  1453. <!-- Step 3 form fields here -->
  1454. <h4 style=" margin-left: 10px;">Step 3</h4>
  1455. <div class="container custom-container"
  1456. style="padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); background-color: #FFFFFF; border: 1px solid #CCCCCC;">
  1457. <div>
  1458. <div class="card-body">
  1459. <div class="col-md-12 col-sm-12 col-lg-12">
  1460. <table
  1461. class="table table-bordered table-align center-table">
  1462. <tbody>
  1463. <tr>
  1464. <td class="td-align" style="word-wrap: break-word;
  1465. white-space: normal;"><strong>Hall
  1466. Name:</strong><span
  1467. id="hallNameDisplayStep3"></span>
  1468. </td>
  1469. <td class="td-align"><strong>Zone:
  1470. </strong><span
  1471. id="zoneStep3"></span>
  1472. </td>
  1473. <td class="td-align">
  1474. <strong>Division:
  1475. </strong><span
  1476. id="divisionStep3"></span>
  1477. </td>
  1478. </tr>
  1479. </tbody>
  1480. </table>
  1481. </div>
  1482. <div class="col-sm-4 col-lg-4 col-md-4">
  1483. <input type="hidden" id="userId" name="userId">
  1484. <label class="form-check-label"
  1485. for="uploadDocument">Upload Document for
  1486. Booking:*</label>
  1487. <input type="text" id="showReasonLabel" readonly
  1488. class="form-control"
  1489. style="background-color:white">
  1490. <!-- <div class="col-sm-4 col-lg-4 col-md-4">
  1491. <label class="form-check-label"
  1492. for="reasonforbooking">Reason for Booking:*</label>
  1493. <select type="text" class="form-control"
  1494. id="reasonforbooking" name="reasonId"
  1495. required>
  1496. </select>
  1497. </div> -->
  1498. </div>
  1499. <br>
  1500. <div id="reasonFieldsContainer">
  1501. </div>
  1502. <input type="hidden" name="bookingId" id="bookingId"
  1503. value="0">
  1504. </div>
  1505. </div>
  1506. <div class="row">
  1507. <div class="col-md-12 col-lg-12 col-sm-12 text-center">
  1508. <!-- Center align the button -->
  1509. <button type="button"
  1510. class="btn btn-primary prev-step"
  1511. style="background-color: #016d6f; color: white; float: left;">
  1512. Previous
  1513. </button>
  1514. <button type="button"
  1515. class="btn btn-warning reset-step"
  1516. style="background-color: orangered; color: white; margin: auto;">
  1517. Reset
  1518. </button>
  1519. <button type="submit"
  1520. class="btn btn-primary next-step"
  1521. style="background-color: #016d6f; color: white; float: right;"
  1522. disabled>Next
  1523. </button>
  1524. </div>
  1525. </div>
  1526. </div>
  1527. </div>
  1528. </form>
  1529. <div class="step step-4">
  1530. <h4 style="margin-left:166px">Step 4</h4>
  1531. <div class="container custom-container">
  1532. <div class="header"
  1533. style="background-color: rgb(21,69,93); position: relative;">
  1534. <img src="media/images/logo-sm.png" alt="Logo"
  1535. style="position: absolute; left: 10px; top: 7px; height: 30px;">
  1536. <h6
  1537. style="color: white; text-align: center; line-height: 3.1;">
  1538. Payment Details for Confirmation
  1539. <span id="timer"
  1540. style="display: inline; float:right;margin-right:10px;">
  1541. <span class="sand-clock"></span>
  1542. <!-- Hourglass icon -->
  1543. <span id="timerText">Payment Closes in 15:00</span>
  1544. <!-- Timer text -->
  1545. </span>
  1546. </h6>
  1547. </div>
  1548. <div class="col-md-12">
  1549. <table
  1550. class="table table-bordered center-table table-align">
  1551. <tbody>
  1552. <tr>
  1553. <td class="td-align"><strong>Full Name:</strong>
  1554. <span id="name_td"></span>
  1555. </td>
  1556. <td class="td-align">
  1557. <strong>Mobile Number:</strong> <span
  1558. id="mobileno_td"></span>
  1559. </td>
  1560. <td class="td-align"><strong>User Type:</strong>
  1561. <span id="usertype_td"></span>
  1562. </td>
  1563. </tr>
  1564. </tbody>
  1565. </table>
  1566. </div>
  1567. <div class="row">
  1568. <div class="col-md-6">
  1569. <table
  1570. class="table table-bordered center-table table-align">
  1571. <tbody>
  1572. <tr>
  1573. <td class="td-align"><strong>Hall
  1574. Name:</strong></td>
  1575. <td class="td-align"
  1576. style="text-wrap:wrap;">
  1577. <span id="selecthall_td"></span>
  1578. </td>
  1579. </tr>
  1580. <tr>
  1581. <td class="td-align"><strong>No. of
  1582. Days:</strong>
  1583. </td>
  1584. <td class="td-align"><span
  1585. id="numDaysCount_td"></span>
  1586. </td>
  1587. </tr>
  1588. <tr>
  1589. <td class="td-align"><strong>Start
  1590. Date:</strong>
  1591. </td>
  1592. <td class="td-align"><span
  1593. id="startDateInput_td"></span>
  1594. </td>
  1595. </tr>
  1596. <tr>
  1597. <td class="td-align"><strong>End
  1598. Date:</strong></td>
  1599. <td class="td-align"><span
  1600. id="endDateInput_td"></span>
  1601. </td>
  1602. </tr>
  1603. <tr>
  1604. <td class="td-align"><strong>Starting Slot &
  1605. Ending Slot:</strong>
  1606. </td>
  1607. <td class="td-align"><span
  1608. id="startingslot_td"></span>
  1609. </td>
  1610. </tr>
  1611. <tr>
  1612. <td class="td-align"><strong>Uploaded
  1613. Documents:</strong></td>
  1614. <td class="td-align">
  1615. <!-- List to display uploaded docs with small images and names -->
  1616. <div id="uploadedDocsList"
  1617. class="uploaded-docs-list">
  1618. <!-- Each item in the list will have a small image and name -->
  1619. </div>
  1620. </td>
  1621. </tr>
  1622. <div>
  1623. <div id="largeImageContainer"
  1624. class="large-image-container"
  1625. style="display: none;">
  1626. <button id="closeButton" type="button"
  1627. class="close-button">
  1628. <i class="fa fa-times"></i>
  1629. </button>
  1630. <img id="largeImage" src=""
  1631. alt="Large Image">
  1632. </div>
  1633. </div>
  1634. </tbody>
  1635. </table>
  1636. </div>
  1637. <div class="col-md-6">
  1638. <table
  1639. class="table table-bordered center-table table-align">
  1640. <tbody>
  1641. <tr>
  1642. <td class="td-align"><strong>Reason for
  1643. Booking:</strong>
  1644. </td>
  1645. <td class="td-align"><span
  1646. id="reasonforbooking_td"></span>
  1647. </td>
  1648. </tr>
  1649. <tr>
  1650. <td class="td-align"><strong> Hall
  1651. Amount:</strong>
  1652. </td>
  1653. <td><span id="actualhallAmount_td">Rs</span>
  1654. </td>
  1655. </tr>
  1656. <tr>
  1657. <td class="td-align">
  1658. <strong>Discount:</strong>
  1659. </td>
  1660. <td><span id="discount_td">0%</span>
  1661. </td>
  1662. </tr>
  1663. <tr id="additionalcharges" style="display:none">
  1664. <td class="td-align">
  1665. <strong>Rent Amount:</strong>
  1666. </td>
  1667. <td><span id="rentamount_td">0</span></td>
  1668. </tr>
  1669. <tr id="additionalcharges_tr"
  1670. style="display:none">
  1671. <td class="td-align">
  1672. <strong>Additional charges (Cleaning +
  1673. P.A.
  1674. System + E.B):</strong>
  1675. </td>
  1676. <td><span id="additionalcharges_td">0</span>
  1677. </td>
  1678. </tr>
  1680. <tr>
  1681. <td class="td-align"><strong>Net
  1682. Amount:</strong>
  1683. </td>
  1684. <td><span id="hallAmount_td">Rs</span>
  1685. </td>
  1686. </tr>
  1687. <tr>
  1688. <td class="td-align"><strong>GST
  1689. Amount:</strong></td>
  1690. <td><span id="gst_td">Rs</span></td>
  1691. </tr>
  1692. <tr>
  1693. <td class="td-align"><strong>Deposit
  1694. Amount:</strong></td>
  1695. <td><span id="depositAmount_td">Rs</span>
  1696. </td>
  1697. </tr>
  1698. <tr>
  1699. <td class="td-align"><strong>Total
  1700. Amount:</strong>
  1701. </td>
  1702. <td><span id="totalAmount_td">Rs</span>
  1703. </td>
  1704. </tr>
  1705. </tbody>
  1706. </table>
  1707. </div>
  1708. </div>
  1709. <div class="row">
  1710. <div class="col-md-12 text-center">
  1711. <!-- Center align the button -->
  1712. <button type="button" class="btn btn-primary prev-step"
  1713. style="background-color: #016d6f; color: white;">
  1714. Previous
  1715. </button>
  1716. </div>
  1717. </div>
  1718. <div align="center">
  1719. <label data-toggle="tooltip" data-placement="top"
  1720. title="Click To View">
  1721. <input type="checkbox" id="checkin"
  1722. onchange="togglePaymentButton(this)" />
  1723. <a href="#" id="termsLink">I agree to the Terms and
  1724. Conditions</a>
  1725. </label>
  1726. <button type="button" id="confirmPaymentBtn"
  1727. class="btn btn-success" onclick="paymentStart()"
  1728. disabled>Confirm Payment
  1729. </button>
  1730. <input type="hidden" id="btnSubmit"></input>
  1731. </div>
  1732. </div>
  1733. </div>
  1734. </div>
  1735. </div>
  1736. <!-- Page body end -->
  1737. </div>
  1738. </div>
  1739. <!-- Main-body end -->
  1740. </div>
  1741. </div>
  1742. </div>
  1743. </div>
  1744. </div>
  1745. </div>
  1746. </div>
  1747. <!-- Modal HTML for Bootstrap 5 -->
  1748. <div class="modal fade" id="termsModal" tabindex="-1" aria-labelledby="termsModalLabel" aria-hidden="true">
  1749. <div class="modal-dialog modal-lg">
  1750. <div class="modal-content">
  1751. <div class="modal-header">
  1752. <h5 class="modal-title" id="termsModalLabel">Terms and Conditions</h5>
  1753. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  1754. </div>
  1755. <div class="modal-content" style="height: 100vh;">
  1756. <iframe src="media/images/CC Rules & Regulations for Online _Tamil.pdf" width="100%"
  1757. height="600px"></iframe>
  1758. </div>
  1759. <div class="modal-footer">
  1760. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  1761. </div>
  1762. </div>
  1763. </div>
  1764. </div>
  1765. <div th:replace="~{fragments/loginreg :: div}"></div>
  1766. <script th:replace="~{fragments/script :: script}"></script>
  1767. <script th:replace="~{fragments/logRegiOtpScript :: script}"></script>
  1768. <script th:replace="~{fragments/PaymentScript :: script}"></script>
  1769. <script src="https://cdn.jsdelivr.net/npm/compressorjs@latest/dist/compressor.min.js"></script>
  1771. <!-- Payment script end-->
  1772. <script>
  1773. let reasonMaxData = new Map(); // in beginning
  1774. let reasonLabelData = new Map();
  1775. let reasoncode = new Map();
  1777. document.getElementById('termsLink').addEventListener('click', function (event) {
  1778. event.preventDefault();
  1779. $('#termsModal').modal('show');
  1780. });
  1782. function togglePaymentButton(checkbox) {
  1783. document.getElementById('confirmPaymentBtn').disabled = !checkbox.checked;
  1784. }
  1786. const urlParams = new URLSearchParams(window.location.search);
  1787. const hallId = urlParams.get('hallId');
  1788. $(document).ready(function () {
  1789. if (hallId != null) {
  1790. getHallDetails(hallId);
  1791. $("#selecthall").val(hallId);
  1792. }
  1793. });
  1794. var countdown; // Global variable to hold the interval
  1795. var totalTime = 15 * 60; // 15 minutes in seconds
  1796. // var totalTime = 1 * 60; // for testing
  1797. var timerElement = document.getElementById("timerText");
  1798. var confirmPaymentBtn = document.getElementById("confirmPaymentBtn");
  1799. var checkInCheckbox = document.getElementById("checkin");
  1800. var startTime; // Variable to hold the start timestamp
  1802. // Function to format time in MM:SS
  1803. function formatTime(seconds) {
  1804. var minutes = Math.floor(seconds / 60);
  1805. var seconds = seconds % 60;
  1806. return minutes + ":" + (seconds < 10 ? "0" : "") + seconds;
  1807. }
  1809. // Function to start or restart the timer
  1810. function startTimer() {
  1811. if (countdown) {
  1812. clearInterval(countdown); // Clear existing interval if any
  1813. }
  1815. // Record the start time in milliseconds
  1816. startTime = Date.now();
  1818. // Function to update the timer
  1819. function updateTimer() {
  1820. // Calculate the elapsed time in seconds
  1821. var elapsed = Math.floor((Date.now() - startTime) / 1000);
  1822. var timeLeft = totalTime - elapsed;
  1824. if (timeLeft <= 0) {
  1825. clearInterval(countdown);
  1826. confirmPaymentBtn.disabled = true; // Disable the Confirm Payment button when time is up
  1827. checkInCheckbox.disabled = true; // Disable the Check-in checkbox when time is up
  1828. timerElement.innerHTML = "Time expired"; // Optionally update the message
  1829. } else {
  1830. timerElement.innerHTML = "Payment Closes in " + formatTime(timeLeft);
  1831. confirmPaymentBtn.disabled = !checkInCheckbox.checked;
  1832. checkInCheckbox.disabled = false; // Keep checkbox enabled until time is up
  1833. }
  1834. }
  1836. // Display initial time
  1837. timerElement.innerHTML = "Payment Closes in " + formatTime(totalTime);
  1839. // Update the timer every second
  1840. countdown = setInterval(updateTimer, 1000); // 1 second interval
  1841. }
  1843. // Function to reset the timer
  1844. function resetTimer() {
  1845. startTime = Date.now(); // Reset the start time to now
  1846. startTimer();
  1847. }
  1849. var currentStep = 1;
  1850. var updateProgressBar;
  1851. var userId;
  1852. var bookingId;
  1853. let selectedHallName = '';
  1854. let selectedZone = '';
  1856. // Assume userLoggedIn is a variable indicating the user's login status
  1857. function toggleNextButton(step) {
  1858. var nextButton = document.querySelector('.step-' + step + ' .next-step');
  1859. var fields = document.querySelectorAll('.step-' + step + ' [required]');
  1860. var allFieldsFilled = true;
  1861. fields.forEach(function (field) {
  1862. if (!field.value) {
  1863. allFieldsFilled = false;
  1864. }
  1865. });
  1867. if (allFieldsFilled) {
  1868. nextButton.disabled = false; // Enable the button
  1869. } else {
  1870. nextButton.disabled = true; // Disable the buttonn
  1871. }
  1872. }
  1874. // Call the function for Step 1 when the page loads
  1875. document.addEventListener('DOMContentLoaded', function () {
  1876. // toggleNextButton(1);
  1877. toggleNextButton(2);
  1878. toggleNextButton(3);
  1879. });
  1881. document.querySelectorAll('.step-2 [required]').forEach(function (field) {
  1882. field.addEventListener('input', function () {
  1883. toggleNextButton(2);
  1884. });
  1885. });
  1887. document.querySelectorAll('.step-3 [required]').forEach(function (field) {
  1888. field.addEventListener('input', function () {
  1889. toggleNextButton(3);
  1890. });
  1891. });
  1893. function handleSaveAndContinueStep3() {
  1894. if (isLogin) {
  1895. CheckBookingLimitation(function (isAllowed) {
  1896. if (isAllowed) {
  1897. saveBookingDetails();
  1898. }
  1899. });
  1900. } else {
  1901. showAlertForLogin();
  1902. }
  1903. return false;
  1904. }
  1907. // Function to show SweetAlert for login
  1908. function showAlertForLogin() {
  1909. Swal.fire({
  1910. title: 'Mobile Number Not Registered!',
  1911. text: 'Please log in to proceed.',
  1912. icon: 'info',
  1913. showCancelButton: true,
  1914. confirmButtonText: 'Login',
  1915. cancelButtonText: 'Cancel',
  1916. }).then((result) => {
  1917. if (result.isConfirmed) {
  1918. $('#loginModal').modal('show');
  1919. }
  1920. });
  1921. }
  1923. document.querySelector(".step-3 .next-step").addEventListener("click", function () {
  1924. displayStep(3);
  1925. });
  1927. function fetchReasonsAndPopulateDropdown() {
  1928. // Make an AJAX call to fetch all reasons
  1929. $.ajax({
  1930. url: '/communityhall/admin/api/getReasons',
  1931. type: 'GET',
  1932. dataType: 'json'
  1933. })
  1934. .done(function (data) {
  1935. const reasonDropdown = $('#reasonforbooking');
  1936. reasonDropdown.empty();
  1937. reasonDropdown.append($('<option selected value="0"></option>').text('Select a reason'));
  1939. // Populate the dropdown and store reason metadata
  1940. $.each(data, function (index, reason) {
  1941. reasonDropdown.append($('<option></option>').attr('value', reason.reasonId).text(reason.reason));
  1942. reasonMaxData.set(reason.reasonId, reason.maxdays);
  1943. reasonLabelData.set(reason.reasonId, reason.reason);
  1944. reasoncode.set(reason.reasonId, reason.reasoncode);
  1945. });
  1947. // Add change event listener to the dropdown
  1948. reasonDropdown.change(function () {
  1949. const selectedReasonId = $(this).val();
  1950. const selectedReasonCode = reasoncode.get(parseInt(selectedReasonId));
  1951. const selectedHallId = document.getElementById("statichallId").value; // Getting the selected hall ID
  1953. // Make another AJAX call to get hall details based on the selected hall ID
  1954. $.ajax({
  1955. type: 'GET',
  1956. url: '/communityhall/user/api/gethalldetails/' + selectedHallId,
  1957. success: function (response) {
  1958. // console.log(response);
  1959. const isSGE = response.sge; // Fetch SGE status from the response
  1960. const isCGE = response.cge; // Fetch CGE status from the response
  1962. // Check for State Government Event (SGE)
  1963. if (selectedReasonCode === 'SGE' && !isSGE) {
  1964. // Show popup for State govt event
  1965. Swal.fire({
  1966. title: 'Government Event',
  1967. text: 'Shenoy Nagar Community Center (Auditorium) full Mandapam (Amma Arangam) is available for state government events.',
  1968. icon: 'info',
  1969. confirmButtonText: 'OK'
  1970. }).then((result) => {
  1971. if (result.isConfirmed && !isSGE) {
  1972. window.location.href = '/communityhall/hallbookingform';
  1973. }
  1974. });
  1975. }
  1976. // Check for Central Government Event (CGE)
  1977. else if (selectedReasonCode === 'CGE' && !isCGE) {
  1978. // Show popup for Central govt event
  1979. Swal.fire({
  1980. title: 'Government Event',
  1981. text: 'Shenoy Nagar Community Center (Auditorium) full Mandapam (Amma Arangam) is available for central government events.',
  1982. icon: 'info',
  1983. confirmButtonText: 'OK'
  1984. }).then((result) => {
  1985. if (result.isConfirmed && !isCGE) {
  1986. // Redirect only if hallId is not 3
  1987. window.location.href = '/communityhall/hallbookingform';
  1988. }
  1989. });
  1990. }
  1991. },
  1992. error: function (xhr, status, error) {
  1993. console.error('Error fetching hall details:', error);
  1994. }
  1995. });
  1996. });
  1997. })
  1998. .fail(function (xhr, status, error) {
  1999. console.error('Error fetching reasons:', error);
  2000. });
  2001. }
  2003. var ch = 0;
  2005. function saveBookingDetails() {
  2006. //alert("saveBookingDetails call:-"+ch++);
  2007. $("#startPeriodDropdown").prop("disabled", false);
  2008. $("#endPeriodDropdown").prop("disabled", false);
  2009. var form = document.getElementById('booking');
  2010. var formData = new FormData(form);
  2011. // Debugging: Log each FormData entry
  2012. for (var pair of formData.entries()) {
  2013. //console.log(pair[0] + ', ', pair[1]);
  2014. }
  2015. $.ajax({
  2016. url: '/communityhall/user/api/saveTheRequest2',
  2017. type: 'POST',
  2018. data: formData,
  2019. processData: false,
  2020. contentType: false,
  2021. success: function (response) {
  2022. // console.log("response:--" + response.status);
  2024. if (response.status === 'slotOccupied') {
  2025. Swal.fire({
  2026. icon: 'error',
  2027. title: 'Slot Occupied',
  2028. text: 'The selected slot is already occupied. Please choose a different slot.',
  2029. confirmButtonText: 'OK'
  2030. }).then(function () {
  2031. location.reload(); // Example: reload the page
  2032. });
  2033. } else if (response.status === 'pastdate') {
  2034. Swal.fire({
  2035. icon: 'error',
  2036. title: 'Past Date',
  2037. text: 'Start date cannot be in the past',
  2038. confirmButtonText: 'OK'
  2039. }).then(function () {
  2040. location.reload();
  2041. });
  2042. } else if (response.status === 'futuredate') {
  2043. Swal.fire({
  2044. icon: 'error',
  2045. title: 'Future Date',
  2046. text: 'Start date cannot be more than 6 months from today',
  2047. confirmButtonText: 'OK'
  2048. }).then(function () {
  2049. location.reload();
  2050. });
  2051. } else {
  2052. userId = response.userId;
  2053. bookingId = response.bookingId;
  2054. $("#bookingId").val(response.bookingId);
  2055. $("#userId").val(response.userId);
  2056. $("#selecthall_td").html(response.hallName);
  2057. $("#numDaysCount_td").html(response.NoOfDay);
  2058. $("#startDateInput_td").html(response.startDate);
  2059. $("#endDateInput_td").html(response.endDate);
  2060. $("#reasonforbooking_td").html(response.reason);
  2061. $("#hallAmount_td").html(response.hallAmount);
  2063. function getTimeOfDay(slot) {
  2064. if (slot === 1) {
  2065. return "Morning";
  2066. } else if (slot === 2) {
  2067. return "Evening";
  2068. } else {
  2069. return "Invalid slot";
  2070. }
  2071. }
  2073. $("#startingslot_td").html(getTimeOfDay(response.startingSlot) + " to " + getTimeOfDay(response.endingSlot));
  2074. /*$("#gst_td").html(response.gst);
  2075. $("#depositAmount_td").html(response.depositAmount);
  2076. $("#discount_td").html(response.discount + "%");
  2077. $("#actualhallAmount_td").html(response.actualhallamount);
  2078. $("#totalAmount_td").html(response.totalAmount);*/
  2079. $("#name_td").html(response.username);
  2080. $("#mobileno_td").html(response.mobileNo);
  2081. $("#usertype_td").html(response.userType);
  2082. /*if (response.reasoncode === 'SGE') {
  2083. document.getElementById("additionalcharges").style.display = 'table-row'; // Show row
  2084. document.getElementById("additionalcharges_tr").style.display = 'table-row'
  2085. $("#additionalcharges_td").html(response.additionalcharges);
  2086. $("#rentamount_td").html(0);
  2087. $("#actualhallAmount_td").html(response.actualhallamount);
  2088. $("#hallAmount_td").html(response.additionalcharges);
  2089. $("#totalAmount_td").html(response.totalAmount);
  2090. } else {
  2091. document.getElementById("additionalcharges").style.display = 'none'; // Hide row
  2092. document.getElementById("additionalcharges_tr").style.display = 'none'; // Hide row
  2093. }*/
  2095. if (response.reasoncode === 'SGE') {
  2096. document.getElementById("additionalcharges").style.display = 'table-row'; // Show row
  2097. document.getElementById("additionalcharges_tr").style.display = 'table-row'
  2098. $("#additionalcharges_td").html(response.additionalcharges);
  2099. $("#rentamount_td").html(0);
  2100. $("#actualhallAmount_td").html(response.actualhallamount);
  2101. $("#hallAmount_td").html(response.additionalcharges);
  2102. $("#totalAmount_td").html(response.totalAmount);
  2103. $("#hallAmount_td").html(response.hallAmount);
  2104. $("#gst_td").html(response.gst);
  2105. $("#depositAmount_td").html(response.depositAmount);
  2106. $("#discount_td").html(response.discount + "%");
  2108. } else if (response.reasoncode === 'CGE') {
  2109. document.getElementById("additionalcharges").style.display = 'table-row'; // Show row
  2110. document.getElementById("additionalcharges_tr").style.display = 'table-row'
  2111. $("#additionalcharges_td").html(response.additionalcharges);
  2112. $("#hallAmount_td").html(response.hallAmount)
  2113. $("#rentamount_td").html(response.rentAmount);
  2114. $("#actualhallAmount_td").html(response.actualhallamount);
  2115. $("#hallAmount_td").html(response.netAmount);
  2116. $("#gst_td").html(response.gstAmount);
  2117. $("#depositAmount_td").html(response.depositAmount);
  2118. $("#discount_td").html(response.discount + "%");
  2119. $("#totalAmount_td").html(response.totalAmount);
  2121. } else {
  2122. document.getElementById("additionalcharges").style.display = 'none'; // Hide row
  2123. document.getElementById("additionalcharges_tr").style.display = 'none'; // Hide row
  2124. $("#gst_td").html(response.gst);
  2125. $("#depositAmount_td").html(response.depositAmount);
  2126. $("#discount_td").html(response.discount + "%");
  2127. $("#actualhallAmount_td").html(response.actualhallamount);
  2128. $("#totalAmount_td").html(response.totalAmount);
  2129. }
  2130. displayDocumentDetails(response.uploadedDocs);
  2131. resetTimer();
  2132. }
  2133. },
  2134. error: function (xhr, status, error) {
  2135. console.error('Error fetching hall names:', error);
  2136. }
  2137. });
  2138. $("#startPeriodDropdown").prop("disabled", true);
  2139. $("#endPeriodDropdown").prop("disabled", true);
  2140. }
  2143. function displayDocumentDetails(uploadedDocs) {
  2144. const uploadedDocsList = $("#uploadedDocsList");
  2145. uploadedDocsList.empty(); // Clear existing items
  2147. uploadedDocs.forEach(function (doc) {
  2148. const listItem = $('<li>');
  2149. const thumbnail = $('<img>').addClass('thumbnail-img');
  2151. // Function to truncate the document name
  2152. function truncateName(name, maxLength) {
  2153. if (name.length <= maxLength) {
  2154. return name;
  2155. }
  2157. const extIndex = name.lastIndexOf('.');
  2158. const ext = name.substring(extIndex);
  2159. const truncatedName = name.substring(0, maxLength - ext.length - 3) + '...' + ext;
  2160. return truncatedName;
  2161. }
  2163. const truncatedName = truncateName(doc.documentName, 10); // Adjust the maxLength as needed
  2165. if (doc.bookingDocUrl.endsWith('.pdf')) {
  2166. // Set the thumbnail to a default image for PDFs
  2167. const defaultPdfThumbnail = 'media/images/pdf.jpg'; // Replace with your default thumbnail image path
  2168. thumbnail.attr('src', defaultPdfThumbnail);
  2169. listItem.append(thumbnail).append(' ' + truncatedName);
  2171. thumbnail.on('click', function () {
  2172. // Create an iframe to display the PDF
  2173. const pdfViewer = $('<iframe>').attr({
  2174. src: doc.bookingDocUrl,
  2175. width: '100%',
  2176. height: '600px' // Adjust as needed
  2177. });
  2179. // Hide the image and show the PDF viewer
  2180. $('#largeImage').hide();
  2181. $('#largeImageContainer').find('iframe').remove();
  2182. $('#largeImageContainer').append(pdfViewer);
  2183. $('#largeImageContainer').show();
  2184. });
  2185. } else {
  2186. // For other document types, show the actual image as thumbnail
  2187. thumbnail.attr('src', doc.bookingDocUrl);
  2188. listItem.append(thumbnail).append(' ' + truncatedName);
  2190. thumbnail.on('click', function () {
  2191. $('#largeImageContainer iframe').remove();
  2192. $('#largeImage').attr('src', doc.bookingDocUrl).show();
  2193. $('#largeImageContainer').show();
  2194. });
  2195. }
  2197. uploadedDocsList.append(listItem);
  2198. });
  2199. }
  2202. $("#closeButton").on('click', function () {
  2203. $('#largeImageContainer').hide(); // Hide the large image container
  2204. $('#largeImage').attr('src', '').hide(); // Reset and hide image
  2205. $('#largeImageContainer iframe').remove(); // Remove iframe if present
  2206. });
  2208. function fetchReasonDocumentDetails(reasonId) {
  2209. $('#reasonMaxDates').val(reasonMaxData.get(reasonId));
  2210. $('#showReasonLabel').val(reasonLabelData.get(reasonId));
  2211. $.ajax({
  2212. url: '/communityhall/admin/api/getReasonDocumentDetails',
  2213. type: 'GET',
  2214. dataType: 'json',
  2215. data: { reasonId: reasonId }
  2216. })
  2217. .done(function (data) {
  2218. validateForm();
  2220. const reasonFieldsContainer = $('#reasonFieldsContainer');
  2221. reasonFieldsContainer.empty();
  2222. const rowDiv = $('<div class="row"></div>');
  2223. $.each(data, function (index, detail) {
  2224. if (detail.addTextField === true) {
  2225. const fieldDiv = $('<div class="col-sm-4 form-group"></div>');
  2226. const label = $('<label>' + detail.fieldName + ' *</label>');
  2227. const input = $('<input type="text" class="form-control" name="' + detail.fieldName + '" required>');
  2228. // Add event listener for input validation
  2229. input.on('input', function () {
  2230. // Replace any non-letter characters with an empty string
  2231. //this.value = this.value.replace(/[^a-zA-Z]/g, '');
  2232. });
  2234. fieldDiv.append(label);
  2235. fieldDiv.append(input);
  2236. rowDiv.append(fieldDiv);
  2237. }
  2239. if (detail.addDocumentField === true) {
  2240. const fieldDiv2 = $('<div class="col-sm-4 form-group"></div>');
  2241. const fileInput = $('<input type="file" class="form-control file-upload-field" id="upload" name="' + detail.docFieldName + '" required accept=".jpg, .jpeg, .pdf">');
  2242. fieldDiv2.append('<label>' + detail.docFieldName + '*</label>').append(fileInput);
  2243. rowDiv.append(fieldDiv2);
  2244. }
  2245. });
  2246. reasonFieldsContainer.append(rowDiv);
  2247. })
  2249. .fail(function (xhr, status, error) {
  2250. console.error('Error fetching reason document details:', error);
  2251. });
  2252. }
  2254. // Call the function to fetch reasons and populate the dropdown when the document is ready
  2255. $(document).ready(function () {
  2256. fetchReasonsAndPopulateDropdown();
  2257. $('#reasonforbooking').change(function () {
  2258. const selectedReasonId = parseInt($(this).val()); // Convert the value to an integer
  2259. fetchReasonDocumentDetails(selectedReasonId);
  2260. });
  2261. });
  2263. // Function to toggle hall details container and fetch hall details
  2264. function toggleHallDetailsContainer() {
  2265. var selectBox = document.getElementById("selecthall");
  2266. var selectedValue = selectBox.options[selectBox.selectedIndex].value;
  2267. var hallDetailsContainer = document.getElementById("hallDetailsContainer");
  2268. if (selectedValue !== "") {
  2269. hallDetailsContainer.style.display = "block"; // Show hall details container if a hall is selected
  2270. // Get the selected hall ID
  2271. var hallId = selectBox.options[selectBox.selectedIndex].value;
  2272. getHallDetails(hallId); // Fetch hall details
  2273. // Other code for displaying selected details
  2274. } else {
  2275. hallDetailsContainer.style.display = "none"; // Hide hall details container if no hall is selected
  2276. // Clear the selected details in Step 2 and Step 3
  2277. $('#hallNameDisplayStep2').text('');
  2278. $('#hallNameDisplayStep3').text('');
  2279. $('#zoneStep2').text('');
  2280. $('#zoneStep3').text('');
  2281. $('#divisionStep2').text('');
  2282. $('#divisionStep3').text('');
  2284. // Clear other details if needed
  2285. }
  2286. }
  2288. function togglePaymentButton(checkbox) {
  2289. var confirmPaymentBtn = document.getElementById('confirmPaymentBtn');
  2290. confirmPaymentBtn.disabled = !checkbox.checked;
  2291. }
  2293. // Update the displayStep function to pass hallName to Step 4
  2294. function displayStep(stepNumber) {
  2295. if (stepNumber >= 1 && stepNumber <= 4) {
  2296. if (validateStep(currentStep)) {
  2297. $(".step-" + currentStep).hide();
  2298. $(".step-" + stepNumber).show();
  2299. currentStep = stepNumber;
  2300. updateProgressBar();
  2302. // Populate hallName, zone, and division in Step 2 and Step 3
  2303. if (stepNumber === 2 || stepNumber === 3) {
  2304. $('#hallNameDisplayStep2').text(selectedHallName);
  2305. $('#hallNameDisplayStep3').text(selectedHallName);
  2306. $('#zoneStep2').text(zone);
  2307. $('#zoneStep3').text(zone);
  2308. $('#divisionStep2').text('');
  2309. $('#divisionStep3').text('');
  2311. $('#selecthall_td').text(selectedHallName);
  2312. }
  2314. // Handle displaying the SweetAlert in Step 3
  2315. } else {
  2316. //alert("Please fill in all required fields before proceeding.");
  2317. }
  2318. }
  2319. }
  2322. function validateStep(stepNumber) {
  2323. }
  2325. $(document).ready(function () {
  2326. $('.step').hide();
  2327. $('.step-1').show();
  2328. var currentStep = 1; // Assuming you have this variable defined somewhere in your code
  2330. // Function to validate step 3
  2331. function validateStep3() {
  2332. let isValid = true;
  2333. let selectedReason = $('#reasonforbooking').val();
  2334. // Check if a reason is selected
  2335. if (!selectedReason) {
  2336. isValid = false;
  2337. } else {
  2338. // Iterate through each input associated with the selected reason
  2339. $(`#reasonFieldsContainer .${selectedReason} input[type="text"], #reasonFieldsContainer .${selectedReason} input[type="file"]`).each(function () {
  2340. if ($(this).prop('required') && !$(this).val()) {
  2341. isValid = false;
  2342. return false; // Exit the loop early if any required field is empty
  2343. }
  2344. });
  2345. }
  2347. // Enable/disable the next button based on validation
  2348. $('.next-step').prop('disabled', !isValid);
  2349. }
  2351. // Event listener for reason dropdown change
  2352. $('#reasonforbooking').change(function () {
  2353. let selectedReason = $(this).val();
  2354. $("#startDateInput").val('');
  2355. $("#endDateInput").val(0);
  2356. $("#startPeriodDropdown").val(0).prop("disabled", false);
  2357. $("#endPeriodDropdown").val(0).prop("disabled", false);
  2358. $("#numDaysCount").val('');
  2359. $("#numDaysCountDisplay").val('');
  2360. $('#summary').html('');
  2361. // Show/hide fields based on selected reason
  2362. $('#reasonFieldsContainer').children().hide();
  2363. if (selectedReason) {
  2364. $(`#reasonFieldsContainer .${selectedReason}`).show();
  2365. }
  2366. // Validate the fields for the selected reason
  2367. validateStep3();
  2368. });
  2370. // Event listener for input changes within reason fields in Step 3
  2371. $('#reasonFieldsContainer').on('change', 'input, select', function () {
  2372. validateStep3();
  2373. });
  2375. $(".next-step").click(function () {
  2376. var valid = true;
  2378. // Validate all required text inputs and file fields in Step 3
  2379. if (currentStep === 3) {
  2380. $('.step-3 input[required], .step-3 select[required]').each(function () {
  2381. if ($(this).val() === '') {
  2382. $(this).addClass('error'); // Add error class
  2383. valid = false;
  2384. return false; // Break the loop
  2385. } else {
  2386. $(this).removeClass('error'); // Remove error class if valid
  2387. }
  2388. });
  2390. $('.step-3 input[type="file"][required]').each(function () {
  2391. if ($(this)[0].files.length === 0) {
  2392. $(this).addClass('error'); // Add error class
  2393. valid = false;
  2394. return false; // Break the loop
  2395. } else {
  2396. $(this).removeClass('error'); // Remove error class if valid
  2397. }
  2398. });
  2399. }
  2401. if (!valid) {
  2402. return; // Stop if validation fails
  2403. }
  2405. if (currentStep < 4) {
  2406. $(".step-" + currentStep).fadeOut(500, function () {
  2407. if (currentStep === 3 && isLogin === false) {
  2408. $(".step-" + currentStep).fadeIn(500);
  2409. updateProgressBar();
  2410. return "";
  2411. } else {
  2412. currentStep++;
  2413. $(".step-" + currentStep).fadeIn(500);
  2414. updateProgressBar();
  2415. }
  2416. });
  2417. }
  2418. });
  2420. $(".prev-step").click(function () {
  2421. $('#bookandcontinue').prop('disabled', false);
  2422. if (currentStep > 1) {
  2423. $(".step-" + currentStep).fadeOut(500, function () {
  2424. currentStep--;
  2425. $(".step-" + currentStep).fadeIn(500);
  2427. updateProgressBar();
  2428. clearInterval(countdown);
  2429. });
  2430. }
  2431. });
  2432. $("#bookandcontinue").click(function () {
  2433. $('#startDateInput').val('');
  2434. $('#endDateInput').prop('disabled', true).val('0');
  2435. $('#startPeriodDropdown').val('0');
  2436. $('#endPeriodDropdown').val('0');
  2437. $('#numDaysCount').val(''); // Reset the number of days input
  2438. $('#numDaysCountDisplay').val('');
  2439. $('#summary').html('');
  2440. $('#relation').val('0');
  2441. $('#reasonforbooking').val(0);
  2442. });
  2444. $(".step-2 .reset-step").click(function () {
  2445. $('.step-2 input[type="text"], .step-2 select').val(function () {
  2446. return this.defaultValue;
  2447. });
  2449. $('.step-2 input[type="checkbox"], .step-2 input[type="radio"]').prop('checked', false);
  2450. $('#endDateInput').prop('disabled', true).val('0');
  2451. $('#startPeriodDropdown').val('0');
  2452. $('#endPeriodDropdown').val('0');
  2453. $('#numDaysCount').val(''); // Reset the number of days input
  2454. $('#numDaysCountDisplay').val('');
  2455. $('#summary').html('');
  2456. $('#relation').val('0');
  2457. $('#reasonforbooking').val(0);
  2458. $('.step-2 .error-message').hide();
  2459. toggleNextButton(2); // Ensure button state reflects field values after reset
  2460. });
  2462. $(".step-3 .reset-step").click(function () {
  2463. // Reset all input fields and select elements to their default values
  2464. $('.step-3 input[type="text"]:not(#showReasonLabel), .step-3 input[type="file"]').val(function () {
  2465. return this.defaultValue;
  2466. });
  2467. //$('.step-3 .error-message').hide();
  2468. //$('.step-3 .form-control').parent().hide();
  2469. //$('#reasonforbooking').parent().show();
  2470. validateStep3();
  2471. });
  2473. $(".step-2 .next-step").click(function () {
  2474. var reasonforbooking = $("#reasonforbooking").val();
  2475. if (reasonforbooking !== "0") {
  2476. $(".step-3 .next-step").prop("disabled", false);
  2477. } else {
  2478. $(".step-3 .next-step").prop("disabled", true);
  2479. }
  2480. ;
  2481. var relationship = $("#relation").val();
  2482. if (relationship !== "0") {
  2483. $(".step-2 .next-step").prop("disabled", false);
  2484. } else {
  2485. $(".step-2 .next-step").prop("disabled", true);
  2486. }
  2487. ;
  2488. });
  2490. $(".cancel-step").click(function () {
  2491. // Redirect to the cancel page or handle cancellation logic here
  2492. window.location.href = "/dashboard";
  2493. });
  2495. updateProgressBar = function () {
  2496. var progressPercentage = ((currentStep - 1) / 3) * 100;
  2497. $(".progress-bar").css("width", progressPercentage + "%");
  2498. };
  2500. // State variable to track compression status
  2501. let isCompressing = false;
  2503. // Attach the validation function to file input change event
  2504. $(document).on('change', '.file-upload-field', function () {
  2505. validateFile(this);
  2506. });
  2508. function validateFile(fileInput) {
  2509. const allowedExtensions = /(\.jpg|\.jpeg|\.pdf)$/i;
  2510. const file = fileInput.files[0];
  2511. const filePath = fileInput.value;
  2512. let errorMessage = '';
  2514. // Clear any previous error message
  2515. clearError(fileInput);
  2517. // Check for duplicate files
  2518. if (isDuplicateFile(file.name, fileInput)) {
  2519. errorMessage = 'This file has already been selected. Please choose a different file.';
  2520. fileInput.value = ''; // Clear the file input
  2521. displayError(fileInput, errorMessage);
  2522. return;
  2523. }
  2525. // Validate file type
  2526. if (!allowedExtensions.exec(filePath)) {
  2527. errorMessage = 'Only JPG, JPEG, and PDF files are allowed.';
  2528. fileInput.value = ''; // Clear the file input
  2529. displayError(fileInput, errorMessage);
  2530. }
  2531. // Handle image files separately
  2532. else if (/(\.jpg|\.jpeg)$/i.test(filePath) && file.size > 2097152) {
  2533. compressImage(file).then(compressedFile => {
  2534. const dataTransfer = new DataTransfer();
  2535. dataTransfer.items.add(compressedFile);
  2536. fileInput.files = dataTransfer.files;
  2538. // Validate file size after compression
  2539. validateFileSize(fileInput);
  2540. }).catch(error => {
  2541. errorMessage = 'Error compressing image.';
  2542. displayError(fileInput, errorMessage);
  2543. });
  2544. }
  2545. // Directly validate PDF file size
  2546. else if (/(\.pdf)$/i.test(filePath) && file.size > 2097152) {
  2547. errorMessage = 'PDF file size exceeds the 2MB limit.';
  2548. fileInput.value = ''; // Clear the file input
  2549. displayError(fileInput, errorMessage);
  2550. } else {
  2551. // console.log('File size is within limit:', file.size, 'bytes');
  2552. clearError(fileInput);
  2553. }
  2554. }
  2557. function isDuplicateFile(fileName, currentInput) {
  2558. const fileInputs = document.querySelectorAll('.file-upload-field');
  2559. for (let input of fileInputs) {
  2560. if (input !== currentInput && input.files.length > 0 && input.files[0].name === fileName) {
  2561. return true;
  2562. }
  2563. }
  2564. return false;
  2565. }
  2567. function clearError(fileInput) {
  2568. const errorElements = fileInput.parentNode.getElementsByClassName('error-message');
  2569. while (errorElements.length > 0) {
  2570. errorElements[0].remove();
  2571. }
  2572. }
  2574. // Function to compress image using canvas
  2575. function compressImage(file) {
  2576. return new Promise((resolve, reject) => {
  2577. const reader = new FileReader();
  2578. reader.onload = function (event) {
  2579. const img = new Image();
  2580. img.onload = function () {
  2581. const canvas = document.createElement('canvas');
  2582. const ctx = canvas.getContext('2d');
  2583. const maxSize = 2097152; // 2MB in bytes
  2584. let scale = 1;
  2585. if (file.size > maxSize) {
  2586. scale = Math.sqrt(maxSize / file.size);
  2587. }
  2588. canvas.width = img.width * scale;
  2589. canvas.height = img.height * scale;
  2590. ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
  2592. // Convert canvas content to blob
  2593. canvas.toBlob(blob => {
  2594. resolve(new File([blob], file.name, {
  2595. type: 'image/jpeg',
  2596. lastModified: Date.now()
  2597. }));
  2598. }, 'image/jpeg', 0.7); // Adjust JPEG quality as needed (0.7 is 70% quality)
  2599. };
  2600. img.src = event.target.result;
  2601. };
  2602. reader.readAsDataURL(file);
  2603. });
  2604. }
  2606. // Function to validate file size after compression
  2607. function validateFileSize(fileInput) {
  2608. const file = fileInput.files[0];
  2609. if (file && file.size > 2097152) {
  2610. //console.log('File size is still greater than 2MB after compression.');
  2611. // Handle the situation where the file size is still greater than 2MB
  2612. displayError(fileInput, 'File size is still greater than 2MB after compression.');
  2613. fileInput.value = ''; // Clear the file input
  2614. } else {
  2615. //console.log('File size is within limit after compression.');
  2616. // Handle the situation where the file size is within the limit
  2617. }
  2618. }
  2620. // Function to display error messages
  2621. function displayError(fileInput, errorMessage) {
  2622. // Example implementation: show error message near the file input
  2623. let errorContainer = fileInput.nextElementSibling;
  2624. if (!errorContainer || !errorContainer.classList.contains('error-message')) {
  2625. errorContainer = document.createElement('div');
  2626. errorContainer.classList.add('error-message');
  2627. fileInput.parentNode.insertBefore(errorContainer, fileInput.nextSibling);
  2628. }
  2629. errorContainer.textContent = errorMessage;
  2630. }
  2632. // Initial validation check for step 3
  2633. validateStep3();
  2635. // Log statement to ensure the button is being enabled
  2636. //console.log("Enabling the button...");
  2637. $('.step-1 .next-step').prop('disabled', false);
  2638. });
  2640. var index = 0;
  2641. var hall;
  2643. $(function () {
  2644. $("#selecthall").select2();
  2645. });
  2646. $.ajax({
  2647. type: 'GET',
  2648. url: '/communityhall/user/api/gethallnames',
  2649. success: function (response) {
  2650. // Populate the dropdown options with the received hall names
  2651. var selectHallDropdown = $('#selecthall');
  2652. $.each(response, function (index, hall) {
  2653. if (hallId == hall.hallId) {
  2654. selectHallDropdown.append($('<option></option>').attr('value', hall.hallId).text(hall.hallName));
  2655. selectHallDropdown.find('option[value="' + hall.hallId + '"]').prop('selected', true);
  2656. } else {
  2657. selectHallDropdown.append($('<option></option>').attr('value', hall.hallId).text(hall.hallName));
  2658. }
  2659. });
  2660. },
  2661. error: function (xhr, status, error) {
  2662. console.error('Error fetching hall names:', error);
  2663. }
  2664. });
  2666. $(document).ready(function () {
  2667. $('#selecthall').change(function () {
  2668. var selectedHallId = $(this).val();
  2669. // Call the getHallDetails function with the selected hall ID
  2670. getHallDetails(selectedHallId);
  2671. });
  2672. });
  2674. // Function to retrieve hall details based on hallId
  2675. function getHallDetails(hallId) {
  2676. $.ajax({
  2677. type: 'GET',
  2678. url: '/communityhall/user/api/gethalldetails/' + hallId,
  2679. success: function (response) {
  2680. // console.log(response);
  2681. // Display the container
  2682. $('#hallDetailsContainer').show();
  2684. // Set hall details
  2685. $('#zone').html('<strong>' + response.zone + '</strong>&nbsp;&nbsp;&nbsp;&nbsp; Division: <strong>' + response.division + '</strong>');
  2686. $('#address').html('<strong>' + response.doorNo + ', ' + response.street + ', ' + response.area + ', ' + response.city + ', ' + response.pinCode + '</strong>');
  2687. $('#landmark').html('<strong>' + response.landMark + '</strong>');
  2688. $('#seatingCapacity').html('<strong>' + response.seatingCapacity + '</strong>');
  2689. var parkingCapacity = response.parkingCapacity;
  2690. var parkingAvailability = parkingCapacity > 0 ? "Yes" : "No";
  2691. $('#parkingCapacity').html('<strong>' + parkingAvailability + '</strong>');
  2692. $('#caretakerNumber').html('<strong>' + response.hallInchargeMobno + '</strong>');
  2693. $('#rentAmount').html('<strong>' + response.depositAmount + '</strong>');
  2694. $('#gst').html('<strong>' + response.gst + '</strong>');
  2695. $('#fullDayAmount').html('<strong>' + response.fullDayRent + '</strong>');
  2696. $('#halfrentAmount').html('<strong>' + response.halfDepositAmount + '</strong>');
  2697. $('#halfDayAmount').html('<strong>' + response.halfDayRent + '</strong>');
  2698. $('#ebunit').html('<strong>' + response.ebCostPerUnit + '</strong>');
  2699. $('#statichallId').val(response.hallId);
  2701. // Set hall images
  2702. var carouselInner = $('#hallImagesCarousel .carousel-inner');
  2703. carouselInner.empty(); // Clear existing images
  2705. $.each(response.hallImagesList, function (index, image) {
  2706. var itemClass = (index === 0) ? 'carousel-item active' : 'carousel-item';
  2707. var img = $('<img>').addClass('d-block w-100').attr('src', image.hallImage).attr('alt', 'Hall Image');
  2708. var carouselItem = $('<div>').addClass(itemClass).append(img);
  2709. carouselInner.append(carouselItem);
  2710. });
  2712. // Clear existing floor details to prevent duplicates
  2713. $('#hallareainsqft').empty();
  2715. // Use a Set to store unique floor details
  2716. var uniqueFloorDetails = new Set();
  2718. $.each(response.floorDetailsList, function (index, hallarea) {
  2720. // Construct the text for each floor's details
  2721. var floorDetailText = hallarea.floor + " - " + hallarea.hallarea + " Sq.ft ,";
  2723. // Add to the Set if it's not a duplicate
  2724. if (!uniqueFloorDetails.has(floorDetailText)) {
  2725. uniqueFloorDetails.add(floorDetailText);
  2726. // Append the floor details to the target element
  2727. $('#hallareainsqft').append('<strong>' + floorDetailText + '</strong>');
  2728. }
  2729. });
  2731. // Initialize ViewerJS on the carousel after images are loaded
  2732. initializeViewerJS();
  2734. getBookingCalendar(hallId);
  2736. // Set hall details in Step 2 and Step 3
  2737. $('#hallNameDisplayStep2').text(response.hallName);
  2738. $('#hallNameDisplayStep3').text(response.hallName);
  2739. $('#zoneStep2').text(response.zone);
  2740. $('#zoneStep3').text(response.zone);
  2741. $('#divisionStep2').text(response.division);
  2742. $('#divisionStep3').text(response.division);
  2743. },
  2745. error: function (xhr, status, error) {
  2746. console.error('Error fetching hall details:', error);
  2747. }
  2748. });
  2749. }
  2752. function initializeViewerJS() {
  2753. // Ensure ViewerJS initialization after images are added to the DOM
  2754. var carouselInner = document.querySelector('#hallImagesCarousel .carousel-inner');
  2755. var floordetails = document.querySelector('#hallareainsqft');
  2757. // Destroy existing viewer instance if it exists
  2758. if (carouselInner.viewer) {
  2759. carouselInner.viewer.destroy();
  2760. }
  2761. if (floordetails.viewer) {
  2762. floordetails.viewer.destroy();
  2763. }
  2764. // Initialize ViewerJS
  2765. var viewer = new Viewer(carouselInner, {
  2766. inline: false,
  2767. viewed: function () {
  2768. viewer.zoomTo(0.5); // Adjust the zoom level here
  2769. },
  2770. toolbar: {
  2771. zoomIn: 4,
  2772. zoomOut: 4,
  2773. oneToOne: 4,
  2774. reset: 4,
  2775. prev: 4,
  2776. play: {
  2777. show: 4,
  2778. size: 'large',
  2779. },
  2781. next: 4,
  2782. rotateLeft: 4,
  2783. rotateRight: 4,
  2784. flipHorizontal: 4,
  2785. flipVertical: 4,
  2786. },
  2787. });
  2788. carouselInner.viewer = viewer;
  2789. }
  2791. function showBookingDetails() {
  2792. var bookingDetailsDiv = document.getElementById('bookingdetails');
  2793. // Toggle the display property (show/hide)
  2794. if (bookingDetailsDiv.style.display === 'none') {
  2795. bookingDetailsDiv.style.display = 'block';
  2796. } else {
  2797. bookingDetailsDiv.style.display = 'none';
  2798. }
  2799. }
  2801. function previewImage(event) {
  2802. const userphoto = event.target;
  2803. const preview = document.getElementById('preview');
  2804. const reader = new FileReader();
  2805. reader.onload = function () {
  2806. preview.src = reader.result;
  2807. };
  2808. reader.readAsDataURL(userphoto.files[0]);
  2809. }
  2811. function getBookingCalendar(hall_id) {
  2812. // Make an AJAX call to fetch booking data
  2813. $.ajax({
  2814. type: 'GET',
  2815. url: '/communityhall/user/api/getPastData',
  2816. data: {
  2817. hall_id: hall_id
  2818. },
  2819. success: function (response) {
  2820. window.bookingResponse = {};
  2821. if (response && Array.isArray(response)) {
  2822. $("#startDateInput").datepicker("destroy");
  2823. for (var i = 0; i < response.length; i++) {
  2824. var dateString = datepickerFormat(response[i].bdate);
  2825. window.bookingResponse[dateString] = [response[i].morningSlot, response[i].eveningSlot, response[i].is_blocked];
  2826. }
  2828. initializeDatepickerWithColors(hall_id);
  2829. if (response.length == 0) {
  2830. initializeDatepickerWithColors(hall_id);
  2831. }
  2832. } else {
  2833. console.error('Invalid or empty response data.');
  2834. }
  2835. },
  2836. error: function (xhr, status, error) {
  2837. console.error('Error fetching hall details:', error);
  2838. }
  2839. });
  2840. }
  2842. // Function to update the end date and slot availability
  2843. function updateEndDate() {
  2844. var startDate = new Date(document.getElementById("startDateInput").value);
  2845. var formatStartDate = formatDate(startDate);
  2846. var endDateInput = document.getElementById("endDateInput");
  2847. endDateInput.innerHTML = '<option value="0">Select</option>';
  2848. endDateInput.disabled = true;
  2850. var maxdays = $('#reasonMaxDates').val();
  2851. // alert("maxdays:--- "+maxdays);
  2853. // Add options for next 7 days from the selected start date
  2854. for (var i = 0; i < maxdays; i++) {
  2855. var date = new Date(startDate);
  2856. date.setDate(startDate.getDate() + i);
  2857. var formattedDate = formatDate(date);
  2859. if (isNaN(date.getTime())) {
  2860. console.error("Invalid date:", date);
  2861. continue;
  2862. }
  2864. var bookingStatus = window.bookingResponse[formattedDate];
  2865. if (bookingStatus) {
  2866. if (bookingStatus[0] && bookingStatus[1]) {
  2867. //alert("slot fulled");
  2868. break;
  2869. } else if (bookingStatus[0]) {
  2870. if (formatStartDate == formattedDate) {
  2871. var option = document.createElement('option');
  2872. option.value = formattedDate;
  2873. option.text = formattedDate;
  2874. endDateInput.appendChild(option);
  2875. } else {
  2876. break;
  2877. }
  2878. } else if (bookingStatus[1]) {
  2879. var option = document.createElement('option');
  2880. option.value = formattedDate;
  2881. option.text = formattedDate;
  2882. endDateInput.appendChild(option);
  2883. break;
  2884. } else {
  2885. var option = document.createElement('option');
  2886. option.value = formattedDate;
  2887. option.text = formattedDate;
  2888. endDateInput.appendChild(option);
  2889. }
  2891. } else {
  2892. var option = document.createElement('option');
  2893. option.value = formattedDate;
  2894. option.text = formattedDate;
  2895. endDateInput.appendChild(option);
  2896. }
  2897. }
  2898. endDateInput.disabled = false;
  2899. }
  2901. // Utility function to format date as yyyy-mm-dd
  2902. function formatDate(date) {
  2903. var year = date.getFullYear();
  2904. var month = ("0" + (date.getMonth() + 1)).slice(-2);
  2905. var day = ("0" + date.getDate()).slice(-2);
  2906. return year + "-" + month + "-" + day;
  2907. }
  2909. // Function to calculate number of days based on start and end dates
  2910. // Function to calculate number of days based on start and end dates
  2911. function calculateNumDays() {
  2912. var startDateStr = document.getElementById("startDateInput").value;
  2913. var endDateStr = document.getElementById("endDateInput").value;
  2915. // Parse dates
  2916. var startDate = new Date(startDateStr);
  2917. var endDate = new Date(endDateStr);
  2919. // Check if dates are valid
  2920. if (isNaN(startDate.getTime()) || isNaN(endDate.getTime())) {
  2921. console.error("Invalid date format.");
  2922. return;
  2923. }
  2925. // Calculate the difference in days
  2926. var timeDiff = endDate.getTime() - startDate.getTime();
  2927. var numDays = Math.ceil(timeDiff / (1000 * 3600 * 24));
  2928. // Adjust numDays to handle same-day selection
  2929. if (numDays === 0) {
  2930. numDays = 1; // Default to 1 day for same-day booking
  2931. } else if (numDays < 0) {
  2932. numDays = 0; // Handle case where end date is before start date
  2933. } else {
  2934. numDays += 1; // Add one day to include both start and end days
  2935. }
  2936. // Cap numDays between 1 and 7
  2937. numDays = Math.min(Math.max(numDays, 1), 7);
  2938. document.getElementById("numDaysCount").value = numDays;
  2939. // Recalculate days after slots if both dates are selected
  2940. if (startDateStr && endDateStr) {
  2941. calculatenoofdaysafterslots();
  2942. }
  2943. }
  2945. function getEndPeriodValue() {
  2946. const endPeriodDropdown = document.getElementById("endPeriodDropdown");
  2947. return endPeriodDropdown.disabled ? endPeriodDropdown.getAttribute("data-value") : endPeriodDropdown.value;
  2948. }
  2950. function setEndPeriodDataValue() {
  2951. const endPeriodDropdown = document.getElementById("endPeriodDropdown");
  2952. if (endPeriodDropdown.disabled) {
  2953. endPeriodDropdown.setAttribute("data-value", endPeriodDropdown.value);
  2954. }
  2955. }
  2957. function calculatenoofdaysafterslots() {
  2958. const startDateStr = document.getElementById("startDateInput").value;
  2959. const endDateStr = document.getElementById("endDateInput").value;
  2960. const startPeriod = parseInt(document.getElementById("startPeriodDropdown").value);
  2961. const endPeriod = parseInt(getEndPeriodValue()); // Use getEndPeriodValue here
  2963. const periodText = {
  2964. 0: { text: "select", time: "" },
  2965. 1: { text: "Morning", time: "6:00 AM" },
  2966. 2: { text: "Afternoon", time: "2:00 PM" }
  2967. };
  2969. const endPeriodText = {
  2970. 0: { text: "select", time: "" },
  2971. 1: { text: "Afternoon", time: "2:00 PM" },
  2972. 2: { text: "Evening", time: "10:00 PM" }
  2973. };
  2975. const startDate = new Date(startDateStr);
  2976. const endDate = new Date(endDateStr);
  2978. const timeDiff = endDate.getTime() - startDate.getTime();
  2979. let numDays = Math.ceil(timeDiff / (1000 * 3600 * 24));
  2981. if (numDays === 0 && startDate.toDateString() === endDate.toDateString()) {
  2982. if (startPeriod === 1 && endPeriod === 1) {
  2983. numDays = 0.5; // Morning to morning is half day
  2984. } else if (startPeriod === 2 && endPeriod === 2) {
  2985. numDays = 0.5; // Evening to evening is half day
  2986. } else if (startPeriod === 1 && endPeriod === 2) {
  2987. numDays = 1; // Morning to evening is one full day
  2988. } else {
  2989. numDays = 1; // Default to one full day for any other case
  2990. }
  2991. } else {
  2992. if (startPeriod === 1 && endPeriod === 1) {
  2993. numDays += 0.5; // Morning to morning adds half a day
  2994. } else if (startPeriod === 2 && endPeriod === 2) {
  2995. numDays += 0.5; // Evening to evening adds half a day
  2996. } else if (startPeriod === 1 && endPeriod === 2) {
  2997. numDays += 1; // Morning to evening adds one full day
  2998. } else if (startPeriod === 2 && endPeriod === 1) {
  2999. // If the period spans over two days, evening to morning should be counted as one full day
  3000. numDays -= 0;
  3001. } else {
  3002. numDays += 1; // Default case for any other scenario
  3003. }
  3004. }
  3006. //else if (startPeriod === "2" && endPeriod === "2") {
  3007. // amount = fullDayAmount * (numDays - 1) + halfDayAmount;
  3008. //}
  3009. numDays = Math.min(Math.max(numDays, 0), 7);
  3011. const startPeriodText = periodText[startPeriod].text + " (" + periodText[startPeriod].time + ")";
  3012. const endPeriodFullText = endPeriodText[endPeriod].text + " (" + endPeriodText[endPeriod].time + ")";
  3013. const numDaysText = `${startDateStr} (${startPeriodText}) to ${endDateStr} (${endPeriodFullText})`;
  3015. document.getElementById("numDaysCountDisplay").value = numDaysText;
  3016. document.getElementById("numDaysCount").value = numDays;
  3017. }
  3019. function showSummary() {
  3020. const startDate = new Date(document.getElementById("startDateInput").value);
  3021. const endDate = new Date(document.getElementById("endDateInput").value);
  3022. const startPeriod = document.getElementById("startPeriodDropdown").value;
  3023. const endPeriod = getEndPeriodValue(); // Use getEndPeriodValue here
  3025. const startPeriods = {
  3026. "1": "Morning 6:00 AM",
  3027. "2": "Afternoon 2:00 PM"
  3028. };
  3030. const endPeriods = {
  3031. "1": "Afternoon 2:00 PM",
  3032. "2": "Evening 10:00 PM"
  3033. };
  3034. const numofdaysrange = Math.ceil((endDate - startDate) / (1000 * 60 * 60 * 24)) + 1;
  3035. document.getElementById("noofdaysbetweenstartend").value = numofdaysrange;
  3036. const numDays = Math.ceil((endDate - startDate) / (1000 * 60 * 60 * 24)) + 1;
  3037. let summaryText = `You booked for ${numDays} day(s) with the following slots:\n`;
  3039. let currentDate = new Date(startDate);
  3041. while (currentDate <= endDate) {
  3042. const currentDay = currentDate.toISOString().split('T')[0];
  3043. let currentStartPeriod;
  3044. let currentEndPeriod;
  3046. if (currentDate.getTime() === startDate.getTime()) {
  3047. currentStartPeriod = startPeriod;
  3048. } else {
  3049. currentStartPeriod = "1"; // Default to Morning for subsequent days
  3050. }
  3052. if (currentDate.getTime() === endDate.getTime()) {
  3053. currentEndPeriod = endPeriod;
  3054. } else {
  3055. currentEndPeriod = "2"; // Default to Evening for all days except the last
  3056. }
  3058. summaryText += `${currentDay}: ${startPeriods[currentStartPeriod]} to ${endPeriods[currentEndPeriod]}\n`;
  3060. currentDate.setDate(currentDate.getDate() + 1);
  3061. }
  3063. document.getElementById("summary").innerText = summaryText;
  3064. }
  3066. // Add event listeners to update the summary when dropdowns change
  3067. document.getElementById("startDateInput").addEventListener("change", function () {
  3068. calculatenoofdaysafterslots();
  3069. showSummary();
  3070. });
  3072. document.getElementById("endDateInput").addEventListener("change", function () {
  3073. calculatenoofdaysafterslots();
  3074. $("#endPeriodDropdown").val(0).prop("disabled", false);
  3075. $(".step-2 .next-step").prop("disabled", true);
  3077. const bookingStatus = window.bookingResponse[$("#endDateInput").val()];
  3078. if (bookingStatus) {
  3079. if (bookingStatus[0]) {
  3080. $("#endPeriodDropdown").val(2);
  3081. $("#endPeriodDropdown").prop("disabled", true);
  3082. setEndPeriodDataValue();
  3083. } else if (bookingStatus[1]) {
  3084. $("#endPeriodDropdown").val(1);
  3085. $("#endPeriodDropdown").prop("disabled", true);
  3086. setEndPeriodDataValue();
  3087. }
  3088. } else {
  3089. $("#endPeriodDropdown").prop("disabled", false);
  3090. }
  3092. calculatenoofdaysafterslots();
  3093. if ($("#endDateInput").val() == "0") {
  3094. $('#summary').html('');
  3095. } else {
  3096. showSummary();
  3097. }
  3099. });
  3101. document.getElementById("startPeriodDropdown").addEventListener("change", function () {
  3102. calculatenoofdaysafterslots();
  3103. showSummary();
  3104. });
  3106. document.getElementById("endPeriodDropdown").addEventListener("change", function () {
  3107. calculatenoofdaysafterslots();
  3108. showSummary();
  3109. });
  3111. function initializeDatepickerWithColors(hallId) {
  3112. // Destroy existing datepicker to avoid duplicate initialization
  3113. $("#datepicker-container").datepicker("destroy");
  3114. const serverDate = new Date($("#serverDate").val() + "T00:00:00")
  3116. const maxDate = new Date(serverDate);
  3117. maxDate.setMonth(maxDate.getMonth() + 6);
  3118. // console.log(" hall booking form Max Date: "+maxDate);
  3120. // Initialize the datepicker
  3121. $("#startDateInput,#datepicker-container").datepicker({
  3122. dateFormat: "yy-mm-dd",
  3123. minDate: serverDate,
  3124. maxDate: maxDate,
  3125. beforeShowDay: function (eDate) {
  3126. const dateString = $.datepicker.formatDate("yy-mm-dd", eDate);
  3127. const bookingStatus = window.bookingResponse[dateString] || {};
  3129. // const currentDate = new Date();
  3130. serverDate.setHours(0, 0, 0, 0); // Normalize current date to midnight
  3131. eDate.setHours(0, 0, 0, 0); // Normalize selected date to midnight
  3133. // Logic for other dates
  3134. if (eDate < serverDate) {
  3135. return [false, "highlight-disabled", "Slot not Available"];
  3136. }
  3138. const isToday = eDate.getTime() === serverDate.getTime();
  3139. const currentHour = new Date().getHours();
  3140. const isBefore6AM = currentHour < 6;
  3141. const isAfter2PM = currentHour >= 14;
  3143. // Block 3-day logic for specific event types
  3144. // const today = new Date();
  3145. const blockedDate = new Date(serverDate);
  3146. blockedDate.setDate(serverDate.getDate() + 2);
  3148. if (eDate <= blockedDate && window.isThreeDayBlock) {
  3149. return [false, "highlight-disabled", "Blocked due to event type"];
  3150. }
  3152. // Logic for today
  3153. if (isToday) {
  3154. if (isBefore6AM) {
  3155. // Before 6 AM: Allow full-day booking or adjust based on booking status
  3156. return handleBookingStatus(bookingStatus, "Full Day Available");
  3157. } else if (isAfter2PM) {
  3158. // After 2 PM: Block all bookings
  3159. return handleAfter2PM(bookingStatus);
  3160. } else {
  3161. // Between 6 AM and 2 PM: Check status and disable morning slots
  3162. return handleMorningSlots(bookingStatus);
  3163. }
  3164. }
  3166. return handleBookingStatus(bookingStatus, "Slot Available");
  3167. },
  3168. });
  3170. // Show datepicker when hall is selected
  3171. $('#selecthall').off('click').on('click', function () {
  3172. $('#datepicker-container').datepicker('show');
  3173. });
  3175. // Handle changes in the start date input
  3176. $("#startDateInput").on("change", function () {
  3177. const selectedDate = $(this).val();
  3178. const bookingStatus = window.bookingResponse[selectedDate] || {};
  3179. // const currentDate = new Date();
  3180. const currentHours = new Date().getHours();
  3181. const currentDateString = $("#serverDate").val();
  3183. $("#startPeriodDropdown option").prop("disabled", false); //newly added after server date changes
  3185. $("#startPeriodDropdown").val(0).prop("disabled", false);
  3186. $("#endPeriodDropdown").val(0).prop("disabled", false);
  3187. $("#numDaysCount").val('');
  3188. validateForm();
  3190. if ((selectedDate === currentDateString && currentHours >= 6) || bookingStatus[0]) {
  3191. $("#startPeriodDropdown option[value='1']").prop("disabled", true);
  3192. } else if (bookingStatus[1]) {
  3193. $("#startPeriodDropdown option[value='2']").prop("disabled", true);
  3194. }
  3195. updateEndDate(selectedDate);
  3196. });
  3198. // Event type change logic
  3199. $("#reasonforbooking").on("change", function () {
  3200. const selectedEventType = $(this).find("option:selected").text().trim();
  3201. window.isThreeDayBlock = ["Commercial", "State Govt Event", "Central Govt Event"].includes(selectedEventType);
  3202. $("#datepicker-container").datepicker("refresh");
  3203. });
  3204. }
  3206. function handleBookingStatus(bookingStatus, defaultMessage) {
  3207. if (bookingStatus[2]) {
  3208. return [true, "highlight-blue disabled", "GCC Blocked"];
  3209. } /*else if (bookingStatus[3]) {
  3210. return [true, "highlight-lightpink disabled", "Temporary Blocked"];
  3211. } */ else if (bookingStatus[0] && bookingStatus[1]) {
  3212. return [true, "highlight-pink disabled", "Slot Occupied"];
  3213. } else if (bookingStatus[0] && !bookingStatus[1]) {
  3214. return [true, "highlight-yellow", "Evening Slot Available"];
  3215. } else if (!bookingStatus[0] && bookingStatus[1]) {
  3216. return [true, "highlight-violet", "Only Morning Slot Available"];
  3217. }
  3218. return [true, "highlight-greens", defaultMessage];
  3219. }
  3221. // Helper function: Handles logic after 2 PM
  3222. function handleAfter2PM(bookingStatus) {
  3223. if (bookingStatus[2]) {
  3224. return [true, "highlight-blue disabled", "GCC Blocked"];
  3225. } else if (bookingStatus[0] || bookingStatus[1]) {
  3226. return [true, "highlight-pink disabled", "Slot Occupied"];
  3227. }
  3228. return [false, "highlight-disabled", "Not Allowed to Book"];
  3229. }
  3231. // Helper function: Handles morning slots between 6 AM and 2 PM
  3232. function handleMorningSlots(bookingStatus) {
  3233. if (bookingStatus[2]) {
  3234. return [true, "highlight-blue disabled", "GCC Blocked"];
  3235. } else if (bookingStatus[0] && bookingStatus[1]) {
  3236. return [true, "highlight-pink disabled", "Slot Occupied"];
  3237. } else if (bookingStatus[0] && !bookingStatus[1]) {
  3238. return [true, "highlight-yellow", "Evening Slot Available"];
  3239. } else if (!bookingStatus[0] && bookingStatus[1]) {
  3240. return [false, "highlight-disabled", "Slot Occupied"];
  3241. }
  3242. return [true, "highlight-yellow", "Evening Slot Available"];
  3243. }
  3246. function datepickerFormat(dateString) {
  3247. var dateObject = new Date(dateString);
  3248. var year = dateObject.getFullYear();
  3249. var month = (dateObject.getMonth() + 1).toString().padStart(2, "0");
  3250. var day = dateObject.getDate().toString().padStart(2, "0");
  3251. return `${year}-${month}-${day}`;
  3252. }
  3254. //snackbars
  3255. $("#reasonforbooking").on("click", function () {
  3256. var relationship = $("#relation").val();
  3257. if (relationship == 0) {
  3258. var relationField = $("#relation")[0];
  3259. relationField.setCustomValidity("Relationship for Booking is Missing. Please select.");
  3260. relationField.reportValidity();
  3261. return; // Exit early if relationship is not provided
  3262. } else {
  3263. $("#relation")[0].setCustomValidity(""); // Clear custom validity if valid
  3264. }
  3265. });
  3267. $("#relation").on("change", function () {
  3268. // Clear custom validity when a valid value is selected
  3269. this.setCustomValidity("");
  3270. });
  3272. $("#startDateInput").on("click", function () {
  3273. var reason = $("#reasonforbooking").val();
  3274. if (reason == 0) {
  3275. var reasonField = $("#reasonforbooking")[0];
  3276. reasonField.setCustomValidity("Reason for booking is missed. Please select a reason.");
  3277. reasonField.reportValidity();
  3278. return; // Exit early if reason is not provided
  3279. } else {
  3280. $("#reasonforbooking")[0].setCustomValidity(""); // Clear custom validity if valid
  3281. }
  3282. });
  3283. $("#endDateInput").on("click", function () {
  3284. var reason = $("#reasonforbooking").val();
  3285. var startDate = $("#startDateInput").val();
  3286. if (reason == 0) {
  3287. var reasonField = $("#reasonforbooking")[0];
  3288. reasonField.setCustomValidity("Reason for booking is missed. Please select a reason.");
  3289. reasonField.reportValidity();
  3290. return; // Exit early if reason is not provided
  3291. } else {
  3292. $("#reasonforbooking")[0].setCustomValidity(""); // Clear custom validity if valid
  3293. }
  3294. if (startDate == "") {
  3295. var startDate = $("#startDateInput")[0];
  3296. startDateInput.setCustomValidity("Start Date missed. Please select a Start Date.");
  3297. startDateInput.reportValidity();
  3298. return; // Exit early if reason is not provided
  3299. } else {
  3300. $("#startDateInput")[0].setCustomValidity(""); // Clear custom validity if valid
  3301. }
  3302. });
  3304. $("#reasonforbooking").on("change", function () {
  3305. // Clear custom validity when a valid value is selected
  3306. this.setCustomValidity("");
  3307. });
  3309. // Snackbar function
  3310. function showSnackbar(message) {
  3311. var snackbar = $("<div>")
  3312. .addClass("snackbar")
  3313. .text(message)
  3314. .appendTo("body");
  3316. // Add animation classes for showing and hiding
  3317. snackbar.addClass("show");
  3319. // Remove the snackbar after 3 seconds
  3320. setTimeout(function () {
  3321. snackbar.removeClass("show");
  3322. snackbar.remove();
  3323. }, 3000);
  3324. }
  3326. // Update the event listeners to include date inputs
  3327. $("#endDateInput").on("change", function () {
  3328. var starting = $("#startPeriodDropdown").val();
  3329. var ending = $("#endPeriodDropdown").val();
  3330. var startDate = $("#startDateInput").val();
  3331. var endDate = $("#endDateInput").val();
  3333. // Call validateSlot with updated parameters
  3334. validateSlot(starting, ending, startDate, endDate);
  3335. validateForm();
  3336. });
  3338. // Event listener for changes in startPeriodDropdown
  3339. $("#startPeriodDropdown").on("change", function () {
  3340. var starting = $(this).val();
  3341. var ending = $("#endPeriodDropdown").val();
  3342. var startDate = $("#startDateInput").val();
  3343. var endDate = $("#endDateInput").val();
  3345. // Call validateSlot with updated parameters
  3346. validateSlot(starting, ending, startDate, endDate);
  3347. validateForm();
  3348. showSummary();
  3349. });
  3351. // Event listener for changes in endPeriodDropdown
  3352. $("#endPeriodDropdown").on("change", function () {
  3353. var starting = $("#startPeriodDropdown").val();
  3354. var ending = $(this).val();
  3355. var startDate = $("#startDateInput").val();
  3356. var endDate = $("#endDateInput").val();
  3357. validateSlot(starting, ending, startDate, endDate);
  3358. validateForm();
  3359. calculatenoofdaysafterslots();
  3360. showSummary();
  3361. });
  3363. function validateSlot(starting, ending, startDate, endDate) {
  3364. // Check if startDate is equal to endDate and starting is 2 and ending is 1
  3365. if (startDate === endDate && starting == 2 && ending == 1) {
  3366. Swal.fire({
  3367. icon: 'error',
  3368. title: 'Oops!',
  3369. text: "The starting slot cannot be set to Evening if the ending slot is Morning when the dates are the same.",
  3370. }).then(() => {
  3371. // Reset endPeriodDropdown to 0
  3372. $("#endPeriodDropdown").val(0);
  3373. validateForm();
  3374. });
  3375. }
  3376. validateForm(); // Call validateForm to update form validation status
  3377. }
  3379. function validateForm() {
  3380. var startDate = $("#startDateInput").val();
  3381. var endDate = $("#endDateInput").val();
  3382. var startPeriod = $("#startPeriodDropdown").val();
  3383. var endPeriod = $("#endPeriodDropdown").val();
  3384. var reasonforbooking = $("#reasonforbooking").val();
  3385. var relationship = $("#relation").val();
  3386. if (startDate && endDate !== "0" && startPeriod !== "0" && endPeriod !== "0" && relationship !== "0" && reasonforbooking) {
  3387. $(".next-step").prop("disabled", false);
  3388. } else {
  3389. $(".next-step").prop("disabled", true);
  3390. }
  3391. }
  3393. // Confirm Payment button click event
  3394. $("#confirmPaymentBtn").on('click', function () {
  3395. // Disable the payment button
  3396. $('#confirmPaymentBtn').prop('disabled', true);
  3398. stopTimer();
  3400. });
  3402. function stopTimer() {
  3403. if (countdown) {
  3404. clearInterval(countdown);
  3405. countdown = null; // Clear the countdown reference
  3406. }
  3407. timerElement.innerHTML = "Timer Stopped"; // Optionally update the message
  3408. }
  3410. (function () {
  3412. function block(e) {
  3413. e.preventDefault();
  3414. e.stopPropagation();
  3415. return false;
  3416. }
  3417. // Disable right‑click
  3418. window.addEventListener('contextmenu', block, true);
  3419. // 2) Disable drag (images/text) — optional
  3420. // window.addEventListener('dragstart', block, true);
  3423. // 3) Disable common DevTools / view‑source shortcuts
  3424. window.addEventListener('keydown', function (e) {
  3425. // Normalize: e.key is a string like 'F12' or 'I'; keyCode is a number (deprecated but useful for older browsers)
  3426. var key = e.key;
  3427. var code = e.keyCode || e.which;
  3429. // F12 (DevTools)
  3430. if (key === 'F12' || code === 123) return block(e);
  3432. // Ctrl+Shift+I/J/C (DevTools / Inspect / Console)
  3433. if (e.ctrlKey && e.shiftKey && (key === 'I' || key === 'J' || key === 'C' || code === 73 || code === 74 || code === 67)) return block(e);
  3435. // Ctrl+U (view source)
  3436. if (e.ctrlKey && (key === 'u' || key === 'U' || code === 85)) return block(e);
  3438. // Ctrl+S (save page)
  3439. if (e.ctrlKey && (key === 's' || key === 'S' || code === 83)) return block(e);
  3441. // Firefox specific shortcuts
  3442. // Ctrl+Shift+K opens Web Console
  3443. if (e.ctrlKey && e.shiftKey && (key === 'K' || code === 75)) return block(e);
  3444. // Ctrl+Shift+E opens Network Monitor
  3445. if (e.ctrlKey && e.shiftKey && (key === 'E' || code === 69)) return block(e);
  3446. }, true);
  3448. let threshold = 160;
  3449. setInterval(function () {
  3450. if (window.outerHeight - window.innerHeight > threshold ||
  3451. window.outerWidth - window.innerWidth > threshold) {
  3452. document.body.innerHTML = "<h1 style='color:red;text-align:center;margin-top:20%'>DevTools detected. Page disabled.</h1>";
  3453. }
  3454. }, 500);
  3455. })();
  3457. function showToast(msg) {
  3458. var toast = document.getElementById("toast");
  3459. toast.textContent = msg;
  3460. toast.className = "show";
  3461. setTimeout(function () {
  3462. toast.className = toast.className.replace("show", "");
  3463. }, 2500);
  3464. }
  3466. $(document).on("contextmenu",
  3467. "#ui-datepicker-div td, #ui-datepicker-div a, #ui-datepicker-div .ui-datepicker-title", function (e) {
  3468. e.preventDefault();
  3469. showToast("Right-click disabled");
  3470. return false;
  3471. });
  3473. </script>
  3474. </body>
  3476. </html>