ApiLogicServer 15.0.27__py3-none-any.whl → 15.0.32__py3-none-any.whl

api_logic_server_cli/prototypes/nw/ui/reference_react_app/src/EmployeeAudit.js

@@ -0,0 +1,223 @@
+// begin MANDATORY imports (always generated EXACTLY)
+import React from 'react';
+import { List, FunctionField, Datagrid, TextField, EmailField, DateField, NumberField } from 'react-admin';
+import { ReferenceField, ReferenceManyField } from 'react-admin';
+import { TabbedShowLayout, Tab, SimpleShowLayout, TextInput, NumberInput, DateTimeInput } from 'react-admin';
+import { ReferenceInput, SelectInput, SimpleForm, Show, Edit, Create } from 'react-admin';
+import { Filter, Pagination, BooleanField, BooleanInput, Labeled } from 'react-admin'; 
+import { EditButton, DeleteButton, CreateButton, ShowButton } from 'react-admin';
+import { Grid, Typography, Box, Divider, Button } from '@mui/material';
+import { useRecordContext, useRedirect, Link, required } from 'react-admin';
+import AddIcon from '@mui/icons-material/Add';
+// end mandatory imports
+
+const EmployeeAuditFilter = (props) => (
+    <Filter {...props}>
+        <TextInput label="Search" source="LastName" alwaysOn />
+    </Filter>
+);
+
+// EmployeeAudit List
+export const EmployeeAuditList = (props) => {
+    return (
+        <List filters={<EmployeeAuditFilter />} {...props} 
+              sort={{ field: 'LastName', order: 'ASC' }} 
+              pagination={<Pagination rowsPerPageOptions={[5, 10, 25]} showFirstLastButtons />}>
+            <Datagrid rowClick="show">
+                <TextField source="LastName" label="Last Name" />
+                <TextField source="FirstName" label="First Name" />
+                <TextField source="Title" label="Title" />
+                <NumberField source="Salary" label="Salary" options={{ style: 'currency', currency: 'USD' }} />
+                <DateField source="CreatedOn" label="Created On" />
+                <TextField source="CreatedBy" label="Created By" />
+                <DateField source="UpdatedOn" label="Updated On" />
+                <TextField source="UpdatedBy" label="Updated By" />
+                <EditButton />
+                <DeleteButton />
+            </Datagrid>
+        </List>
+    );
+};
+
+// EmployeeAudit Show
+export const EmployeeAuditShow = (props) => {
+    return (
+        <Show {...props}>
+            <SimpleShowLayout>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Employee Audit Entry Details
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Last Name">
+                                    <TextField source="LastName" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="First Name">
+                                    <TextField source="FirstName" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Title">
+                                    <TextField source="Title" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Salary">
+                                    <NumberField source="Salary" options={{ style: 'currency', currency: 'USD' }} />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                    </Grid>
+                    <Divider sx={{ my: 2 }} />
+                </Box>
+            </SimpleShowLayout>
+            <TabbedShowLayout>
+                <Tab label="Details">
+                    <Grid container spacing={3}>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Created On">
+                                    <DateField source="CreatedOn" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Created By">
+                                    <TextField source="CreatedBy" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Updated On">
+                                    <DateField source="UpdatedOn" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={3}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Updated By">
+                                    <TextField source="UpdatedBy" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Tab>
+            </TabbedShowLayout>
+        </Show>
+    );
+};
+
+// EmployeeAudit Create
+export const EmployeeAuditCreate = (props) => {
+    return (
+        <Create {...props}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Create New Employee Audit Entry
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="LastName" label="Last Name" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="FirstName" label="First Name" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="Title" label="Title" fullWidth />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <NumberInput source="Salary" label="Salary" fullWidth />
+                            </Box>
+                        </Grid>
+
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <DateTimeInput source="CreatedOn" label="Created On" fullWidth disabled />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="CreatedBy" label="Created By" fullWidth />
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+            </SimpleForm>
+        </Create>
+    );
+};
+
+// EmployeeAudit Edit
+export const EmployeeAuditEdit = (props) => {
+    return (
+        <Edit {...props} redirect={false}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Edit Employee Audit Entry
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="LastName" label="Last Name" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="FirstName" label="First Name" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="Title" label="Title" fullWidth />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <NumberInput source="Salary" label="Salary" fullWidth />
+                            </Box>
+                        </Grid>
+
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <DateTimeInput source="UpdatedOn" label="Updated On" fullWidth disabled />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="UpdatedBy" label="Updated By" fullWidth />
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+            </SimpleForm>
+        </Edit>
+    );
+};
+
+export default {
+    list: EmployeeAuditList,
+    show: EmployeeAuditShow,
+    create: EmployeeAuditCreate,
+    edit: EmployeeAuditEdit,
+};

