Enhance the classroom management screen to include a 'Manage Students' button within each classroom card. This button, when clicked, should navigate the teacher to the student roster screen, providing a direct link to manage students within the selected classroom. Ensure the navigation is seamless and intuitive, maintaining the user's context within the 'EduQuiz' platform. The 'Manage Students' button should be clearly visible and easily accessible within each classroom card, facilitating quick access to student management functionalities.

Develop an analytics dashboard for teachers within the 'EduQuiz' platform, providing comprehensive insights into classroom performance. The dashboard should feature interactive visualizations and filtering options to facilitate data-driven decision-making. The design should prioritize clarity, usability, and actionable insights.

Specifically, the analytics dashboard should incorporate the following features:

1. Visual Charts:

   • Score Distribution: Implement a histogram chart to visualize the distribution of scores across all students in a selected class or quiz. The x-axis should represent score ranges, and the y-axis should represent the frequency or count of students within each range.
   • Top 5 Students: Include a bar chart displaying the average scores of the top 5 performing students in a selected class or quiz. The x-axis should represent student names, and the y-axis should represent the average scores.
   • Quiz Performance Over Time: Implement a line chart to visualize the average quiz scores over a selected time period (e.g., weekly, monthly). The x-axis should represent the time intervals, and the y-axis should represent the average scores. The chart should allow teachers to compare performance trends across different quizzes or classes.
   • Student Improvement: Include a trend comparison chart to visualize individual student progress over time. This could be a line chart showing each student's scores on different quizzes or a comparison of their performance before and after a specific intervention. The chart should allow teachers to easily identify students who are improving or struggling.

2. Filter Panel:

   • Time Range Selector: Implement a time range selector (e.g., date picker, predefined ranges like 'Last 7 days', 'This month', 'All time') to filter the data displayed in the charts by a specific time period.
   • Quiz Selector: Include a dropdown menu to allow teachers to filter the data by a specific quiz. The dropdown should list all available quizzes within the selected class.
   • Class Selector: Include a dropdown menu to allow teachers to filter the data by a specific class. The dropdown should list all classes the teacher has access to.

3. Export Options:

   • Provide export options to allow teachers to download the dashboard data in various formats.
   • Include options to export the data as PDF and Excel files.

4. Layout and Design:

   • Maintain a clean and organized layout consistent with the 'EduQuiz' dashboard UI.
   • Ensure the charts and filter panel are responsive and adapt to different screen sizes.
   • Use the established design system (font, colors, shadows, rounded corners) to maintain visual consistency.
   • The filter panel should be located on the left or top of the dashboard, providing easy access to filtering options.

5. User Experience:

   • Implement clear visual feedback for user interactions (e.g., hover effects on chart elements and buttons).
   • Provide helpful tooltips or labels to guide users through the dashboard's functionality.
   • Ensure the dashboard is performant, with efficient data loading, filtering, and chart rendering.

This design should provide teachers with an efficient and informative interface for analyzing classroom performance, identifying trends, and making data-driven decisions within the 'EduQuiz' platform.

Create a user settings page for the 'EduQuiz' platform, structured with a tabbed interface for intuitive navigation. The page should include the following sections, each with specific form elements:

1. Profile Information:

   • Avatar: Implement an avatar upload feature, allowing users to upload and update their profile picture. The upload should support common image formats (e.g., JPG, PNG) and provide feedback on upload status.
   • Personal Details: Include fields for the user's full name, email address, and school affiliation. These fields should be pre-filled with existing data and allow for updates. The email field should be non-editable.

2. Notification Settings:

   • Email Notifications: Provide options to configure email notifications. Include toggles or checkboxes for:
     • Quiz Submission Updates: Receive email notifications upon student quiz submissions.
     • Weekly Performance Reports: Receive a weekly summary of classroom performance.
     • Platform Announcements: Receive important announcements and updates from the 'EduQuiz' platform.

3. Security Settings:

   • Password Management: Implement a password change feature, including fields for the current password, a new password, and a confirmation of the new password. Provide clear validation messages for password strength and confirmation.
   • Two-Factor Authentication (2FA): Include a toggle to enable or disable two-factor authentication. If enabled, guide the user through the setup process, which may involve linking to an authenticator app or receiving a verification code via email or SMS.

4. Teaching Preferences:

   • Default Subject: Implement a dropdown menu to select the user's default subject (e.g., Math, Science, English). The dropdown should populate with a predefined list of subjects.
   • Default Grade Level: Implement a dropdown menu to select the user's default grade level (e.g., Grade 1, Grade 2, etc.). The dropdown should populate with a predefined list of grade levels.
   • Preferred Language: Implement a dropdown menu to select the user's preferred language for the platform interface. Provide options for Vietnamese (VN) and English (EN).

Layout and Design:

• Tabbed Interface: Utilize a tabbed interface (horizontal or vertical) to organize the settings into the four sections: Profile, Notifications, Security, and Preferences. The tabs should be clearly labeled and easily navigable.
• Form-Based Structure: Structure each section using a clean, form-based layout. Use appropriate input fields, toggles, and dropdown menus for each setting.
• Responsiveness: Ensure the settings page is responsive and adapts to different screen sizes.
• Visual Consistency: Maintain visual consistency with the existing 'EduQuiz' platform design, including fonts, colors, and spacing.
• Save/Update Functionality: Implement a clear 'Save' or 'Update' button to allow users to save their changes. Provide feedback on successful saves or any validation errors.

This design should provide an intuitive and user-friendly interface for managing user settings within the 'EduQuiz' platform.