Text Input (Single-line)

• “Username”
• Must be unique, maximum 255 characters.
• A text box with a hint (placeholder) like "Enter your username."

Password Input (Single-line with hidden text)

• “Password”
• Minimum password strength check, maximum 255 characters.
• A text box that hides the text input, with a “Show/Hide” toggle.

Email Input

• “Email Address”
• Must be a valid email format and unique, maximum 255 characters.
• A text box with a placeholder like "Enter your email."

(Optional): Text Input (Single-line)

• “Full Name” (optional)
• A regular text box, with a placeholder like "Enter your full name."

Dropdown / Select Menu

• “Role”
• Required field.
• A dropdown menu listing the available roles fetched from the system (e.g., Admin, User, etc.).

File Upload or URL Input (for image URL)

• “Profile Picture”
• An upload button or URL field that allows users to upload or enter a URL for their profile picture, with a preview box for the image.

(Read-only): Text or Date Display (Read-only)

• “Account Created At”
• Automatically populated field, no input needed. Display this as a timestamp or date.

(Read-only): Text or Date Display (Read-only)

• “Last Updated At”
• Automatically updated field when the user’s information is edited. Display this as a timestamp or date.

Button

• “Create Account” / “Save Changes” (depending on context)
• A primary action button that submits the form. Ensure it's disabled until all required fields are validated.

(Optional): Button

• “Cancel”
• A secondary action button that cancels the form submission and returns the user to the previous page.

Additional Considerations

• Use inline validation messages under each input field for errors like "Username is already taken" or "Invalid email format."
• Ensure the form is responsive, working well on both desktop and mobile.

Yêu cầu:

• Chức năng chia sẻ tài liệu cho sinh viên theo từng môn học.
• Mỗi môn học có thể chia sẻ các tài liệu như Bài giảng, Bài tập, Tài liệu tham khảo.
• Các bạn bỏ toàn bộ file các bạn làm vào thư mục MaSV_HoTen_lab3, nén lại thành file .zip rồi gửi cho cô nhé.

Chúc các bạn thực hiện thành công!