Login Window - Copy this React, Tailwind Component to your project

Here’s a clear breakdown of the College Learning Management System (LMS) design you requested: ### 1. **Login Window** **Username and Password**: Use `Admin` for both. **Dashboard Home Page**: Display total number of students and staff present, along with "Today's Birthdays" details for both students and staff. ### 2. **Attendance Tab** **Student Attendance**: A default option for "Present" and a dropdown for "Absent." Dropdown for selecting **Subject** and **Date**. **Department Dropdown**: Allows the selection of the department before adding attendance. **Subject Dropdown**: Show subjects from the course tab (no need to add subjects separately in attendance). **Student List**: Show the list of students saved in the system. **Dashboard View**: Display a department wise table of present and absent students for easy viewing. ### 3. **Courses Tab** Two sub tabs: 1. **Add Course**: Add Subject Codes, Subject Names, Department, Year, and Semester. 2. **Add Course Content**: Unit wise addition of **Notes**, **Quiz**, **Assignments**. Courses saved here will be displayed in the **Examination Tab** and for **Attendance**. ### 4. **Timetable Tab** **Class Timetable**: Day as rows, subjects as columns. Dropdowns for selecting department and courses. Staff and student names saved in the database should reflect automatically. ### 5. **Students Tab** **Sub tab: Student Details**: Enter student details in a form and save to the database. Saved details will reflect in all relevant areas such as Attendance, Marks Entry, Reports, etc. ### 6. **Staff Tab** Similar to the Students Tab, for entering and saving staff details that reflect in areas like timetable and attendance. ### 7. **Marks Entry Tab** **Marks Entry**: Display subjects along with their department and staff assignment (staff login shows only their subjects). Admin login shows all subjects with subject names and codes. Option to **Print Marks Statement in PDF** and save the marks in the database. ### 8. **Reports Tab** Display: Students' **Attendance** and **Marks** (based on department and subject). Print reports, hiding sidebars and buttons on the printed page. ### 9. **Examination Tab** Display the courses saved from the Courses Tab. Add functionality to **save question papers** for each course and give an option to **generate printable question papers**. ### 10. **Events Tab** Add new events with fields for: Date, Event Name, and a dropdown list with options: **DISE**, **LLC**, **UNC**. Upcoming events should display on the dashboard based on the current date comparison. ### 11. **General Features** **Delete Option**: Provide a delete button to remove any saved students or staff who are no longer active. **Birthdays**: Display birthdays of both students and staff on the dashboard. **Department and Year Information**: When adding content, courses, or attendance, departments and years should be selected through dropdowns to ensure clarity. ### 12. **Final Touches** Show college logo at the top of every page. All saved content (courses, students, staff, etc.) should seamlessly integrate across various tabs (attendance, timetable, reports). Responsive design for all users (Admin, Staff, Students) with user specific data visibility (staff see only relevant content, admin sees everything).