https://monkfish-app-6d3kr.ondigitalocean.app/assets/details-454277cd.js

1import{c as P,r as b,j as e,a as N,n as E}from"./index-a4e7e876.js";import{C as I,D as T,E as U,G as g,H as x,I as L,J as $,K as w}from"./index.esm-e7d6161c.js";import{F as B}from"./index.esm-2f484da4.js";import{a as y}from"./index.esm-daf42203.js";import{u as J}from"./useLoading-33efefd9.js";import{S as M}from"./StatusBadge-8f925aec.js";import"./iconBase-4276a138.js";function Z(){var p,j,h;const{task:i}=P(),{setLoading:t}=J(),[s,c]=b.useState({name:"",description:"",assignTo:"",email:"",products:[]}),d=async()=>{await N.get(`task/gettask/${i}`).then(l=>{const n=l.data.task;c({...n.order,...n})}).catch(l=>{console.log(l)}).finally(()=>{t(!1)})},o=async l=>{t(!0),await N.patch(`task/updatetask/${i}`,l).then(n=>{E.success("Task Updated Successfully"),d()}).catch(n=>{console.log(n)}).finally(()=>{t(!1)})};b.useEffect(()=>{i&&d()},[i]);const m=l=>{var v;const n=l!=null&&l.name?(v=l==null?void 0:l.name)==null?void 0:v.split(".").pop():l==null?void 0:l.split(".").pop();return n==null?void 0:n.toLowerCase()},A=()=>typeof s.design=="string"?"/"+s.design:URL.createObjectURL(s.design),k=["mp4","mkv","avi","mov","wmv","flv","3gp","webm"],F=["pdf","doc","docx","txt","xls","xlsx","ppt","pptx"],C=["jpg","jpeg","png","gif","svg"],R=k.includes(m(s.design)),D=F.includes(m(s.design)),S=C.includes(m(s.design));return e.jsx("div",{className:"min-h-screen bg-gray-50 py-8 px-4 sm:px-6 lg:px-8",children:e.jsx("div",{className:"max-w-4xl mx-auto",children:e.jsx("div",{className:"bg-white rounded-lg shadow-sm border border-gray-200",children:e.jsxs("div",{className:"px-6 py-8 sm:px-8",children:[e.jsxs("div",{className:"flex items-center justify-between mb-8",children:[e.jsx("h1",{className:"text-3xl font-bold text-gray-900",children:"Order Details"}),(s==null?void 0:s.status)&&e.jsx(M,{status:s.status})]}),e.jsx(r,{title:"Customer Information",icon:I,children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsx(a,{label:"Full Name",value:`${s.firstname||""} ${s.lastname||""}`.trim()||"N/A"}),e.jsx(a,{label:"Email",value:s.email||"N/A"}),e.jsx(a,{label:"Phone Number",value:s.phone||"N/A"}),e.jsx(a,{label:"School Name",value:s.school||"N/A"}),e.jsx(a,{label:"Sport",value:s.sport||"N/A"}),e.jsx(a,{label:"Customer Type",value:s.customer||"N/A"})]})}),e.jsx(r,{title:"Shipping Address",icon:T,children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsx("div",{className:"md:col-span-2",children:e.jsx(a,{label:"Shipping Address",value:s.shippingAddress||"N/A"})}),e.jsx(a,{label:"Street Address Line 2",value:s.address2||"N/A"}),e.jsx(a,{label:"City",value:s.city||"N/A"}),e.jsx(a,{label:"State/Province",value:s.state||"N/A"}),e.jsx(a,{label:"Zip/Postal Code",value:s.zip||"N/A"}),e.jsx(a,{label:"Shipping Method",value:s.shipping||"N/A"})]})}),e.jsx(r,{title:"Jersey Details",icon:U,children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsx(a,{label:"Package",value:((p=s.products)==null?void 0:p.join(", "))||"N/A"}),e.jsx(a,{label:"Jersey Side",value:s.jersey||"N/A"}),e.jsx(a,{label:"Add Player Name",value:s.jerseyBack||"N/A"}),e.jsx(a,{label:"Framed Prints Count",value:s.framed||"N/A"}),e.jsx("div",{className:"md:col-span-2",children:e.jsx(a,{label:"Player Names & Numbers",value:s.players||"N/A"})}),e.jsx("div",{className:"md:col-span-2",children:e.jsx(a,{label:"Name Plate Info",value:s.namePlate||"N/A"})})]})}),e.jsx(r,{title:"Design Details",icon:g,children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsx(a,{label:"Font Used",value:s.font||"N/A"}),e.jsx(a,{label:"School Colors",value:s.colors||"N/A"}),e.jsx(a,{label:"Date Needed By",value:s.date||"N/A"}),e.jsx(a,{label:"Is Re-order",value:s.reOrder||"N/A"})]})}),s.jersies&&s.jersies.length>0&&e.jsx(r,{title:"Jersey Images",icon:g,children:e.jsx(f,{images:s.jersies})}),s.logo&&s.logo.length>0&&e.jsx(r,{title:"School Logo",icon:g,children:e.jsx(f,{images:s.logo})}),s.design&&e.jsx(r,{title:"Design File",icon:x,children:e.jsx(O,{file:s.design,fileUrl:A(),isVideo:R,isDocument:D,isImage:S,extension:m(s.design)})}),e.jsx(r,{title:"Assignment & Notes",icon:x,children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[((j=s.assignTo)==null?void 0:j.name)&&e.jsx(a,{label:"Assigned To",value:s.assignTo.name}),((h=s==null?void 0:s.designer)==null?void 0:h.name)&&e.jsx(a,{label:"Designer",value:s.designer.name}),(s==null?void 0:s.note)&&e.jsx("div",{className:"md:col-span-2",children:e.jsx(a,{label:"Notes",value:s.note})})]})}),((s==null?void 0:s.managerReview)||(s==null?void 0:s.adminReview

1)||(s==null?void 0:s.review))&&e.jsx(r,{title:"Reviews",icon:x,children:e.jsxs("div",{className:"space-y-4",children:[(s==null?void 0:s.managerReview)&&e.jsx(u,{title:"Manager Review",text:s.managerReview,borderColor:"border-amber-300"}),(s==null?void 0:s.adminReview)&&e.jsx(u,{title:"Admin Review",text:s.adminReview,borderColor:"border-red-300"}),(s==null?void 0:s.review)&&e.jsx(u,{title:"Client Review",text:s.review,borderColor:"border-blue-300"})]})}),s.status==="submitted"&&e.jsx(r,{title:"Client Feedback",icon:x,children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{htmlFor:"review",className:"block text-xs font-semibold text-gray-500 uppercase mb-3",children:"Review Comments"}),e.jsx("textarea",{id:"review",rows:"5",className:"w-full px-4 py-3 text-sm text-gray-900 bg-gray-50 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition",placeholder:"Share your feedback and thoughts...",value:s.review||"",onChange:l=>c({...s,review:l.target.value})})]}),e.jsxs("div",{className:"flex gap-3 pt-4",children:[e.jsxs("button",{type:"button",onClick:()=>{o({status:"approved-from-client",review:s.review})},className:"flex-1 flex items-center justify-center gap-2 px-6 py-3 bg-emerald-600 hover:bg-emerald-700 text-white font-medium rounded-lg transition duration-200",children:[e.jsx(L,{className:"w-5 h-5"}),"Accept"]}),e.jsxs("button",{type:"button",onClick:()=>{o({status:"in-progress",review:s.review,submittedBy:""})},className:"flex-1 flex items-center justify-center gap-2 px-6 py-3 bg-red-600 hover:bg-red-700 text-white font-medium rounded-lg transition duration-200",children:[e.jsx($,{className:"w-5 h-5"}),"Reject"]})]})]})})]})})})})}function r({title:i,icon:t,children:s}){return e.jsxs("div",{className:"mb-8",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6 pb-4 border-b border-gray-200",children:[e.jsx(t,{className:"w-6 h-6 text-blue-600"}),e.jsx("h2",{className:"text-xl font-semibold text-gray-900",children:i})]}),e.jsx("div",{className:"pl-9",children:s})]})}function a({label:i,value:t}){return e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wide mb-2",children:i}),e.jsx("p",{className:"text-sm text-gray-900 font-medium",children:t||"N/A"})]})}function f({images:i}){return e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4",children:i.length===0?e.jsx("p",{className:"text-gray-500 text-sm",children:"No images available"}):i.map((t,s)=>e.jsxs("div",{className:"relative group rounded-lg overflow-hidden bg-gray-100 aspect-square flex items-center justify-center",children:[e.jsx("img",{src:t.file,alt:`Gallery ${s}`,className:"w-full h-full object-cover"}),e.jsx("div",{className:"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-50 flex items-center justify-center opacity-0 group-hover:opacity-100 transition duration-200",children:e.jsxs("a",{href:t.file,download:!0,className:"flex items-center gap-2 px-4 py-2 bg-white text-gray-900 rounded-lg font-medium text-sm hover:bg-gray-100 transition",children:[e.jsx(w,{className:"w-4 h-4"}),"Download"]})})]},s))})}function O({file:i,fileUrl:t,isVideo:s,isDocument:c,isImage:d,extension:o}){return e.jsx("button",{type:"button",onClick:()=>window.open(t),className:"w-full",children:e.jsxs("div",{className:"flex items-center gap-4 p-4 bg-gray-50 border border-gray-200 rounded-lg hover:bg-gray-100 transition cursor-pointer group",children:[e.jsxs("div",{className:"flex-shrink-0",children:[s&&e.jsx("div",{className:"w-12 h-12 bg-red-100 rounded-lg flex items-center justify-center",children:e.jsx(B,{className:"w-6 h-6 text-red-600"})}),c&&e.jsx("div",{className:"w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center",children:e.jsx(y,{className:"w-6 h-6 text-blue-600"})}),d&&e.jsx("img",{src:t,alt:"Design",className:"w-12 h-12 object-cover rounded-lg"}),!s&&!c&&!d&&e.jsx("div",{className:"w-12 h-12 bg-gray-200 rounded-lg flex items-center justify-center",children:e.jsx(y,{className:"w-6 h-6 text-gray-600"})})]}),e.jsxs("div",{className:"flex-1 text-left",children:[e.jsx("p",{className:"text-sm font-semibold text-gray-900",children:"Design File"}),e.jsxs("p",{className:"text-xs text-gray-500 mt-1",children:["Click to preview • ",o==null?void 0:o.toUpperCase()]})]}),e.jsx("div",{className:"flex-shrink-0 text-gray-400 group-hover:text-blue-600 transition",children:e.jsx(w,{className:"w-5 h-5"})})]})})}function u({title:i,text:t,borderColor:s}){return e.jsxs("div",{className:`border-l-4 ${s} bg-gray-50 p-4 rounded-r-lg`,children:[e.jsx("p",{className:"text-xs font-semibold text-gray-600 uppercase tracking-wide mb-2",children:i}),e.jsx("p",{className:"text-sm text-gray-900",children:t})]})}

1export{Z as default};