Reservation Form - Copy this React, Tailwind Component to your project
Create a responsive web form for an office building inspection that includes the following features: Form Structure: Divide the form into 5 sections: Restroom Inspection, Lobby/Reception Area Inspection, Office Area Inspection, Break Room Inspection, and Overall Facility Inspection. Inputs and Ratings: Each section should allow inspectors to rate the cleanliness using radio buttons for the following options: Excellent, Good, Satisfactory, Needs Improvement, and Poor. Each section should have a file upload input for attaching photo or video documentation. Provide a text area for additional notes or observations in each section. Infractions: Each section should include a radio button group for possible infractions. Each infraction should have both minor and major categories, such as 'Dust on surfaces' (Minor) and 'Overflowing trash bins' (Major). Task Prioritization: For each section, include a set of radio buttons labeled 1 to 5, where 1 is the highest priority and 5 is the lowest, to help prioritize tasks. Responsiveness: The form should be fully responsive, adapting well to both mobile and desktop screens. Use a clean and minimal design, with flexible layouts that adjust to smaller screen sizes. Submit Button: At the bottom of the form, include a 'Submit Inspection' button that spans the full width of the form. Ensure that all radio button groups are aligned horizontally within each section for better readability, and the layout should use modern HTML and CSS, focusing on accessibility and user experience.