api_logic_server_cli/prototypes/nw/ui/reference_react_app/src/EmployeeTerritory.js

@@ -0,0 +1,94 @@
+// begin MANDATORY imports (always generated EXACTLY)
+import React from 'react';
+import { List, FunctionField, Datagrid, TextField, EmailField, DateField, NumberField } from 'react-admin';
+import { ReferenceField, ReferenceManyField } from 'react-admin';
+import { TabbedShowLayout, Tab, SimpleShowLayout, TextInput, NumberInput, DateTimeInput } from 'react-admin';
+import { ReferenceInput, SelectInput, SimpleForm, Show, Edit, Create } from 'react-admin';
+import { Filter, Pagination, BooleanField, BooleanInput, Labeled } from 'react-admin'; 
+import { EditButton, DeleteButton, CreateButton, ShowButton } from 'react-admin';
+import { Grid, Typography, Box, Divider, Button } from '@mui/material';
+import { useRecordContext, useRedirect, Link, required } from 'react-admin';
+import AddIcon from '@mui/icons-material/Add';
+// end mandatory imports
+
+const EmployeeTerritoryFilter = (props) => (
+    <Filter {...props}>
+        <TextInput label="Search by Id" source="Id" alwaysOn />
+    </Filter>
+);
+
+// EmployeeTerritory List
+export const EmployeeTerritoryList = (props) => {
+    return (
+        <List filters={<EmployeeTerritoryFilter />} {...props} pagination={<Pagination rowsPerPageOptions={[5, 10, 25]} showFirstLastButtons />}>
+            <Datagrid rowClick="show">
+                <TextField source="Id" label="Employee Territory Id" />
+                {/* Reference Fields to display related resources */}
+                <ReferenceField source="EmployeeId" reference="Employee">
+                    <TextField source="LastName" />
+                </ReferenceField>
+                <ReferenceField source="TerritoryId" reference="Territory">
+                    <TextField source="TerritoryDescription" />
+                </ReferenceField>
+                <EditButton />
+                <DeleteButton />
+            </Datagrid>
+        </List>
+    );
+};
+
+// EmployeeTerritory Show
+export const EmployeeTerritoryShow = (props) => {
+    return (
+        <Show {...props}>
+            <SimpleShowLayout>
+                <TextField source="Id" label="Employee Territory Id" />
+                <ReferenceField source="EmployeeId" reference="Employee">
+                    <TextField source="LastName" />
+                </ReferenceField>
+                <ReferenceField source="TerritoryId" reference="Territory">
+                    <TextField source="TerritoryDescription" />
+                </ReferenceField>
+            </SimpleShowLayout>
+        </Show>
+    );
+};
+
+// EmployeeTerritory Create
+export const EmployeeTerritoryCreate = (props) => {
+    return (
+        <Create {...props}>
+            <SimpleForm>
+                <ReferenceInput source="EmployeeId" reference="Employee" fullWidth>
+                    <SelectInput optionText="LastName" validate={required()} />
+                </ReferenceInput>
+                <ReferenceInput source="TerritoryId" reference="Territory" fullWidth>
+                    <SelectInput optionText="TerritoryDescription" validate={required()} />
+                </ReferenceInput>
+            </SimpleForm>
+        </Create>
+    );
+};
+
+// EmployeeTerritory Edit
+export const EmployeeTerritoryEdit = (props) => {
+    return (
+        <Edit {...props}>
+            <SimpleForm>
+                <ReferenceInput source="EmployeeId" reference="Employee" fullWidth>
+                    <SelectInput optionText="LastName" validate={required()} />
+                </ReferenceInput>
+                <ReferenceInput source="TerritoryId" reference="Territory" fullWidth>
+                    <SelectInput optionText="TerritoryDescription" validate={required()} />
+                </ReferenceInput>
+            </SimpleForm>
+        </Edit>
+    );
+};
+
+export default {
+    list: EmployeeTerritoryList,
+    show: EmployeeTerritoryShow,
+    create: EmployeeTerritoryCreate,
+    edit: EmployeeTerritoryEdit,
+};

api_logic_server_cli/prototypes/nw/ui/reference_react_app/src/Location.js

