import AdminLayout from '@/Layouts/AdminLayout';
import { Head, useForm, usePage } from '@inertiajs/react';
import { Button } from "@/Components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/Components/ui/card"
import { Input } from "@/Components/ui/input"
import { Label } from "@/Components/ui/label"
import { FormEventHandler, useEffect } from 'react';
import { Switch } from "@/Components/ui/switch"
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue,
} from "@/Components/ui/select"
import { Loader2 } from 'lucide-react';
import { PageProps } from '@/types';
import InputError from '@/Components/InputError';
export default function Create({user}:{user:any}) {
const authInstruktur = usePage<PageProps>().props.auth.user;
const { data, setData, post, processing, errors, reset } = useForm({
nama: user.nama,
email: user.email,
role: user.role,
no_telp: user.no_telp,
password: '',
password_confirmation: '',
_method: 'PUT'
});
const submit: FormEventHandler = (e) => {
e.preventDefault();
post(route('admin.instruktur.update',{id:user.id}), {
onFinish: () => console.log("okoc"),
});
};
return (
<AdminLayout
user={authInstruktur}
header={
<h2 className="text-xl font-semibold leading-tight text-gray-800">
Edit Instruktur
</h2>
}
>
<Head title="Edit Instruktur" />
<div className="flex items-center justify-between mb-2">
<h1 className="text-lg font-bold md:text-2xl">Edit Instruktur</h1>
</div>
<Card className="max-w-2xl shadow-xl">
<CardHeader>
<CardTitle >
Edit Instruktur
</CardTitle>
</CardHeader>
<CardContent >
<form onSubmit={submit} className="space-y-4">
<div className="space-y-2">
<Label htmlFor="email">Email*</Label>
<Input type='email' onChange={(e) => {
setData('email', e.target.value);
}} id="email" placeholder="[email protected]" value={data.email} required />
<InputError message={errors.email} className="mt-2" />
</div>
<div className="space-y-2">
<Label htmlFor="nama">Nama*</Label>
<Input onChange={(e) => {
setData('nama', e.target.value);
}} id="nama" placeholder="Nama Instruktur" value={data.nama} required />
<InputError message={errors.nama} className="mt-2" />
</div>
<div className="space-y-2">
<Label htmlFor="no_telp">No Telp</Label>
<Input onChange={(e) => {
setData('no_telp', e.target.value);
}} id="no_telp" placeholder="No Telp Instruktur" value={data.no_telp} />
<InputError message={errors.no_telp} className="mt-2" />
</div>
<div className='space-y-2'>
<Label htmlFor="password">Password (masukan password jika ingin mengubah password lama)*</Label>
<Input onChange={(e) => {
setData('password', e.target.value);
}} id="password" placeholder="Password" type="password" />
<InputError message={errors.password} className="mt-2" />
</div>
<Button disabled={processing}>
{processing && <Loader2 className="animate-spin" />} Edit
</Button>
</form>
</CardContent>
</Card>
</AdminLayout>
);
}
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell