import IconSearch from '#adata-ui/icons/search.vue'
import { PAGES } from '#adata-ui/shared/constans/pages'
import IconArrowCircle from '#adata-ui/icons/arrow/arrow-circle-down.vue'
import IconUsers from '#adata-ui/icons/users.vue'
import IconGlobe from '#adata-ui/icons/globe.vue'
import IconScales from '#adata-ui/icons/scales/scale.vue'
import IconLink from '#adata-ui/icons/link-chain.vue'
import IconBlock from '#adata-ui/icons/block.vue'
import IconDollar from '#adata-ui/icons/currency/currency-dollar.vue'
import IconWork from '#adata-ui/icons/work-bag.vue'
import IconDocument from '#adata-ui/icons/hdocument.vue'
import IconCheck from '#adata-ui/icons/hcheck.vue'
import IconFile from '#adata-ui/icons/file/file.vue'
import IconCheckCircle from '#adata-ui/icons/check/check-circle.vue'
import IconCar from '#adata-ui/icons/car.vue'
import IconTruck from '#adata-ui/icons/truck.vue'
import IconClipboardText from '#adata-ui/icons/clipboard-text.vue'
import IconArrowGraph from '#adata-ui/icons/arrow/arrow-graph-up.vue'
import IconMedal from '#adata-ui/icons/medal.vue'
import IconCompany from '#adata-ui/icons/company.vue'
import IconHandshake from '#adata-ui/icons/handshake.vue'
import Connections from '#adata-ui/icons/sviazi.vue'
import IconCalc from '#adata-ui/icons/calculator.vue'
import IconProfile from '#adata-ui/icons/profile.vue'
import { buildLocalizedUrl } from '#adata-ui/utils/localizedNavigation'
import IconLock from '#adata-ui/icons/lock.vue'
import IconReceipt from '#adata-ui/icons/receipt.vue'
import IconFavorite from '#adata-ui/icons/bookmark/bookmark.vue'
import IconReport from '#adata-ui/icons/file/file.vue'
import IconHistory from '#adata-ui/icons/history.vue'
import IconMessage from '#adata-ui/icons/message/message.vue'
import {
  AIconWorkBag,
  AIconUsersThree,
  AIconReceipt,
  AIconCar,
  AIconArrowGraphUp,
  AIconGlobe,
  AIconId,
  AIconFiles,
  AIconArrowSquareDown, AIconExpandWindow
} from '#components'
import MapPinRect from '#adata-ui/icons/map/map-pin-rect.vue'
import MagnifyingGlass from '#adata-ui/icons/magnify/magnifying-glass.vue'
import MapPaper from '#adata-ui/icons/map-paper.vue'

