init

2026-01-21 11:13:09 +05:45
commit 972264e361
188 changed files with 27498 additions and 0 deletions
--- a/resources/js/pages/dashboard/product/edit.tsx
+++ b/resources/js/pages/dashboard/product/edit.tsx
@@ -0,0 +1,128 @@
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import AppLayout from '@/layouts/app-layout';
+import product from '@/routes/product';
+import { BreadcrumbItem } from '@/types';
+import { Head, Link, router } from '@inertiajs/react';
+import { useState } from 'react';
+
+import {
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+} from '@/components/ui/select';
+
+const breadcrumbs: BreadcrumbItem[] = [
+    {
+        title: 'Add Product',
+        href: product.add().url,
+    },
+];
+
+export default function Edit({
+    products,
+}: {
+    products: { id: number; name: string; url: string; display_status: string };
+}) {
+    console.log(products);
+    const [values, setValues] = useState({
+        name: products.name,
+        url: products.url,
+        display_status: products.display_status,
+    });
+    function handleChange(e: { target: { id: any; value: any } }) {
+        const key = e.target.id;
+        const value = e.target.value;
+        setValues((values) => ({
+            ...values,
+            [key]: value,
+        }));
+    }
+
+    function handleSubmit(e: { preventDefault: () => void }) {
+        e.preventDefault();
+        console.log(values);
+        router.post(product.update(products.id).url, values);
+    }
+    return (
+        <>
+            <AppLayout breadcrumbs={breadcrumbs}>
+                <Head title="Add Product" />
+                <div className="flex flex-col gap-4 px-8 py-8">
+                    <h1 className="font-bold">Update Products</h1>
+                    <form
+                        className="flex flex-col gap-2"
+                        method="POST"
+                        onSubmit={handleSubmit}
+                    >
+                        <div>
+                            <Label htmlFor="name">
+                                Name <span className="text-red-500">*</span>
+                            </Label>
+                            <Input
+                                className="w-full"
+                                name="name"
+                                id="name"
+                                value={values.name}
+                                onChange={handleChange}
+                                required
+                            />
+                        </div>
+                        <div>
+                            <Label htmlFor="url">
+                                URL <span className="text-red-500">*</span>
+                            </Label>
+                            <Input
+                                className="w-full"
+                                name="url"
+                                id="url"
+                                value={values.url}
+                                onChange={handleChange}
+                                required
+                            />
+                        </div>
+                        <div>
+                            <Label>Display State</Label>
+                            <Select
+                                defaultValue={values.display_status}
+                                onValueChange={(val) =>
+                                    setValues((v) => ({
+                                        ...v,
+                                        display_status: val,
+                                    }))
+                                }
+                            >
+                                <SelectTrigger className="w-full">
+                                    <SelectValue placeholder="Select Display State" />
+                                </SelectTrigger>
+                                <SelectContent>
+                                    <SelectItem value="draft">Draft</SelectItem>
+                                    <SelectItem value="active">
+                                        Active
+                                    </SelectItem>
+                                </SelectContent>
+                            </Select>
+                        </div>
+                        <div className="flex items-center gap-2">
+                            <Button type="submit" className="cursor-pointer">
+                                Update
+                            </Button>
+                            <Link href={product.index()}>
+                                <Button
+                                    type="button"
+                                    className="cursor-pointer"
+                                    variant={'secondary'}
+                                >
+                                    Cancel
+                                </Button>
+                            </Link>
+                        </div>
+                    </form>
+                </div>
+            </AppLayout>
+        </>
+    );
+}