I want a booking calendar system. The design must be responsive, considering access by mobile devices. And it must have half day ability and display.
Availability Calendar.
I am using this ([login to view URL]) calendar that shows availability.
I want an availability calendar to display on the website, on the big pages it should be like (Image 1), on pages for mobile users like (Image 2). Bookings are per night and they are from 2pm to 10am, so if the booking is from 01-Jan-2015 to 07-Jan-2015, it will be, 14:00 on 01-Jan-2015 to 10:00 on 07-Jan-2015. The calendar must show rented periods that are stored in a mysql database. I want the amount of nights and the rental price to show below the calendar, as the user is selecting the dates.
Rates Display.
There will be a “Rates” display on the main page, like (Image 6). It will display the rate periods, from the database. These rates must be displayed in order, by date starting, for the present year. It must also have a select for the next year also.
Booking Selector.
I want a date selector like this - [login to view URL] - that I can add to anywhere on the site, although it must be like (Image 7) for big screens and like (Image 8) for small screens. I want the calendar “From” and the “To” dates to be selected from one calendar, on big screens, like (Image 3) and on small screens, like (Image 4). Showing the start and end days, as in (Image 3 & 4)
When the calendar opens, it will show already booked dates and will not allow those dates to be in the selection. Each “available” date will have a tool tip, showing the price for that night in € and £ and the minimum booking nights for that period, this will come from the database. As you will see from - [login to view URL] -, when the dates are selected, it shows the €00 X Nights - €00.00, service fee - €00.00 and total - €00.00 . I want Nights 0 - €00.00 = £00.00, Deposit - €00.00 = £00.00 (With an information pop up) and Total - €00.00, = £00.00 Like (Image 5).
When the user clicks on "Book", a message will tell them that the dates they selected will be locked for 30 minutes, the time and the message will come from the database. They must click “OK” to continue and as with this from - [login to view URL] -, it will ask them to log in or register (If not already logged in). Registration will be Salutation, First Name, Last Name, Address, Phone, Mobile (Phone or Mobile must be added), Email (x 2 for mistakes, with compare), Password (x 2 for mistakes, with compare) and a “Human check”, with an email confirmation sent to the email address and registration activated when the email link is returned.
Main Booking and Payment.
At this time, a record will be added to the database and the selected dates will be temporarily blocked from booking, maybe showing on the “Availability Calendar”, as “Booking in progress”. Then the main booking form will open and they will complete all the information needed, with customer details being readonly, from the database. There should be the option to change the selected dates also. If they close this form, there should be a warning, saying that the dates will not be held for them. If they continue and close, the dates will be released. If they click to complete the booking, All the details will be added to the database and the user will be taken to the payment page. To pay with payPal or with a credit card through PayPal.
On completion of the payment, the user will be sent an email confirmation, including an attachment in pdf or doc, with details for their visit, this must be a template that I can change if I need to. The database will be updateted with the new booking and the booked dates will also be added to a google calendar.
All messages and warnings will come from a table in the database.
I will supply the basic forms layout, for the code to be added to.
On the back end.
I will be able to edit existing rate periods (change rates and “from” or “to” dates) or add new rate periods that will be displayed on the pages.
I will be able to add “Special” to any dates, for example, if I offer a special offer, for 2 weeks in November, I will be able to mark those dates as “Special”. This will show up on the availability calendar, shaded with a different colour, with a tool tip showing the details. Also, if I want to make any dates as available for “Short Break”, this will show up on the availability calendar, shaded with a different colour, with a tool tip showing the details. Also, this will have a different “Minimum Nights” for the booking.