Login Authentication Interface - Copy this Html, Bootstrap Component to your project
The UI interface for Hosteller Management should include a section displaying a list of hostellers with their essential details such as name, phone number, and city. Each hosteller should have an "Allocate" button next to their details, and when the admin clicks this button, they should be redirected to a Room Allocation Form. This form will pre-fill the selected hosteller’s name, phone number, and city, with input fields for room number, floor, duration of stay, allocation date, and any special notes. The form will include a "Allocate Room" button to submit the allocation. Once submitted, a confirmation message or a success page should appear. The list of hostellers should also have a search bar and filters to sort or find hostellers by specific criteria. The UI should be responsive, ensuring a user-friendly experience on both desktop and mobile devices. Additionally, after a successful allocation, a notification should be sent to the hosteller confirming the room assignment.
