import { lazy } from 'react';
import { Route } from 'react-router-dom';
import { PdaRoutes } from '@models';
import { PdaGuard } from '@guards';

export const useRoutes2Pda = () => {
  const TablaClientes = lazy(() => import('@Pda/pages').then(module =>({default: module.TablaClientes})))
  const Home = lazy(() => import('@Pda/pages').then(module =>({default: module.Home})))
  const Productos = lazy(() => import('@Pda/pages').then(module =>({default: module.Productos})))
  const NoPagado = lazy(() => import('@Pda/pages').then(module => ({default: module.NoPagado})))
  const NoPagadoInvoices = lazy(() => import('@Pda/pages').then(module => ({default: module.NoPagadoInvoices})))
  const NewClient = lazy(() => import('@Pda/pages').then(module => ({default: module.NewClient})))
  const Entrega = lazy(() => import('@Pda/pages').then(module => ({default: module.Entrega})))
  const EditClient = lazy(() => import('@Pda/pages').then(module => ({default: module.EditClient})))
  const EntregaNoPagado = lazy(() => import('@Pda/pages').then(module => ({default: module.EntregaNoPagado})))
  const Liqui = lazy(() => import('@Pda/pages').then(module => ({default: module.Liqui})))
  const InvoicesTodayProducts = lazy(() => import('@Pda/pages').then(module => ({default: module.InvoicesTodayProducts})))
  const InvoiceTodayEntrega = lazy(() => import('@Pda/pages').then(module => ({default: module.InvoiceTodayEntrega})))
  const InvoicesToday = lazy(() => import('@Pda/pages').then(module => ({default: module.InvoicesToday})))
  return (
    <Route element={<PdaGuard />}>
      <Route path={PdaRoutes.HOME} element={<Home />} />
      <Route path={PdaRoutes.ClIENTS} element={<TablaClientes />} />
      <Route path={PdaRoutes.NEW_CLIENT} element={<NewClient />} />
      <Route path={`${PdaRoutes.EDIT_CLIENT}/:id`} element={<EditClient />} />
      <Route path={`${PdaRoutes.PRODUCTS}/:id`} element={<Productos />} />
      <Route path={`${PdaRoutes.NEW_INVOICE}/:id`} element={<Entrega />} />
      <Route path={`${PdaRoutes.PAID_INVOICES}/:id`} element={<NoPagadoInvoices />} />
      <Route path={PdaRoutes.PAID_CLIENTS} element={<NoPagado />} />
      <Route path={`${PdaRoutes.PAID_UPDATE_INVOICE}/:id`} element={<EntregaNoPagado />} />
      <Route path={PdaRoutes.LIQUIDATION} element={<Liqui />} />
      <Route path={PdaRoutes.TODAY_INVOICES} element={<InvoicesToday />} />
      <Route path={`${PdaRoutes.TODAY_INVOICE_PRODUCTS}/:id`} element={<InvoicesTodayProducts />} />
      <Route path={`${PdaRoutes.TODAY_INVOICE_PAID}/:id`} element={<InvoiceTodayEntrega />} />
    </Route>
  );
};