From db4b0193ddbe1f089d965244e6b552070e47d903 Mon Sep 17 00:00:00 2001
From: kevin <kevin@sismedika.com>
Date: Mon, 14 Aug 2023 16:55:34 +0700
Subject: [PATCH] rating

---
 .../Api/DoctorRatingController.php            | 103 +++
 Modules/Internal/Routes/api.php               |   3 +
 app/Models/OLDLMS/DoctorRating.php            |  35 +
 .../layouts/dashboard/navbar/NavConfig.tsx    |   2 +
 .../src/pages/Report/DoctorRating/Index.tsx   |  37 +
 .../src/pages/Report/DoctorRating/List_2.tsx  | 427 ++++++++++
 .../src/pages/Report/DoctorRating/index.tsx   |  38 +
 .../src/pages/Report/Prescription/List.tsx    | 798 +++++++++---------
 .../src/pages/Report/Prescription/listnya     |   0
 frontend/dashboard/src/routes/index.tsx       |   5 +
 10 files changed, 1043 insertions(+), 405 deletions(-)
 create mode 100644 Modules/Internal/Http/Controllers/Api/DoctorRatingController.php
 create mode 100644 app/Models/OLDLMS/DoctorRating.php
 create mode 100644 frontend/dashboard/src/pages/Report/DoctorRating/Index.tsx
 create mode 100644 frontend/dashboard/src/pages/Report/DoctorRating/List_2.tsx
 create mode 100644 frontend/dashboard/src/pages/Report/DoctorRating/index.tsx
 create mode 100644 frontend/dashboard/src/pages/Report/Prescription/listnya

