// third-party
import { FormattedMessage } from 'react-intl';
import { AiOutlineBarChart } from 'react-icons/ai';
import { AiOutlineDashboard } from 'react-icons/ai';
import { TbListDetails } from 'react-icons/tb';
import { LiaFileInvoiceSolid } from 'react-icons/lia';
import DirectionsBikeOutlinedIcon from '@mui/icons-material/DirectionsBikeOutlined';
import RouteOutlinedIcon from '@mui/icons-material/RouteOutlined';
import MopedOutlinedIcon from '@mui/icons-material/MopedOutlined';

// assets
import {
  BorderOutlined,
  BoxPlotOutlined,
  ChromeOutlined,
  DeploymentUnitOutlined,
  GatewayOutlined,
  MenuUnfoldOutlined,
  QuestionOutlined,
  SmileOutlined,
  StopOutlined,
  DashboardOutlined,
  ClockCircleOutlined,
  UserOutlined,
  SettingOutlined
} from '@ant-design/icons';
import { Path } from 'leaflet';
import { LocationOnOutlined } from '@mui/icons-material';

// icons
const icons = {
  ChromeOutlined,
  MenuUnfoldOutlined,
  BoxPlotOutlined,
  StopOutlined,
  BorderOutlined,
  SmileOutlined,
  GatewayOutlined,
  QuestionOutlined,
  DeploymentUnitOutlined,
  DashboardOutlined,
  ClockCircleOutlined,
  UserOutlined,
  SettingOutlined
};

// ==============================|| MENU ITEMS - SUPPORT ||============================== //

const nearle = {
  id: 'nearle',
  title: <FormattedMessage id="MENU" />,
  type: 'group',
  children: [
    {
      id: 'dispatch',
      title: <FormattedMessage id="Dispatch" />,
      type: 'item',
      url: '/nearle/dispatch',
      icon: RouteOutlinedIcon
    },
    {
      id: 'orders',
      title: <FormattedMessage id="Orders" />,
      type: 'item',
      url: '/nearle/orders',
      icon: AiOutlineDashboard
    },
    {
      id: 'deliveries',
      title: <FormattedMessage id="Deliveries" />,
      type: 'item',
      url: '/nearle/deliveries',
      icon: MopedOutlinedIcon
    },
    {
      id: 'locations',
      title: <FormattedMessage id="Locations" />,
      type: 'item',
      url: '/nearle/locations',
      icon: LocationOnOutlined
    },
    // {
    //   id: 'customers',
    //   title: <FormattedMessage id="Customers" />,
    //   type: 'item',
    //   url: '/nearle/customers',
    //   icon: icons.UserOutlined
    // },
    {
      id: 'reports',
      title: <FormattedMessage id="Reports" />,
      type: 'collapse',
      icon: AiOutlineBarChart,
      children: [
        {
          id: 'orderSummary',
          title: <FormattedMessage id="OrderSummary" />,
          type: 'item',
          url: '/nearle/reports/ordersummary',
          icon: TbListDetails
        },
        {
          id: 'ordersDetails',
          title: <FormattedMessage id="OrdersDetails" />,
          type: 'item',
          url: '/nearle/reports/ordersdetails',
          icon: AiOutlineDashboard
        },
        {
          id: 'riderSummary',
          title: <FormattedMessage id="RiderSummary" />,
          type: 'item',
          url: '/nearle/reports/ridersummary',
          icon: DirectionsBikeOutlinedIcon
        },
        {
          id: 'RiderLogs',
          title: <FormattedMessage id="RiderLogs" />,
          type: 'item',
          url: '/nearle/reports/riderlogs',
          icon: DirectionsBikeOutlinedIcon
        }
      ]
    },
    {
      id: 'invoice',
      title: <FormattedMessage id="Invoice" />,
      type: 'item',
      url: 'nearle/invoice',
      icon: LiaFileInvoiceSolid
    }
  ]
};

export default nearle;