export const useHeaderNavigationLinks = () => {
  const { t, locale } = useI18n()
  const { myLayer } = useAppConfig()
  const localePath = useLocalePath()

  return computed(() => {
    return [
      {
        key: 'pk',
        name: t('header.products.counterparties.label'),
        icon: AIconUsersThree,
        to: myLayer.pkUrl,
        items: [
          {
            title: t('header.products.counterparties.items.counterparty.title'),
            subtitle: t('header.products.counterparties.items.counterparty.subtitle'),
            icon: IconSearch,
            to: buildLocalizedUrl(locale, myLayer.pkUrl, PAGES.pk.main),
          },
          {
            title: t('header.products.counterparties.items.unloading.title'),
            subtitle: t('header.products.counterparties.items.unloading.subtitle'),
            icon: IconArrowCircle,
            to: buildLocalizedUrl(locale, myLayer.pkUrl, PAGES.pk.unload),
          },
          {
            title: t('header.products.counterparties.items.wholesale.title'),
            subtitle: t('header.products.counterparties.items.wholesale.subtitle'),
            icon: IconUsers,
            to: buildLocalizedUrl(locale, myLayer.pkUrl, PAGES.pk.employees),
          },
          {
            title: t('header.products.counterparties.items.foreign.title'),
            subtitle: t('header.products.counterparties.items.foreign.subtitle'),
            icon: IconGlobe,
            to: buildLocalizedUrl(locale, myLayer.pkUrl, PAGES.pk.foreign),
          },
          {
            title: t('header.products.counterparties.items.compare.title'),
            icon: IconScales,
            to: buildLocalizedUrl(locale, myLayer.pkUrl, PAGES.pk.compare),
          },
          {
            title: t('header.products.counterparties.items.networks.title'),
            icon: IconLink,
            to: buildLocalizedUrl(locale, myLayer.pkUrl, PAGES.pk.connections)
          },
          {
            title: t('header.products.counterparties.items.sanction.title'),
            icon: IconBlock,
            to: buildLocalizedUrl(locale, myLayer.pkUrl, PAGES.pk.sanctions)
          },
          {
            title: t('header.products.counterparties.items.offshore.title'),
            icon: IconDollar,
            to: buildLocalizedUrl(locale, myLayer.pkUrl, PAGES.pk.offshore)
          }
        ]
      },
      {
        key: 'work',
        name: t('header.products.jobs.label'),
        icon: AIconWorkBag,
        items: [
          {
            title: t('header.products.jobs.items.vacancies.title'),
            icon: IconWork,
            subtitle: t('header.products.jobs.items.vacancies.subtitle'),
            to: myLayer.workUrl + PAGES.work.vacancy
          },
          {
            title: t('header.products.jobs.items.resume.title'),
            subtitle: t('header.products.jobs.items.resume.subtitle'),
            icon: IconDocument,
            to: myLayer.workUrl + PAGES.work.summary
          }
        ]
      },
      {
        key: 'tenders',
        name: t('header.products.tenders.label'),
        icon: AIconReceipt,
        to: myLayer.tenderUrl,
        items: [
          {
            title: t('header.products.tenders.items.tenders.title'),
            subtitle: t('header.products.tenders.items.tenders.subtitle'),
            icon: IconSearch,
            to: myLayer.tenderUrl + PAGES.tender.main
          },
          {
            title: t('header.products.tenders.items.procurement.title'),
            subtitle: t('header.products.tenders.items.procurement.subtitle'),
            icon: IconCheck,
            to: myLayer.tenderUrl + PAGES.tender.plans
          },
          {
            title: t('header.products.tenders.items.contracts.title'),
            subtitle: t('header.products.tenders.items.contracts.subtitle'),
            icon: IconFile,
            to: myLayer.tenderUrl + PAGES.tender.contracts
          }
        ]
      },
      {
        key: 'fines',
        name: t('header.products.fines.label'),
        icon: AIconCar,
        items: [
          {
            title: t('header.products.fines.items.fines.title'),
            subtitle: t('header.products.fines.items.fines.subtitle'),
            icon: IconCheckCircle,
            to: buildLocalizedUrl(locale, myLayer.avtoUrl, PAGES.fines.main)
          },
          {
            title: t('header.products.fines.items.auto.title'),
            subtitle: t('header.products.fines.items.auto.subtitle'),
            icon: IconCar,
            to: buildLocalizedUrl(locale, myLayer.avtoUrl, PAGES.fines.avto)
          },
          {
            title: t('header.products.fines.items.wholesaleAuto.title'),
            subtitle: t('header.products.fines.items.wholesaleAuto.subtitle'),
            icon: IconTruck,
            to: buildLocalizedUrl(locale, myLayer.avtoUrl, PAGES.fines.bulk)
          }
        ]
      },
      {
        key: 'analytics',
        name: t('header.products.analytics.label'),
        icon: AIconArrowGraphUp,
        items: [
          {
            title: t('header.products.analytics.items.procurement.title'),
            subtitle: t('header.products.analytics.items.procurement.subtitle'),
            icon: IconClipboardText,
            to: buildLocalizedUrl(locale, myLayer.analyticsNewUrl, PAGES.analytics.main)
          },
          {
            title: t('header.products.analytics.items.activity.title'),
            subtitle: t('header.products.analytics.items.activity.subtitle'),
            icon: IconArrowGraph,
            to: buildLocalizedUrl(locale, myLayer.analyticsNewUrl, PAGES.analytics.index)

          },
          {
            title: t('header.products.analytics.items.rate.title'),
            subtitle: t('header.products.analytics.items.rate.subtitle'),
            icon: IconMedal,
            to: buildLocalizedUrl(locale, myLayer.analyticsNewUrl, PAGES.analytics.rating)
          },
          {
            title: t('header.products.analytics.items.subjects.title'),
            subtitle: t('header.products.analytics.items.subjects.subtitle'),
            icon: IconCompany,
            to: buildLocalizedUrl(locale, myLayer.analyticsNewUrl, PAGES.analytics.business)
          }
        ]
      },
      {
        key: 'fea',
        name: t('header.products.fea.label'),
        icon: AIconGlobe,
        items: [
          {
            title: t('header.products.fea.items.o.t'),
            subtitle: t('header.products.fea.items.o.st'),
            icon: Connections,
            to: buildLocalizedUrl(locale, myLayer.tnvedUrl, PAGES.fea.main)
          },
          // {
          //   title: t('header.products.fea.items.i.t'),
          //   subtitle: t('header.products.fea.items.i.st'),
          //   icon: IconHandshake,
          //   to: buildLocalizedUrl(locale, myLayer.tnvedUrl, PAGES.fea.t)
          // },
          {
            title: t('header.products.fea.items.cp.t'),
            subtitle: t('header.products.fea.items.cp.st'),
            icon: IconTruck,
            to: buildLocalizedUrl(locale, myLayer.tnvedUrl, PAGES.fea.cp)

          },
          {
            title: t('header.products.fea.items.ca.t'),
            subtitle: t('header.products.fea.items.ca.st'),
            icon: IconCalc,
            to: buildLocalizedUrl(locale, myLayer.tnvedUrl, PAGES.fea.ca)
          },
          {
            title: t('header.products.fea.items.tr.t'),
            subtitle: t('header.products.fea.items.tr.st'),
            icon: IconGlobe,
            to: buildLocalizedUrl(locale, myLayer.tnvedUrl, PAGES.fea.tr)
          },
          {
            title: t('header.products.fea.items.containers.t'),
            subtitle: t('header.products.fea.items.containers.st'),
            icon: MapPaper,
            to: buildLocalizedUrl(locale, myLayer.tnvedUrl, PAGES.fea.containers)
          },
          {
            title: t('header.products.fea.items.importerMap.t'),
            subtitle: t('header.products.fea.items.importerMap.st'),
            icon: MapPinRect,
            to: buildLocalizedUrl(locale, myLayer.tnvedUrl, PAGES.fea.importerMap)
          },
        ]
      },
      {
        key: 'compliance',
        name: t('header.products.compliance.label'),
        icon: AIconId,
        items: [
          {
            title: t('header.products.compliance.items.l.t'),
            subtitle: t('header.products.compliance.items.l.st'),
            icon: IconProfile,
            to: buildLocalizedUrl(locale, `${myLayer.complianceUrl}/compliance`, '')
          }
        ]
      },
      {
        key: 'edo',
        name: t('header.products.edo.label'),
        icon: AIconFiles,
        items: [
          {
            title: t('header.products.edo.items.l.t'),
            subtitle: t('header.products.edo.items.l.t'),
            icon: AIconFiles,
            to: buildLocalizedUrl(locale, myLayer?.edoUrl ?? `https://edo.adata.kz` , '')
          }
        ]
      }
    ]
  })
}

