Anons79 Mini Shell

import{X as D,G as S,r as j,j as e,S as T}from"./app-CUF-GqrC.js";import{A as w}from"./AdminLayout-BD0NW0yI.js";import{B as I}from"./button-i5R-NP61.js";import{C as F,a as L,b as P,c as k}from"./card-BVNEg2jk.js";import{I as h}from"./input-uGvrs_5j.js";import{L as r}from"./label-zfppVQFA.js";import{S as R,a as A,b as U,c as q,d as u}from"./select-Cs0A9TtX.js";import{I as l}from"./InputError-Bd5z945y.js";import{T as B}from"./textarea-Cuomx82O.js";import{I as E}from"./image-DAPhYE4C.js";import{X}from"./x-5E-xxK6j.js";import"./utils-CytzSlOG.js";import"./dropdown-menu-Cj1Ceohe.js";import"./index-oRoFqCGB.js";import"./toaster-CxGxs4yF.js";import"./index-Dp-91Bti.js";import"./Combination-MBps4zR7.js";import"./createLucideIcon-C7ZqAT4s.js";import"./index-Cd8LXMps.js";import"./chevron-right-Bz9oXKso.js";import"./users-Ckk4_THW.js";import"./graduation-cap-BVlpL4pl.js";import"./index-CLBMhdRQ.js";function ce(){const g=D().props.auth.user,{data:i,setData:n,post:v,errors:t}=S({title:"",startDate:"",endDate:"",description:"",thumbnail:null,level:"beginner"}),[x,p]=j.useState(""),o=j.useRef(null),b=s=>{s.preventDefault(),v(route("admin.peserta.store"),{onFinish:()=>console.log("okoc")})},m=s=>{const{name:a,value:c}=s.target;n(d=>({...d,[a]:c}))},f=s=>{n(a=>({...a,level:s}))},N=s=>{var c;const a=(c=s.target.files)==null?void 0:c[0];if(a){n(C=>({...C,thumbnail:a}));const d=URL.createObjectURL(a);p(d)}},y=()=>{n(s=>({...s,thumbnail:null})),p(""),o.current&&(o.current.value="")};return e.jsxs(w,{user:g,header:e.jsx("h2",{className:"text-xl font-semibold leading-tight text-gray-800",children:"Tambah Peserta"}),children:[e.jsx(T,{title:"Tambah Peserta"}),e.jsx("div",{className:"flex items-center justify-between mb-2",children:e.jsx("h1",{className:"text-lg font-bold md:text-2xl",children:"Tambah Peserta"})}),e.jsxs(F,{className:"w-full mx-auto",children:[e.jsx(L,{children:e.jsx(P,{children:"Tambah Peserta"})}),e.jsx(k,{children:e.jsxs("form",{onSubmit:b,className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(r,{htmlFor:"title",children:"Judul"}),e.jsx(h,{id:"title",name:"title",value:i.title,onChange:m,required:!0}),e.jsx(l,{message:t.title,className:"mt-2"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(r,{htmlFor:"description",children:"Deskripsi"}),e.jsx(B,{id:"description",name:"description",value:i.description,onChange:m,className:"min-h-[200px]"}),e.jsx(l,{message:t.description,className:"mt-2"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(r,{htmlFor:"level",children:"Level"}),e.jsxs(R,{value:i.level,onValueChange:f,children:[e.jsx(A,{children:e.jsx(U,{placeholder:"Select level"})}),e.jsxs(q,{children:[e.jsx(u,{value:"beginner",children:"Beginner"}),e.jsx(u,{value:"intermediate",children:"Intermediate"}),e.jsx(u,{value:"advanced",children:"Advanced"})]})]}),e.jsx(l,{message:t.level,className:"mt-2"})]})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(r,{htmlFor:"startDate",children:"Tanggal Mulai"}),e.jsx(h,{id:"startDate",name:"startDate",type:"date",value:i.startDate,onChange:m,required:!0}),e.jsx(l,{message:t.startDate,className:"mt-2"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(r,{htmlFor:"endDate",children:"Tanggal Akhir"}),e.jsx(h,{id:"endDate",name:"endDate",type:"date",value:i.endDate,onChange:m,required:!0}),e.jsx(l,{message:t.endDate,className:"mt-2"})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(r,{children:"Gambar Thumbnail"}),e.jsxs("div",{className:"border-2 border-dashed rounded-lg p-4 hover:bg-gray-50 transition-colors",children:[e.jsx("input",{ref:o,type:"file",accept:"image/*",onChange:N,className:"hidden",id:"thumbnail-upload"}),x?e.jsxs("div",{className:"relative",children:[e.jsx("img",{src:x,alt:"Preview",className:"w-48 h-48 object-cover rounded-md mx-auto"}),e.jsx("button",{type:"button",onClick:y,className:"absolute top-2 right-2 p-1 bg-white rounded-full shadow-lg hover:bg-gray-100",children:e.jsx(X,{className:"w-4 h-4"})})]}):e.jsxs("label",{htmlFor:"thumbnail-upload",className:"flex flex-col items-center justify-center h-48 cursor-pointer",children:[e.jsx(E,{className:"w-12 h-12 text-gray-400"}),e.jsx("span",{className:"mt-2 text-sm text-gray-500",children:"Click to upload image"})]}),e.jsx(l,{message:t.thumbnail,className:"mt-2"})]})]}),e.jsx(I,{type:"submit",className:"w-full mt-4",children:"Tambah"})]})]})})]})]})}export{ce as default};