Initial commit device-management

2026-08-25 09:42:00 +07:00
commit 1e80be180e
1159 changed files with 149545 additions and 0 deletions
@@ -0,0 +1,85 @@
+import { Form, Head, Link } from '@inertiajs/react';
+import InputError from '@/components/input-error';
+import { TenantAdminNav } from '@/components/tenant-admin-nav';
+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';
+
+type Props = {
+    tenant: { id: number; name: string };
+};
+export default function UserCreate({ tenant }: Props) {
+    const base = `/administration/tenants/${tenant.id}/users`;
+
+    return (
+        <>
+            <Head title="Tambah User" />
+            <div className="mx-auto flex w-full max-w-4xl flex-1 flex-col gap-6 p-4 md:p-6">
+                <div>
+                    <h1 className="text-2xl font-semibold">Tambah User</h1>
+                    <p className="text-sm text-muted-foreground">
+                        {tenant.name}
+                    </p>
+                </div>
+                <TenantAdminNav tenantId={tenant.id} />
+                <Form action={base} method="post">
+                    {({ processing, errors }) => (
+                        <Card>
+                            <CardHeader>
+                                <CardTitle>Informasi Akun</CardTitle>
+                            </CardHeader>
+                            <CardContent className="grid gap-5 md:grid-cols-2">
+                                <div className="grid gap-2">
+                                    <Label>Nama</Label>
+                                    <Input name="name" required />
+                                    <InputError message={errors.name} />
+                                </div>
+                                <div className="grid gap-2">
+                                    <Label>Email</Label>
+                                    <Input name="email" type="email" required />
+                                    <InputError message={errors.email} />
+                                </div>
+                                <div className="grid gap-2">
+                                    <Label>Password</Label>
+                                    <Input
+                                        name="password"
+                                        type="password"
+                                        required
+                                    />
+                                    <InputError message={errors.password} />
+                                </div>
+                                <div className="grid gap-2">
+                                    <Label>Konfirmasi Password</Label>
+                                    <Input
+                                        name="password_confirmation"
+                                        type="password"
+                                        required
+                                    />
+                                </div>
+                                <div className="rounded-lg border bg-muted/40 px-4 py-3 text-sm md:col-span-2">
+                                    Akun baru otomatis menggunakan role baku{' '}
+                                    <strong>Tenant User</strong>.
+                                </div>
+                                <div className="flex justify-end gap-3 md:col-span-2">
+                                    <Button variant="outline" asChild>
+                                        <Link href={base}>Batal</Link>
+                                    </Button>
+                                    <Button disabled={processing}>
+                                        Buat User
+                                    </Button>
+                                </div>
+                            </CardContent>
+                        </Card>
+                    )}
+                </Form>
+            </div>
+        </>
+    );
+}
+UserCreate.layout = {
+    breadcrumbs: [
+        { title: 'Users', href: '#' },
+        { title: 'Tambah', href: '#' },
+    ],
+};