Merge branch 'develop' of http://git.witel.ir/RMS/frontend into bugfix/bugfix_cartables

exit station time
Merge pull request 'feature/machines' (#3 ) from feature/machines into develop
2026-06-13 11:19:39 +03:30 · 2026-06-13 11:16:48 +03:30 · 2026-06-13 07:33:26 +00:00 · 2026-06-13 11:01:50 +03:30 · 2026-06-13 10:57:36 +03:30 · 2026-06-10 16:30:08 +03:30
45 changed files with 2037 additions and 1253 deletions
--- a/package.json
+++ b/package.json
@@ -1,55 +1,55 @@
-{
-  "name": "rms",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint",
-    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,html,css,scss}\"",
-    "build:publish": "npm i && npm run build && pm2 restart ecosystem.config.js"
-  },
-  "dependencies": {
-    "@emotion/cache": "^11.11.0",
-    "@emotion/react": "^11.11.3",
-    "@emotion/styled": "^11.11.0",
-    "@hookform/resolvers": "^3.9.0",
-    "@mui/icons-material": "^5.16.7",
-    "@mui/lab": "^5.0.0-alpha.173",
-    "@mui/material": "^5.16.7",
-    "@mui/material-nextjs": "^5.16.6",
-    "@mui/x-date-pickers": "^6.19.5",
-    "@mui/x-tree-view": "^7.11.0",
-    "@turf/turf": "^7.2.0",
-    "axios": "^1.7.2",
-    "date-fns": "^3.3.1",
-    "date-fns-jalali": "^2.13.0-0",
-    "dayjs": "^1.11.10",
-    "file-saver": "^2.0.5",
-    "jalali-moment": "^3.3.11",
-    "lz-string": "^1.5.0",
-    "material-react-table": "^2.11.2",
-    "next": "^14.2.3",
-    "react": "^18",
-    "react-dom": "^18",
-    "react-hook-form": "^7.52.1",
-    "react-leaflet": "^4.2.1",
-    "react-leaflet-draw": "^0.20.4",
-    "react-leaflet-markercluster": "^4.2.1",
-    "react-qr-code": "^2.0.18",
-    "react-toastify": "^10.0.5",
-    "sass": "^1.75.0",
-    "sharp": "^0.33.4",
-    "stylis": "^4.3.1",
-    "stylis-plugin-rtl": "^2.1.1",
-    "swr": "^2.2.5",
-    "yup": "^1.4.0"
-  },
-  "devDependencies": {
-    "eslint": "^8",
-    "eslint-config-next": "14.1.0",
-    "eslint-config-prettier": "^9.1.0",
-    "prettier": "^3.3.2"
-  }
-}
+{
+  "name": "rms",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,html,css,scss}\"",
+    "build:publish": "npm i && npm run build && pm2 restart ecosystem.config.js"
+  },
+  "dependencies": {
+    "@emotion/cache": "^11.11.0",
+    "@emotion/react": "^11.11.3",
+    "@emotion/styled": "^11.11.0",
+    "@hookform/resolvers": "^3.9.0",
+    "@mui/icons-material": "^5.16.7",
+    "@mui/lab": "^5.0.0-alpha.173",
+    "@mui/material": "^5.16.7",
+    "@mui/material-nextjs": "^5.16.6",
+    "@mui/x-date-pickers": "^6.19.5",
+    "@mui/x-tree-view": "^7.11.0",
+    "@turf/turf": "^7.2.0",
+    "axios": "^1.7.2",
+    "date-fns": "^3.3.1",
+    "date-fns-jalali": "^2.13.0-0",
+    "dayjs": "^1.11.10",
+    "file-saver": "^2.0.5",
+    "jalali-moment": "^3.3.11",
+    "lz-string": "^1.5.0",
+    "material-react-table": "^2.11.2",
+    "next": "^14.2.3",
+    "react": "^18",
+    "react-dom": "^18",
+    "react-hook-form": "^7.52.1",
+    "react-leaflet": "^4.2.1",
+    "react-leaflet-draw": "^0.20.4",
+    "react-leaflet-markercluster": "^4.2.1",
+    "react-qr-code": "^2.0.18",
+    "react-toastify": "^10.0.5",
+    "sass": "^1.75.0",
+    "sharp": "^0.33.4",
+    "stylis": "^4.3.1",
+    "stylis-plugin-rtl": "^2.1.1",
+    "swr": "^2.2.5",
+    "yup": "^1.4.0"
+  },
+  "devDependencies": {
+    "eslint": "^8",
+    "eslint-config-next": "14.1.0",
+    "eslint-config-prettier": "^9.1.0",
+    "prettier": "^3.3.2"
+  }
+}
--- a/src/app/(withAuth)/(dashboardLayout)/dashboard/machines/loading.jsx
+++ b/src/app/(withAuth)/(dashboardLayout)/dashboard/machines/loading.jsx
@@ -0,0 +1,7 @@
+"use client";
+import PageLoading from "@/core/components/PageLoading";
+
+const Loading = () => {
+    return <PageLoading />;
+};
+export default Loading;
--- a/src/app/(withAuth)/(dashboardLayout)/dashboard/machines/page.jsx
+++ b/src/app/(withAuth)/(dashboardLayout)/dashboard/machines/page.jsx
@@ -0,0 +1,17 @@
+import WithPermission from "@/core/middlewares/withPermission";
+import MachinesPage from "@/components/dashboard/machines";
+
+export const metadata = {
+    title: "کارتابل ماشین‌ها",
+};
+const Page = () => {
+    return (
+        <>
+            <WithPermission permission_name={["all"]}>
+                <MachinesPage />
+            </WithPermission>
+        </>
+    );
+};
+
+export default Page;
--- a/src/app/(withAuth)/(dashboardLayout)/dashboard/road-missions/reports/missionsReports/page.js
+++ b/src/app/(withAuth)/(dashboardLayout)/dashboard/road-missions/reports/missionsReports/page.js
@@ -1,18 +1,18 @@
-import WithPermission from "@/core/middlewares/withPermission";
-import MissionsReportPage from "@/components/dashboard/roadMissions/reports/taradodReports";
-export const metadata = {
-    title: "کارتابل گزارش ترددها",
-};
-const Page = () => {
-    return (
-        <WithPermission
-            permission_name={[
-                "all", // TODO : change permission
-            ]}
-        >
-            <MissionsReportPage />
-        </WithPermission>
-    );
-};
-
-export default Page;
+import WithPermission from "@/core/middlewares/withPermission";
+import MissionsReportPage from "@/components/dashboard/roadMissions/reports/taradodReports";
+export const metadata = {
+    title: "کارتابل گزارش ترددها",
+};
+const Page = () => {
+    return (
+        <WithPermission
+            permission_name={[
+                "all", // TODO : change permission
+            ]}
+        >
+            <MissionsReportPage />
+        </WithPermission>
+    );
+};
+
+export default Page;
--- a/src/app/(withAuth)/(dashboardLayout)/dashboard/road-missions/reports/violationsReports/page.js
+++ b/src/app/(withAuth)/(dashboardLayout)/dashboard/road-missions/reports/violationsReports/page.js
@@ -1,18 +1,18 @@
-import ViolationsReportsPage from "@/components/dashboard/roadMissions/reports/violationsReports";
-import WithPermission from "@/core/middlewares/withPermission";
-
-export const metadata = {
-    title: "کارتابل گزارش تخلفات",
-};
-
-export default function Page() {
-    return (
-        <WithPermission
-            permission_name={[
-                "all", // TODO : change permission
-            ]}
-        >
-            <ViolationsReportsPage />
-        </WithPermission>
-    );
-}
+import ViolationsReportsPage from "@/components/dashboard/roadMissions/reports/violationsReports";
+import WithPermission from "@/core/middlewares/withPermission";
+
+export const metadata = {
+    title: "کارتابل گزارش تخلفات",
+};
+
+export default function Page() {
+    return (
+        <WithPermission
+            permission_name={[
+                "all", // TODO : change permission
+            ]}
+        >
+            <ViolationsReportsPage />
+        </WithPermission>
+    );
+}
--- a/src/components/dashboard/machines/MachinesList.jsx
+++ b/src/components/dashboard/machines/MachinesList.jsx
@@ -0,0 +1,134 @@
+"use client";
+import DataTableWithAuth from "@/core/components/DataTableWithAuth";
+import { GET_MACHINES_LIST } from "@/core/utils/routes";
+import { Box, Typography } from "@mui/material";
+import { useMemo } from "react";
+import RowActions from "./RowActions";
+
+const statusOptions = [
+    { value: "", label: "همه وضعیت ها" },
+    { value: 1, label: "آماده" },
+    { value: 2, label: "رزرو" },
+    { value: 3, label: "در ماموریت" },
+    { value: 4, label: "خارج از رده" },
+    { value: 5, label: "در تعمیر" },
+    { value: 6, label: "فروخته شده" },
+    { value: 7, label: "نیاز به تعمیر" },
+];
+
+const MachinesList = () => {
+    const columns = useMemo(() => {
+        return [
+            {
+                accessorKey: "id",
+                header: "کد یکتا", // Unique Code
+                id: "id",
+                enableColumnFilter: true,
+                datatype: "text",
+                filterMode: "equals",
+                sortDescFirst: false,
+                columnFilterModeOptions: ["equals", "contains"],
+                grow: false,
+                size: 50,
+            },
+
+            {
+                header: "اطلاعات ماشین‌ها",
+                id: "machines_info",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "text",
+                grow: false,
+                columns: [
+                    {
+                        accessorKey: "car_name",
+                        header: "نام ماشین",
+                        id: "car_name",
+                        enableColumnFilter: true,
+                        datatype: "text",
+                        filterMode: "equals",
+                        sortDescFirst: false,
+                        columnFilterModeOptions: ["equals", "contains"],
+                        grow: false,
+                        size: 100,
+                    },
+                    {
+                        accessorKey: "car_type",
+                        header: "نوع ماشین",
+                        id: "car_type",
+                        enableColumnFilter: true,
+                        datatype: "text",
+                        filterMode: "equals",
+                        sortDescFirst: false,
+                        columnFilterModeOptions: ["equals", "contains"],
+                        grow: false,
+                        size: 100,
+                    },
+                    {
+                        accessorKey: "machine_code",
+                        header: "کد ماشین",
+                        id: "machine_code",
+                        enableColumnFilter: true,
+                        datatype: "text",
+                        filterMode: "equals",
+                        sortDescFirst: false,
+                        columnFilterModeOptions: ["equals", "contains"],
+                        grow: false,
+                        size: 100,
+                    },
+                    {
+                        accessorKey: "plak_number",
+                        header: "پلاک",
+                        id: "plak_number",
+                        enableColumnFilter: true,
+                        datatype: "text",
+                        filterMode: "equals",
+                        sortDescFirst: false,
+                        columnFilterModeOptions: ["equals", "contains"],
+                        grow: false,
+                        size: 100,
+                    },
+                    {
+                        accessorKey: "status",
+                        header: "وضعیت",
+                        id: "status",
+                        enableColumnFilter: true,
+                        datatype: "numeric",
+                        filterMode: "equals",
+                        grow: false,
+                        size: 100,
+                        columnSelectOption: () => {
+                            return statusOptions.map((status) => ({
+                                value: status.value,
+                                label: status.label,
+                            }));
+                        },
+                        Cell: ({ row }) => {
+                            const status = statusOptions.find((option) => option.value == row.original.status);
+                            return <Typography variant="body2">{status?.label || ""}</Typography>;
+                        },
+                    },
+                ],
+            },
+        ];
+    }, []);
+
+    return (
+        <>
+            <Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}>
+                <DataTableWithAuth
+                    need_filter={true}
+                    columns={columns}
+                    table_url={GET_MACHINES_LIST}
+                    page_name={"machines"}
+                    table_name={"machinesList"}
+                    sorting={[{ id: "id", desc: true }]}
+                    enableRowActions
+                    positionActionsColumn={"first"}
+                    RowActions={RowActions}
+                />
+            </Box>
+        </>
+    );
+};
+export default MachinesList;
--- a/src/components/dashboard/machines/RowActions/DeleteDialog/DeleteContent.jsx
+++ b/src/components/dashboard/machines/RowActions/DeleteDialog/DeleteContent.jsx
@@ -0,0 +1,39 @@
+import { Button, DialogActions, DialogContent, Stack, Typography } from "@mui/material";
+import React, { useState } from "react";
+import useRequest from "@/lib/hooks/useRequest";
+import { DELETE_TOLL_HOUSE_ITEM } from "@/core/utils/routes";
+
+const DeleteContent = ({ rowId, mutate, setOpenDeleteDialog }) => {
+    const [submitting, setSubmitting] = useState(false);
+    const requestServer = useRequest({ notificationSuccess: true });
+    const handleClick = () => {
+        setSubmitting(true);
+        requestServer(`${DELETE_TOLL_HOUSE_ITEM}/${rowId}`, "delete")
+            .then(() => {
+                mutate();
+                setOpenDeleteDialog(false);
+                setSubmitting(false);
+            })
+            .catch(() => {
+                setSubmitting(false);
+            });
+    };
+    return (
+        <>
+            <DialogContent>
+                <Stack alignItems="center" spacing={2}>
+                    <Typography mt={2}>آیا از حذف راهدارخانه اطمینان دارید؟</Typography>
+                </Stack>
+            </DialogContent>
+            <DialogActions sx={{ justifyContent: "center", paddingBottom: 2, width: "100%" }}>
+                <Button onClick={() => setOpenDeleteDialog(false)} variant="outlined" color="secondary">
+                    خیر !
+                </Button>
+                <Button onClick={handleClick} variant="contained" color="error" disabled={submitting}>
+                    {submitting ? "درحال حذف..." : "بله اطمینان دارم"}
+                </Button>
+            </DialogActions>
+        </>
+    );
+};
+export default DeleteContent;
--- a/src/components/dashboard/machines/RowActions/DeleteDialog/index.jsx
+++ b/src/components/dashboard/machines/RowActions/DeleteDialog/index.jsx
@@ -0,0 +1,34 @@
+import DeleteIcon from "@mui/icons-material/Delete";
+import { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material";
+import { useState } from "react";
+import DeleteContent from "./DeleteContent";
+const DeleteDialog = ({ rowId, mutate }) => {
+    const [openDeleteDialog, setOpenDeleteDialog] = useState(false);
+
+    return (
+        <>
+            <Tooltip title="حذف">
+                <IconButton color="error" onClick={() => setOpenDeleteDialog(true)}>
+                    <DeleteIcon />
+                </IconButton>
+            </Tooltip>
+            <Dialog
+                open={openDeleteDialog}
+                onClose={() => setOpenDeleteDialog(false)}
+                PaperProps={{
+                    sx: {
+                        boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
+                    },
+                }}
+                dir="rtl"
+                maxWidth={"md"}
+            >
+                <DialogTitle>حذف راهدارخانه</DialogTitle>
+                {openDeleteDialog && (
+                    <DeleteContent rowId={rowId} mutate={mutate} setOpenDeleteDialog={setOpenDeleteDialog} />
+                )}
+            </Dialog>
+        </>
+    );
+};
+export default DeleteDialog;
--- a/src/components/dashboard/machines/RowActions/Edit/Form/index.jsx
+++ b/src/components/dashboard/machines/RowActions/Edit/Form/index.jsx
@@ -0,0 +1,281 @@
+import StyledForm from "@/core/components/StyledForm";
+import {
+    GET_CITIES_LIST,
+    GET_PROVINCES_LIST,
+    GET_STATIONS_LIST,
+    UPDATE_MACHINE_STATUS_AND_LOCATION,
+} from "@/core/utils/routes";
+import useRequest from "@/lib/hooks/useRequest";
+import { yupResolver } from "@hookform/resolvers/yup";
+import { Beenhere, ExitToApp } from "@mui/icons-material";
+import {
+    Button,
+    CircularProgress,
+    DialogActions,
+    DialogContent,
+    DialogTitle,
+    FormControl,
+    InputLabel,
+    MenuItem,
+    Select,
+    Stack,
+} from "@mui/material";
+import { DialogHeader } from "next/dist/client/components/react-dev-overlay/internal/components/Dialog";
+import { useEffect, useState } from "react";
+import { Controller, useForm, useWatch } from "react-hook-form";
+import { number, object } from "yup";
+
+const statusOptions = [
+    { value: 1, label: "آماده" },
+    { value: 2, label: "رزرو" },
+    { value: 3, label: "در ماموریت" },
+    { value: 4, label: "خارج از رده" },
+    { value: 5, label: "در تعمیر" },
+    { value: 6, label: "فروخته شده" },
+    { value: 7, label: "نیاز به تعمیر" },
+];
+
+const validationSchema = object({
+    status: number().required("انتخاب وضعیت الزامی است"),
+    province_id: number().required("انتخاب استان الزامی است"),
+    city_id: number().required("انتخاب شهر الزامی است"),
+    station_id: number().required("انتخاب راهداری الزامی است"),
+});
+
+const EditFormContent = ({ row, rowId, mutate, setOpen }) => {
+    const requestServer = useRequest();
+
+    const [provinces, setProvinces] = useState([]);
+    const [cities, setCities] = useState([]);
+    const [stations, setStations] = useState([]);
+
+    const [loadingProvinces, setLoadingProvinces] = useState(false);
+    const [loadingCities, setLoadingCities] = useState(false);
+    const [loadingStations, setLoadingStations] = useState(false);
+
+    const {
+        control,
+        handleSubmit,
+        setValue,
+        formState: { isSubmitting },
+    } = useForm({
+        defaultValues: {
+            status: row.original.status,
+            province_id: row.original.province_id,
+            city_id: row.original.city_id,
+            station_id: row.original.station_id,
+        },
+        resolver: yupResolver(validationSchema),
+        mode: "all",
+    });
+
+    const provinceId = useWatch({
+        control,
+        name: "province_id",
+    });
+
+    const cityId = useWatch({
+        control,
+        name: "city_id",
+    });
+
+    const loadProvinces = async () => {
+        try {
+            setLoadingProvinces(true);
+            const response = await requestServer(GET_PROVINCES_LIST, "get");
+            setProvinces(response.data?.data || []);
+        } finally {
+            setLoadingProvinces(false);
+        }
+    };
+
+    const loadCities = async (provinceId) => {
+        if (!provinceId) return;
+
+        try {
+            setLoadingCities(true);
+            const response = await requestServer(`${GET_CITIES_LIST}?province_id=${provinceId}`, "get");
+            setCities(response.data?.data || []);
+        } finally {
+            setLoadingCities(false);
+        }
+    };
+
+    const loadStations = async (cityId) => {
+        if (!cityId) return;
+
+        try {
+            setLoadingStations(true);
+            const response = await requestServer(`${GET_STATIONS_LIST}/search_by_city?city_id=${cityId}`, "get");
+            setStations(response.data?.data || []);
+        } finally {
+            setLoadingStations(false);
+        }
+    };
+
+    useEffect(() => {
+        loadProvinces();
+    }, []);
+
+    /**
+     * Initial edit mode loading
+     */
+    useEffect(() => {
+        if (row.original.province_id) {
+            loadCities(row.original.province_id);
+        }
+
+        if (row.original.city_id) {
+            loadStations(row.original.city_id);
+        }
+    }, []);
+
+    useEffect(() => {
+        if (!provinceId) return;
+
+        loadCities(provinceId);
+
+        if (provinceId !== row.original.province_id) {
+            setValue("city_id", "");
+            setValue("station_id", "");
+            setStations([]);
+        }
+    }, [provinceId]);
+
+    useEffect(() => {
+        if (!cityId) return;
+
+        loadStations(cityId);
+
+        if (cityId !== row.original.city_id) {
+            setValue("station_id", "");
+        }
+    }, [cityId]);
+
+    const onSubmit = async (data) => {
+        const formData = new FormData();
+
+        formData.append("status", String(data.status));
+        formData.append("province_id", String(data.province_id));
+        formData.append("city_id", String(data.city_id));
+        formData.append("station_id", String(data.station_id));
+
+        try {
+            await requestServer(`${UPDATE_MACHINE_STATUS_AND_LOCATION}/${rowId}`, "post", {
+                data: formData,
+            });
+
+            mutate();
+            setOpen(false);
+        } catch (error) {}
+    };
+
+    return (
+        <>
+            <DialogHeader>
+                <DialogTitle>ویرایش ماشین</DialogTitle>
+            </DialogHeader>
+
+            <DialogContent dividers>
+                <StyledForm id="updateMachineForm" onSubmit={handleSubmit(onSubmit)}>
+                    <Stack spacing={3}>
+                        <Controller
+                            name="province_id"
+                            control={control}
+                            render={({ field, fieldState: { error } }) => (
+                                <FormControl fullWidth size="small" error={!!error}>
+                                    <InputLabel>استان</InputLabel>
+
+                                    <Select {...field} label="استان" disabled={loadingProvinces}>
+                                        {provinces.map((province) => (
+                                            <MenuItem key={province.id} value={province.id}>
+                                                {province.name_fa}
+                                            </MenuItem>
+                                        ))}
+                                    </Select>
+                                </FormControl>
+                            )}
+                        />
+
+                        <Controller
+                            name="city_id"
+                            control={control}
+                            render={({ field, fieldState: { error } }) => (
+                                <FormControl fullWidth size="small" error={!!error}>
+                                    <InputLabel>شهر</InputLabel>
+
+                                    <Select {...field} label="شهر" disabled={!provinceId || loadingCities}>
+                                        {cities.map((city) => (
+                                            <MenuItem key={city.id} value={city.id}>
+                                                {city.name_fa}
+                                            </MenuItem>
+                                        ))}
+                                    </Select>
+                                </FormControl>
+                            )}
+                        />
+
+                        <Controller
+                            name="station_id"
+                            control={control}
+                            render={({ field, fieldState: { error } }) => (
+                                <FormControl fullWidth size="small" error={!!error}>
+                                    <InputLabel>راهداری</InputLabel>
+
+                                    <Select {...field} label="راهداری" disabled={!cityId || loadingStations}>
+                                        {stations.map((station) => (
+                                            <MenuItem key={station.id} value={station.id}>
+                                                {station.name}
+                                            </MenuItem>
+                                        ))}
+                                    </Select>
+                                </FormControl>
+                            )}
+                        />
+                        <Controller
+                            name="status"
+                            control={control}
+                            render={({ field, fieldState: { error } }) => (
+                                <FormControl fullWidth size="small" error={!!error}>
+                                    <InputLabel>وضعیت</InputLabel>
+
+                                    <Select {...field} label="وضعیت">
+                                        {statusOptions.map((item) => (
+                                            <MenuItem key={item.value} value={item.value}>
+                                                {item.label}
+                                            </MenuItem>
+                                        ))}
+                                    </Select>
+                                </FormControl>
+                            )}
+                        />
+
+                        {(loadingCities || loadingStations) && (
+                            <Stack direction="row" justifyContent="center">
+                                <CircularProgress size={24} />
+                            </Stack>
+                        )}
+                    </Stack>
+                </StyledForm>
+            </DialogContent>
+
+            <DialogActions>
+                <Button onClick={() => setOpen(false)} variant="outlined" color="secondary" startIcon={<ExitToApp />}>
+                    بستن
+                </Button>
+
+                <Button
+                    variant="contained"
+                    disabled={isSubmitting}
+                    type="submit"
+                    form="updateMachineForm"
+                    endIcon={<Beenhere />}
+                >
+                    {isSubmitting ? "در حال ویرایش" : "ویرایش ماشین"}
+                </Button>
+            </DialogActions>
+        </>
+    );
+};
+
+export default EditFormContent;
--- a/src/components/dashboard/machines/RowActions/Edit/index.jsx
+++ b/src/components/dashboard/machines/RowActions/Edit/index.jsx
@@ -0,0 +1,44 @@
+import { SwapHoriz } from "@mui/icons-material";
+import CloseIcon from "@mui/icons-material/Close";
+import { Dialog, IconButton, Tooltip } from "@mui/material";
+import { useState } from "react";
+import EditFormContent from "./Form";
+
+const Edit = ({ row, mutate, rowId }) => {
+    const [openEditDialog, setOpenEditDialog] = useState(false);
+
+    return (
+        <>
+            <Tooltip title="ویرایش" arrow placement="right">
+                <IconButton
+                    color="primary"
+                    sx={{ textTransform: "unset", alignSelf: "center" }}
+                    onClick={() => {
+                        setOpenEditDialog(true);
+                    }}
+                >
+                    <SwapHoriz />
+                </IconButton>
+            </Tooltip>
+            <Dialog open={openEditDialog} fullWidth maxWidth="xs">
+                <IconButton
+                    aria-label="close"
+                    onClick={() => setOpenEditDialog(false)}
+                    sx={(theme) => ({
+                        position: "absolute",
+                        right: 8,
+                        top: 8,
+                        zIndex: 50,
+                        color: theme.palette.grey[500],
+                    })}
+                >
+                    <CloseIcon />
+                </IconButton>
+                {openEditDialog && (
+                    <EditFormContent rowId={rowId} row={row} setOpen={setOpenEditDialog} mutate={mutate} />
+                )}
+            </Dialog>
+        </>
+    );
+};
+export default Edit;
--- a/src/components/dashboard/machines/RowActions/index.jsx
+++ b/src/components/dashboard/machines/RowActions/index.jsx
@@ -0,0 +1,14 @@
+import { usePermissions } from "@/lib/hooks/usePermissions";
+import { Box } from "@mui/material";
+import Edit from "./Edit";
+
+const RowActions = ({ row, mutate }) => {
+    const { data: userPermissions } = usePermissions();
+    const hasEditPermission = userPermissions.some((item) => ["update-machine"].includes(item));
+    return (
+        <Box sx={{ display: "flex", gap: 1 }}>
+            {hasEditPermission && <Edit row={row} mutate={mutate} rowId={row.getValue("id")} />}
+        </Box>
+    );
+};
+export default RowActions;
--- a/src/components/dashboard/machines/ShowProjectArea/ShowBound.jsx
+++ b/src/components/dashboard/machines/ShowProjectArea/ShowBound.jsx
@@ -0,0 +1,29 @@
+import { useEffect, useRef } from "react";
+import { FeatureGroup, useMap } from "react-leaflet";
+
+const ShowBound = ({ bound }) => {
+    const map = useMap();
+    const featureRef = useRef(null);
+
+    const safeFitBounds = (layer) => {
+        if (!layer || !map) return;
+        try {
+            const latLngs = layer.getLatLngs();
+            map.fitBounds(latLngs, {
+                paddingTopLeft: [20, 20],
+                paddingBottomRight: [20, 20],
+            });
+        } catch (e) {
+            console.warn("fitBounds failed:", e);
+        }
+    };
+
+    useEffect(() => {
+        bound?.editing?.disable();
+        featureRef.current.addLayer(bound);
+        safeFitBounds(bound);
+    }, []);
+
+    return <FeatureGroup ref={featureRef} />;
+};
+export default ShowBound;
--- a/src/components/dashboard/machines/ShowProjectArea/index.jsx
+++ b/src/components/dashboard/machines/ShowProjectArea/index.jsx
@@ -0,0 +1,65 @@
+const { IconButton, Tooltip, Box, Dialog, DialogTitle, Typography, DialogContent } = require("@mui/material");
+import MapLayer from "@/core/components/MapLayer";
+import CloseIcon from "@mui/icons-material/Close";
+import LayersIcon from "@mui/icons-material/Layers";
+import L from "leaflet";
+import { useMemo, useState } from "react";
+import ShowBound from "./ShowBound";
+
+const ShowProjectArea = ({ primaryArea }) => {
+    const [openShowAreaDialog, setOpenShowAreaDialog] = useState(false);
+    const bound = useMemo(() => {
+        const coordinates = Object.values(primaryArea.coordinates);
+
+        const latLngCoords = coordinates.map(([lat, lng]) => [parseFloat(lng), parseFloat(lat)]);
+
+        return primaryArea.type === "polygon"
+            ? L.polygon(latLngCoords, { color: "#ff5555" })
+            : L.polyline(latLngCoords);
+    }, [primaryArea]);
+
+    return (
+        <Box>
+            <Tooltip title="نمایش پلیگان" placement="right" arrow>
+                <IconButton size="small" color="primary" onClick={() => setOpenShowAreaDialog(true)}>
+                    <LayersIcon />
+                </IconButton>
+            </Tooltip>
+            <Dialog
+                open={openShowAreaDialog}
+                onClose={() => setOpenShowAreaDialog(false)}
+                PaperProps={{
+                    sx: {
+                        transition: "all .3s",
+                        boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
+                        borderRadius: 2,
+                        padding: 1,
+                    },
+                }}
+                maxWidth="sm"
+                fullWidth
+                dir="rtl"
+            >
+                <DialogTitle sx={{ display: "flex", justifyContent: "space-between", padding: "16px 24px" }}>
+                    <Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}>
+                        محدوده طرح
+                    </Typography>
+                    <IconButton onClick={() => setOpenShowAreaDialog(false)} size="small">
+                        <CloseIcon />
+                    </IconButton>
+                </DialogTitle>
+                <DialogContent>
+                    <Box sx={{ flex: 1 }}>
+                        <Box sx={{ width: "100%", height: "400px" }}>
+                            <MapLayer style={{ borderRadius: "4px" }}>
+                                <ShowBound bound={bound} />
+                            </MapLayer>
+                        </Box>
+                    </Box>
+                </DialogContent>
+            </Dialog>
+        </Box>
+    );
+};
+
+export default ShowProjectArea;
--- a/src/components/dashboard/machines/index.jsx
+++ b/src/components/dashboard/machines/index.jsx
@@ -0,0 +1,14 @@
+"use client";
+import PageTitle from "@/core/components/PageTitle";
+import { Stack } from "@mui/material";
+import MachinesList from "./MachinesList";
+
+const MachinesPage = () => {
+    return (
+        <Stack spacing={1}>
+            <PageTitle title={"لیست ماشین ها"} />
+            <MachinesList />
+        </Stack>
+    );
+};
+export default MachinesPage;
--- a/src/components/dashboard/roadMissions/operator/Toolbar.jsx
+++ b/src/components/dashboard/roadMissions/operator/Toolbar.jsx
@@ -1,12 +1,12 @@
 import { Stack } from "@mui/material";
 import Create from "./Actions/Create";