diff --git a/Modules/Internal/Http/Controllers/Api/DoctorRatingController.php b/Modules/Internal/Http/Controllers/Api/DoctorRatingController.php
new file mode 100644
index 00000000..d874e496
--- /dev/null
+++ b/Modules/Internal/Http/Controllers/Api/DoctorRatingController.php
@@ -0,0 +1,103 @@
+<?php
+
+namespace Modules\Internal\Http\Controllers\Api;
+
+
+
+use Illuminate\Http\Request;
+use Illuminate\Http\Response;
+use Illuminate\Routing\Controller;
+use App\Models\OLDLMS\DoctorRating;
+
+class DoctorRatingController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     * @param int|null $id
+     * @return \Illuminate\Http\JsonResponse
+     */
+    public function index($id = null)
+    {
+        $query = DoctorRating::query();
+        if ($id !== null) {
+            $query->where('nID', $id);
+        }
+        
+        $doctorRatings = $query->with([
+            'user' => function ($query) {
+                $query->select('nID', 'sFirstName'); // Select only necessary columns
+            }
+        ])
+        ->select('nIDUser', 'nIDDokter', 'nRating', 'sNotes', 'dCreateOn')
+        ->get();
+        
+
+        // $prescriptions->toArray();
+        // dd($prescriptions);
+
+        return response()->json($doctorRatings);
+        // return response()->json(Helper::paginateResources(LivechatResource::collection($livechat)));
+    }
+
+
+
+
+    /**
+     * Show the form for creating a new resource.
+     * @return Renderable
+     */
+    public function create()
+    {
+        return view('internal::create');
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     * @param Request $request
+     * @return Renderable
+     */
+    public function store(Request $request)
+    {
+    }
+
+    /**
+     * Show the specified resource.
+     * @param int $id
+     * @return Renderable
+     */
+    public function show($id)
+    {
+
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     * @param int $id
+     * @return Renderable
+     */
+    public function edit($id)
+    {
+        return view('internal::edit');
+    }
+
+    /**
+     * Update the specified resource in storage.
+     * @param Request $request
+     * @param int $id
+     * @return Renderable
+     */
+    public function update(Request $request, $id)
+    {
+        //
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     * @param int $id
+     * @return Renderable
+     */
+    public function destroy($id)
+    {
+        //
+    }
+}
diff --git a/Modules/Internal/Routes/api.php b/Modules/Internal/Routes/api.php
index 716e4b7f..5c97e890 100644
--- a/Modules/Internal/Routes/api.php
+++ b/Modules/Internal/Routes/api.php
@@ -19,6 +19,7 @@ use Modules\Internal\Http\Controllers\Api\DiagnosisExclusionController;
 use Modules\Internal\Http\Controllers\Api\DistrictController;
 use Modules\Internal\Http\Controllers\Api\DivisionController;
 use Modules\Internal\Http\Controllers\Api\DoctorController;
+use Modules\Internal\Http\Controllers\Api\DoctorRatingController;
 use Modules\Internal\Http\Controllers\Api\DrugController;
 use Modules\Internal\Http\Controllers\Api\FormulariumController;
 use Modules\Internal\Http\Controllers\Api\Linksehat\PaymentController;
@@ -154,6 +155,8 @@ Route::prefix('internal')->group(function () {
         Route::resource('live-chat', LivechatController::class);
         Route::get('prescription', [PrescriptionController::class, 'index']);
         Route::get('prescription/{id}', [PrescriptionController::class, 'index']);
+        Route::get('doctorrating', [DoctorRatingController::class, 'index']);
+        Route::get('doctorrating/{id}', [PrescriptionController::class, 'index']);
 
         Route::resource('doctors', DoctorController::class);
 
diff --git a/app/Models/OLDLMS/DoctorRating.php b/app/Models/OLDLMS/DoctorRating.php
new file mode 100644
index 00000000..1234d0b5
--- /dev/null
+++ b/app/Models/OLDLMS/DoctorRating.php
@@ -0,0 +1,35 @@
+<?php
+
+namespace App\Models\OLDLMS;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class DoctorRating extends Model
+{
+    use HasFactory;
+
+    const CREATED_AT = 'dCreateOn';
+    const UPDATED_AT = 'dUpdateOn';
+    const DELETED_AT = 'dDeleteOn';
+
+    protected $connection = 'oldlms';
+    protected $table = 'tx_dokter_rating';
+
+    // Define a belongsTo relationship with the User model
+    public function user()
+    {
+        return $this->belongsTo(User::class, 'nIDUser');
+    }
+
+    // Include additional fields in the model's JSON form
+    protected $appends = [
+        'user_first_name', // Include the attribute for user's first name
+    ];
+
+    // Define an accessor to get the first name of the related user
+    public function getUserFirstNameAttribute()
+    {
+        return $this->user ? $this->user->sFirstName : null;
+    }
+}
diff --git a/frontend/dashboard/src/layouts/dashboard/navbar/NavConfig.tsx b/frontend/dashboard/src/layouts/dashboard/navbar/NavConfig.tsx
index cd0ac13e..f99b2ef4 100644
--- a/frontend/dashboard/src/layouts/dashboard/navbar/NavConfig.tsx
+++ b/frontend/dashboard/src/layouts/dashboard/navbar/NavConfig.tsx
@@ -86,6 +86,8 @@ const navConfig = [
           { title: 'Live Chat', path: '/report/live-chat' },
           { title: 'Linksehat Payment', path: '/report/linksehat-payments' },
           { title: 'Prescription', path: '/report/prescription' },
+          { title: 'Doctor Rating', path: '/report/doctorrating' },
+
         ],
       },
       {
diff --git a/frontend/dashboard/src/pages/Report/DoctorRating/Index.tsx b/frontend/dashboard/src/pages/Report/DoctorRating/Index.tsx
new file mode 100644
index 00000000..69ba75c1
--- /dev/null
+++ b/frontend/dashboard/src/pages/Report/DoctorRating/Index.tsx
@@ -0,0 +1,37 @@
+import { Card, Grid, Container } from '@mui/material';
+import { useParams } from 'react-router-dom';
+import HeaderBreadcrumbs from '@/components/HeaderBreadcrumbs';
+import Page from '@/components/Page';
+import useSettings from '@/hooks/useSettings';
+import List from '../Prescription/List';
+
+export default function DoctorRating(){
+    const { themeStretch } = useSettings();
+
+    const { id } = useParams();
+
+    const pageTitle = 'Doctor Rating';
+
+    return(
+        <Page title = {pageTitle}>
+            <Container maxWidth = {themeStretch ? false : 'xl'}>
+                <HeaderBreadcrumbs heading= {pageTitle}
+                links={[
+                    {
+                        name: 'Report',
+                        href: '/report',
+
+                    },
+                    {
+                        name: 'Doctor Rating',
+                        href: '/doctorrating',
+                    },
+                ]}
+                />
+
+                <List/>
+
+            </Container>
+        </Page>
+    );
+}
\ No newline at end of file
diff --git a/frontend/dashboard/src/pages/Report/DoctorRating/List_2.tsx b/frontend/dashboard/src/pages/Report/DoctorRating/List_2.tsx
new file mode 100644
index 00000000..2f805900
--- /dev/null
+++ b/frontend/dashboard/src/pages/Report/DoctorRating/List_2.tsx
@@ -0,0 +1,427 @@
+import {
+    Box,
+    Button,
+    Card,
+    Collapse,
+    Paper,
+    Select,
+    SelectChangeEvent,
+    Table,
+    TableBody,
+    TableCell,
+    TableContainer,
+    TableHead,
+    TableRow,
+    TextField,
+    Typography,
+    Stack,
+    ButtonGroup,
+    Grid,
+    Chip,
+    Dialog,
+    DialogContent,
+    DialogContentText,
+    DialogActions,
+    FormControl,
+    Autocomplete,
+    InputAdornment,
+    IconButton,
+  } from '@mui/material';
+  
+  import {
+    Link,
+    NavLink as RouterLink,
+    useSearchParams,
+    useNavigate,
+    useParams,
+  } from 'react-router-dom';
+  // hooks
+  import React, { ChangeEvent, Component, useEffect, useRef, useState } from 'react';
+  import useSettings from '../../../hooks/useSettings';
+  // components
+  import axios from '../../../utils/axios';
+  import { LaravelPaginatedData } from '../../../@types/paginated-data';
+  import { Icd } from '../../../@types/diagnosis';
+  import BasePagination from '../../../components/BasePagination';
+  import { Practitioner } from '../../../@types/doctor';
+  import CreateIcon from '@mui/icons-material/Create';
+  import { Props } from '../../../components/editor/index';
+  import { red } from '@mui/material/colors';
+  import { margin, padding } from '@mui/system';
+  import { enqueueSnackbar } from 'notistack';
+  import { Controller } from 'react-hook-form';
+
+  
+  import SvgIconStyle from '../../../components/SvgIconStyle';
+  import { GridSearchIcon } from '@mui/x-data-grid';
+  import { Search } from '@mui/icons-material';
+  import { Icon } from '@iconify/react';
+  import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
+  import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
+  
+  export default function List(){
+  
+    const navigate = useNavigate();
+    const { organization_id } = useParams();
+    const [searchParams, setSearchParams] = useSearchParams();
+    const [searchParamsOrganizations, setSearchParamsOrganizations] = useSearchParams();
+    const [searchParamsSpecialities, setSearchParamsSpecialities] = useSearchParams();
+    const [searchParamsFilter, setSearchParamsFilter] = useSearchParams();
+  
+    function Filter(props: any) {
+        // SEARCH
+        const searchInput = useRef<HTMLInputElement>(null);
+        const [searchText, setSearchText] = useState('');
+    
+        //handle search
+        const handleSearchChange = (event: any) => {
+          const newSearchText = event.target.value ?? '';
+          setSearchText(newSearchText);
+        };
+    
+        const handleSearchSubmit = (event: any) => {
+          event.preventDefault();
+    
+          props.onSearch(searchText);
+        };
+  
+        useEffect(() => {
+            // Trigger First Search
+            setSearchText(searchParams.get('search') ?? '');
+          }, []);
+      
+          const item = [
+            {
+              id: '',
+              value: '',
+              name: 'Semua',
+            },
+          ];
+  
+          return (
+            <form style={{ width: '100%' }}>
+                <Grid container spacing={2} sx={{ justifyContent: 'space-between', alignItems: 'center' }}>
+                <Grid item xs={12} sm={12} md={12} lg={12}>
+                    <TextField
+                    id="search-input"
+                    ref={searchInput}
+                    variant="outlined"
+                    fullWidth
+                    onChange={handleSearchChange}
+                    onKeyDown={(event) => {
+                        if (event.key === 'Enter') {
+                        handleSearchSubmit(event);
+                        }
+                    }}
+                    value={searchText}
+                    InputProps={{
+                        startAdornment: (
+                        <InputAdornment position="start">
+                            <Search />
+                        </InputAdornment>
+                        ),
+                        placeholder: 'Search',
+                    }}
+                    />
+                </Grid>
+                </Grid>
+            </form> 
+          );
+  }
+  function FilterForm(props: any) {
+    return(
+        <Grid
+        container
+        spacing={2}
+        sx={{ p: 2, justifyContent: 'space-between', alignItems: 'center' }}
+      >
+        <Grid item xs={12} md={12} lg={12}>
+          <Filter onSearch={applyItems} />
+        </Grid>
+      </Grid>
+    );
+  }
+  
+  function createData(doctor: Practitioner): Practitioner {
+    return {
+      ...doctor,
+      /* user: doctor.user ? new User(doctor.user) : null; */
+    };
+  }
+  
+  function Row(props: { row: ReturnType<typeof createData> }) {
+    const { row } = props;
+    const [open, setOpen] = React.useState(false);
+    const [openDialog, setOpenDialog] = React.useState(false);
+  
+  
+  
+    return (
+      <React.Fragment>
+        <TableRow>
+          <TableCell>
+            <IconButton aria-label="expand row" size="small" onClick={() => setOpen(!open)}>
+              {open ? <KeyboardArrowDownIcon /> : <KeyboardArrowRightIcon />}
+            </IconButton>
+          </TableCell>
+  
+          <TableCell align="left">{row.user ? row.user.sFirstName : '-'}</TableCell>
+          <TableCell align="left">{row.nIDDokter ? row.nIDDokter : '-'}</TableCell>
+          <TableCell align="left">{row.nRating ? row.nRating : '-'}</TableCell>
+          <TableCell align="left">{row.sNotes ? row.sNotes : '-'}</TableCell>
+          <TableCell align="left">{row.dCreateOn ? row.dCreateOn : '-'}</TableCell>
+  
+          {/* <TableCell align="center">
+            <ButtonGroup variant="text" aria-label="text button group">
+              <Link to={'/report/prescription/' + row.id + '/show'}>
+                <Button>
+                  <Icon icon="ph:eye-bold" style={{ width: '24px', height: '24px' }} />
+                </Button>
+              </Link>
+            </ButtonGroup>
+          </TableCell> */}
+        </TableRow>
+        {/* COLLAPSIBLE ROW */}
+        <TableRow>
+          <TableCell
+            style={{ paddingBottom: 0, paddingTop: 0, backgroundColor: 'rgba(244, 246, 248, 0.5)' }}
+            colSpan={6}
+          >
+  {/*             <Collapse in={open} timeout="auto" unmountOnExit>
+              <Box sx={{ margin: 1, pb: 2, pl: 4 }}>
+                <Grid container>
+                  <Grid item xs={12} sx={{ padding: 2 }}>
+                    <Grid container>
+                      <Grid item xs={6}>
+                        Metode Pembayaran
+                      </Grid>
+                      <Grid item xs={6}>
+                        : {row.payment_method ? row.payment_method : '-'}
+                      </Grid>
+  
+                      <Grid item xs={6}>
+                        Jenis Benefit
+                      </Grid>
+                      <Grid item xs={6}>
+                        : -
+                      </Grid>
+                      <Grid item xs={6}>
+                        Durasi
+                      </Grid>
+                      <Grid item xs={6}>
+                        : {row.duration ? row.duration : '-'}
+                      </Grid>
+                    </Grid>
+                  </Grid>
+                </Grid>
+              </Box>
+            </Collapse> */}
+          </TableCell>
+        </TableRow>
+  
+        {/* END COLLAPSIBLE ROW */}
+        <Dialog
+          open={openDialog}
+          onClose={() => {
+            setOpenDialog(false);
+          }}
+          aria-labelledby="alert-dialog-title"
+          aria-describedby="alert-dialog-description"
+        >
+          <DialogContent sx={{ p: 5 }}>
+            <Icon
+              icon="eva:trash-2-outline"
+              style={{
+                width: '100px',
+                height: '100px',
+                color: '#FF0000',
+                margin: 'auto',
+                display: 'block',
+                marginBottom: '20px',
+                alignContent: 'center',
+              }}
+            />
+            <DialogContentText sx={{ fontWeight: 'bold', pb: 1 }} id="alert-dialog-title">
+              Apakah anda yakin ingin menghapus
+            </DialogContentText>
+            <Typography sx={{ fontWeight: 'bold' }} id="alert-dialog-title">
+              {row.name}?
+            </Typography>
+          </DialogContent>
+          <DialogActions>
+            <Button
+              onClick={() => {
+                setOpenDialog(false);
+              }}
+              color="primary"
+            >
+              Batal
+            </Button>
+            {/* <Button
+              onClick={() => {
+                handleDelete(row.id);
+              }}
+              color="primary"
+              autoFocus
+            >
+              Hapus
+            </Button> */}
+          </DialogActions>
+        </Dialog>
+      </React.Fragment>
+    );
+  }
+    
+  const headStyle = {
+    fontWeight: 'bold',
+  };
+  // Dummy Default Data
+  const [dataTableIsLoading, setDataTableLoading] = useState(true);
+  const [dataTableLastRequest, setDataTableLastRequest] = useState(0);
+  const [dataTableResponseState, setDataTableResponseState] = useState('idle');
+  const [dataTableData, setDataTableData] = useState<LaravelPaginatedData>({
+    current_page: 1,
+    data: [],
+    path: '',
+    first_page_url: '',
+    last_page: 1,
+    last_page_url: '',
+    next_page_url: '',
+    prev_page_url: '',
+    per_page: 10,
+    from: 0,
+    to: 0,
+    total: 0,
+  });
+  const [dataTablePage, setDataTablePage] = useState(5);
+  
+  const loadDataTableData = async (appliedFilter: any | null = null) => {
+    setDataTableLoading(true);
+    const filter = appliedFilter ? appliedFilter : Object.fromEntries([...searchParams.entries()]);
+    const response = await axios.get('/doctorrating ', {
+      params: filter,
+    });
+    setDataTableLoading(false);
+    setDataTableData(response.data);
+  };
+  
+  // const applyFilter = async (searchFilter: string) => {
+  //   await loadDataTableData({ search: searchFilter });
+  //   setSearchParams({ search: searchFilter });
+  // };
+  
+  const applyItems = async (
+    searchFilter: string,
+    searchFilterOrganization: string,
+    searchFilterSpecialities: string
+  ) => {
+    await loadDataTableData({
+      search: searchFilter,
+      organization_id: searchFilterOrganization,
+      speciality_id: searchFilterSpecialities,
+    });
+    setSearchParamsFilter({
+      search: searchFilter,
+      organization_id: searchFilterOrganization,
+      speciality_id: searchFilterSpecialities,
+    });
+  };
+  
+  const handlePageChange = (event: ChangeEvent, value: number) => {
+    const filter = Object.fromEntries([...searchParams.entries(), ['page', value]]);
+    loadDataTableData(filter);
+    setSearchParams(filter);
+  };
+  
+  useEffect(() => {
+    loadDataTableData();
+  }, []);
+  
+  return (
+    <Stack>
+      {/* <Ambulace /> */}
+  
+      <Card sx={{ marginTop: '30px' }}>
+        <FilterForm sx={{ marginTop: '100px' }} />
+  
+        {/* The Main Table */}
+        <TableContainer component={Paper}>
+          <Table>
+            <TableBody>
+              <TableRow>
+                {/* <TableCell colSpan={8} rowSpan={1} align="center" /> */}
+                <TableCell style={headStyle} align="left" />
+                <TableCell style={headStyle} rowSpan={2} align="left">
+                  Nama User
+                </TableCell>
+                <TableCell style={headStyle} rowSpan={2} align="left">
+                  ID Dokter
+                </TableCell>
+                <TableCell style={headStyle} rowSpan={2} align="left">
+                  Rating
+                </TableCell>
+                <TableCell style={headStyle} rowSpan={2} align="left">
+                  Notes
+                </TableCell>
+                <TableCell style={headStyle} rowSpan={2} align="left">
+                  Created On
+                </TableCell>
+  
+              </TableRow>
+  {/*               <TableRow>
+                <TableCell style={headStyle} align="left" />
+                <TableCell style={headStyle} align="left">
+                  Tanggal Booking
+                </TableCell>
+                <TableCell style={headStyle} align="left">
+                  Tanggal Appointment
+                </TableCell>
+                <TableCell style={headStyle} align="left">
+                  Faskes
+                </TableCell>
+                <TableCell style={headStyle} align="left">
+                  Nama Dokter
+                </TableCell>
+                <TableCell style={headStyle} align="left">
+                  Spesialisasi
+                </TableCell>
+                <TableCell style={headStyle} align="left">
+                  Pasien
+                </TableCell>
+                <TableCell style={headStyle} align="left">
+                  Dokter
+                </TableCell>
+              </TableRow> */}
+            </TableBody>
+            {dataTableIsLoading ? (
+              <TableBody>
+                <TableRow>
+                  <TableCell colSpan={8} align="center">
+                    Loading
+                  </TableCell>
+                </TableRow>
+              </TableBody>
+            ) : (dataTableData.data && dataTableData.data.length === 0) ? (
+  
+              <TableBody>
+                <TableRow>
+                  <TableCell colSpan={8} align="center">
+                    No Data
+                  </TableCell>
+                </TableRow>
+              </TableBody>
+            ) : (
+              <TableBody>
+                {dataTableData && dataTableData.map((row) => (
+                  <Row key={row.id} row={row} />
+                ))}
+              </TableBody>
+            )}
+          </Table>
+        </TableContainer>
+  
+        <BasePagination paginationData={dataTableData} onPageChange={handlePageChange} />
+      </Card>
+    </Stack>
+  );
+  }
\ No newline at end of file
diff --git a/frontend/dashboard/src/pages/Report/DoctorRating/index.tsx b/frontend/dashboard/src/pages/Report/DoctorRating/index.tsx
new file mode 100644
index 00000000..374a2335
--- /dev/null
+++ b/frontend/dashboard/src/pages/Report/DoctorRating/index.tsx
@@ -0,0 +1,38 @@
+import { Card, Grid, Container } from '@mui/material';
+import { useParams } from 'react-router-dom';
+import HeaderBreadcrumbs from '@/components/HeaderBreadcrumbs';
+import Page from '@/components/Page';
+import useSettings from '@/hooks/useSettings';
+import List from './List_2';
+
+export default function DoctorRating(){
+    const { themeStretch } = useSettings();
+
+    const { id } = useParams();
+
+    const pageTitle = 'Doctor Rating';
+
+    return(
+        <Page title = {pageTitle}>
+            <Container maxWidth = {themeStretch ? false : 'xl'}>
+                <HeaderBreadcrumbs heading= {pageTitle}
+                links={[
+                    {
+                        name: 'Report',
+                        href: '/report',
+
+                    },
+                    {
+                        name: 'Doctor Rating',
+                        href: '/doctorrating',
+                    },
+                ]}
+                />
+                
+
+                <List/>
+
+            </Container>
+        </Page>
+    );
+}
\ No newline at end of file
diff --git a/frontend/dashboard/src/pages/Report/Prescription/List.tsx b/frontend/dashboard/src/pages/Report/Prescription/List.tsx
index 8ed4712c..7ca00adb 100644
--- a/frontend/dashboard/src/pages/Report/Prescription/List.tsx
+++ b/frontend/dashboard/src/pages/Report/Prescription/List.tsx
@@ -1,440 +1,428 @@
 import {
-    Box,
-    Button,
-    Card,
-    Collapse,
-    Paper,
-    Select,
-    SelectChangeEvent,
-    Table,
-    TableBody,
-    TableCell,
-    TableContainer,
-    TableHead,
-    TableRow,
-    TextField,
-    Typography,
-    Stack,
-    ButtonGroup,
-    Grid,
-    Chip,
-    Dialog,
-    DialogContent,
-    DialogContentText,
-    DialogActions,
-    FormControl,
-    Autocomplete,
-    InputAdornment,
-    IconButton,
-  } from '@mui/material';
+  Box,
+  Button,
+  Card,
+  Collapse,
+  Paper,
+  Select,
+  SelectChangeEvent,
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableRow,
+  TextField,
+  Typography,
+  Stack,
+  ButtonGroup,
+  Grid,
+  Chip,
+  Dialog,
+  DialogContent,
+  DialogContentText,
+  DialogActions,
+  FormControl,
+  Autocomplete,
+  InputAdornment,
+  IconButton,
+} from '@mui/material';
+
+import {
+  Link,
+  NavLink as RouterLink,
+  useSearchParams,
+  useNavigate,
+  useParams,
+} from 'react-router-dom';
+// hooks
+import React, { ChangeEvent, Component, useEffect, useRef, useState } from 'react';
+import useSettings from '../../../hooks/useSettings';
+// components
+import axios from '../../../utils/axios';
+import { LaravelPaginatedData } from '../../../@types/paginated-data';
+import { Icd } from '../../../@types/diagnosis';
+import BasePagination from '../../../components/BasePagination';
+import { Practitioner } from '../../../@types/doctor';
+import CreateIcon from '@mui/icons-material/Create';
+import { Props } from '../../../components/editor/index';
+import { red } from '@mui/material/colors';
+import { margin, padding } from '@mui/system';
+import { enqueueSnackbar } from 'notistack';
+import { Controller } from 'react-hook-form';
+import { User } from '../../../Models/User';
+
+
+import SvgIconStyle from '../../../components/SvgIconStyle';
+import { GridSearchIcon } from '@mui/x-data-grid';
+import { Search } from '@mui/icons-material';
+import { Icon } from '@iconify/react';
+import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
+import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
+
+export default function List(){
+
+  const navigate = useNavigate();
+  const { organization_id } = useParams();
+  const [searchParams, setSearchParams] = useSearchParams();
+  const [searchParamsOrganizations, setSearchParamsOrganizations] = useSearchParams();
+  const [searchParamsSpecialities, setSearchParamsSpecialities] = useSearchParams();
+  const [searchParamsFilter, setSearchParamsFilter] = useSearchParams();
+
+  function Filter(props: any) {
+      // SEARCH
+      const searchInput = useRef<HTMLInputElement>(null);
+      const [searchText, setSearchText] = useState('');
   
-  import {
-    Link,
-    NavLink as RouterLink,
-    useSearchParams,
-    useNavigate,
-    useParams,
-  } from 'react-router-dom';
-  // hooks
-  import React, { ChangeEvent, Component, useEffect, useRef, useState } from 'react';
-  import useSettings from '../../../hooks/useSettings';
-  // components
-  import axios from '../../../utils/axios';
-  import { LaravelPaginatedData } from '../../../@types/paginated-data';
-  import { Icd } from '../../../@types/diagnosis';
-  import BasePagination from '../../../components/BasePagination';
-  import { Practitioner } from '../../../@types/doctor';
-  import CreateIcon from '@mui/icons-material/Create';
-  import { Props } from '../../../components/editor/index';
-  import { red } from '@mui/material/colors';
-  import { margin, padding } from '@mui/system';
-  import { enqueueSnackbar } from 'notistack';
-  import { Controller } from 'react-hook-form';
+      //handle search
+      const handleSearchChange = (event: any) => {
+        const newSearchText = event.target.value ?? '';
+        setSearchText(newSearchText);
+      };
   
-  import SvgIconStyle from '../../../components/SvgIconStyle';
-  import { GridSearchIcon } from '@mui/x-data-grid';
-  import { Search } from '@mui/icons-material';
-  import { Icon } from '@iconify/react';
-  import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
-  import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
+      const handleSearchSubmit = (event: any) => {
+        event.preventDefault();
+  
+        props.onSearch(searchText);
+      };
 
-  export default function List(){
-
-    const navigate = useNavigate();
-    const { organization_id } = useParams();
-    const [searchParams, setSearchParams] = useSearchParams();
-    const [searchParamsOrganizations, setSearchParamsOrganizations] = useSearchParams();
-    const [searchParamsSpecialities, setSearchParamsSpecialities] = useSearchParams();
-    const [searchParamsFilter, setSearchParamsFilter] = useSearchParams();
-
-    function Filter(props: any) {
-        // SEARCH
-        const searchInput = useRef<HTMLInputElement>(null);
-        const [searchText, setSearchText] = useState('');
+      useEffect(() => {
+          // Trigger First Search
+          setSearchText(searchParams.get('search') ?? '');
+        }, []);
     
-        //handle search
-        const handleSearchChange = (event: any) => {
-          const newSearchText = event.target.value ?? '';
-          setSearchText(newSearchText);
-        };
-    
-        const handleSearchSubmit = (event: any) => {
-          event.preventDefault();
-    
-          props.onSearch(searchText);
-        };
+        const item = [
+          {
+            id: '',
+            value: '',
+            name: 'Semua',
+          },
+        ];
 
-        useEffect(() => {
-            // Trigger First Search
-            setSearchText(searchParams.get('search') ?? '');
-          }, []);
-      
-          const item = [
-            {
-              id: '',
-              value: '',
-              name: 'Semua',
-            },
-          ];
-
-          return (
-            <form style={{ width: '100%' }}>
-                <Grid container spacing={2} sx={{ justifyContent: 'space-between', alignItems: 'center' }}>
-                <Grid item xs={12} sm={12} md={12} lg={12}>
-                    <TextField
-                    id="search-input"
-                    ref={searchInput}
-                    variant="outlined"
-                    fullWidth
-                    onChange={handleSearchChange}
-                    onKeyDown={(event) => {
-                        if (event.key === 'Enter') {
-                        handleSearchSubmit(event);
-                        }
-                    }}
-                    value={searchText}
-                    InputProps={{
-                        startAdornment: (
-                        <InputAdornment position="start">
-                            <Search />
-                        </InputAdornment>
-                        ),
-                        placeholder: 'Search',
-                    }}
-                    />
-                </Grid>
-                </Grid>
-            </form> 
-          );
-  }
-  function FilterForm(props: any) {
-    return(
-        <Grid
-        container
-        spacing={2}
-        sx={{ p: 2, justifyContent: 'space-between', alignItems: 'center' }}
-      >
-        <Grid item xs={12} md={12} lg={12}>
-          <Filter onSearch={applyItems} />
-        </Grid>
+        return (
+          <form style={{ width: '100%' }}>
+              <Grid container spacing={2} sx={{ justifyContent: 'space-between', alignItems: 'center' }}>
+              <Grid item xs={12} sm={12} md={12} lg={12}>
+                  <TextField
+                  id="search-input"
+                  ref={searchInput}
+                  variant="outlined"
+                  fullWidth
+                  onChange={handleSearchChange}
+                  onKeyDown={(event) => {
+                      if (event.key === 'Enter') {
+                      handleSearchSubmit(event);
+                      }
+                  }}
+                  value={searchText}
+                  InputProps={{
+                      startAdornment: (
+                      <InputAdornment position="start">
+                          <Search />
+                      </InputAdornment>
+                      ),
+                      placeholder: 'Search',
+                  }}
+                  />
+              </Grid>
+              </Grid>
+          </form> 
+        );
+}
+function FilterForm(props: any) {
+  return(
+      <Grid
+      container
+      spacing={2}
+      sx={{ p: 2, justifyContent: 'space-between', alignItems: 'center' }}
+    >
+      <Grid item xs={12} md={12} lg={12}>
+        <Filter onSearch={applyItems} />
       </Grid>
-    );
-  }
+    </Grid>
+  );
+}
 
-  function createData(doctor: Practitioner): Practitioner {
-    return {
-      ...doctor,
-    };
-  }
+function createData(doctor: Practitioner): Practitioner {
+  return {
+    ...doctor,
+    /* user: doctor.user ? new User(doctor.user) : null; */
+  };
+}
 
-  function Row(props: { row: ReturnType<typeof createData> }) {
-    const { row } = props;
-    const [open, setOpen] = React.useState(false);
-    const [openDialog, setOpenDialog] = React.useState(false);
+function Row(props: { row: ReturnType<typeof createData> }) {
+  const { row } = props;
+  const [open, setOpen] = React.useState(false);
+  const [openDialog, setOpenDialog] = React.useState(false);
 
 
 
-    return (
-      <React.Fragment>
-        <TableRow>
-          <TableCell>
-            <IconButton aria-label="expand row" size="small" onClick={() => setOpen(!open)}>
-              {open ? <KeyboardArrowDownIcon /> : <KeyboardArrowRightIcon />}
-            </IconButton>
-          </TableCell>
-          <TableCell align="left">{row.nID ? row.nID : '-'}</TableCell>
-          <TableCell align="left">
-            {row.nIDUser ? row.nIDUser : '-'}
-          </TableCell>
-          <TableCell align="left">{row.nIDDokter ? row.nIDDokter : '-'}</TableCell>
-          <TableCell align="left">{row.sDokterName ? row.sDokterName : '-'}</TableCell>
-          <TableCell align="left">{row.dTanggalResep ? row.dTanggalResep : '-'}</TableCell>
-          <TableCell align="left">{row.sSource ? row.sSource : '-'}</TableCell>
-          <TableCell align="left">{row.sKodeResep ? row.sKodeResep : '-'}</TableCell>
-          <TableCell align="left">{row.sDiagnose ? row.sDiagnose : '-'}</TableCell>
-          <TableCell align="left">{row.sStatus ? row.sStatus : '-'}</TableCell>
-          {/* <TableCell align="center">
-            <ButtonGroup variant="text" aria-label="text button group">
-              <Link to={'/report/prescription/' + row.id + '/show'}>
-                <Button>
-                  <Icon icon="ph:eye-bold" style={{ width: '24px', height: '24px' }} />
-                </Button>
-              </Link>
-            </ButtonGroup>
-          </TableCell> */}
-        </TableRow>
-        {/* COLLAPSIBLE ROW */}
-        <TableRow>
-          <TableCell
-            style={{ paddingBottom: 0, paddingTop: 0, backgroundColor: 'rgba(244, 246, 248, 0.5)' }}
-            colSpan={6}
-          >
+  return (
+    <React.Fragment>
+      <TableRow>
+        <TableCell>
+          <IconButton aria-label="expand row" size="small" onClick={() => setOpen(!open)}>
+            {open ? <KeyboardArrowDownIcon /> : <KeyboardArrowRightIcon />}
+          </IconButton>
+        </TableCell>
+
+        <TableCell align="left">{row.user ? row.user.sFirstName : '-'}</TableCell>
+        <TableCell align="left">{row.nIDDokter ? row.nIDDokter : '-'}</TableCell>
+        <TableCell align="left">{row.nRating ? row.nRating : '-'}</TableCell>
+        <TableCell align="left">{row.sNotes ? row.sNotes : '-'}</TableCell>
+        <TableCell align="left">{row.dCreateOn ? row.dCreateOn : '-'}</TableCell>
+
+        {/* <TableCell align="center">
+          <ButtonGroup variant="text" aria-label="text button group">
+            <Link to={'/report/prescription/' + row.id + '/show'}>
+              <Button>
+                <Icon icon="ph:eye-bold" style={{ width: '24px', height: '24px' }} />
+              </Button>
+            </Link>
+          </ButtonGroup>
+        </TableCell> */}
+      </TableRow>
+      {/* COLLAPSIBLE ROW */}
+      <TableRow>
+        <TableCell
+          style={{ paddingBottom: 0, paddingTop: 0, backgroundColor: 'rgba(244, 246, 248, 0.5)' }}
+          colSpan={6}
+        >
 {/*             <Collapse in={open} timeout="auto" unmountOnExit>
-              <Box sx={{ margin: 1, pb: 2, pl: 4 }}>
-                <Grid container>
-                  <Grid item xs={12} sx={{ padding: 2 }}>
-                    <Grid container>
-                      <Grid item xs={6}>
-                        Metode Pembayaran
-                      </Grid>
-                      <Grid item xs={6}>
-                        : {row.payment_method ? row.payment_method : '-'}
-                      </Grid>
+            <Box sx={{ margin: 1, pb: 2, pl: 4 }}>
+              <Grid container>
+                <Grid item xs={12} sx={{ padding: 2 }}>
+                  <Grid container>
+                    <Grid item xs={6}>
+                      Metode Pembayaran
+                    </Grid>
+                    <Grid item xs={6}>
+                      : {row.payment_method ? row.payment_method : '-'}
+                    </Grid>
 
-                      <Grid item xs={6}>
-                        Jenis Benefit
-                      </Grid>
-                      <Grid item xs={6}>
-                        : -
-                      </Grid>
-                      <Grid item xs={6}>
-                        Durasi
-                      </Grid>
-                      <Grid item xs={6}>
-                        : {row.duration ? row.duration : '-'}
-                      </Grid>
+                    <Grid item xs={6}>
+                      Jenis Benefit
+                    </Grid>
+                    <Grid item xs={6}>
+                      : -
+                    </Grid>
+                    <Grid item xs={6}>
+                      Durasi
+                    </Grid>
+                    <Grid item xs={6}>
+                      : {row.duration ? row.duration : '-'}
                     </Grid>
                   </Grid>
                 </Grid>
-              </Box>
-            </Collapse> */}
-          </TableCell>
-        </TableRow>
+              </Grid>
+            </Box>
+          </Collapse> */}
+        </TableCell>
+      </TableRow>
 
-        {/* END COLLAPSIBLE ROW */}
-        <Dialog
-          open={openDialog}
-          onClose={() => {
-            setOpenDialog(false);
-          }}
-          aria-labelledby="alert-dialog-title"
-          aria-describedby="alert-dialog-description"
-        >
-          <DialogContent sx={{ p: 5 }}>
-            <Icon
-              icon="eva:trash-2-outline"
-              style={{
-                width: '100px',
-                height: '100px',
-                color: '#FF0000',
-                margin: 'auto',
-                display: 'block',
-                marginBottom: '20px',
-                alignContent: 'center',
-              }}
-            />
-            <DialogContentText sx={{ fontWeight: 'bold', pb: 1 }} id="alert-dialog-title">
-              Apakah anda yakin ingin menghapus
-            </DialogContentText>
-            <Typography sx={{ fontWeight: 'bold' }} id="alert-dialog-title">
-              {row.name}?
-            </Typography>
-          </DialogContent>
-          <DialogActions>
-            <Button
-              onClick={() => {
-                setOpenDialog(false);
-              }}
-              color="primary"
-            >
-              Batal
-            </Button>
-            {/* <Button
-              onClick={() => {
-                handleDelete(row.id);
-              }}
-              color="primary"
-              autoFocus
-            >
-              Hapus
-            </Button> */}
-          </DialogActions>
-        </Dialog>
-      </React.Fragment>
-    );
-  }
-    
-  const headStyle = {
-    fontWeight: 'bold',
-  };
-  // Dummy Default Data
-  const [dataTableIsLoading, setDataTableLoading] = useState(true);
-  const [dataTableLastRequest, setDataTableLastRequest] = useState(0);
-  const [dataTableResponseState, setDataTableResponseState] = useState('idle');
-  const [dataTableData, setDataTableData] = useState<LaravelPaginatedData>({
-    current_page: 1,
-    data: [],
-    path: '',
-    first_page_url: '',
-    last_page: 1,
-    last_page_url: '',
-    next_page_url: '',
-    prev_page_url: '',
-    per_page: 10,
-    from: 0,
-    to: 0,
-    total: 0,
+      {/* END COLLAPSIBLE ROW */}
+      <Dialog
+        open={openDialog}
+        onClose={() => {
+          setOpenDialog(false);
+        }}
+        aria-labelledby="alert-dialog-title"
+        aria-describedby="alert-dialog-description"
+      >
+        <DialogContent sx={{ p: 5 }}>
+          <Icon
+            icon="eva:trash-2-outline"
+            style={{
+              width: '100px',
+              height: '100px',
+              color: '#FF0000',
+              margin: 'auto',
+              display: 'block',
+              marginBottom: '20px',
+              alignContent: 'center',
+            }}
+          />
+          <DialogContentText sx={{ fontWeight: 'bold', pb: 1 }} id="alert-dialog-title">
+            Apakah anda yakin ingin menghapus
+          </DialogContentText>
+          <Typography sx={{ fontWeight: 'bold' }} id="alert-dialog-title">
+            {row.name}?
+          </Typography>
+        </DialogContent>
+        <DialogActions>
+          <Button
+            onClick={() => {
+              setOpenDialog(false);
+            }}
+            color="primary"
+          >
+            Batal
+          </Button>
+          {/* <Button
+            onClick={() => {
+              handleDelete(row.id);
+            }}
+            color="primary"
+            autoFocus
+          >
+            Hapus
+          </Button> */}
+        </DialogActions>
+      </Dialog>
+    </React.Fragment>
+  );
+}
+  
+const headStyle = {
+  fontWeight: 'bold',
+};
+// Dummy Default Data
+const [dataTableIsLoading, setDataTableLoading] = useState(true);
+const [dataTableLastRequest, setDataTableLastRequest] = useState(0);
+const [dataTableResponseState, setDataTableResponseState] = useState('idle');
+const [dataTableData, setDataTableData] = useState<LaravelPaginatedData>({
+  current_page: 1,
+  data: [],
+  path: '',
+  first_page_url: '',
+  last_page: 1,
+  last_page_url: '',
+  next_page_url: '',
+  prev_page_url: '',
+  per_page: 10,
+  from: 0,
+  to: 0,
+  total: 0,
+});
+const [dataTablePage, setDataTablePage] = useState(5);
+
+const loadDataTableData = async (appliedFilter: any | null = null) => {
+  setDataTableLoading(true);
+  const filter = appliedFilter ? appliedFilter : Object.fromEntries([...searchParams.entries()]);
+  const response = await axios.get('/doctorrating ', {
+    params: filter,
   });
-  const [dataTablePage, setDataTablePage] = useState(5);
+  setDataTableLoading(false);
+  setDataTableData(response.data);
+};
 
-  const loadDataTableData = async (appliedFilter: any | null = null) => {
-    setDataTableLoading(true);
-    const filter = appliedFilter ? appliedFilter : Object.fromEntries([...searchParams.entries()]);
-    const response = await axios.get('/prescription', {
-      params: filter,
-    });
-    setDataTableLoading(false);
-    setDataTableData(response.data);
-  };
+// const applyFilter = async (searchFilter: string) => {
+//   await loadDataTableData({ search: searchFilter });
+//   setSearchParams({ search: searchFilter });
+// };
 
-  // const applyFilter = async (searchFilter: string) => {
-  //   await loadDataTableData({ search: searchFilter });
-  //   setSearchParams({ search: searchFilter });
-  // };
+const applyItems = async (
+  searchFilter: string,
+  searchFilterOrganization: string,
+  searchFilterSpecialities: string
+) => {
+  await loadDataTableData({
+    search: searchFilter,
+    organization_id: searchFilterOrganization,
+    speciality_id: searchFilterSpecialities,
+  });
+  setSearchParamsFilter({
+    search: searchFilter,
+    organization_id: searchFilterOrganization,
+    speciality_id: searchFilterSpecialities,
+  });
+};
 
-  const applyItems = async (
-    searchFilter: string,
-    searchFilterOrganization: string,
-    searchFilterSpecialities: string
-  ) => {
-    await loadDataTableData({
-      search: searchFilter,
-      organization_id: searchFilterOrganization,
-      speciality_id: searchFilterSpecialities,
-    });
-    setSearchParamsFilter({
-      search: searchFilter,
-      organization_id: searchFilterOrganization,
-      speciality_id: searchFilterSpecialities,
-    });
-  };
+const handlePageChange = (event: ChangeEvent, value: number) => {
+  const filter = Object.fromEntries([...searchParams.entries(), ['page', value]]);
+  loadDataTableData(filter);
+  setSearchParams(filter);
+};
 
-  const handlePageChange = (event: ChangeEvent, value: number) => {
-    const filter = Object.fromEntries([...searchParams.entries(), ['page', value]]);
-    loadDataTableData(filter);
-    setSearchParams(filter);
-  };
+useEffect(() => {
+  loadDataTableData();
+}, []);
 
-  useEffect(() => {
-    loadDataTableData();
-  }, []);
+return (
+  <Stack>
+    {/* <Ambulace /> */}
 
-  return (
-    <Stack>
-      {/* <Ambulace /> */}
+    <Card sx={{ marginTop: '30px' }}>
+      <FilterForm sx={{ marginTop: '100px' }} />
 
-      <Card sx={{ marginTop: '30px' }}>
-        <FilterForm sx={{ marginTop: '100px' }} />
+      {/* The Main Table */}
+      <TableContainer component={Paper}>
+        <Table>
+          <TableBody>
+            <TableRow>
+              {/* <TableCell colSpan={8} rowSpan={1} align="center" /> */}
+              <TableCell style={headStyle} align="left" />
+              <TableCell style={headStyle} rowSpan={2} align="left">
+                Nama User
+              </TableCell>
+              <TableCell style={headStyle} rowSpan={2} align="left">
+                ID Dokter
+              </TableCell>
+              <TableCell style={headStyle} rowSpan={2} align="left">
+                Rating
+              </TableCell>
+              <TableCell style={headStyle} rowSpan={2} align="left">
+                Notes
+              </TableCell>
+              <TableCell style={headStyle} rowSpan={2} align="left">
+                Created On
+              </TableCell>
 
-        {/* The Main Table */}
-        <TableContainer component={Paper}>
-          <Table>
+            </TableRow>
+{/*               <TableRow>
+              <TableCell style={headStyle} align="left" />
+              <TableCell style={headStyle} align="left">
+                Tanggal Booking
+              </TableCell>
+              <TableCell style={headStyle} align="left">
+                Tanggal Appointment
+              </TableCell>
+              <TableCell style={headStyle} align="left">
+                Faskes
+              </TableCell>
+              <TableCell style={headStyle} align="left">
+                Nama Dokter
+              </TableCell>
+              <TableCell style={headStyle} align="left">
+                Spesialisasi
+              </TableCell>
+              <TableCell style={headStyle} align="left">
+                Pasien
+              </TableCell>
+              <TableCell style={headStyle} align="left">
+                Dokter
+              </TableCell>
+            </TableRow> */}
+          </TableBody>
+          {dataTableIsLoading ? (
             <TableBody>
               <TableRow>
-                {/* <TableCell colSpan={8} rowSpan={1} align="center" /> */}
-                <TableCell style={headStyle} align="left" />
-                <TableCell style={headStyle} rowSpan={2} align="left">
-                  ID Booking
-                </TableCell>
-                <TableCell style={headStyle} rowSpan={2} align="left">
-                  ID User
-                </TableCell>
-                <TableCell style={headStyle} rowSpan={2} align="left">
-                  ID Dokter
-                </TableCell>
-                <TableCell style={headStyle} rowSpan={2} align="left">
-                  Nama Dokter
-                </TableCell>
-                <TableCell style={headStyle} rowSpan={2} align="left">
-                  Tanggal Resep
-                </TableCell>
-                <TableCell style={headStyle} rowSpan={2} align="left">
-                  Source
-                </TableCell>
-                <TableCell style={headStyle} rowSpan={2} align="left">
-                    Kode Resep
-                </TableCell>
-                <TableCell style={headStyle} rowSpan={2} align="left">
-                  Diagnosa
-                </TableCell>
-                <TableCell style={headStyle} rowSpan={2} align="left">
-                  Status
+                <TableCell colSpan={8} align="center">
+                  Loading
                 </TableCell>
               </TableRow>
-{/*               <TableRow>
-                <TableCell style={headStyle} align="left" />
-                <TableCell style={headStyle} align="left">
-                  Tanggal Booking
-                </TableCell>
-                <TableCell style={headStyle} align="left">
-                  Tanggal Appointment
-                </TableCell>
-                <TableCell style={headStyle} align="left">
-                  Faskes
-                </TableCell>
-                <TableCell style={headStyle} align="left">
-                  Nama Dokter
-                </TableCell>
-                <TableCell style={headStyle} align="left">
-                  Spesialisasi
-                </TableCell>
-                <TableCell style={headStyle} align="left">
-                  Pasien
-                </TableCell>
-                <TableCell style={headStyle} align="left">
-                  Dokter
-                </TableCell>
-              </TableRow> */}
             </TableBody>
-            {dataTableIsLoading ? (
-              <TableBody>
-                <TableRow>
-                  <TableCell colSpan={8} align="center">
-                    Loading
-                  </TableCell>
-                </TableRow>
-              </TableBody>
-            ) : (dataTableData.data && dataTableData.data.length === 0) ? (
+          ) : (dataTableData.data && dataTableData.data.length === 0) ? (
 
-              <TableBody>
-                <TableRow>
-                  <TableCell colSpan={8} align="center">
-                    No Data
-                  </TableCell>
-                </TableRow>
-              </TableBody>
-            ) : (
-              <TableBody>
-                {dataTableData && dataTableData.map((row) => (
-                  <Row key={row.id} row={row} />
-                ))}
-              </TableBody>
-            )}
-          </Table>
-        </TableContainer>
+            <TableBody>
+              <TableRow>
+                <TableCell colSpan={8} align="center">
+                  No Data
+                </TableCell>
+              </TableRow>
+            </TableBody>
+          ) : (
+            <TableBody>
+              {dataTableData && dataTableData.map((row) => (
+                <Row key={row.id} row={row} />
+              ))}
+            </TableBody>
+          )}
+        </Table>
+      </TableContainer>
 
-        <BasePagination paginationData={dataTableData} onPageChange={handlePageChange} />
-      </Card>
-    </Stack>
-  );
+      <BasePagination paginationData={dataTableData} onPageChange={handlePageChange} />
+    </Card>
+  </Stack>
+);
 }
\ No newline at end of file
diff --git a/frontend/dashboard/src/pages/Report/Prescription/listnya b/frontend/dashboard/src/pages/Report/Prescription/listnya
new file mode 100644
index 00000000..e69de29b
diff --git a/frontend/dashboard/src/routes/index.tsx b/frontend/dashboard/src/routes/index.tsx
index e4b54e82..455291c5 100644
--- a/frontend/dashboard/src/routes/index.tsx
+++ b/frontend/dashboard/src/routes/index.tsx
@@ -13,6 +13,7 @@ import { AuthProvider } from '../contexts/LaravelAuthContext';
 import AuthGuard from '../guards/AuthGuard';
 import { Link, useParams, useSearchParams } from 'react-router-dom';
 import Prescription from '@/pages/Report/Prescription/Index';
+import DoctorRating from '@/pages/Report/DoctorRating/Index';
 
 // ----------------------------------------------------------------------
 
@@ -290,6 +291,10 @@ export default function Router() {
           path: 'report/prescription',
           element: <Prescription/>,
         },
+        {
+          path: 'report/doctorrating',
+          element: <DoctorRating/>,
+        },
         {
           path: 'report/linksehat-payments',
           element: <LinksehatPayment />,