export const useFooterNavigationLinks = () => {
  const { locale } = useI18n()
  const { myLayer } = useAppConfig()

  return computed(()=>{
    return {
      counterparties: {
        title: 'footer.counterparties.title',
        link: buildLocalizedUrl(locale.value, myLayer.pkUrl, ''),
        items: [
          {
            title: 'footer.counterparties.checkCounterparties',
            link: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.main),
          },
          {
            title: 'footer.counterparties.compareCounterparties',
            link: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.compare),
          },
          {
            title: 'footer.counterparties.indirectConnections',
            link: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.connections),
          },
          {
            title: 'footer.counterparties.massCheck',
            link: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.employees),
          },
          {
            title: 'footer.counterparties.foreignCounterparties',
            link: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.foreign),
          },
          {
            title: 'footer.counterparties.sanctions',
            link: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.sanctions),
          },
          {
            title: 'footer.counterparties.offshores',
            link: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.offshore),
          }
        ]
      },
      work: {
        title: 'footer.work.title',
        link: myLayer.workUrl + PAGES.work.vacancy,
        items: [
          {
            title: 'footer.work.createFindVacancies',
            link: myLayer.workUrl + PAGES.work.vacancy
          },
          {
            title: 'footer.work.createFindResume',
            link: myLayer.workUrl + PAGES.work.summary
          }
        ]
      },
      tenders: {
        title: 'footer.tenders.title',
        link: myLayer.tenderUrl + PAGES.tender.main,
        items: [
          {
            title: 'footer.tenders.searchTenders',
            link: myLayer.tenderUrl + PAGES.tender.main
          },
          {
            title: 'footer.tenders.purchasePlans',
            link: myLayer.tenderUrl + PAGES.tender.plans
          }
        ]
      },
      fines: {
        title: 'footer.fines.title',
        link: buildLocalizedUrl(locale.value, myLayer.avtoUrl, PAGES.fines.main),
        items: [
          {
            title: 'footer.fines.checkFines',
            link: buildLocalizedUrl(locale.value, myLayer.avtoUrl, PAGES.fines.main),
          },
          {
            title: 'footer.fines.checkAuto',
            link: buildLocalizedUrl(locale.value, myLayer.avtoUrl, PAGES.fines.avto),
          },
          {
            title: 'footer.fines.massCheckAuto',
            link: buildLocalizedUrl(locale.value, myLayer.avtoUrl, PAGES.fines.bulk),
          }
        ]
      },
      analytics: {
        title: 'footer.analytics.title',
        link: buildLocalizedUrl(locale, 'https://analytics-new.adata.kz', PAGES.analytics.main),
        items: [
          {
            title: 'footer.analytics.purchaseAnalysis',
            link: myLayer.analyticsUrl + PAGES.analytics.analysis
          },
          {
            title: 'footer.analytics.businessActivityIndex',
            link: buildLocalizedUrl(locale, 'https://analytics-new.adata.kz', PAGES.analytics.index)

          },
          {
            title: 'footer.analytics.taxpayerRanking',
            link: buildLocalizedUrl(locale, 'https://analytics-new.adata.kz', PAGES.analytics.rating)
          },
          {
            title: 'footer.analytics.businessEntities',
            link: buildLocalizedUrl(locale, 'https://analytics-new.adata.kz', PAGES.analytics.business)
          }
        ]
      },
      fea: {
        title: 'footer.fea.title',
        link: buildLocalizedUrl(locale.value, myLayer.tnvedUrl, PAGES.fea.main),
        items: [
          {
            title: 'footer.fea.i',
            link: buildLocalizedUrl(locale.value, myLayer.tnvedUrl, PAGES.fea.t),
          },
          {
            title: 'footer.fea.o',
            link: buildLocalizedUrl(locale.value, myLayer.tnvedUrl, PAGES.fea.o),
          },
          {
            title: 'footer.fea.cp',
            link: buildLocalizedUrl(locale.value, myLayer.tnvedUrl, PAGES.fea.cp),
          },
          {
            title: 'footer.fea.calc',
            link: buildLocalizedUrl(locale.value, myLayer.tnvedUrl, PAGES.fea.ca),
          },
          {
            title: 'footer.fea.mr',
            link: buildLocalizedUrl(locale.value, myLayer.tnvedUrl, PAGES.fea.tr),
          },
          {
            title: 'footer.fea.containers',
            link: buildLocalizedUrl(locale.value, myLayer.tnvedUrl, PAGES.fea.containers),
          },
          {
            title: 'footer.fea.importerMap',
            link: buildLocalizedUrl(locale.value, myLayer.tnvedUrl, PAGES.fea.importerMap),
          },
        ]
      }
    }
  })
}

