https://lecollectif.tv/assets/client.library.asset._assetId-oEOP_Ccw.js

1import{Y as j,r as i,j as e,c as v,t as N,L as y}from"./index-r9cUOzRa.js";import{v as k,a as w,b as I,c as C,U as L,m as A}from"./video-4.mp4.asset-CQ5ijw1M.js";import{A as R}from"./AppShell-DvW6AB7o.js";import{L as m}from"./library-scenes-5tNHY0ew.js";import{p as S,c as z,l as D,d as E,a as H,s as M,t as $,b as P,k as F,n as B}from"./review-night.jpg.asset-Doqdkhhn.js";import{L as G}from"./lock-qaT5IVRJ.js";import{D as T}from"./download-B3I43hau.js";import{C as U}from"./check-BbU_BBHd.js";import{A as O}from"./arrow-left-D5RLes6A.js";import"./Footer-CByVw6dE.js";import"./logo-lc.svg.asset-CBSHmlfa.js";import"./chevron-down-C5hlrNDr.js";import"./users-CeYsQWva.js";import"./Combination-BqCkdEW2.js";import"./x-jYWOFlDa.js";const x=[S,z,D,E,H,M,$,P,F,B],p=[k.url,w.url,I.url,C.url],q=["H264 HIGH","H264 MEDIUM","H264 LOW"];function le(){const{assetId:n}=j.useParams(),a=Math.max(0,(parseInt(n.replace(/\D/g,""),10)||1)-1),r=m[a%m.length].title,o=A(r),b=x[a%x.length],[l,g]=i.useState(p[0]),[h,u]=i.useState("H264 HIGH"),d=i.useRef(null),f=s=>{g(s),requestAnimationFrame(()=>d.current?.play().catch(()=>{}))};return e.jsxs(R,{children:[e.jsx("div",{className:"mb-6 rounded-lg bg-muted px-4 py-3",children:e.jsxs("div",{className:"flex flex-wrap items-center gap-x-4 gap-y-2 text-xs text-ink-soft",children:[e.jsx("span",{className:"font-semibold text-ink",children:"Brief #0000131"}),e.jsx("span",{className:"h-4 w-px bg-border","aria-hidden":"true"}),e.jsxs("span",{children:[e.jsx("span",{className:"text-ink-soft",children:"Brief Title:"})," ",e.jsx("span",{className:"font-medium text-ink",children:"Ocean Escape Moments"})]}),e.jsx("span",{className:"h-4 w-px bg-border","aria-hidden":"true"}),e.jsxs("span",{children:[e.jsx("span",{className:"text-ink-soft",children:"Brand:"})," ",e.jsx("span",{className:"font-medium text-ink",children:"Hyatt Regency Nha Trang"})]})]})}),e.jsxs("div",{className:"grid gap-7 lg:grid-cols-5",children:[e.jsxs("div",{className:"space-y-4 lg:col-span-3",children:[e.jsx("div",{className:"relative aspect-video overflow-hidden rounded-xl border border-border bg-black shadow-card",children:e.jsx("video",{ref:d,src:l,controls:!0,playsInline:!0,className:"size-full object-cover"},l)}),e.jsx("div",{className:"grid grid-cols-4 gap-3",children:p.map((s,t)=>e.jsx("button",{type:"button","aria-label":`Play clip ${t+1}`,onClick:()=>f(s),className:v("relative aspect-video overflow-hidden rounded-lg border bg-black transition-all hover:-translate-y-0.5 hover:shadow-card",l===s?"border-brand-violet ring-brand":"border-border"),children:e.jsx("img",{src:b.url,alt:`${r} — clip ${t+1}`,loading:"eager",decoding:"sync",className:"size-full object-cover pointer-events-none",style:{opacity:.75+t*.08,objectPosition:["center","left center","right center","center top"][t]}})},s))})]}),e.jsxs("aside",{className:"flex min-h-[620px] flex-col space-y-6 lg:col-span-2",children:[e.jsxs("section",{children:[e.jsx("h1",{className:"font-display text-2xl font-extrabold tracking-tight text-ink",children:r}),e.jsx("h2",{className:"mt-5 text-xs font-bold uppercase tracking-wider text-ink-soft",children:"Metadata"}),e.jsxs("div",{className:"mt-3 space-y-4 text-sm leading-relaxed text-ink",children:[e.jsx(c,{label:"Keywords",value:o.keywords}),e.jsx(c,{label:"Category",value:o.category}),e.jsx(c,{label:"Description",value:o.description})]})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"text-xs font-bold uppercase tracking-wider text-ink-soft",children:"Download Format"}),e.jsxs("div",{className:"mt-3 space-y-3",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2 rounded-lg border border-border bg-muted px-3 py-2.5 text-sm font-semibold text-muted-foreground",children:[e.jsx(G,{className:"size-4"}),e.jsx("span",{children:"APPLE PRORES"}),e.jsx(L,{children:e.jsx("button",{className:"font-semibold text-brand-violet transition-colors hover:text-brand-magenta cursor-pointer bg-transparent border-0 p-0",children:"Upgrade to unlock"})})]}),e.jsx("div",{className:"space-y-2",children:q.map(s=>{const t=`${r.replace(/[^a-z0-9]+/gi,"-").toLowerCase()}-${s.toLowerCase().replace(/\s+/g,"-")}.mp4`;return e.jsxs("div",{className:"flex items-center gap-3 rounded-lg border border-border bg-card pl-3 pr-1.5 py-1.5 text-sm font-semibold text-ink transition-colors hover:bg-accent",children:[e.jsxs("label",{className:"flex flex-1 cursor-pointer items-center gap-3 py-1",children:[e.jsx("input",{type:"radio",name:"download-format",value:s,checked:h===s,onChange:()=>u(s),className:"size-4 accent-brand-violet"}),s]}),e.jsx("button",{type:"button",onClick:()=>N(`Preparing your download... ${t} will be ready in a moment.`),"aria-label":`Download ${s}`,title:`Download ${s}`,className:"inline-flex size-8 items-center justify-center rounded-md text-ink-soft transition-colors hover:bg-brand-violet hover:text-primary-foreground",children:e.jsx(T,{className:"size-4"})})]},s)})})]})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"text-xs font-bold uppercase tracking-wider text-ink-soft",children:"Talent Release"}),e.jsxs("div",{className:"mt-3 inline-flex items-center gap-2 rounded-full bg-success px-3 py-1 text-xs font-bold text-success-foreground",children:[e.jsx(U,{className:"size-3.5"})," Signed — on file"]}),e.jsx("p",{className:"mt-2 text-xs leading-relaxed text-muted-foreground",children:"Release signed by talent on 14 Jun 2026. Available on request."})]}),e.jsx("div",{className:"mt-auto flex flex-wrap items-center gap-2 border-t border-border pt-4",children:e.jsxs(y,{to:"/client/library",className:"inline-flex h-10 items-center justify-center rounded-md border border-border bg-card px-4 text-sm font-semibold text-ink shadow-sm transition-colors hover:bg-accent",children:[e.jsx(O,{className:"mr-2 size-4"})," Go back"]})})]})]})]})}function c({label:n,value:a}){return e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-bold uppercase tracking-wider text-muted-foreground",children:n}),e.jsx("p",{className:"mt-1",children:a})]})}export{le as component};