@@ -0,0 +1,170 @@
+// begin MANDATORY imports (always generated EXACTLY)
+import React from 'react';
+import { List, FunctionField, Datagrid, TextField, EmailField, DateField, NumberField } from 'react-admin';
+import { ReferenceField, ReferenceManyField } from 'react-admin';
+import { TabbedShowLayout, Tab, SimpleShowLayout, TextInput, NumberInput, DateTimeInput } from 'react-admin';
+import { ReferenceInput, SelectInput, SimpleForm, Show, Edit, Create } from 'react-admin';
+import { Filter, Pagination, BooleanField, BooleanInput, Labeled } from 'react-admin'; 
+import { EditButton, DeleteButton, CreateButton, ShowButton } from 'react-admin';
+import { Grid, Typography, Box, Divider, Button } from '@mui/material';
+import { useRecordContext, useRedirect, Link, required } from 'react-admin';
+import AddIcon from '@mui/icons-material/Add';
+// end mandatory imports
+
+const LocationFilter = (props) => (
+    <Filter {...props}>
+        <TextInput label="Search by Country" source="country" alwaysOn />
+        <TextInput label="Search by City" source="city" />
+    </Filter>
+);
+
+// Location List
+export const LocationList = (props) => {
+    return (
+        <List filters={<LocationFilter />} {...props} sort={{ field: 'country', order: 'ASC' }} pagination={<Pagination rowsPerPageOptions={[5, 10, 25]} showFirstLastButtons />}>
+            <Datagrid rowClick="show">
+                <TextField source="country" label="Country" />
+                <TextField source="city" label="City" />
+                <TextField source="notes" label="Notes" />
+            </Datagrid>
+        </List>
+    );
+};
+
+// Location Show
+export const LocationShow = (props) => {
+    return (
+        <Show {...props}>
+            <SimpleShowLayout>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Location Information
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextField source="country" label="Country" />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextField source="city" label="City" />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextField source="notes" label="Notes" />
+                            </Box>
+                        </Grid>
+                    </Grid>
+                    <Divider sx={{ my: 2 }} />
+                </Box>
+            </SimpleShowLayout>
+            <TabbedShowLayout>
+                <Tab label="Orders">
+                    <ReferenceManyField reference="Order" target="country_city" addLabel={false} pagination={<Pagination />}>
+                        <Datagrid rowClick="show">
+                            <TextField source="id" label="Order ID" />
+                            <TextField source="ShipName" label="Ship Name" />
+                            <TextField source="AmountTotal" label="Amount Total" />
+                        </Datagrid>
+                    </ReferenceManyField>
+                    <AddOrderButton />
+                </Tab>
+            </TabbedShowLayout>
+        </Show>
+    );
+};
+
+// Custom Add Order Button
+const AddOrderButton = () => {
+    const record = useRecordContext();
+    const redirect = useRedirect();
+    
+    const handleClick = () => {
+        redirect(`/Order/create?source=${encodeURIComponent(JSON.stringify({ country: record?.country, city: record?.city }))}`);
+    };
+
+    return (
+        <Button
+            variant="contained"
+            color="primary"
+            startIcon={<AddIcon />}
+            onClick={handleClick}
+            sx={{ mt: 2 }}
+        >
+            Add New Order
+        </Button>
+    );
+};
+
+// Location Create
+export const LocationCreate = (props) => {
+    return (
+        <Create {...props}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Create New Location
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="country" label="Country" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="city" label="City" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="notes" label="Notes" fullWidth />
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+            </SimpleForm>
+        </Create>
+    );
+};
+
+// Location Edit
+export const LocationEdit = (props) => {
+    return (
+        <Edit {...props} redirect={false}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Edit Location
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="country" label="Country" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="city" label="City" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="notes" label="Notes" fullWidth />
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+            </SimpleForm>
+        </Edit>
+    );
+};
+
+export default {
+    list: LocationList,
+    show: LocationShow,
+    create: LocationCreate,
+    edit: LocationEdit,
+};

api_logic_server_cli/prototypes/nw/ui/reference_react_app/src/Order.js