-import CreateWithoutProcess from "./Actions/CreateWithoutProcess";
+// import CreateWithoutProcess from "./Actions/CreateWithoutProcess";

 const Toolbar = ({ table, filterData, mutate }) => {
    return (
        <Stack direction={"row"} spacing={1}>
            <Create mutate={mutate} />
-            <CreateWithoutProcess mutate={mutate} />
+            {/*<CreateWithoutProcess mutate={mutate} />*/}
        </Stack>
    );
 };
--- a/src/components/dashboard/roadMissions/reports/taradodReports/ExcelPrint/index.jsx
+++ b/src/components/dashboard/roadMissions/reports/taradodReports/ExcelPrint/index.jsx
@@ -1,77 +1,77 @@
-"use client";
-import {
-    EXPORT_MISSIONS_REPORT_TARADOD_COUNTRY_EXCEL_ACTIVITY,
-    EXPORT_MISSIONS_REPORT_TARADOD_PROVINCE_EXCEL_ACTIVITY,
-} from "@/core/utils/routes";
-import useRequest from "@/lib/hooks/useRequest";
-import { useTheme } from "@emotion/react";
-import DescriptionIcon from "@mui/icons-material/Description";
-import { Button, CircularProgress, IconButton, useMediaQuery } from "@mui/material";
-import FileSaver from "file-saver";
-import moment from "jalali-moment";
-import { useMemo, useState } from "react";
-
-const PrintExcel = ({ table, filterData }) => {
-    const theme = useTheme();
-    const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
-    const [loading, setLoading] = useState(false);
-    const requestServer = useRequest({ notificationSuccess: true });
-    const activeFilters = Object.entries(filterData).reduce((acc, [key, filter]) => {
-        if (filter.value) {
-            acc.push({ id: filter.id, value: filter.value });
-        }
-        return acc;
-    }, []);
-
-    const filterParams = useMemo(() => {
-        const params = new URLSearchParams();
-        activeFilters.length > 0 &&
-            activeFilters.map((filter, index) => {
-                params.set(`${filter.id}`, filter.value);
-            });
-        return params;
-    }, [activeFilters]);
-
-    const clickHandler = () => {
-        setLoading(true);
-        const CountryOrProvince = activeFilters.find((item) => item.id === "province_id");
-        const requestUrl =
-            CountryOrProvince.value === "-1"
-                ? EXPORT_MISSIONS_REPORT_TARADOD_COUNTRY_EXCEL_ACTIVITY
-                : EXPORT_MISSIONS_REPORT_TARADOD_PROVINCE_EXCEL_ACTIVITY;
-        requestServer(`${requestUrl}?${filterParams}`, "get", {
-            requestOptions: { responseType: "blob" },
-        })
-            .then((response) => {
-                const filename = `خروجی کارتابل گزارشات گشت راهداری تاریخ_${moment().format("jYYYY_jMM_jDD")}.xlsx`;
-                FileSaver.saveAs(response.data, filename);
-            })
-            .catch(() => {})
-            .finally(() => {
-                setLoading(false);
-            });
-    };
-
-    return (
-        <>
-            {isMobile ? (
-                <IconButton aria-label="خروجی اکسل" color="success" onClick={clickHandler}>
-                    <DescriptionIcon sx={{ fontSize: "25px" }} />
-                </IconButton>
-            ) : (
-                <Button
-                    color="success"
-                    variant="contained"
-                    size="small"
-                    disabled={loading}
-                    sx={{ textTransform: "unset", alignSelf: "center" }}
-                    startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />}
-                    onClick={clickHandler}
-                >
-                    خروجی اکسل
-                </Button>
-            )}
-        </>
-    );
-};
-export default PrintExcel;
+"use client";
+import {
+    EXPORT_MISSIONS_REPORT_TARADOD_COUNTRY_EXCEL_ACTIVITY,
+    EXPORT_MISSIONS_REPORT_TARADOD_PROVINCE_EXCEL_ACTIVITY,
+} from "@/core/utils/routes";
+import useRequest from "@/lib/hooks/useRequest";
+import { useTheme } from "@emotion/react";
+import DescriptionIcon from "@mui/icons-material/Description";
+import { Button, CircularProgress, IconButton, useMediaQuery } from "@mui/material";
+import FileSaver from "file-saver";
+import moment from "jalali-moment";
+import { useMemo, useState } from "react";
+
+const PrintExcel = ({ table, filterData }) => {
+    const theme = useTheme();
+    const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
+    const [loading, setLoading] = useState(false);
+    const requestServer = useRequest({ notificationSuccess: true });
+    const activeFilters = Object.entries(filterData).reduce((acc, [key, filter]) => {
+        if (filter.value) {
+            acc.push({ id: filter.id, value: filter.value });
+        }
+        return acc;
+    }, []);
+
+    const filterParams = useMemo(() => {
+        const params = new URLSearchParams();
+        activeFilters.length > 0 &&
+            activeFilters.map((filter, index) => {
+                params.set(`${filter.id}`, filter.value);
+            });
+        return params;
+    }, [activeFilters]);
+
+    const clickHandler = () => {
+        setLoading(true);
+        const CountryOrProvince = activeFilters.find((item) => item.id === "province_id");
+        const requestUrl =
+            CountryOrProvince.value === "-1"
+                ? EXPORT_MISSIONS_REPORT_TARADOD_COUNTRY_EXCEL_ACTIVITY
+                : EXPORT_MISSIONS_REPORT_TARADOD_PROVINCE_EXCEL_ACTIVITY;
+        requestServer(`${requestUrl}?${filterParams}`, "get", {
+            requestOptions: { responseType: "blob" },
+        })
+            .then((response) => {
+                const filename = `خروجی کارتابل گزارشات گشت راهداری تاریخ_${moment().format("jYYYY_jMM_jDD")}.xlsx`;
+                FileSaver.saveAs(response.data, filename);
+            })
+            .catch(() => {})
+            .finally(() => {
+                setLoading(false);
+            });
+    };
+
+    return (
+        <>
+            {isMobile ? (
+                <IconButton aria-label="خروجی اکسل" color="success" onClick={clickHandler}>
+                    <DescriptionIcon sx={{ fontSize: "25px" }} />
+                </IconButton>
+            ) : (
+                <Button
+                    color="success"
+                    variant="contained"
+                    size="small"
+                    disabled={loading}
+                    sx={{ textTransform: "unset", alignSelf: "center" }}
+                    startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />}
+                    onClick={clickHandler}
+                >
+                    خروجی اکسل
+                </Button>
+            )}
+        </>
+    );
+};
+export default PrintExcel;
--- a/src/components/dashboard/roadMissions/reports/taradodReports/MissionsReportLists.jsx
+++ b/src/components/dashboard/roadMissions/reports/taradodReports/MissionsReportLists.jsx
@@ -1,138 +1,138 @@
-"use client";
-import DataTableWithAuth from "@/core/components/DataTableWithAuth";
-import { Box } from "@mui/material";
-import { useEffect, useMemo } from "react";
-import Toolbar from "./Toolbar";
-
-const TaradodReportLists = ({ data, specialFilter }) => {
-    const columns = useMemo(() => {
-        return [
-            {
-                accessorKey: "edare_name",
-                header: "اداره کل",
-                id: "edare_name",
-                enableColumnFilter: false,
-                enableSorting: false,
-                datatype: "text",
-                grow: false,
-                size: 50,
-            },
-            {
-                accessorKey: "total",
-                header: "کل ماموریت ها",
-                id: "total",
-                enableColumnFilter: false,
-                enableSorting: false,
-                datatype: "numeric",
-                grow: false,
-                size: 50,
-            },
-            {
-                accessorKey: "khareg_mahdode",
-                header: "تردد خارج از محدوده",
-                id: "khareg_mahdode",
-                enableColumnFilter: false,
-                enableSorting: false,
-                datatype: "numeric",
-                grow: false,
-                size: 50,
-            },
-            {
-                accessorKey: "durations",
-                header: "جمع ساعات ماموریت",
-                id: "duration",
-                enableColumnFilter: false,
-                enableSorting: false,
-                datatype: "numeric",
-                grow: false,
-                size: 50,
-            },
-            {
-                accessorKey: "gps",
-                header: "جمع ساعات gps",
-                id: "gps",
-                enableColumnFilter: false,
-                enableSorting: false,
-                datatype: "numeric",
-                grow: false,
-                size: 50,
-            },
-            {
-                accessorKey: "far_h",
-                header: "با فرایند ساعتی",
-                id: "far_h",
-                enableColumnFilter: false,
-                enableSorting: false,
-                datatype: "numeric",
-                grow: false,
-                size: 50,
-            },
-            {
-                accessorKey: "far_d",
-                header: "با فرایند روزانه",
-                id: "far_d",
-                enableColumnFilter: false,
-                enableSorting: false,
-                datatype: "numeric",
-                grow: false,
-                size: 50,
-            },
-            {
-                accessorKey: "un_far_h",
-                header: "بدون فرایند ساعتی",
-                id: "un_far_h",
-                enableColumnFilter: false,
-                enableSorting: false,
-                datatype: "numeric",
-                grow: false,
-                size: 50,
-            },
-            {
-                accessorKey: "un_far_d",
-                header: "بدون فرایند روزانه",
-                id: "un_far_d",
-                enableColumnFilter: false,
-                enableSorting: false,
-                datatype: "numeric",
-                grow: false,
-                size: 50,
-            },
-            {
-                accessorKey: "item",
-                header: "فعالیت روزانه",
-                id: "item",
-                enableColumnFilter: false,
-                enableSorting: false,
-                datatype: "text",
-                grow: false,
-                size: 50,
-            },
-            {
-                accessorKey: "patrol",
-                header: "گشت راهداری",
-                id: "patrol",
-                enableColumnFilter: false,
-                enableSorting: false,
-                datatype: "text",
-                grow: false,
-                size: 50,
-            },
-        ];
-    }, []);
-
-    return (
-        <Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}>
-            <DataTableWithAuth
-                TableToolbar={Toolbar}
-                columns={columns}
-                data={data.data}
-                page_name={"roadMissionReport"}
-                table_name={"roadMissionReportList"}
-                enablePagination={false}
-                specialFilter={specialFilter}
-            />
-        </Box>
-    );
-};
-
-export default TaradodReportLists;
+"use client";
+import DataTableWithAuth from "@/core/components/DataTableWithAuth";
+import { Box } from "@mui/material";
+import { useEffect, useMemo } from "react";
+import Toolbar from "./Toolbar";
+
+const TaradodReportLists = ({ data, specialFilter }) => {
+    const columns = useMemo(() => {
+        return [
+            {
+                accessorKey: "edare_name",
+                header: "اداره کل",
+                id: "edare_name",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "text",
+                grow: false,
+                size: 50,
+            },
+            {
+                accessorKey: "total",
+                header: "کل ماموریت ها",
+                id: "total",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "numeric",
+                grow: false,
+                size: 50,
+            },
+            {
+                accessorKey: "khareg_mahdode",
+                header: "تردد خارج از محدوده",
+                id: "khareg_mahdode",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "numeric",
+                grow: false,
+                size: 50,
+            },
+            {
+                accessorKey: "durations",
+                header: "جمع ساعات ماموریت",
+                id: "duration",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "numeric",
+                grow: false,
+                size: 50,
+            },
+            {
+                accessorKey: "gps",
+                header: "جمع ساعات gps",
+                id: "gps",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "numeric",
+                grow: false,
+                size: 50,
+            },
+            {
+                accessorKey: "far_h",
+                header: "با فرایند ساعتی",
+                id: "far_h",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "numeric",
+                grow: false,
+                size: 50,
+            },
+            {
+                accessorKey: "far_d",
+                header: "با فرایند روزانه",
+                id: "far_d",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "numeric",
+                grow: false,
+                size: 50,
+            },
+            {
+                accessorKey: "un_far_h",
+                header: "بدون فرایند ساعتی",
+                id: "un_far_h",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "numeric",
+                grow: false,
+                size: 50,
+            },
+            {
+                accessorKey: "un_far_d",
+                header: "بدون فرایند روزانه",
+                id: "un_far_d",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "numeric",
+                grow: false,
+                size: 50,
+            },
+            {
+                accessorKey: "item",
+                header: "فعالیت روزانه",
+                id: "item",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "text",
+                grow: false,
+                size: 50,
+            },
+            {
+                accessorKey: "patrol",
+                header: "گشت راهداری",
+                id: "patrol",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "text",
+                grow: false,
+                size: 50,
+            },
+        ];
+    }, []);
+
+    return (
+        <Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}>
+            <DataTableWithAuth
+                TableToolbar={Toolbar}
+                columns={columns}
+                data={data.data}
+                page_name={"roadMissionReport"}
+                table_name={"roadMissionReportList"}
+                enablePagination={false}
+                specialFilter={specialFilter}
+            />
+        </Box>
+    );
+};
+
+export default TaradodReportLists;
--- a/src/components/dashboard/roadMissions/reports/taradodReports/Search/FromDateController.jsx
+++ b/src/components/dashboard/roadMissions/reports/taradodReports/Search/FromDateController.jsx
@@ -1,27 +1,27 @@
-import MuiDatePicker from "@/core/components/MuiDatePicker";
-import moment from "jalali-moment";
-import { Controller } from "react-hook-form";
-
-const FromDateController = ({ control }) => {
-    return (
-        <Controller
-            name="from_date"
-            control={control}
-            render={({ field: { onChange, value }, fieldState: { error } }) => (
-                <MuiDatePicker
-                    name="from_date"
-                    error={!!error}
-                    value={value}
-                    label={"تاریخ شروع (از تاریخ)"}
-                    placeholder={"از تاریخ"}
-                    setFieldValue={(name, newValue) => {
-                        const formattedDate = moment(new Date(newValue)).locale("en").format("YYYY-MM-DD");
-                        onChange(formattedDate); // Update the field value in react-hook-form
-                    }}
-                    helperText={error ? error.message : null}
-                />
-            )}
-        />
-    );
-};
-export default FromDateController;
+import MuiDatePicker from "@/core/components/MuiDatePicker";
+import moment from "jalali-moment";
+import { Controller } from "react-hook-form";
+
+const FromDateController = ({ control }) => {
+    return (
+        <Controller
+            name="from_date"
+            control={control}
+            render={({ field: { onChange, value }, fieldState: { error } }) => (
+                <MuiDatePicker
+                    name="from_date"
+                    error={!!error}
+                    value={value}
+                    label={"تاریخ شروع (از تاریخ)"}
+                    placeholder={"از تاریخ"}
+                    setFieldValue={(name, newValue) => {
+                        const formattedDate = moment(new Date(newValue)).locale("en").format("YYYY-MM-DD");
+                        onChange(formattedDate); // Update the field value in react-hook-form
+                    }}
+                    helperText={error ? error.message : null}
+                />
+            )}
+        />
+    );
+};
+export default FromDateController;
--- a/src/components/dashboard/roadMissions/reports/taradodReports/Search/SearchReportField.jsx
+++ b/src/components/dashboard/roadMissions/reports/taradodReports/Search/SearchReportField.jsx
@@ -1,44 +1,44 @@
-import SearchIcon from "@mui/icons-material/Search";
-import { Button, Grid } from "@mui/material";
-import { Controller } from "react-hook-form";
-import FromDateController from "./FromDateController";
-import SelectProvince from "./SelectProvince";
-import ToDateController from "./ToDateController";
-
-const SearchReportField = ({ control, hasProvincesPermission }) => {
-    return (
-        <Grid container spacing={2} sx={{ py: 2 }}>
-            <Grid item xs={12} md={hasProvincesPermission ? 3 : 4}>
-                <FromDateController control={control} />
-            </Grid>
-            <Grid item xs={12} md={hasProvincesPermission ? 3 : 4}>
-                <ToDateController control={control} />
-            </Grid>
-            {hasProvincesPermission && (
-                <Grid item xs={12} md={3}>
-                    <SelectProvince control={control} />
-                </Grid>
-            )}
-            <Grid item xs={12} md={hasProvincesPermission ? 3 : 4}>
-                <Controller
-                    name="submitButton"
-                    control={control}
-                    render={({ field: { value, onChange }, formState: { isSubmitting } }) => (
-                        <Button
-                            variant="contained"
-                            size="medium"
-                            type="submit"
-                            disabled={isSubmitting}
-                            endIcon={<SearchIcon />}
-                            fullWidth
-                        >
-                            {isSubmitting ? "درحال دریافت اطلاعات" : "جستجو"}
-                        </Button>
-                    )}
-                />
-            </Grid>
-        </Grid>
-    );
-};
-
-export default SearchReportField;
+import SearchIcon from "@mui/icons-material/Search";
+import { Button, Grid } from "@mui/material";
+import { Controller } from "react-hook-form";
+import FromDateController from "./FromDateController";
+import SelectProvince from "./SelectProvince";
+import ToDateController from "./ToDateController";
+
+const SearchReportField = ({ control, hasProvincesPermission }) => {
+    return (
+        <Grid container spacing={2} sx={{ py: 2 }}>
+            <Grid item xs={12} md={hasProvincesPermission ? 3 : 4}>
+                <FromDateController control={control} />
+            </Grid>
+            <Grid item xs={12} md={hasProvincesPermission ? 3 : 4}>
+                <ToDateController control={control} />
+            </Grid>
+            {hasProvincesPermission && (
+                <Grid item xs={12} md={3}>
+                    <SelectProvince control={control} />
+                </Grid>
+            )}
+            <Grid item xs={12} md={hasProvincesPermission ? 3 : 4}>
+                <Controller
+                    name="submitButton"
+                    control={control}
+                    render={({ field: { value, onChange }, formState: { isSubmitting } }) => (
+                        <Button
+                            variant="contained"
+                            size="medium"
+                            type="submit"
+                            disabled={isSubmitting}
+                            endIcon={<SearchIcon />}
+                            fullWidth
+                        >
+                            {isSubmitting ? "درحال دریافت اطلاعات" : "جستجو"}
+                        </Button>
+                    )}
+                />
+            </Grid>
+        </Grid>
+    );
+};
+
+export default SearchReportField;
--- a/src/components/dashboard/roadMissions/reports/taradodReports/Search/SelectProvince.jsx
+++ b/src/components/dashboard/roadMissions/reports/taradodReports/Search/SelectProvince.jsx
@@ -1,45 +1,45 @@
-import useProvinces from "@/lib/hooks/useProvince";
-import { FormControl, FormHelperText, InputLabel, MenuItem, Select } from "@mui/material";
-import { Controller } from "react-hook-form";
-
-const SelectProvince = ({ control }) => {
-    const { provinces, loadingProvinces, errorProvinces } = useProvinces();
-    return (
-        <Controller
-            name="province_id"
-            control={control}
-            render={({ field, fieldState: { error } }) => (
-                <FormControl error={!!error} size="small" fullWidth>
-                    <InputLabel id="demo-error-label">استان</InputLabel>
-                    <Select
-                        {...field}
-                        labelId="demo-error-label"
-                        id="province_id"
-                        value={loadingProvinces ? "loading" : field.value || ""}
-                        label="استان"
-                        onChange={field.onChange}
-                    >
-                        {loadingProvinces ? (
-                            <MenuItem value={"loading"}>در حال بارگذاری...</MenuItem>
-                        ) : errorProvinces ? (
-                            <MenuItem value={"error"}>خطا در بارگذاری</MenuItem>
-                        ) : (
-                            [
-                                <MenuItem key="-1" value={"-1"}>
-                                    کل کشور
-                                </MenuItem>,
-                                ...provinces.map((province) => (
-                                    <MenuItem key={province.id} value={province.id}>
-                                        {province.name_fa}
-                                    </MenuItem>
-                                )),
-                            ]
-                        )}
-                    </Select>
-                    {error && <FormHelperText>{error.message}</FormHelperText>}
-                </FormControl>
-            )}
-        />
-    );
-};
-export default SelectProvince;
+import useProvinces from "@/lib/hooks/useProvince";
+import { FormControl, FormHelperText, InputLabel, MenuItem, Select } from "@mui/material";
+import { Controller } from "react-hook-form";
+
+const SelectProvince = ({ control }) => {
+    const { provinces, loadingProvinces, errorProvinces } = useProvinces();
+    return (
+        <Controller
+            name="province_id"
+            control={control}
+            render={({ field, fieldState: { error } }) => (
+                <FormControl error={!!error} size="small" fullWidth>
+                    <InputLabel id="demo-error-label">استان</InputLabel>
+                    <Select
+                        {...field}
+                        labelId="demo-error-label"
+                        id="province_id"
+                        value={loadingProvinces ? "loading" : field.value || ""}
+                        label="استان"
+                        onChange={field.onChange}
+                    >
+                        {loadingProvinces ? (
+                            <MenuItem value={"loading"}>در حال بارگذاری...</MenuItem>
+                        ) : errorProvinces ? (
+                            <MenuItem value={"error"}>خطا در بارگذاری</MenuItem>
+                        ) : (
+                            [
+                                <MenuItem key="-1" value={"-1"}>
+                                    کل کشور
+                                </MenuItem>,
+                                ...provinces.map((province) => (
+                                    <MenuItem key={province.id} value={province.id}>
+                                        {province.name_fa}
+                                    </MenuItem>
+                                )),
+                            ]
+                        )}
+                    </Select>
+                    {error && <FormHelperText>{error.message}</FormHelperText>}
+                </FormControl>
+            )}
+        />
+    );
+};
+export default SelectProvince;
--- a/src/components/dashboard/roadMissions/reports/taradodReports/Search/ToDateController.jsx
+++ b/src/components/dashboard/roadMissions/reports/taradodReports/Search/ToDateController.jsx
@@ -1,30 +1,30 @@
-import MuiDatePicker from "@/core/components/MuiDatePicker";
-import moment from "jalali-moment";
-import { Controller, useWatch } from "react-hook-form";
-
-const ToDateController = ({ control }) => {
-    const minDate = useWatch({ control, name: "from_date" });
-    return (
-        <Controller
-            name="date_to"
-            control={control}
-            render={({ field: { onChange, value }, fieldState: { error } }) => (
-                <MuiDatePicker
-                    name="date_to"
-                    minDate={minDate}
-                    maxDate={new Date()}
-                    error={!!error}
-                    value={value}
-                    label={"تاریخ پایان (تا تاریخ)"}
-                    placeholder={"تا تاریخ"}
-                    setFieldValue={(name, newValue) => {
-                        const formattedDate = moment(new Date(newValue)).locale("en").format("YYYY-MM-DD");
-                        onChange(formattedDate); // Update the field value in react-hook-form
-                    }}
-                    helperText={error ? error.message : null}
-                />
-            )}
-        />
-    );
-};
-export default ToDateController;
+import MuiDatePicker from "@/core/components/MuiDatePicker";
+import moment from "jalali-moment";
+import { Controller, useWatch } from "react-hook-form";
+
+const ToDateController = ({ control }) => {
+    const minDate = useWatch({ control, name: "from_date" });
+    return (
+        <Controller
+            name="date_to"
+            control={control}
+            render={({ field: { onChange, value }, fieldState: { error } }) => (
+                <MuiDatePicker
+                    name="date_to"
+                    minDate={minDate}
+                    maxDate={new Date()}
+                    error={!!error}
+                    value={value}
+                    label={"تاریخ پایان (تا تاریخ)"}
+                    placeholder={"تا تاریخ"}
+                    setFieldValue={(name, newValue) => {
+                        const formattedDate = moment(new Date(newValue)).locale("en").format("YYYY-MM-DD");
+                        onChange(formattedDate); // Update the field value in react-hook-form
+                    }}
+                    helperText={error ? error.message : null}
+                />
+            )}
+        />
+    );
+};
+export default ToDateController;
--- a/src/components/dashboard/roadMissions/reports/taradodReports/Search/index.jsx
+++ b/src/components/dashboard/roadMissions/reports/taradodReports/Search/index.jsx
@@ -1,13 +1,13 @@
-import StyledForm from "@/core/components/StyledForm";
-import SearchReportField from "./SearchReportField";
-
-const SearchReportList = ({ handleSubmit, onSearchSubmit, control, hasProvincesPermission }) => {
-    return (
-        <>
-            <StyledForm onSubmit={handleSubmit(onSearchSubmit)}>
-                <SearchReportField control={control} hasProvincesPermission={hasProvincesPermission} />
-            </StyledForm>
-        </>
-    );
-};
-export default SearchReportList;
+import StyledForm from "@/core/components/StyledForm";
+import SearchReportField from "./SearchReportField";
+
+const SearchReportList = ({ handleSubmit, onSearchSubmit, control, hasProvincesPermission }) => {
+    return (
+        <>
+            <StyledForm onSubmit={handleSubmit(onSearchSubmit)}>
+                <SearchReportField control={control} hasProvincesPermission={hasProvincesPermission} />
+            </StyledForm>
+        </>
+    );
+};
+export default SearchReportList;
--- a/src/components/dashboard/roadMissions/reports/taradodReports/Toolbar.jsx
+++ b/src/components/dashboard/roadMissions/reports/taradodReports/Toolbar.jsx
@@ -1,11 +1,11 @@
-import { Box } from "@mui/material";
-import PrintExcel from "./ExcelPrint";
-
-const Toolbar = ({ table, filterData, mutate }) => {
-    return (
-        <Box sx={{ display: "flex", gap: 1 }}>
-            <PrintExcel table={table} filterData={filterData} />
-        </Box>
-    );
-};
-export default Toolbar;
+import { Box } from "@mui/material";
+import PrintExcel from "./ExcelPrint";
+
+const Toolbar = ({ table, filterData, mutate }) => {
+    return (
+        <Box sx={{ display: "flex", gap: 1 }}>
+            <PrintExcel table={table} filterData={filterData} />
+        </Box>
+    );
+};
+export default Toolbar;
--- a/src/components/dashboard/roadMissions/reports/taradodReports/index.jsx
+++ b/src/components/dashboard/roadMissions/reports/taradodReports/index.jsx
@@ -1,142 +1,142 @@
-"use client";
-import PageTitle from "@/core/components/PageTitle";
-import {
-    GET_MISSIONS_REPORT_TARADOD_COUNTRY_ACTIVITY,
-    GET_MISSIONS_REPORT_TARADOD_PROVINCE_ACTIVITY,
-} from "@/core/utils/routes";
-import { useAuth } from "@/lib/contexts/auth";
-import { usePermissions } from "@/lib/hooks/usePermissions";
-import useRequest from "@/lib/hooks/useRequest";
-import { yupResolver } from "@hookform/resolvers/yup";
-import { LinearProgress, Stack } from "@mui/material";
-import moment from "jalali-moment";
-import { useEffect, useState } from "react";
-import { useForm } from "react-hook-form";
-import * as yup from "yup";
-import TaradodReportLists from "./MissionsReportLists";
-import SearchReportList from "./Search";
-
-const TaradodReportPage = () => {
-    const [data, setData] = useState(null);
-    const { data: userPermissions } = usePermissions();
-    const { user } = useAuth();
-    const requestServer = useRequest();
-    const [provinceId, setProvinceId] = useState(user.province_id || "-1");
-    const hasProvincesPermission = userPermissions?.includes("mission-report-country");
-
-    const defaultValues = {
-        from_date: moment(new Date()).format("YYYY-MM-DD"),
-        date_to: moment(new Date()).format("YYYY-MM-DD"),
-        province_id: provinceId,
-    };
-    const defaultFilter = [
-        { value: `${defaultValues.province_id}`, datatype: "numeric", id: "province_id", fn: "equals" },
-        { value: `${defaultValues.from_date}`, datatype: "date", id: "from_date", fn: "between" },
-        { value: `${defaultValues.date_to}`, datatype: "date", id: "date_to", fn: "between" },
-    ];
-    const [specialFilter, setSpecialFilter] = useState(defaultFilter);
-
-    const onSearchSubmit = async (data) => {
-        const params = new URLSearchParams();
-        params.set("from_date", `${data.from_date}`);
-        params.set("date_to", `${data.date_to}`);
-        setSpecialFilter([
-            { value: `${data.province_id}`, datatype: "numeric", id: "province_id", fn: "equals" },
-            { value: `${data.from_date}`, datatype: "date", id: "from_date", fn: "between" },
-            { value: `${data.date_to}`, datatype: "date", id: "date_to", fn: "between" },
-        ]);
-        if (data.province_id === "-1") {
-            try {
-                // params.set("province_id", `${data.province_id}`);
-                const response = await requestServer(`${GET_MISSIONS_REPORT_TARADOD_COUNTRY_ACTIVITY}?${params}`);
-                const result = response.data.data;
-                const nationalReportForItem = result.activities.find((report) => report.province_id === "-1");
-                const nationalReport = {
-                    edare_name: "کل کشور",
-                    ...nationalReportForItem,
-                };
-
-                setData({
-                    data: [
-                        nationalReport,
-                        ...result.provinces.map((province) => {
-                            const filteredReports = result.activities.find(
-                                (report) => report.province_id == province.id
-                            );
-                            return {
-                                ...filteredReports,
-                                edare_name: province.name_fa,
-                            };
-                        }),
-                    ],
-                    filters: data,
-                });
-            } catch (e) {}
-        } else {
-            try {
-                params.set("province_id", `${data.province_id}`);
-                const response = await requestServer(`${GET_MISSIONS_REPORT_TARADOD_PROVINCE_ACTIVITY}?${params}`);
-                const result = response.data.data;
-
-                const nationalReportForItem = result.activities.find((report) => report.city_id === "-1");
-
-                const nationalReport = {
-                    ...nationalReportForItem,
-                    edare_name: "کل استان",
-                };
-                setData({
-                    data: [
-                        nationalReport,
-                        ...result.city.map((city) => {
-                            const filteredReports = result.activities.find((report) => report.city_id == city.id);
-                            return {
-                                edare_name: city.name_fa,
-                                ...filteredReports,
-                            };
-                        }),
-                    ],
-                    filters: data,
-                });
-            } catch (e) {}
-        }
-    };
-
-    useEffect(() => {
-        if (!userPermissions) return;
-        onSearchSubmit(defaultValues);
-    }, [userPermissions]);
-
-    const validationSchema = yup.object().shape({
-        from_date: yup
-            .string()
-            .required("تاریخ شروع الزامی است!")
-            .matches(/^\d{4}-\d{2}-\d{2}$/, "تاریخ شروع الزامی است!")
-            .test("is-valid-date", "تاریخ شروع معتبر نیست!", (value) => moment(value, "YYYY-MM-DD", true).isValid()),
-        date_to: yup
-            .string()
-            .required("تاریخ پایان الزامی است!")
-            .matches(/^\d{4}-\d{2}-\d{2}$/, "تاریخ پایان الزامی است!")
-            .test("is-valid-date", "تاریخ پایان معتبر نیست!", (value) => moment(value, "YYYY-MM-DD", true).isValid()),
-        province_id: yup.string().nullable(),
-    });
-
-    const { control, handleSubmit } = useForm({
-        defaultValues,
-        resolver: yupResolver(validationSchema),
-        mode: "all",
-    });
-
-    return (
-        <Stack spacing={1}>
-            <PageTitle title={"کارتابل گزارش تردد ها"} />
-            <SearchReportList
-                control={control}
-                hasProvincesPermission={hasProvincesPermission}
-                handleSubmit={handleSubmit}
-                onSearchSubmit={onSearchSubmit}
-            />
-            {!data ? <LinearProgress /> : <TaradodReportLists specialFilter={specialFilter} data={data} />}
-        </Stack>
-    );
-};
-export default TaradodReportPage;
+"use client";
+import PageTitle from "@/core/components/PageTitle";
+import {
+    GET_MISSIONS_REPORT_TARADOD_COUNTRY_ACTIVITY,
+    GET_MISSIONS_REPORT_TARADOD_PROVINCE_ACTIVITY,
+} from "@/core/utils/routes";
+import { useAuth } from "@/lib/contexts/auth";
+import { usePermissions } from "@/lib/hooks/usePermissions";
+import useRequest from "@/lib/hooks/useRequest";
+import { yupResolver } from "@hookform/resolvers/yup";
+import { LinearProgress, Stack } from "@mui/material";
+import moment from "jalali-moment";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import * as yup from "yup";
+import TaradodReportLists from "./MissionsReportLists";
+import SearchReportList from "./Search";
+
+const TaradodReportPage = () => {
+    const [data, setData] = useState(null);
+    const { data: userPermissions } = usePermissions();
+    const { user } = useAuth();
+    const requestServer = useRequest();
+    const [provinceId, setProvinceId] = useState(user.province_id || "-1");
+    const hasProvincesPermission = userPermissions?.includes("mission-report-country");
+
+    const defaultValues = {
+        from_date: moment(new Date()).format("YYYY-MM-DD"),
+        date_to: moment(new Date()).format("YYYY-MM-DD"),
+        province_id: provinceId,
+    };
+    const defaultFilter = [
+        { value: `${defaultValues.province_id}`, datatype: "numeric", id: "province_id", fn: "equals" },
+        { value: `${defaultValues.from_date}`, datatype: "date", id: "from_date", fn: "between" },
+        { value: `${defaultValues.date_to}`, datatype: "date", id: "date_to", fn: "between" },
+    ];
+    const [specialFilter, setSpecialFilter] = useState(defaultFilter);
+
+    const onSearchSubmit = async (data) => {
+        const params = new URLSearchParams();
+        params.set("from_date", `${data.from_date}`);
+        params.set("date_to", `${data.date_to}`);
+        setSpecialFilter([
+            { value: `${data.province_id}`, datatype: "numeric", id: "province_id", fn: "equals" },
+            { value: `${data.from_date}`, datatype: "date", id: "from_date", fn: "between" },
+            { value: `${data.date_to}`, datatype: "date", id: "date_to", fn: "between" },
+        ]);
+        if (data.province_id === "-1") {
+            try {
+                // params.set("province_id", `${data.province_id}`);
+                const response = await requestServer(`${GET_MISSIONS_REPORT_TARADOD_COUNTRY_ACTIVITY}?${params}`);
+                const result = response.data.data;
+                const nationalReportForItem = result.activities.find((report) => report.province_id === "-1");
+                const nationalReport = {
+                    edare_name: "کل کشور",
+                    ...nationalReportForItem,
+                };
+
+                setData({
+                    data: [
+                        nationalReport,
+                        ...result.provinces.map((province) => {
+                            const filteredReports = result.activities.find(
+                                (report) => report.province_id == province.id
+                            );
+                            return {
+                                ...filteredReports,
+                                edare_name: province.name_fa,
+                            };
+                        }),
+                    ],
+                    filters: data,
+                });
+            } catch (e) {}
+        } else {
+            try {
+                params.set("province_id", `${data.province_id}`);
+                const response = await requestServer(`${GET_MISSIONS_REPORT_TARADOD_PROVINCE_ACTIVITY}?${params}`);
+                const result = response.data.data;
+
+                const nationalReportForItem = result.activities.find((report) => report.city_id === "-1");
+
+                const nationalReport = {
+                    ...nationalReportForItem,
+                    edare_name: "کل استان",
+                };
+                setData({
+                    data: [
+                        nationalReport,
+                        ...result.city.map((city) => {
+                            const filteredReports = result.activities.find((report) => report.city_id == city.id);
+                            return {
+                                edare_name: city.name_fa,
+                                ...filteredReports,
+                            };
+                        }),
+                    ],
+                    filters: data,
+                });
+            } catch (e) {}
+        }
+    };
+
+    useEffect(() => {
+        if (!userPermissions) return;
+        onSearchSubmit(defaultValues);
+    }, [userPermissions]);
+
+    const validationSchema = yup.object().shape({
+        from_date: yup
+            .string()
+            .required("تاریخ شروع الزامی است!")
+            .matches(/^\d{4}-\d{2}-\d{2}$/, "تاریخ شروع الزامی است!")
+            .test("is-valid-date", "تاریخ شروع معتبر نیست!", (value) => moment(value, "YYYY-MM-DD", true).isValid()),
+        date_to: yup
+            .string()
+            .required("تاریخ پایان الزامی است!")
+            .matches(/^\d{4}-\d{2}-\d{2}$/, "تاریخ پایان الزامی است!")
+            .test("is-valid-date", "تاریخ پایان معتبر نیست!", (value) => moment(value, "YYYY-MM-DD", true).isValid()),
+        province_id: yup.string().nullable(),
+    });
+
+    const { control, handleSubmit } = useForm({
+        defaultValues,
+        resolver: yupResolver(validationSchema),
+        mode: "all",
+    });
+
+    return (
+        <Stack spacing={1}>
+            <PageTitle title={"کارتابل گزارش تردد ها"} />
+            <SearchReportList
+                control={control}
+                hasProvincesPermission={hasProvincesPermission}
+                handleSubmit={handleSubmit}
+                onSearchSubmit={onSearchSubmit}
+            />
+            {!data ? <LinearProgress /> : <TaradodReportLists specialFilter={specialFilter} data={data} />}
+        </Stack>
+    );
+};
+export default TaradodReportPage;
--- a/src/components/dashboard/roadMissions/reports/violationsReports/ExcelPrint/index.jsx
+++ b/src/components/dashboard/roadMissions/reports/violationsReports/ExcelPrint/index.jsx
@@ -1,77 +1,77 @@
-"use client";
-import {
-    EXPORT_MISSIONS_REPORT_VIOLATION_COUNTRY_EXCEL_ACTIVITY,
-    EXPORT_MISSIONS_REPORT_VIOLATION_PROVINCE_EXCEL_ACTIVITY,
-} from "@/core/utils/routes";
-import useRequest from "@/lib/hooks/useRequest";
-import { useTheme } from "@emotion/react";
-import DescriptionIcon from "@mui/icons-material/Description";
-import { Button, CircularProgress, IconButton, useMediaQuery } from "@mui/material";
-import FileSaver from "file-saver";
-import moment from "jalali-moment";
-import { useMemo, useState } from "react";
-
-const PrintExcel = ({ table, filterData }) => {
-    const theme = useTheme();
-    const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
-    const [loading, setLoading] = useState(false);
-    const requestServer = useRequest({ notificationSuccess: true });
-    const activeFilters = Object.entries(filterData).reduce((acc, [key, filter]) => {
-        if (filter.value) {
-            acc.push({ id: filter.id, value: filter.value });
-        }
-        return acc;
-    }, []);
-
-    const filterParams = useMemo(() => {
-        const params = new URLSearchParams();
-        activeFilters.length > 0 &&
-            activeFilters.map((filter, index) => {
-                params.set(`${filter.id}`, filter.value);
-            });
-        return params;
-    }, [activeFilters]);
-
-    const clickHandler = () => {
-        setLoading(true);
-        const CountryOrProvince = activeFilters.find((item) => item.id === "province_id");
-        const requestUrl =
-            CountryOrProvince.value === "-1"
-                ? EXPORT_MISSIONS_REPORT_VIOLATION_COUNTRY_EXCEL_ACTIVITY
-                : EXPORT_MISSIONS_REPORT_VIOLATION_PROVINCE_EXCEL_ACTIVITY;
-        requestServer(`${requestUrl}?${filterParams}`, "get", {
-            requestOptions: { responseType: "blob" },
-        })
-            .then((response) => {
-                const filename = `خروجی کارتابل گزارشات گشت راهداری تاریخ_${moment().format("jYYYY_jMM_jDD")}.xlsx`;
-                FileSaver.saveAs(response.data, filename);
-            })
-            .catch(() => {})
-            .finally(() => {
-                setLoading(false);
-            });
-    };
-
-    return (
-        <>
-            {isMobile ? (
-                <IconButton aria-label="خروجی اکسل" color="success" onClick={clickHandler}>
-                    <DescriptionIcon sx={{ fontSize: "25px" }} />
-                </IconButton>
-            ) : (
-                <Button
-                    color="success"
-                    variant="contained"
-                    size="small"
-                    disabled={loading}
-                    sx={{ textTransform: "unset", alignSelf: "center" }}
-                    startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />}
-                    onClick={clickHandler}
-                >
-                    خروجی اکسل
-                </Button>
-            )}
-        </>
-    );
-};
-export default PrintExcel;
+"use client";
+import {
+    EXPORT_MISSIONS_REPORT_VIOLATION_COUNTRY_EXCEL_ACTIVITY,
+    EXPORT_MISSIONS_REPORT_VIOLATION_PROVINCE_EXCEL_ACTIVITY,
+} from "@/core/utils/routes";
+import useRequest from "@/lib/hooks/useRequest";
+import { useTheme } from "@emotion/react";
+import DescriptionIcon from "@mui/icons-material/Description";
+import { Button, CircularProgress, IconButton, useMediaQuery } from "@mui/material";
+import FileSaver from "file-saver";
+import moment from "jalali-moment";
+import { useMemo, useState } from "react";
+
+const PrintExcel = ({ table, filterData }) => {
+    const theme = useTheme();
+    const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
+    const [loading, setLoading] = useState(false);
+    const requestServer = useRequest({ notificationSuccess: true });
+    const activeFilters = Object.entries(filterData).reduce((acc, [key, filter]) => {
+        if (filter.value) {
+            acc.push({ id: filter.id, value: filter.value });
+        }
+        return acc;
+    }, []);
+
+    const filterParams = useMemo(() => {
+        const params = new URLSearchParams();
+        activeFilters.length > 0 &&
+            activeFilters.map((filter, index) => {
+                params.set(`${filter.id}`, filter.value);
+            });
+        return params;
+    }, [activeFilters]);
+
+    const clickHandler = () => {
+        setLoading(true);
+        const CountryOrProvince = activeFilters.find((item) => item.id === "province_id");
+        const requestUrl =
+            CountryOrProvince.value === "-1"
+                ? EXPORT_MISSIONS_REPORT_VIOLATION_COUNTRY_EXCEL_ACTIVITY
+                : EXPORT_MISSIONS_REPORT_VIOLATION_PROVINCE_EXCEL_ACTIVITY;
+        requestServer(`${requestUrl}?${filterParams}`, "get", {
+            requestOptions: { responseType: "blob" },
+        })
+            .then((response) => {
+                const filename = `خروجی کارتابل گزارشات گشت راهداری تاریخ_${moment().format("jYYYY_jMM_jDD")}.xlsx`;
+                FileSaver.saveAs(response.data, filename);
+            })
+            .catch(() => {})
+            .finally(() => {
+                setLoading(false);
+            });
+    };
+
+    return (
+        <>
+            {isMobile ? (
+                <IconButton aria-label="خروجی اکسل" color="success" onClick={clickHandler}>
+                    <DescriptionIcon sx={{ fontSize: "25px" }} />
+                </IconButton>
+            ) : (
+                <Button
+                    color="success"
+                    variant="contained"
+                    size="small"
+                    disabled={loading}
+                    sx={{ textTransform: "unset", alignSelf: "center" }}
+                    startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />}
+                    onClick={clickHandler}
+                >
+                    خروجی اکسل
+                </Button>
+            )}
+        </>
+    );
+};
+export default PrintExcel;
--- a/src/components/dashboard/roadMissions/reports/violationsReports/Search/FromDateController.jsx
+++ b/src/components/dashboard/roadMissions/reports/violationsReports/Search/FromDateController.jsx
@@ -1,27 +1,27 @@
-import MuiDatePicker from "@/core/components/MuiDatePicker";
-import moment from "jalali-moment";
-import { Controller } from "react-hook-form";
-
-const FromDateController = ({ control }) => {
-    return (
-        <Controller
-            name="from_date"
-            control={control}
-            render={({ field: { onChange, value }, fieldState: { error } }) => (
-                <MuiDatePicker
-                    name="from_date"
-                    error={!!error}
-                    value={value}
-                    label={"تاریخ شروع (از تاریخ)"}
-                    placeholder={"از تاریخ"}
-                    setFieldValue={(name, newValue) => {
-                        const formattedDate = moment(new Date(newValue)).locale("en").format("YYYY-MM-DD");
-                        onChange(formattedDate); // Update the field value in react-hook-form
-                    }}
-                    helperText={error ? error.message : null}
-                />
-            )}
-        />
-    );
-};
-export default FromDateController;
+import MuiDatePicker from "@/core/components/MuiDatePicker";
+import moment from "jalali-moment";
+import { Controller } from "react-hook-form";
+
+const FromDateController = ({ control }) => {
+    return (
+        <Controller
+            name="from_date"
+            control={control}
+            render={({ field: { onChange, value }, fieldState: { error } }) => (
+                <MuiDatePicker
+                    name="from_date"
+                    error={!!error}
+                    value={value}
+                    label={"تاریخ شروع (از تاریخ)"}
+                    placeholder={"از تاریخ"}
+                    setFieldValue={(name, newValue) => {
+                        const formattedDate = moment(new Date(newValue)).locale("en").format("YYYY-MM-DD");
+                        onChange(formattedDate); // Update the field value in react-hook-form
+                    }}
+                    helperText={error ? error.message : null}
+                />
+            )}
+        />
+    );
+};
+export default FromDateController;
--- a/src/components/dashboard/roadMissions/reports/violationsReports/Search/SearchReportField.jsx
+++ b/src/components/dashboard/roadMissions/reports/violationsReports/Search/SearchReportField.jsx
@@ -1,44 +1,44 @@
-import SearchIcon from "@mui/icons-material/Search";
-import { Button, Grid } from "@mui/material";
-import { Controller } from "react-hook-form";
-import FromDateController from "./FromDateController";
-import SelectProvince from "./SelectProvince";
-import ToDateController from "./ToDateController";
-
-const SearchReportField = ({ control, hasProvincesPermission }) => {
-    return (
-        <Grid container spacing={2} sx={{ py: 2 }}>
-            <Grid item xs={12} md={hasProvincesPermission ? 3 : 4}>
-                <FromDateController control={control} />
-            </Grid>
-            <Grid item xs={12} md={hasProvincesPermission ? 3 : 4}>
-                <ToDateController control={control} />
-            </Grid>
-            {hasProvincesPermission && (
-                <Grid item xs={12} md={3}>
-                    <SelectProvince control={control} />
-                </Grid>
-            )}
-            <Grid item xs={12} md={hasProvincesPermission ? 3 : 4}>
-                <Controller
-                    name="submitButton"
-                    control={control}
-                    render={({ field: { value, onChange }, formState: { isSubmitting } }) => (
-                        <Button
-                            variant="contained"
-                            size="medium"
-                            type="submit"
-                            disabled={isSubmitting}
-                            endIcon={<SearchIcon />}
-                            fullWidth
-                        >
-                            {isSubmitting ? "درحال دریافت اطلاعات" : "جستجو"}
-                        </Button>
-                    )}
-                />
-            </Grid>
-        </Grid>
-    );
-};
-
-export default SearchReportField;
+import SearchIcon from "@mui/icons-material/Search";
+import { Button, Grid } from "@mui/material";
+import { Controller } from "react-hook-form";
+import FromDateController from "./FromDateController";
+import SelectProvince from "./SelectProvince";
+import ToDateController from "./ToDateController";
+
+const SearchReportField = ({ control, hasProvincesPermission }) => {
+    return (
+        <Grid container spacing={2} sx={{ py: 2 }}>
+            <Grid item xs={12} md={hasProvincesPermission ? 3 : 4}>
+                <FromDateController control={control} />
+            </Grid>
+            <Grid item xs={12} md={hasProvincesPermission ? 3 : 4}>
+                <ToDateController control={control} />
+            </Grid>
+            {hasProvincesPermission && (
+                <Grid item xs={12} md={3}>
+                    <SelectProvince control={control} />
+                </Grid>
+            )}
+            <Grid item xs={12} md={hasProvincesPermission ? 3 : 4}>
+                <Controller
+                    name="submitButton"
+                    control={control}
+                    render={({ field: { value, onChange }, formState: { isSubmitting } }) => (
+                        <Button
+                            variant="contained"
+                            size="medium"
+                            type="submit"
+                            disabled={isSubmitting}
+                            endIcon={<SearchIcon />}
+                            fullWidth
+                        >
+                            {isSubmitting ? "درحال دریافت اطلاعات" : "جستجو"}
+                        </Button>
+                    )}
+                />
+            </Grid>
+        </Grid>
+    );
+};
+
+export default SearchReportField;
--- a/src/components/dashboard/roadMissions/reports/violationsReports/Search/SelectProvince.jsx
+++ b/src/components/dashboard/roadMissions/reports/violationsReports/Search/SelectProvince.jsx
@@ -1,45 +1,45 @@
-import useProvinces from "@/lib/hooks/useProvince";
-import { FormControl, FormHelperText, InputLabel, MenuItem, Select } from "@mui/material";
-import { Controller } from "react-hook-form";
-
-const SelectProvince = ({ control }) => {
-    const { provinces, loadingProvinces, errorProvinces } = useProvinces();
-    return (
-        <Controller
-            name="province_id"
-            control={control}
-            render={({ field, fieldState: { error } }) => (
-                <FormControl error={!!error} size="small" fullWidth>
-                    <InputLabel id="demo-error-label">استان</InputLabel>
-                    <Select
-                        {...field}
-                        labelId="demo-error-label"
-                        id="province_id"
-                        value={loadingProvinces ? "loading" : field.value || ""}
-                        label="استان"
-                        onChange={field.onChange}
-                    >
-                        {loadingProvinces ? (
-                            <MenuItem value={"loading"}>در حال بارگذاری...</MenuItem>
-                        ) : errorProvinces ? (
-                            <MenuItem value={"error"}>خطا در بارگذاری</MenuItem>
-                        ) : (
-                            [
-                                <MenuItem key="-1" value={"-1"}>
-                                    کل کشور
-                                </MenuItem>,
-                                ...provinces.map((province) => (
-                                    <MenuItem key={province.id} value={province.id}>
-                                        {province.name_fa}
-                                    </MenuItem>
-                                )),
-                            ]
-                        )}
-                    </Select>
-                    {error && <FormHelperText>{error.message}</FormHelperText>}
-                </FormControl>
-            )}
-        />
-    );
-};
-export default SelectProvince;
+import useProvinces from "@/lib/hooks/useProvince";
+import { FormControl, FormHelperText, InputLabel, MenuItem, Select } from "@mui/material";
+import { Controller } from "react-hook-form";
+
+const SelectProvince = ({ control }) => {
+    const { provinces, loadingProvinces, errorProvinces } = useProvinces();
+    return (
+        <Controller
+            name="province_id"
+            control={control}
+            render={({ field, fieldState: { error } }) => (
+                <FormControl error={!!error} size="small" fullWidth>
+                    <InputLabel id="demo-error-label">استان</InputLabel>
+                    <Select
+                        {...field}
+                        labelId="demo-error-label"
+                        id="province_id"
+                        value={loadingProvinces ? "loading" : field.value || ""}
+                        label="استان"
+                        onChange={field.onChange}
+                    >
+                        {loadingProvinces ? (
+                            <MenuItem value={"loading"}>در حال بارگذاری...</MenuItem>
+                        ) : errorProvinces ? (
+                            <MenuItem value={"error"}>خطا در بارگذاری</MenuItem>
+                        ) : (
+                            [
+                                <MenuItem key="-1" value={"-1"}>
+                                    کل کشور
+                                </MenuItem>,
+                                ...provinces.map((province) => (
+                                    <MenuItem key={province.id} value={province.id}>
+                                        {province.name_fa}
+                                    </MenuItem>
+                                )),
+                            ]
+                        )}
+                    </Select>
+                    {error && <FormHelperText>{error.message}</FormHelperText>}
+                </FormControl>
+            )}
+        />
+    );
+};
+export default SelectProvince;
--- a/src/components/dashboard/roadMissions/reports/violationsReports/Search/ToDateController.jsx
+++ b/src/components/dashboard/roadMissions/reports/violationsReports/Search/ToDateController.jsx
@@ -1,30 +1,30 @@
-import MuiDatePicker from "@/core/components/MuiDatePicker";
-import moment from "jalali-moment";
-import { Controller, useWatch } from "react-hook-form";
-
-const ToDateController = ({ control }) => {
-    const minDate = useWatch({ control, name: "from_date" });
-    return (
-        <Controller
-            name="date_to"
-            control={control}
-            render={({ field: { onChange, value }, fieldState: { error } }) => (
-                <MuiDatePicker
-                    name="date_to"
-                    minDate={minDate}
-                    maxDate={new Date()}
-                    error={!!error}
-                    value={value}
-                    label={"تاریخ شروع (تا تاریخ)"}
-                    placeholder={"تا تاریخ"}
-                    setFieldValue={(name, newValue) => {
-                        const formattedDate = moment(new Date(newValue)).locale("en").format("YYYY-MM-DD");
-                        onChange(formattedDate); // Update the field value in react-hook-form
-                    }}
-                    helperText={error ? error.message : null}
-                />
-            )}
-        />
-    );
-};
-export default ToDateController;
+import MuiDatePicker from "@/core/components/MuiDatePicker";
+import moment from "jalali-moment";
+import { Controller, useWatch } from "react-hook-form";
+
+const ToDateController = ({ control }) => {
+    const minDate = useWatch({ control, name: "from_date" });
+    return (
+        <Controller
+            name="date_to"
+            control={control}
+            render={({ field: { onChange, value }, fieldState: { error } }) => (
+                <MuiDatePicker
+                    name="date_to"
+                    minDate={minDate}
+                    maxDate={new Date()}
+                    error={!!error}
+                    value={value}
+                    label={"تاریخ شروع (تا تاریخ)"}
+                    placeholder={"تا تاریخ"}
+                    setFieldValue={(name, newValue) => {
+                        const formattedDate = moment(new Date(newValue)).locale("en").format("YYYY-MM-DD");
+                        onChange(formattedDate); // Update the field value in react-hook-form
+                    }}
+                    helperText={error ? error.message : null}
+                />
+            )}
+        />
+    );
+};
+export default ToDateController;
--- a/src/components/dashboard/roadMissions/reports/violationsReports/Search/index.jsx
+++ b/src/components/dashboard/roadMissions/reports/violationsReports/Search/index.jsx
@@ -1,13 +1,13 @@
-import StyledForm from "@/core/components/StyledForm";
-import SearchReportField from "./SearchReportField";
-
-const SearchReportList = ({ handleSubmit, onSearchSubmit, control, hasProvincesPermission }) => {
-    return (
-        <>
-            <StyledForm onSubmit={handleSubmit(onSearchSubmit)}>
-                <SearchReportField control={control} hasProvincesPermission={hasProvincesPermission} />
-            </StyledForm>
-        </>
-    );
-};
-export default SearchReportList;
+import StyledForm from "@/core/components/StyledForm";
+import SearchReportField from "./SearchReportField";
+
+const SearchReportList = ({ handleSubmit, onSearchSubmit, control, hasProvincesPermission }) => {
+    return (
+        <>
+            <StyledForm onSubmit={handleSubmit(onSearchSubmit)}>
+                <SearchReportField control={control} hasProvincesPermission={hasProvincesPermission} />
+            </StyledForm>
+        </>
+    );
+};
+export default SearchReportList;
--- a/src/components/dashboard/roadMissions/reports/violationsReports/Toolbar.jsx
+++ b/src/components/dashboard/roadMissions/reports/violationsReports/Toolbar.jsx
@@ -1,11 +1,11 @@
-import { Box } from "@mui/material";
-import PrintExcel from "./ExcelPrint";
-
-const Toolbar = ({ table, filterData, mutate }) => {
-    return (
-        <Box sx={{ display: "flex", gap: 1 }}>
-            <PrintExcel table={table} filterData={filterData} />
-        </Box>
-    );
-};
-export default Toolbar;
+import { Box } from "@mui/material";
+import PrintExcel from "./ExcelPrint";
+
+const Toolbar = ({ table, filterData, mutate }) => {
+    return (
+        <Box sx={{ display: "flex", gap: 1 }}>
+            <PrintExcel table={table} filterData={filterData} />
+        </Box>
+    );
+};
+export default Toolbar;
--- a/src/components/dashboard/roadMissions/reports/violationsReports/ViolationsReportsList.jsx
+++ b/src/components/dashboard/roadMissions/reports/violationsReports/ViolationsReportsList.jsx
@@ -1,98 +1,98 @@
-"use client";
-import DataTableWithAuth from "@/core/components/DataTableWithAuth";
-import { Box } from "@mui/material";
-import { useEffect, useMemo } from "react";
-import Toolbar from "./Toolbar";
-
-const ViolationsReportsList = ({ data, specialFilter }) => {
-    const columns = useMemo(() => {
-        return [
-            {
-                accessorKey: "edare_name",
-                header: "اداره کل",
-                id: "edare_name",
-                enableColumnFilter: false,
-                enableSorting: false,
-                datatype: "text",
-                grow: false,
-                size: 50,
-            },
-            {
-                accessorKey: "total",
-                header: "کل تخلفات",
-                id: "total",
-                enableColumnFilter: false,
-                enableSorting: false,
-                datatype: "numeric",
-                grow: false,
-                size: 50,
-            },
-            {
-                accessorKey: "done",
-                header: "اقدام شده",
-                id: "done",
-                enableColumnFilter: false,
-                enableSorting: false,
-                datatype: "numeric",
-                grow: false,
-                size: 50,
-            },
-            {
-                accessorKey: "undone",
-                header: "اقدام نشده",
-                id: "un_done",
-                enableColumnFilter: false,
-                enableSorting: false,
-                datatype: "numeric",
-                grow: false,
-                size: 50,
-            },
-            {
-                accessorKey: "gps",
-                header: "GPS",
-                id: "gps",
-                enableColumnFilter: false,
-                enableSorting: false,
-                datatype: "numeric",
-                grow: false,
-                size: 50,
-            },
-            {
-                accessorKey: "herasat",
-                header: "ثبت حراست",
-                id: "herasat",
-                enableColumnFilter: false,
-                enableSorting: false,
-                datatype: "numeric",
-                grow: false,
-                size: 50,
-            },
-            {
-                accessorKey: "mil_gps",
-                header: "کیلومتر GPS",
-                id: "mil_gps",
-                enableColumnFilter: false,
-                enableSorting: false,
-                datatype: "numeric",
-                grow: false,
-                size: 50,
-            },
-        ];
-    }, []);
-
-    return (
-        <Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}>
-            <DataTableWithAuth
-                TableToolbar={Toolbar}
-                columns={columns}
-                data={data.data}
-                page_name={"roadMissionReport"}
-                table_name={"roadMissionReportList"}
-                enablePagination={false}
-                specialFilter={specialFilter}
-            />
-        </Box>
-    );
-};
-
-export default ViolationsReportsList;
+"use client";
+import DataTableWithAuth from "@/core/components/DataTableWithAuth";
+import { Box } from "@mui/material";
+import { useEffect, useMemo } from "react";
+import Toolbar from "./Toolbar";
+
+const ViolationsReportsList = ({ data, specialFilter }) => {
+    const columns = useMemo(() => {
+        return [
+            {
+                accessorKey: "edare_name",
+                header: "اداره کل",
+                id: "edare_name",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "text",
+                grow: false,
+                size: 50,
+            },
+            {
+                accessorKey: "total",
+                header: "کل تخلفات",
+                id: "total",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "numeric",
+                grow: false,
+                size: 50,
+            },
+            {
+                accessorKey: "done",
+                header: "اقدام شده",
+                id: "done",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "numeric",
+                grow: false,
+                size: 50,
+            },
+            {
+                accessorKey: "undone",
+                header: "اقدام نشده",
+                id: "un_done",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "numeric",
+                grow: false,
+                size: 50,
+            },
+            {
+                accessorKey: "gps",
+                header: "GPS",
+                id: "gps",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "numeric",
+                grow: false,
+                size: 50,
+            },
+            {
+                accessorKey: "herasat",
+                header: "ثبت حراست",
+                id: "herasat",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "numeric",
+                grow: false,
+                size: 50,
+            },
+            {
+                accessorKey: "mil_gps",
+                header: "کیلومتر GPS",
+                id: "mil_gps",
+                enableColumnFilter: false,
+                enableSorting: false,
+                datatype: "numeric",
+                grow: false,
+                size: 50,
+            },
+        ];
+    }, []);
+
+    return (
+        <Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}>
+            <DataTableWithAuth
+                TableToolbar={Toolbar}
+                columns={columns}
+                data={data.data}
+                page_name={"roadMissionReport"}
+                table_name={"roadMissionReportList"}
+                enablePagination={false}
+                specialFilter={specialFilter}
+            />
+        </Box>
+    );
+};
+
+export default ViolationsReportsList;
--- a/src/components/dashboard/roadMissions/reports/violationsReports/index.jsx
+++ b/src/components/dashboard/roadMissions/reports/violationsReports/index.jsx
@@ -1,141 +1,141 @@
-"use client";
-import PageTitle from "@/core/components/PageTitle";
-import {
-    GET_MISSIONS_REPORT_VIOLATION_COUNTRY_ACTIVITY,
-    GET_MISSIONS_REPORT_VIOLATION_PROVINCE_ACTIVITY,
-} from "@/core/utils/routes";
-import { useAuth } from "@/lib/contexts/auth";
-import { usePermissions } from "@/lib/hooks/usePermissions";
-import useRequest from "@/lib/hooks/useRequest";
-import { yupResolver } from "@hookform/resolvers/yup";
-import { LinearProgress, Stack } from "@mui/material";
-import moment from "jalali-moment";
-import { useEffect, useState } from "react";
-import { useForm } from "react-hook-form";
-import * as yup from "yup";
-import ViolationsReportsList from "./ViolationsReportsList";
-import SearchReportList from "./Search";
-
-const ViolationsReportsPage = () => {
-    const [data, setData] = useState(null);
-    const { data: userPermissions } = usePermissions();
-    const { user } = useAuth();
-    const requestServer = useRequest();
-    const hasProvincesPermission = userPermissions?.includes("mission-report-country");
-
-    const defaultValues = {
-        from_date: moment(new Date()).format("YYYY-MM-DD"),
-        date_to: moment(new Date()).format("YYYY-MM-DD"),
-        province_id: user.province_id || "-1",
-    };
-    const defaultFilter = [
-        { value: `${defaultValues.province_id}`, datatype: "numeric", id: "province_id", fn: "equals" },
-        { value: `${defaultValues.from_date}`, datatype: "date", id: "from_date", fn: "between" },
-        { value: `${defaultValues.date_to}`, datatype: "date", id: "date_to", fn: "between" },
-    ];
-    const [specialFilter, setSpecialFilter] = useState(defaultFilter);
-
-    const onSearchSubmit = async (data) => {
-        const params = new URLSearchParams();
-        params.set("from_date", `${data.from_date}`);
-        params.set("date_to", `${data.date_to}`);
-        setSpecialFilter([
-            { value: `${data.province_id}`, datatype: "numeric", id: "province_id", fn: "equals" },
-            { value: `${data.from_date}`, datatype: "date", id: "from_date", fn: "between" },
-            { value: `${data.date_to}`, datatype: "date", id: "date_to", fn: "between" },
-        ]);
-        if (data.province_id === "-1") {
-            try {
-                // params.set("province_id", `${data.province_id}`);
-                const response = await requestServer(`${GET_MISSIONS_REPORT_VIOLATION_COUNTRY_ACTIVITY}?${params}`);
-                const result = response.data.data;
-                const nationalReportForItem = result.activities.find((report) => report.province_id === "-1");
-                const nationalReport = {
-                    edare_name: "کل کشور",
-                    ...nationalReportForItem,
-                };
-
-                setData({
-                    data: [
-                        nationalReport,
-                        ...result.provinces.map((province) => {
-                            const filteredReports = result.activities.find(
-                                (report) => report.province_id == province.id
-                            );
-                            return {
-                                ...filteredReports,
-                                edare_name: province.name_fa,
-                            };
-                        }),
-                    ],
-                    filters: data,
-                });
-            } catch (e) {}
-        } else {
-            try {
-                params.set("province_id", `${data.province_id}`);
-                const response = await requestServer(`${GET_MISSIONS_REPORT_VIOLATION_PROVINCE_ACTIVITY}?${params}`);
-                const result = response.data.data;
-
-                const nationalReportForItem = result.activities.find((report) => report.city_id === "-1");
-
-                const nationalReport = {
-                    ...nationalReportForItem,
-                    edare_name: "کل استان",
-                };
-                setData({
-                    data: [
-                        nationalReport,
-                        ...result.city.map((city) => {
-                            const filteredReports = result.activities.find((report) => report.city_id == city.id);
-                            return {
-                                edare_name: city.name_fa,
-                                ...filteredReports,
-                            };
-                        }),
-                    ],
-                    filters: data,
-                });
-            } catch (e) {}
-        }
-    };
-
-    useEffect(() => {
-        if (!userPermissions) return;
-        onSearchSubmit(defaultValues);
-    }, [userPermissions]);
-
-    const validationSchema = yup.object().shape({
-        from_date: yup
-            .string()
-            .required("تاریخ شروع الزامی است!")
-            .matches(/^\d{4}-\d{2}-\d{2}$/, "تاریخ شروع الزامی است!")
-            .test("is-valid-date", "تاریخ شروع معتبر نیست!", (value) => moment(value, "YYYY-MM-DD", true).isValid()),
-        date_to: yup
-            .string()
-            .required("تاریخ پایان الزامی است!")
-            .matches(/^\d{4}-\d{2}-\d{2}$/, "تاریخ پایان الزامی است!")
-            .test("is-valid-date", "تاریخ پایان معتبر نیست!", (value) => moment(value, "YYYY-MM-DD", true).isValid()),
-        province_id: yup.string().nullable(),
-    });
-
-    const { control, handleSubmit } = useForm({
-        defaultValues,
-        resolver: yupResolver(validationSchema),
-        mode: "all",
-    });
-
-    return (
-        <Stack spacing={1}>
-            <PageTitle title={"کارتابل گزارش ماموریت"} />
-            <SearchReportList
-                control={control}
-                hasProvincesPermission={hasProvincesPermission}
-                handleSubmit={handleSubmit}
-                onSearchSubmit={onSearchSubmit}
-            />
-            {!data ? <LinearProgress /> : <ViolationsReportsList specialFilter={specialFilter} data={data} />}
-        </Stack>
-    );
-};
-export default ViolationsReportsPage;
+"use client";
+import PageTitle from "@/core/components/PageTitle";
+import {
+    GET_MISSIONS_REPORT_VIOLATION_COUNTRY_ACTIVITY,
+    GET_MISSIONS_REPORT_VIOLATION_PROVINCE_ACTIVITY,
+} from "@/core/utils/routes";
+import { useAuth } from "@/lib/contexts/auth";
+import { usePermissions } from "@/lib/hooks/usePermissions";
+import useRequest from "@/lib/hooks/useRequest";
+import { yupResolver } from "@hookform/resolvers/yup";
+import { LinearProgress, Stack } from "@mui/material";
+import moment from "jalali-moment";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import * as yup from "yup";
+import ViolationsReportsList from "./ViolationsReportsList";
+import SearchReportList from "./Search";
+
+const ViolationsReportsPage = () => {
+    const [data, setData] = useState(null);
+    const { data: userPermissions } = usePermissions();
+    const { user } = useAuth();
+    const requestServer = useRequest();
+    const hasProvincesPermission = userPermissions?.includes("mission-report-country");
+
+    const defaultValues = {
+        from_date: moment(new Date()).format("YYYY-MM-DD"),
+        date_to: moment(new Date()).format("YYYY-MM-DD"),
+        province_id: user.province_id || "-1",
+    };
+    const defaultFilter = [
+        { value: `${defaultValues.province_id}`, datatype: "numeric", id: "province_id", fn: "equals" },
+        { value: `${defaultValues.from_date}`, datatype: "date", id: "from_date", fn: "between" },
+        { value: `${defaultValues.date_to}`, datatype: "date", id: "date_to", fn: "between" },
+    ];
+    const [specialFilter, setSpecialFilter] = useState(defaultFilter);
+
+    const onSearchSubmit = async (data) => {
+        const params = new URLSearchParams();
+        params.set("from_date", `${data.from_date}`);
+        params.set("date_to", `${data.date_to}`);
+        setSpecialFilter([
+            { value: `${data.province_id}`, datatype: "numeric", id: "province_id", fn: "equals" },
+            { value: `${data.from_date}`, datatype: "date", id: "from_date", fn: "between" },
+            { value: `${data.date_to}`, datatype: "date", id: "date_to", fn: "between" },
+        ]);
+        if (data.province_id === "-1") {
+            try {
+                // params.set("province_id", `${data.province_id}`);
+                const response = await requestServer(`${GET_MISSIONS_REPORT_VIOLATION_COUNTRY_ACTIVITY}?${params}`);
+                const result = response.data.data;
+                const nationalReportForItem = result.activities.find((report) => report.province_id === "-1");
+                const nationalReport = {
+                    edare_name: "کل کشور",
+                    ...nationalReportForItem,
+                };
+
+                setData({
+                    data: [
+                        nationalReport,
+                        ...result.provinces.map((province) => {
+                            const filteredReports = result.activities.find(
+                                (report) => report.province_id == province.id
+                            );
+                            return {
+                                ...filteredReports,
+                                edare_name: province.name_fa,
+                            };
+                        }),
+                    ],
+                    filters: data,
+                });
+            } catch (e) {}
+        } else {
+            try {
+                params.set("province_id", `${data.province_id}`);
+                const response = await requestServer(`${GET_MISSIONS_REPORT_VIOLATION_PROVINCE_ACTIVITY}?${params}`);
+                const result = response.data.data;
+
+                const nationalReportForItem = result.activities.find((report) => report.city_id === "-1");
+
+                const nationalReport = {
+                    ...nationalReportForItem,
+                    edare_name: "کل استان",
+                };
+                setData({
+                    data: [
+                        nationalReport,
+                        ...result.city.map((city) => {
+                            const filteredReports = result.activities.find((report) => report.city_id == city.id);
+                            return {
+                                edare_name: city.name_fa,
+                                ...filteredReports,
+                            };
+                        }),
+                    ],
+                    filters: data,
+                });
+            } catch (e) {}
+        }
+    };
+
+    useEffect(() => {
+        if (!userPermissions) return;
+        onSearchSubmit(defaultValues);
+    }, [userPermissions]);
+
+    const validationSchema = yup.object().shape({
+        from_date: yup
+            .string()
+            .required("تاریخ شروع الزامی است!")
+            .matches(/^\d{4}-\d{2}-\d{2}$/, "تاریخ شروع الزامی است!")
+            .test("is-valid-date", "تاریخ شروع معتبر نیست!", (value) => moment(value, "YYYY-MM-DD", true).isValid()),
+        date_to: yup
+            .string()
+            .required("تاریخ پایان الزامی است!")
+            .matches(/^\d{4}-\d{2}-\d{2}$/, "تاریخ پایان الزامی است!")
+            .test("is-valid-date", "تاریخ پایان معتبر نیست!", (value) => moment(value, "YYYY-MM-DD", true).isValid()),
+        province_id: yup.string().nullable(),
+    });
+
+    const { control, handleSubmit } = useForm({
+        defaultValues,
+        resolver: yupResolver(validationSchema),
+        mode: "all",
+    });
+
+    return (
+        <Stack spacing={1}>
+            <PageTitle title={"کارتابل گزارش ماموریت"} />
+            <SearchReportList
+                control={control}
+                hasProvincesPermission={hasProvincesPermission}
+                handleSubmit={handleSubmit}
+                onSearchSubmit={onSearchSubmit}
+            />
+            {!data ? <LinearProgress /> : <ViolationsReportsList specialFilter={specialFilter} data={data} />}
+        </Stack>
+    );
+};
+export default ViolationsReportsPage;
--- a/src/components/dashboard/roadMissions/violations/Actions/CreateViolation/Form/CreateForm.jsx
+++ b/src/components/dashboard/roadMissions/violations/Actions/CreateViolation/Form/CreateForm.jsx
@@ -5,6 +5,7 @@ import { yupResolver } from "@hookform/resolvers/yup";
 import { Button, DialogActions, DialogContent, Stack } from "@mui/material";
 import { Controller, useForm } from "react-hook-form";
 import * as yup from "yup";
