1. Booking Module
Booking Module will be included via iFrame. Max width = 470px
We need two ways to show the courses. On one page, we show all courses, sorted by Category. Category should be the Title, then the courses below. Category could be "Sailing".
On other page, we show courses for a selected category. We want to include the iFrame in that way: [login to view URL]
Then display all courses sorted by date. Only show title, city, start_date, end_date, price (if early booking price available, show it, if not, show normal price), booking button. In german we call it "Buchung".
Click on Title of the course, shows a page with all detailed informations. There is also a written how many places are free from X-available-seats. And we show a list with persons who also book this course. But we only show first name, first_letter_of_lastname. A the end there is a link to the PDF from that category. Show it with a PDF Logo and the text course-materials in german "Kursunterlagen".
If a customer wants to book a course, he clicked the booking button and he gets a page with his course plus the additional products from this category. Each category in a row with picture, title and price and a checkbox to select it.
At the bottom there is somewhere the Price. If no additional product is selected, there is just the course price. If the customer selects a additional product, the price is updated via ajax. Then he gets a next button, in german "Weiter" and he comes to a page where he can enter his personal informations. First name, last name, street+nr, zip, city, phone_number, mobile_number, email, password. Then a next button, in german "Weiter" and we show him a complete overview what he ordered. Then a book button, in german "Buchen" and then we save all order informations in a database.
We need a password, because in a next step I have another job for you. Customer login for weekly homework.
So, if course is booked, we send a email to the customer with a PDF invoice and a email to us that someone book a course. Sample by eMail.
2. Admin Area
I have no more space to write it down how it should look like. Only 2450 chars allowed here. I can send this description by eMail.