import{r as m,j as e}from"./index-RjzwysuD.js";const x=()=>{const[s,r]=m.useState({client:"",product:"",workDescription:"",startTime:"",endTime:"",totalTime:"",comments:"",status:""});m.useEffect(()=>{if(s.startTime&&s.endTime){const t=new Date(`2000/01/01 ${s.startTime}`),l=new Date(`2000/01/01 ${s.endTime}`)-t,n=Math.floor(l/36e5),o=Math.floor(l%36e5/6e4);r(d=>({...d,totalTime:`${n.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`}))}},[s.startTime,s.endTime]);const a=t=>{const{name:c,value:l}=t.target;r(n=>({...n,[c]:l}))},i=t=>{t.preventDefault(),console.log("Form submitted:",s)};return e.jsx("div",{className:"container mt-4",children:e.jsx("div",{className:"card border-0",children:e.jsx("div",{className:"card-body p-0",children:e.jsxs("form",{onSubmit:i,className:"needs-validation",noValidate:!0,children:[e.jsx("h4",{className:"mb-4",children:"Daily Work Report"}),e.jsxs("div",{className:"mb-3",children:[e.jsx("label",{className:"form-label",children:"Choose Client"}),e.jsx("select",{className:"form-select",name:"client",value:s.client,onChange:a,children:e.jsx("option",{value:"",children:"Select Client"})})]}),e.jsxs("div",{className:"mb-3",children:[e.jsx("label",{className:"form-label",children:"Choose Product"}),e.jsx("select",{className:"form-select",name:"product",value:s.product,onChange:a,children:e.jsx("option",{value:"",children:"Select a client first"})})]}),e.jsxs("div",{className:"mb-3",children:[e.jsx("label",{className:"form-label",children:"Work Description"}),e.jsx("textarea",{className:"form-control",name:"workDescription",value:s.workDescription,onChange:a,rows:4})]}),e.jsxs("div",{className:"row mb-3",children:[e.jsxs("div",{className:"col-md-4",children:[e.jsx("label",{className:"form-label",children:"Start Time"}),e.jsxs("div",{className:"input-group",children:[e.jsx("input",{type:"time",className:"form-control",name:"startTime",value:s.startTime,onChange:a}),e.jsx("span",{className:"input-group-text",children:e.jsx("i",{className:"bi bi-clock"})})]})]}),e.jsxs("div",{className:"col-md-4",children:[e.jsx("label",{className:"form-label",children:"End Time"}),e.jsxs("div",{className:"input-group",children:[e.jsx("input",{type:"time",className:"form-control",name:"endTime",value:s.endTime,onChange:a}),e.jsx("span",{className:"input-group-text",children:e.jsx("i",{className:"bi bi-clock"})})]})]}),e.jsxs("div",{className:"col-md-4",children:[e.jsx("label",{className:"form-label",children:"Total Time (HH:mm)"}),e.jsx("input",{type:"text",className:"form-control",name:"totalTime",value:s.totalTime,readOnly:!0})]})]}),e.jsxs("div",{className:"mb-3",children:[e.jsx("label",{className:"form-label",children:"Comments/remarks"}),e.jsx("input",{type:"text",className:"form-control",name:"comments",value:s.comments,onChange:a,placeholder:"Enter Comments/remarks"})]}),e.jsxs("div",{className:"mb-3",children:[e.jsx("label",{className:"form-label",children:"Status"}),e.jsx("input",{type:"text",className:"form-control",name:"status",value:s.status,onChange:a,placeholder:"Enter Task Status"})]}),e.jsx("div",{className:"d-flex justify-content-between align-items-center",children:e.jsx("button",{type:"submit",className:"btn btn-primary",children:"Submit"})})]})})})})};export{x as default};
|