export const useFooterInfoLinks = () => {
  const { locale } = useI18n()
  const { myLayer } = useAppConfig()

  return computed(() => {
    return [
      {
        title: 'footer.info.tariff',
        link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.tariffs)
      },
      {
        title: 'footer.info.helpful',
        link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.usefulMain)
      },
      {
        title: 'footer.info.api',
        link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.apiDescription)
      },
      {
        title: 'footer.info.userAgreement',
        link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.userAgreement)
      },
      {
        title: 'footer.info.privacyPolicy',
        link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.privacy)
      },
      {
        title: 'footer.info.vacancy',
        link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.vacancy)
      },
      {
        title: 'footer.info.counterparty',
        link: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.counterparty)
      },
      {
        title: 'footer.info.contacts',
        link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.contacts)
      }
    ]
  })
}

export const useHeaderMenuLinks = () => {
  const { t, locale } = useI18n()
  const { myLayer } = useAppConfig()

  return [
    {
      title: t('header.profile.menu.personalInfo'),
      icon: IconProfile,
      to: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.profile.index)
    },
    {
      title: t('header.profile.menu.security'),
      icon: IconLock,
      to: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.profile.security)
    },
    {
      title: t('header.profile.menu.paymentHistory'),
      icon: IconReceipt,
      to: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.profile.paymentHistory)
    },
    {
      title: t('header.profile.menu.favourites'),
      icon: IconFavorite,
      to: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.profile.favourites)
    },
    {
      title: t('header.profile.menu.myReports'),
      icon: IconReport,
      to: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.profile.reports)
    },
    {
      title: t('header.profile.menu.browsingHistory'),
      icon: IconHistory,
      to: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.profile.browsingHistory)
    },
    {
      title: t('header.profile.menu.myGroups'),
      icon: IconUsers,
      to: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.profile.myGroups)
    },
    {
      title: t('header.profile.menu.notes'),
      icon: IconMessage,
      to: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.profile.notes)
    }
  ]
}

export const usePkServicesLinks = () => {
  const { t, locale } = useI18n()
  const { myLayer } = useAppConfig()

  return [
    {
      title: t('header.products.counterparties.items.counterparty.title'),
      icon: IconSearch,
      to: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.main)
    },
    {
      title: t('header.products.counterparties.items.wholesale.title'),
      icon: AIconUsersThree,
      to: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.employees)
    },
    {
      title: t('header.products.counterparties.items.networks.title'),
      icon: IconLink,
      to: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.connections)
    },
    {
      title: t('header.products.counterparties.items.offshore.title'),
      icon: IconDollar,
      to: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.offshore)
    },
    {
      title: t('header.products.counterparties.items.foreign.title'),
      icon: IconGlobe,
      to: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.foreign)
    },
    {
      title: t('header.products.counterparties.items.unloading.title'),
      icon: AIconArrowSquareDown,
      to: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.unload)
    },
    {
      title: t('header.products.counterparties.items.compare.title'),
      icon: IconScales,
      to: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.compare)
    },
    {
      title: t('header.products.counterparties.items.sanction.title'),
      icon: IconBlock,
      to: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.sanctions)
    },
    {
      title: t('all_services'),
      icon: AIconExpandWindow,
      to: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.tariffs)
    },
  ]
}