Swimming Lesson Booking - Copy this Html, Bootstrap Component to your project

The described project is a website for booking swimming pool lessons, allowing users to book or cancel a lesson based on their preferred day and time. The structure involves several key steps: Database Creation (MySQL): Three tables are planned: Users: with fields for ID, email, and password. Lessons: with ID, title, description, instructor, date, time, total spots (20), and available spots. Bookings: with ID, user ID, and lesson ID. Login Screen: Allows registered users to access the homepage. It checks the database for correct email and password. If valid, the user is granted access; otherwise, an error pop up is displayed. Registration Screen: Enables users to register by entering their email and password, which are then saved in the "users" table in the database. Once registered, the user can log in. Homepage: Once logged in, users will see a monthly calendar displaying the available lessons (e.g., aquagym, gag, free swimming), organized by time slots. Lesson Detail Screen: When a user clicks on a lesson in the calendar, a detailed view of the lesson opens, showing the title, description, instructor, and two buttons ("Book Lesson" and "Cancel"). Book Lesson: When clicked, a confirmation pop up appears, and the button changes to "Cancel Lesson." Upon booking, the "bookings" table is updated with the user ID and lesson ID, and the available spots for that lesson decrease by 1. Cancel Lesson: When clicked, the booking is removed from the database, the button reverts to "Book Lesson," and the available spots increase by 1.