Weekly Plan Interface - Copy this Html, Bootstrap Component to your project
### Submit Button - A prominently displayed "Submit Weekly Plan" button at the bottom of the form ## Functionality ### No School Toggle - When the "No School" checkbox is selected: - All input fields for that day are disabled - The Lesson field is automatically filled with "No School" - Other fields are cleared - Unchecking the box re-enables the input fields and clears the "No School" text ### Form Submission - On submission, the form data is collected and structured into a JSON object - The structured data includes: - Selected grade and subject - An array of days (Sunday to Thursday) - Arrays for module/units, lessons, homework, and pages for each day - Form submission triggers an alert confirming successful submission - The collected data is logged to the console (in a production environment, this would be sent to a server) ## Visual Design ### Color Scheme - White background for the main container - Light gray (#f4f4f4) for the page background - Green (#4CAF50) for the submit button - Standard black text on white background for optimal readability ### Layout - Centered container with max-width of 1200px - Responsive design adapts to various screen sizes - Form elements and table use full width of the container ### Typography - Sans-serif font (Arial) for clean, modern appearance - Appropriate font sizes for headers and form elements ### Interactive Elements - Hover effects on the submit button for better user feedback - Checkbox for "No School" option provides clear visual feedback when selected