// third-party
import { FormattedMessage } from 'react-intl';
import DirectionsBikeOutlinedIcon from '@mui/icons-material/DirectionsBikeOutlined';
import ReceiptOutlinedIcon from '@mui/icons-material/ReceiptOutlined';
import MopedOutlinedIcon from '@mui/icons-material/MopedOutlined';
import { TbListDetails } from 'react-icons/tb';

// assets
import {
  BorderOutlined,
  BoxPlotOutlined,
  ChromeOutlined,
  DeploymentUnitOutlined,
  GatewayOutlined,
  MenuUnfoldOutlined,
  QuestionOutlined,
  SmileOutlined,
  StopOutlined,
  DashboardOutlined,
  ClockCircleOutlined,
  UserOutlined,
  SettingOutlined,
  TeamOutlined,
  MailOutlined,
  ImportOutlined,
  BarChartOutlined,
  MoneyCollectOutlined,
  FileDoneOutlined
} from '@ant-design/icons';

// icons
const icons = {
  ChromeOutlined,
  MenuUnfoldOutlined,
  BoxPlotOutlined,
  StopOutlined,
  BorderOutlined,
  SmileOutlined,
  GatewayOutlined,
  QuestionOutlined,
  DeploymentUnitOutlined,
  DashboardOutlined,
  ClockCircleOutlined,
  UserOutlined,
  SettingOutlined,
  TeamOutlined,
  MailOutlined,
  ImportOutlined,
  BarChartOutlined,
  ReceiptOutlinedIcon,
  FileDoneOutlined
};

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

const nearle = {
  id: 'nearle_Pages',
  title: <FormattedMessage id="Nearle" />,
  icon: icons.FileDoneOutlined,
  type: 'group',
  children: [
    {
      id: 'orders',
      title: <FormattedMessage id="orders" />,
      type: 'item',
      url: '/nearle/orders',
      icon: icons.DashboardOutlined
    },

    {
      id: 'deliveries',
      title: <FormattedMessage id="deliveries" />,
      type: 'item',
      url: '/nearle/deliveries',
      icon: MopedOutlinedIcon
    },
    {
      id: 'tenants',
      title: <FormattedMessage id="tenants" />,
      type: 'item',
      url: '/nearle/tenants',
      icon: icons.UserOutlined
    },
    {
      id: 'pricing',
      title: <FormattedMessage id="pricing" />,
      type: 'item',
      url: '/nearle/pricing',
      icon: MoneyCollectOutlined
    },
    {
      id: 'customers',
      title: <FormattedMessage id="customers" />,
      type: 'item',
      url: '/nearle/customers',
      icon: icons.TeamOutlined
    },
    {
      id: 'riders',
      title: <FormattedMessage id="riders" />,
      type: 'item',
      url: '/nearle/riders',
      icon: DirectionsBikeOutlinedIcon
    },
    {
      id: 'reports',
      title: <FormattedMessage id="reports" />,
      type: 'collapse',
      icon: icons.BarChartOutlined,
      children: [
        {
          id: 'reports',
          title: <FormattedMessage id="ordersummary" />,
          type: 'item',
          url: '/nearle/reports/orderssummary',
          icon: TbListDetails
        },
        {
          id: 'ordersdetails',
          title: <FormattedMessage id="ordersdetails" />,
          type: 'item',
          url: '/nearle/reports/ordersdetails',
          icon: icons.DashboardOutlined
          // target: true
        },
        {
          id: 'riderssummary',
          title: <FormattedMessage id="riderssummary" />,
          type: 'item',
          url: '/nearle/reports/riderssummary',
          icon: DirectionsBikeOutlinedIcon
          // target: true
        },
        {
          id: 'riderslogs',
          title: <FormattedMessage id="riderslogs" />,
          type: 'item',
          url: '/nearle/reports/riderslogs',
          icon: DirectionsBikeOutlinedIcon
          // target: true
        }
      ]
    },
    {
      id: 'invoice',
      title: <FormattedMessage id="invoice" />,
      type: 'item',
      url: '/nearle/invoice',
      icon: icons.ReceiptOutlinedIcon
    }
  ]
};

export default nearle;