@@ -0,0 +1,179 @@
+// begin MANDATORY imports (always generated EXACTLY)
+import React from 'react';
+import { List, FunctionField, Datagrid, TextField, EmailField, DateField, NumberField } from 'react-admin';
+import { ReferenceField, ReferenceManyField } from 'react-admin';
+import { TabbedShowLayout, Tab, SimpleShowLayout, TextInput, NumberInput, DateTimeInput } from 'react-admin';
+import { ReferenceInput, SelectInput, SimpleForm, Show, Edit, Create } from 'react-admin';
+import { Filter, Pagination, BooleanField, BooleanInput, Labeled } from 'react-admin'; 
+import { EditButton, DeleteButton, CreateButton, ShowButton } from 'react-admin';
+import { Grid, Typography, Box, Divider, Button } from '@mui/material';
+import { useRecordContext, useRedirect, Link, required } from 'react-admin';
+import AddIcon from '@mui/icons-material/Add';
+// end mandatory imports
+
+const OrderFilter = (props) => (
+    <Filter {...props}>
+        <TextInput label="Search" source="ShipName" alwaysOn />
+        <BooleanInput label="Ready" source="Ready" />
+    </Filter>
+);
+
+// Order List
+export const OrderList = (props) => {
+    return (
+        <List filters={<OrderFilter />} {...props} sort={{ field: 'OrderDate', order: 'DESC' }} pagination={<Pagination rowsPerPageOptions={[5, 10, 25]} showFirstLastButtons />}>
+            <Datagrid rowClick="show">
+                <TextField source="Id" label="Order ID" />
+                <ReferenceField label="Customer" source="CustomerId" reference="Customer">
+                    <TextField source="CompanyName" />
+                </ReferenceField>
+                <DateField source="OrderDate" label="Order Date" />
+                <NumberField source="AmountTotal" label="Amount Total" options={{ style: 'currency', currency: 'USD' }} />
+                <BooleanField source="Ready" label="Ready" />
+                <EditButton />
+                <DeleteButton />
+            </Datagrid>
+        </List>
+    );
+};
+
+// Order Show
+export const OrderShow = (props) => {
+    return (
+        <Show {...props}>
+            <TabbedShowLayout>
+                <Tab label="Summary">
+                    <SimpleShowLayout>
+                        <Box sx={{ mb: 3 }}>
+                            <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                                Order Information
+                            </Typography>
+                            <Grid container spacing={3} sx={{ mb: 2 }}>
+                                <Grid item xs={12} sm={6} md={4}>
+                                    <Box sx={{ p: 1 }}>
+                                        <Labeled label="Order ID">
+                                            <TextField source="Id" />
+                                        </Labeled>
+                                    </Box>
+                                </Grid>
+                                <Grid item xs={12} sm={6} md={4}>
+                                    <Box sx={{ p: 1 }}>
+                                        <Labeled label="Order Date">
+                                            <DateField source="OrderDate" />
+                                        </Labeled>
+                                    </Box>
+                                </Grid>
+                                <Grid item xs={12} sm={6} md={4}>
+                                    <Box sx={{ p: 1 }}>
+                                        <ReferenceField label="Customer" source="CustomerId" reference="Customer">
+                                            <TextField source="CompanyName" />
+                                        </ReferenceField>
+                                    </Box>
+                                </Grid>
+                                <Grid item xs={12} sm={6} md={4}>
+                                    <Box sx={{ p: 1 }}>
+                                        <Labeled label="Amount Total">
+                                            <NumberField source="AmountTotal" options={{ style: 'currency', currency: 'USD' }} />
+                                        </Labeled>
+                                    </Box>
+                                </Grid>
+                            </Grid>
+                            <Divider sx={{ my: 2 }} />
+                        </Box>
+                    </SimpleShowLayout>
+                </Tab>
+                <Tab label="Order Details">
+                    <ReferenceManyField reference="OrderDetail" target="OrderId" addLabel={false} pagination={<Pagination />}>
+                        <Datagrid rowClick="edit">
+                            <TextField source="Id" label="Detail ID" />
+                            <ReferenceField label="Product" source="ProductId" reference="Product">
+                                <TextField source="ProductName" />
+                            </ReferenceField>
+                            <NumberField source="Quantity" label="Quantity" />
+                            <NumberField source="UnitPrice" label="Unit Price" options={{ style: 'currency', currency: 'USD' }} />
+                            <EditButton />
+                            <DeleteButton />
+                        </Datagrid>
+                    </ReferenceManyField>
+                </Tab>
+            </TabbedShowLayout>
+        </Show>
+    );
+};
+
+// Order Create
+export const OrderCreate = (props) => {
+    return (
+        <Create {...props}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Create New Order
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <ReferenceInput source="CustomerId" reference="Customer" fullWidth>
+                                    <SelectInput optionText="CompanyName" validate={required()} />
+                                </ReferenceInput>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <DateTimeInput label="Order Date" source="OrderDate" fullWidth />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <NumberInput source="Freight" label="Freight" fullWidth />
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+                <BooleanInput source="Ready" label="Ready" />
+            </SimpleForm>
+        </Create>
+    );
+};
+
+// Order Edit
+export const OrderEdit = (props) => {
+    return (
+        <Edit {...props} redirect={false}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Edit Order
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <ReferenceInput source="CustomerId" reference="Customer" fullWidth>
+                                    <SelectInput optionText="CompanyName" validate={required()} />
+                                </ReferenceInput>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <DateTimeInput label="Order Date" source="OrderDate" fullWidth />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <NumberInput source="Freight" label="Freight" fullWidth />
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+                <BooleanInput source="Ready" label="Ready" />
+            </SimpleForm>
+        </Edit>
+    );
+};
+
+export default {
+    list: OrderList,
+    show: OrderShow,
+    create: OrderCreate,
+    edit: OrderEdit,
+};