+import MissionDates from "@/components/dashboard/roadMissions/violations/Actions/CreateViolation/Form/MissionDates";
 const schema = yup.object().shape({
    machinesId: yup.object().required("کد خودرو الزامی است."),
    km: yup.string(),
@@ -61,6 +62,9 @@ const CreateViolationForm = ({ setOpenMachinesDialog, defaultValues, onSubmitBas
                                )}
                            />
                        </Stack>
+                        <Stack spacing={2} sx={{ minWidth: "200px" }}>
+                            <MissionDates control={control} />
+                        </Stack>
                    </Stack>
                </DialogContent>
                <DialogActions sx={{ alignItems: "center", justifyContent: "end" }}>
--- a/src/components/dashboard/roadMissions/violations/Actions/CreateViolation/Form/MissionDates/index.jsx
+++ b/src/components/dashboard/roadMissions/violations/Actions/CreateViolation/Form/MissionDates/index.jsx
@@ -0,0 +1,55 @@
+import MuiDatePicker from "@/core/components/MuiDatePicker";
+import MuiTimePicker from "@/core/components/MuiTimePicker";
+import { Grid } from "@mui/material";
+import { Controller, useWatch } from "react-hook-form";
+
+const MissionDates = ({ control }) => {
+    const start_date = useWatch({ control, name: "start_date" });
+    const now = new Date();
+
+    return (
+        <>
+            <Grid item xs={12} sm={6}>
+                <Controller
+                    control={control}
+                    name={"start_date"}
+                    render={({ field, fieldState: { error } }) => {
+                        return (
+                            <MuiDatePicker
+                                name="start_date"
+                                error={error}
+                                value={field.value}
+                                disableFuture={false}
+                                minDate={start_date ? start_date : now}
+                                placeholder={"تاریخ شروع ماموریت را وارد کنید"}
+                                label={"تاریخ شروع ماموریت"}
+                                setFieldValue={(name, value) => field.onChange(value || [])}
+                                helperText={error ? error.message : null}
+                            />
+                        );
+                    }}
+                />
+            </Grid>
+            <Grid item xs={12} sm={6}>
+                <Controller
+                    control={control}
+                    name={"start_time"}
+                    render={({ field, fieldState: { error } }) => {
+                        return (
+                            <MuiTimePicker
+                                name="start_time"
+                                error={error}
+                                value={field.value}
+                                placeholder={"زمان شروع ماموریت را وارد کنید"}
+                                label={"زمان شروع ماموریت"}
+                                setFieldValue={(name, value) => field.onChange(value || null)}
+                                helperText={error ? error.message : null}
+                            />
+                        );
+                    }}
+                />
+            </Grid>
+        </>
+    );
+};
+export default MissionDates;
--- a/src/components/dashboard/roadMissions/violations/Actions/CreateViolation/Form/index.jsx
+++ b/src/components/dashboard/roadMissions/violations/Actions/CreateViolation/Form/index.jsx
@@ -3,6 +3,7 @@ import { DialogHeader } from "next/dist/client/components/react-dev-overlay/inte
 import useRequest from "@/lib/hooks/useRequest";
 import { CREATE_VIOLATION } from "@/core/utils/routes";
 import CreateViolationForm from "@/components/dashboard/roadMissions/violations/Actions/CreateViolation/Form/CreateForm";
+import moment from "jalali-moment";

 const ViolationForm = ({ setOpenMachinesDialog, mutate, openMachinesDialog }) => {
    const requestServer = useRequest({ notificationSuccess: true });
@@ -10,6 +11,8 @@ const ViolationForm = ({ setOpenMachinesDialog, mutate, openMachinesDialog }) =>
    const defaultValues = {
        machinesId: null,
        km: "",
+        start_date: null,
+        start_time: null,
    };

    const submitForm = async (result) => {
@@ -17,6 +20,7 @@ const ViolationForm = ({ setOpenMachinesDialog, mutate, openMachinesDialog }) =>
            data: {
                machine_code: result.machinesId.machine_code,
                km: result.km,
+                exit_station: `${result.start_date} ${moment(result.start_time).format("HH:mm")}`,
            },
        })
            .then((response) => {
--- a/src/components/dashboard/roadMissions/violations/Actions/CreateWithoutProcess/Form/index.jsx
+++ b/src/components/dashboard/roadMissions/violations/Actions/CreateWithoutProcess/Form/index.jsx
@@ -1,7 +1,6 @@
-import { AccessTime, Engineering, InsertDriveFile, Person, Verified } from "@mui/icons-material";
+import { Engineering, InsertDriveFile, Person, Verified } from "@mui/icons-material";
 import { Box, Tab, Tabs } from "@mui/material";
 import { useReducer, useState } from "react";
-import GetDateTime from "./GetDateTime";
 import GetItemInfo from "./GetItemInfo";
 import MachineAndDriver from "./MachineAndDriver";
 import Rahdaran from "./Rahdaran";
@@ -42,7 +41,6 @@ const CreateForm = ({ defaultValues, submitForm, setOpen, submitting }) => {
            setTabState((t) => t - 1);
        }
    };
-
    return (
        <>
            <Tabs
@@ -59,10 +57,9 @@ const CreateForm = ({ defaultValues, submitForm, setOpen, submitting }) => {
                }}
            >
                <Tab icon={<InsertDriveFile />} label="مشخصات" />
-                <Tab disabled={tabState < 1} icon={<AccessTime />} label="زمانبندی" />
-                <Tab disabled={tabState < 2} icon={<Person />} label="راننده" />
-                <Tab disabled={tabState < 3} icon={<Engineering />} label="همراهان" />
-                <Tab disabled={tabState < 4} icon={<Verified />} label="بررسی نهایی" />
+                <Tab disabled={tabState < 1} icon={<Person />} label="راننده" />
+                <Tab disabled={tabState < 2} icon={<Engineering />} label="همراهان" />
+                <Tab disabled={tabState < 3} icon={<Verified />} label="بررسی نهایی" />
            </Tabs>
            <TabPanel value={tabState} index={0}>
                <GetItemInfo
@@ -75,16 +72,6 @@ const CreateForm = ({ defaultValues, submitForm, setOpen, submitting }) => {
                />
            </TabPanel>
            <TabPanel value={tabState} index={1}>
-                <GetDateTime
-                    allData={allData}
-                    setAllData={(data) => {
-                        dispatch({ type: "changeData", data });
-                    }}
-                    handlePrev={handlePrev}
-                    setTabState={setTabState}
-                />
-            </TabPanel>
-            <TabPanel value={tabState} index={2}>
                <MachineAndDriver
                    allData={allData}
                    setAllData={(data) => {
@@ -94,7 +81,7 @@ const CreateForm = ({ defaultValues, submitForm, setOpen, submitting }) => {
                    setTabState={setTabState}
                />
            </TabPanel>
-            <TabPanel value={tabState} index={3}>
+            <TabPanel value={tabState} index={2}>
                <Rahdaran
                    allData={allData}
                    setAllData={(data) => {
@@ -104,7 +91,7 @@ const CreateForm = ({ defaultValues, submitForm, setOpen, submitting }) => {
                    setTabState={setTabState}
                />
            </TabPanel>
-            <TabPanel value={tabState} index={4}>
+            <TabPanel value={tabState} index={3}>
                <Verify allData={allData} handlePrev={handlePrev} submitForm={submitForm} submitting={submitting} />
            </TabPanel>
        </>
--- a/src/components/dashboard/roadMissions/violations/Actions/CreateWithoutProcess/index.jsx
+++ b/src/components/dashboard/roadMissions/violations/Actions/CreateWithoutProcess/index.jsx
@@ -25,8 +25,6 @@ const CreateWithoutProcess = ({ row, mutate }) => {
                ...(result.rahdaran.length != 0 ? { rahdaran: result.rahdaran.map((r) => r.id) } : {}),
                zone: result.region,
                end_point: result.end_point,
-                start_date: `${result.start_date} ${moment(result.start_time).format("HH:mm")}`,
-                end_date: `${result.end_date} ${moment(result.end_time).format("HH:mm")}`,
                driver: result.driver.id,
            },
            hasSidebarUpdate: true,
@@ -70,10 +68,6 @@ const CreateWithoutProcess = ({ row, mutate }) => {
                            category_id: "",
                            road_observed_id: "",
                            rahdaran: [],
-                            start_date: "",
-                            start_time: null,
-                            end_date: "",
-                            end_time: null,
                            end_point: "",
                            region: "",
                            driver: null,
--- a/src/components/dashboard/roadMissions/violations/Actions/EditViolation/EditController.jsx
+++ b/src/components/dashboard/roadMissions/violations/Actions/EditViolation/EditController.jsx
@@ -5,24 +5,19 @@ import { DialogHeader } from "next/dist/client/components/react-dev-overlay/inte
 import EditViolationForm from "./EditViolationForm";
 import moment from "jalali-moment";

-const EditController = ({ rowId, mutate, setOpen }) => {
+const EditController = ({ rowId, mutate, setOpen, row }) => {
    const requestServer = useRequest({ notificationSuccess: true });
+    const [endDate] = row?.original?.enter_station?.split(" ") || [null];

    const defaultData = {
-        start_date: null,
-        start_time: null,
-        end_date: null,
-        end_time: null,
+        end_date: endDate,
+        end_time: row?.original?.enter_station ? new Date(row.original.enter_station) : null,
    };
    const handleSubmit = async (result) => {
        const payload = {};

-        if (result.start_date && result.start_time) {
-            payload.enter_time = `${result.start_date} ${moment(result.start_time).format("HH:mm")}`;
-        }
-
        if (result.end_date && result.end_time) {
-            payload.exit_time = `${result.end_date} ${moment(result.end_time).format("HH:mm")}`;
+            payload.enter_station = `${result.end_date} ${moment(result.end_time).format("HH:mm")}`;
        }

        await requestServer(`${EDIT_VIOLATION}/${rowId}`, "post", {
--- a/src/components/dashboard/roadMissions/violations/Actions/EditViolation/MissionDates/index.jsx
+++ b/src/components/dashboard/roadMissions/violations/Actions/EditViolation/MissionDates/index.jsx
@@ -5,53 +5,11 @@ import { Grid } from "@mui/material";
 import { Controller, useWatch } from "react-hook-form";

 const MissionDates = ({ control }) => {
-    const start_date = useWatch({ control, name: "start_date" });
    const end_date = useWatch({ control, name: "end_date" });
    const now = new Date();

    return (
        <>
-            <Grid item xs={12} sm={6}>
-                <Controller
-                    control={control}
-                    name={"start_date"}
-                    render={({ field, fieldState: { error } }) => {
-                        return (
-                            <MuiDatePicker
-                                name="start_date"
-                                error={error}
-                                value={field.value}
-                                disableFuture={false}
-                                maxDate={end_date ?? null}
-                                placeholder={"تاریخ شروع ماموریت را وارد کنید"}
-                                label={"تاریخ شروع ماموریت"}
-                                setFieldValue={(name, value) => field.onChange(value || [])}
-                                helperText={error ? error.message : null}
-                            />
-                        );
-                    }}
-                />
-            </Grid>
-            <Grid item xs={12} sm={6}>
-                <Controller
-                    control={control}
-                    name={"start_time"}
-                    render={({ field, fieldState: { error } }) => {
-                        return (
-                            <MuiTimePicker
-                                name="start_time"
-                                error={error}
-                                value={field.value}
-                                views={["hours"]}
-                                placeholder={"زمان شروع ماموریت را وارد کنید"}
-                                label={"زمان شروع ماموریت"}
-                                setFieldValue={(name, value) => field.onChange(value || null)}
-                                helperText={error ? error.message : null}
-                            />
-                        );
-                    }}
-                />
-            </Grid>
            <Grid item xs={12} sm={6}>
                <Controller
                    control={control}
@@ -63,7 +21,7 @@ const MissionDates = ({ control }) => {
                                error={error}
                                value={field.value}
                                disableFuture={false}
-                                minDate={start_date ? start_date : now}
+                                minDate={end_date ? end_date : now}
                                placeholder={"تاریخ پایان ماموریت را وارد کنید"}
                                label={"تاریخ پایان ماموریت"}
                                setFieldValue={(name, value) => field.onChange(value || [])}
@@ -83,7 +41,6 @@ const MissionDates = ({ control }) => {
                                name="end_time"
                                error={error}
                                value={field.value}
-                                views={["hours"]}
                                placeholder={"زمان پایان ماموریت را وارد کنید"}
                                label={"زمان پایان ماموریت"}
                                setFieldValue={(name, value) => field.onChange(value || null)}
--- a/src/components/dashboard/roadMissions/violations/ViolationsList.jsx
+++ b/src/components/dashboard/roadMissions/violations/ViolationsList.jsx
@@ -6,69 +6,167 @@ import moment from "jalali-moment";
 import { useMemo } from "react";
 import RowActions from "./RowActions";
 import Toolbar from "./Toolbar";
+import { violationsCategoryStatus } from "@/core/utils/violationsCategoryStatus";
+import useProvinces from "@/lib/hooks/useProvince";
+import CustomSelectByDependency from "@/core/components/DataTable/filter/fieldsType/CustomSelectByDependency";
+import useCities from "@/lib/hooks/useCities";

 const ViolationsList = () => {
    const columns = useMemo(
-        () => [
-            {
-                accessorKey: "id",
-                header: "کد یکتا",
-                id: "id",
-                enableColumnFilter: true,
-                datatype: "text",
-                filterMode: "equals",
-                columnFilterModeOptions: ["equals", "contains"],
-                grow: false,
-            },
-            {
-                accessorKey: "type",
-                header: "نوع تخلف",
-                id: "type",
+        () => {
+            const dynamicColumns = {
+                header: "استان",
+                id: "province_id",
                enableColumnFilter: true,
                datatype: "numeric",
                filterMode: "equals",
-                sortDescFirst: true,
                grow: false,
-                Cell: ({ row }) => (row.original.type === 1 ? "خروج بدون مجوز" : "عدم تحرک"),
-            },
-            {
-                accessorKey: "machine_code",
-                header: "کد خودرو",
-                id: "machine_code",
-                datatype: "text",
-                columnFilterModeOptions: ["equals", "contains"],
-                grow: false,
-            },
-            {
-                accessorKey: "machine",
-                header: "نام خودرو",
-                id: "machine",
-                datatype: "text",
-                columnFilterModeOptions: ["equals", "contains"],
-                grow: false,
-                Cell: ({ row }) => row.original.machine?.car_name || "-",
-            },
-            {
-                accessorKey: "mission_id",
-                header: "کد ماموریت",
-                id: "mission_id",
-                enableColumnFilter: false,
-                datatype: "numeric",
-                filterMode: "equals",
-                grow: false,
-                Cell: ({ row }) => row.original.mission_id || "-",
-            },
-            {
-                accessorKey: "request_date",
-                header: "تاریخ تخلف",
-                id: "request_date",
-                enableColumnFilter: true,
-                datatype: "date",
-                filterMode: "between",
-                grow: false,
-                Cell: ({ row }) => moment(row.original.request_date).locale("fa").format("YYYY/MM/DD"),
-            },
-        ],
+                size: 130,
+                ColumnSelectComponent: (props) => {
+                    const { provinces, errorProvinces, loadingProvinces } = useProvinces();
+                    const getColumnSelectOptions = useMemo(() => {
+                        if (loadingProvinces) {
+                            return [{ value: "loading", label: "در حال بارگذاری..." }];
+                        }
+                        if (errorProvinces) {
+                            return [{ value: "error", label: "خطا در بارگذاری" }];
+                        }
+                        return [
+                            { value: "", label: "کل کشور" },
+                            ...provinces.map((province) => ({
+                                value: province.id,
+                                label: province.name_fa,
+                            })),
+                        ];
+                    }, [provinces, errorProvinces, loadingProvinces]);
+                    return (
+                        <CustomSelectByDependency
+                            {...props}
+                            value={loadingProvinces ? "loading" : props.filterParameters.value}
+                            columnSelectOption={getColumnSelectOptions}
+                        />
+                    );
+                },
+                Cell: ({ renderedCellValue, row }) => {
+                    return <>{row.original.province_name}</>;
+                },
+            };
+            return [
+                {
+                    accessorKey: "id",
+                    header: "کد یکتا",
+                    id: "id",
+                    enableColumnFilter: true,
+                    datatype: "text",
+                    filterMode: "equals",
+                    columnFilterModeOptions: ["equals", "contains"],
+                    grow: false,
+                },
+                {
+                    accessorKey: "status",
+                    header: "وضعیت",
+                    id: "status",
+                    enableColumnFilter: true,
+                    datatype: "numeric",
+                    filterMode: "equals",
+                    sortDescFirst: true,
+                    grow: false,
+                    columnSelectOption: () => {
+                        return violationsCategoryStatus.map((category) => ({
+                            value: category.id,
+                            label: category.name_fa,
+                        }));
+                    },
+                    Cell: ({ row }) => (row.original.type === 1 ? "خروج بدون مجوز" : "عدم تحرک"),
+                },
+                {
+                    accessorKey: "machine_code",
+                    header: "کد خودرو",
+                    id: "machine_code",
+                    datatype: "text",
+                    columnFilterModeOptions: ["equals", "contains"],
+                    grow: false,
+                },
+                ...[dynamicColumns],
+                {
+                    header: "شهر",
+                    id: "city_id",
+                    enableColumnFilter: true,
+                    datatype: "numeric",
+                    filterMode: "equals",
+                    dependencyId: "province_id",
+                    grow: false,
+                    size: 120,
+                    ColumnSelectComponent: (props) => {
+                        const { cityList, loadingCityList, errorCityList } = useCities(
+                            props.dependencyFieldValue.value
+                        );
+
+                        const getColumnSelectOptions = useMemo(() => {
+                            if (props.dependencyFieldValue.value === "") {
+                                return [{ value: "empty", label: "ابتدا استان را انتخاب کنید" }];
+                            }
+                            if (loadingCityList) {
+                                return [{ value: "loading", label: "در حال بارگذاری..." }];
+                            }
+                            if (errorCityList) {
+                                return [{ value: "error", label: "خطا در بارگذاری" }];
+                            }
+                            return [
+                                { value: "", label: "کل ادارات" },
+                                ...cityList.map((edare) => ({
+                                    value: edare.id,
+                                    label: edare.name_fa,
+                                })),
+                            ];
+                        }, [cityList, loadingCityList, errorCityList]);
+                        return (
+                            <CustomSelectByDependency
+                                {...props}
+                                value={
+                                    props.dependencyFieldValue?.value === ""
+                                        ? "empty"
+                                        : loadingCityList
+                                          ? "loading"
+                                          : props.filterParameters.value
+                                }
+                                columnSelectOption={getColumnSelectOptions}
+                            />
+                        );
+                    },
+                    Cell: ({ row }) => <>{row.original.city_name}</>,
+                },
+                {
+                    accessorKey: "machine",
+                    header: "نام خودرو",
+                    id: "machine",
+                    datatype: "text",
+                    columnFilterModeOptions: ["equals", "contains"],
+                    grow: false,
+                    Cell: ({ row }) => row.original.machine?.car_name || "-",
+                },
+                {
+                    accessorKey: "mission_id",
+                    header: "کد ماموریت",
+                    id: "mission_id",
+                    enableColumnFilter: false,
+                    datatype: "numeric",
+                    filterMode: "equals",
+                    grow: false,
+                    Cell: ({ row }) => row.original.mission_id || "-",
+                },
+                {
+                    accessorKey: "request_date",
+                    header: "تاریخ تخلف",
+                    id: "request_date",
+                    enableColumnFilter: true,
+                    datatype: "date",
+                    filterMode: "between",
+                    grow: false,
+                    Cell: ({ row }) => moment(row.original.request_date).locale("fa").format("YYYY/MM/DD"),
+                },
+            ];
+        },
        []
    );

--- a/src/core/utils/pageMenu.js
+++ b/src/core/utils/pageMenu.js
@@ -1,3 +1,4 @@
+import { ReportProblem, RvHookup } from "@mui/icons-material";
 import AccountTreeIcon from "@mui/icons-material/AccountTree";
 import AdminPanelSettingsIcon from "@mui/icons-material/AdminPanelSettings";
 import AssessmentIcon from "@mui/icons-material/Assessment";
@@ -5,7 +6,9 @@ import AssignmentLateIcon from "@mui/icons-material/AssignmentLate";
 import AssistantIcon from "@mui/icons-material/Assistant";
 import BallotIcon from "@mui/icons-material/Ballot";
 import BiotechIcon from "@mui/icons-material/Biotech";
+import ContactPageIcon from "@mui/icons-material/ContactPage";
 import CottageIcon from "@mui/icons-material/Cottage";
+import DirectionsBusIcon from "@mui/icons-material/DirectionsBus";
 import DoorbellIcon from "@mui/icons-material/Doorbell";
 import DriveEtaIcon from "@mui/icons-material/DriveEta";
 import ElectricBoltIcon from "@mui/icons-material/ElectricBolt";
@@ -23,17 +26,14 @@ import MapIcon from "@mui/icons-material/Map";
 import MapsHomeWorkIcon from "@mui/icons-material/MapsHomeWork";
 import Mediation from "@mui/icons-material/Mediation";
 import PsychologyAltIcon from "@mui/icons-material/PsychologyAlt";
+import RemoveRoadIcon from "@mui/icons-material/RemoveRoad";
 import ReportIcon from "@mui/icons-material/Report";
 import RouteIcon from "@mui/icons-material/Route";
 import ScienceIcon from "@mui/icons-material/Science";
 import SecurityIcon from "@mui/icons-material/Security";
 import SpaceDashboardIcon from "@mui/icons-material/SpaceDashboard";
 import SpeedIcon from "@mui/icons-material/Speed";
-import ContactPageIcon from "@mui/icons-material/ContactPage";
-import DirectionsBusIcon from "@mui/icons-material/DirectionsBus";
 import SupervisedUserCircleIcon from "@mui/icons-material/SupervisedUserCircle";
-import RemoveRoadIcon from "@mui/icons-material/RemoveRoad";
-import { ReportProblem, RvHookup } from "@mui/icons-material";

 export const pageMenu = [
    {
@@ -685,12 +685,12 @@ export const pageMenu = [
                permissions: ["manage-damage"],
            },
            {
-                id: "CarDetails",
-                label: "اطلاعات خودرو",
+                id: "machines",
+                label: "ماشین‌ها",
                type: "page",
-                route: "/dashboard/car-details",
+                route: "/dashboard/machines",
                icon: <DriveEtaIcon sx={{ width: "inherit", height: "inherit" }} />,
-                permissions: [""],
+                permissions: ["update-machine"],
            },
        ],
    },
--- a/src/core/utils/pageMenuDev.js
+++ b/src/core/utils/pageMenuDev.js
@@ -683,12 +683,12 @@ export const pageMenuDev = [
                permissions: ["manage-damage"],
            },
            {
-                id: "CarDetails",
-                label: "اطلاعات خودرو",
+                id: "machines",
+                label: "ماشین‌ها",
                type: "page",
-                route: "/dashboard/car-details",
+                route: "/dashboard/machines",
                icon: <DriveEtaIcon sx={{ width: "inherit", height: "inherit" }} />,
-                permissions: ["show-rahdaran"],
+                permissions: ["update-machine"],
            },
        ],
    },
--- a/src/core/utils/routes.js
+++ b/src/core/utils/routes.js
@@ -277,3 +277,11 @@ export const CONFIRM_VERIFY_LICENSE_FORM = api + "/api/v3/harim/technical_deputy
 // History
 export const GET_HISTORY_LIST = api + "/api/v3/harim/detail/histories";
 export const GET_REQUEST_INQUIRY_PRIVACY = api + "/api/v3/harim/technical_deputy";
+
+// Machines
+export const GET_MACHINES_LIST = api + "/api/v3/cmms_machines";
+export const UPDATE_CMMS_MACHINES = api + "/api/v3/cmms_machines";
+export const GET_PROVINCES_LIST = api + "/api/v3/provinces/list";
+export const GET_CITIES_LIST = api + "/api/v3/cities/list";
+export const GET_STATIONS_LIST = api + "/api/v3/road_maintenance_station";
+export const UPDATE_MACHINE_STATUS_AND_LOCATION = api + "/api/v3/cmms_machines";
--- a/src/core/utils/violationsCategoryStatus.js
+++ b/src/core/utils/violationsCategoryStatus.js
@@ -0,0 +1,4 @@
+export const violationsCategoryStatus = [
+    { id: 0, name_fa: "بدون اقدام" },
+    { id: 1, name_fa: "اقدام شده" },
+];
Author	SHA1	Message	Date
AminGhasempoor	0d6269004e	Merge branch 'develop' of http://git.witel.ir/RMS/frontend into bugfix/bugfix_cartables	2026-06-13 11:19:39 +03:30
AminGhasempoor	05dc5505cd	exit station time	2026-06-13 11:16:48 +03:30
aminghasempoor	a975bd1f88	Merge pull request 'feature/machines' (#3 ) from feature/machines into develop Reviewed-on: #3	2026-06-13 07:33:26 +00:00
baslani	01bb171ebb	build & format	2026-06-13 11:01:50 +03:30
baslani	5f88728d67	implemented machines cartable	2026-06-13 10:57:36 +03:30
baslani	63ec584aca	[wip] implementing machines cartable	2026-06-10 16:30:08 +03:30
AminGhasempoor	16889752a1	build and format	2026-06-10 14:48:31 +03:30
AminGhasempoor	5c05af0828	show time on edit dialog and remove time in tashih mamoriat	2026-06-10 14:40:13 +03:30
AminGhasempoor	8753f23146	remove without proccess and add minute to operator	2026-06-10 13:49:22 +03:30
AminGhasempoor	9ee9132ed8	debug filter select option in violation	2026-06-10 13:36:28 +03:30
AminGhasempoor	a798a36fcd	Merge tag 'v1.8.8' into develop v1.8.8	2026-05-23 11:01:29 +03:30
AminGhasempoor	cab6677bca	Merge branch 'release/v1.8.8'	2026-05-23 11:01:18 +03:30