Employee Clock System - Copy this React, Tailwind Component to your project

Write me advanced html code for employee clock Out and In page. When Clock out ask for Employee ID, First name, Surname, Phone NO, Place visiting, reason, Date, Time. After clock out record and save in webpage and display details in page. When clock in ask for unique ID to search the records and highlight the entry and clock in tab to complete the process. All records automatically saved on webpage and recorded when closed. All records can be exported in excel format at any time. Everyday new empty pages.