Anons79 Mini Shell

import{X as D,G as S,r as j,j as e,S as T}from"./app-BS0Mi5CH.js";import{A as w}from"./AdminLayout-B0493ols.js";import{B as I}from"./Combination-BmwREokW.js";import{C as F,a as L,b as P,c as k}from"./card-Cr6FSsbc.js";import{I as h}from"./input-CbdR6uuJ.js";import{L as l}from"./label-_QuQZXTQ.js";import{S as R,a as A,b as U,c as q,d as u}from"./select-DGvyN-te.js";import{I as r}from"./InputError-CbSe0gmD.js";import{T as B,I as E}from"./textarea-bkE1Bht6.js";import{X}from"./x-CPbCm0DX.js";import"./utils-CytzSlOG.js";import"./dropdown-menu-DhhZdaV3.js";import"./index-CoFumDt_.js";import"./toaster-CDoIse9q.js";import"./index-BQ95NZR7.js";import"./createLucideIcon-BqjyEKxG.js";import"./chevron-right-D6R1xOap.js";import"./users-C-ocVDlL.js";import"./graduation-cap-DnDzPdZn.js";import"./index-PcnpzidS.js";import"./index-BPy0lUBG.js";function ne(){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),b=a=>{a.preventDefault(),v(route("admin.pelatihan.store"),{onFinish:()=>console.log("okoc")})},c=a=>{const{name:s,value:m}=a.target;n(o=>({...o,[s]:m}))},f=a=>{n(s=>({...s,level:a}))},N=a=>{var m;const s=(m=a.target.files)==null?void 0:m[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 Pelatihan"}),children:[e.jsx(T,{title:"Tambah Pelatihan"}),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 Pelatihan"})}),e.jsxs(F,{className:"w-full mx-auto",children:[e.jsx(L,{children:e.jsx(P,{children:"Tambah Pelatihan"})}),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(l,{htmlFor:"title",children:"Judul"}),e.jsx(h,{id:"title",name:"title",value:i.title,onChange:c,required:!0}),e.jsx(r,{message:t.title,className:"mt-2"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"description",children:"Deskripsi"}),e.jsx(B,{id:"description",name:"description",value:i.description,onChange:c,className:"min-h-[200px]"}),e.jsx(r,{message:t.description,className:"mt-2"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{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(r,{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(l,{htmlFor:"startDate",children:"Tanggal Mulai"}),e.jsx(h,{id:"startDate",name:"startDate",type:"date",value:i.startDate,onChange:c,required:!0}),e.jsx(r,{message:t.startDate,className:"mt-2"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"endDate",children:"Tanggal Akhir"}),e.jsx(h,{id:"endDate",name:"endDate",type:"date",value:i.endDate,onChange:c,required:!0}),e.jsx(r,{message:t.endDate,className:"mt-2"})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{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(r,{message:t.thumbnail,className:"mt-2"})]})]}),e.jsx(I,{type:"submit",className:"w-full mt-4",children:"Tambah"})]})]})})]})]})}export{ne as default};