import{X as D,G as S,r as j,j as e,S as T}from"./app-CxR6mXVP.js";import{A as w}from"./AdminLayout-Br3kxU_M.js";import{B as I}from"./button-DpQP_lYd.js";import{C as F,a as L,b as P,c as k}from"./card-BUSXAYMi.js";import{I as h}from"./input-CsuTifve.js";import{L as r}from"./label-EP1vquW8.js";import{S as R,a as A,b as U,c as q,d as u}from"./select-Bm0HKOqe.js";import{I as l}from"./InputError-mdZGzeRq.js";import{T as B}from"./textarea-9kORoRFn.js";import{I as E}from"./image-EXBTnplt.js";import{X}from"./x-BTmWAVnY.js";import"./utils-CytzSlOG.js";import"./dropdown-menu-DSA7ILHF.js";import"./index-BzpbaWHn.js";import"./index-Dy7KKS3_.js";import"./index-C6J07-3_.js";import"./toaster-TzmOCMaj.js";import"./Combination-BDsadoUX.js";import"./createLucideIcon-BX4VOWE3.js";import"./index-COEfcW-E.js";import"./chevron-right-DFpRS_H1.js";import"./users-BAS2Dmtn.js";import"./graduation-cap-DfxWJKg6.js";import"./index-BWgL_1QM.js";function de(){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(""),d=j.useRef(null),f=a=>{a.preventDefault(),v(route("admin.pendaftaran.store"),{onFinish:()=>console.log("okoc")})},m=a=>{const{name:s,value:c}=a.target;n(o=>({...o,[s]:c}))},b=a=>{n(s=>({...s,level:a}))},N=a=>{var c;const s=(c=a.target.files)==null?void 0:c[0];if(s){n(C=>({...C,thumbnail:s}));const o=URL.createObjectURL(s);p(o)}},y=()=>{n(a=>({...a,thumbnail:null})),p(""),d.current&&(d.current.value="")};return e.jsxs(w,{user:g,header:e.jsx("h2",{className:"text-xl font-semibold leading-tight text-gray-800",children:"Tambah Pendaftaran"}),children:[e.jsx(T,{title:"Tambah Pendaftaran"}),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 Pendaftaran"})}),e.jsxs(F,{className:"w-full mx-auto",children:[e.jsx(L,{children:e.jsx(P,{children:"Tambah Pendaftaran"})}),e.jsx(k,{children:e.jsxs("form",{onSubmit:f,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:b,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:d,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{de as default};
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]