{"version":3,"file":"DboXyOXV.js","sources":["../../../../pages/info.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/* Stores */\nimport { useAppStore } from '@/store/app/app'\nimport { useCityStore } from '@/store/city/city'\n\n/* Types */\nimport { Success } from '@/api/results'\nimport { Breadcrumb } from '@/types/main'\n\nconst { isMobile, isTablet } = useDevice()\nconst { isWebview } = useAppStore()\nconst {\n  cityInfo: { phone, phone_secondary, padeg, domain },\n} = useCityStore()\n\nusePopupFetch()\n\nconst pageSeoTitle = padeg?.pred\n  ? `Контакты ресторана Farfor в ${padeg?.pred}`\n  : 'Контакты ресторана Farfor'\n\nconst pageSeoDescription = `Контакты для связи с рестораном Farfor в городе ${padeg?.pred}. Вы можете связаться с нами любым удобным для вас способом — по телефону ${phone}, в социальных сетях или посетив ресторан.`\n\nconst { data: requisites, error } = await useAsyncData(async (nuxtApp) => {\n  const result = await nuxtApp?.$apiService.city.fetchRequisites()\n\n  if (result instanceof Success) {\n    return result.data\n  }\n})\n\nif (error.value) showError(error.value)\n\nconst identificatorInfo = computed(() => {\n  if (\n    !requisites.value ||\n    !requisites.value.identificator_label ||\n    !requisites.value.identificator\n  ) {\n    return null\n  }\n\n  const { identificator_label, identificator } = requisites.value\n\n  return `${identificator_label} ${identificator}`\n})\n\nconst breadcrumbs = computed((): Breadcrumb[] => {\n  const pred = padeg?.pred\n\n  return [\n    { text: `Доставка суши в ${pred}`, href: '/' },\n    { text: 'Контакты', href: '/info' },\n  ]\n})\n\nconst showBreadcrumb = !isWebview\n\nconst pageClasses = computed(() => {\n  return [\n    'contact-page',\n    {\n      'contact-page--mobile': isMobile,\n      'contact-page--tablet': isTablet,\n    },\n  ]\n})\n\nconst contactInfoClasses = computed(() => {\n  return [\n    'contact-info',\n    {\n      'contact-info--mobile': isMobile,\n      'contact-info--tablet': isTablet,\n    },\n  ]\n})\n</script>\n\n<template>\n  <div :class=\"pageClasses\">\n    <app-head\n      :title=\"pageSeoTitle\"\n      :seo=\"{\n        title: pageSeoTitle,\n        description: pageSeoDescription,\n        keywords: '',\n      }\"\n    />\n\n    <div class=\"contact-page__wrapper\">\n      <the-breadcrumbs\n        v-if=\"showBreadcrumb\"\n        :breadcrumbs=\"breadcrumbs\"\n        :domain=\"domain\"\n      />\n\n      <div :class=\"contactInfoClasses\">\n        <h1 class=\"contact-info__title\">Контакты</h1>\n\n        <h2 class=\"contact-info__phone-title\">Телефон</h2>\n\n        <div class=\"contact-info__phones\">\n          <a class=\"contact-info__phone-link\" :href=\"`tel:${phone}`\">\n            <nuxt-img\n              src=\"/call-icon.svg\"\n              width=\"20\"\n              height=\"20\"\n              alt=\"Основной номер\"\n            />\n            <span>{{ phone }}</span>\n          </a>\n          <a class=\"contact-info__phone-link\" :href=\"`tel:${phone_secondary}`\">\n            <nuxt-img\n              src=\"/call-icon.svg\"\n              width=\"20\"\n              height=\"20\"\n              alt=\"Дополнительный номер\"\n            />\n            <span>{{ phone_secondary }}</span>\n          </a>\n        </div>\n\n        <template v-if=\"requisites && requisites.public_requisites\">\n          <h2>Адрес</h2>\n          <div>{{ requisites.public_requisites.fact_post_address }}</div>\n\n          <h2>Реквизиты</h2>\n          <div class=\"contact-info__requisites\">\n            <div v-if=\"requisites.company\">{{ requisites.company }}</div>\n\n            <div v-if=\"requisites.public_requisites.inn_kpp\">\n              ИНН/КПП: {{ requisites.public_requisites.inn_kpp }}\n            </div>\n\n            <div v-if=\"identificatorInfo\">\n              {{ identificatorInfo }}\n            </div>\n\n            <div v-if=\"requisites.legal_address\">\n              Юр. адрес: {{ requisites.legal_address }}\n            </div>\n\n            <div v-if=\"requisites.public_requisites.fact_post_address\">\n              Факт. адрес: {{ requisites.public_requisites.fact_post_address }}\n            </div>\n\n            <div v-if=\"requisites.public_requisites.contact_phone\">\n              Тел.: {{ requisites.public_requisites.contact_phone }}\n            </div>\n\n            <div\n              v-if=\"requisites.public_requisites.payment_details\"\n              v-html=\"requisites.public_requisites.payment_details\"\n            />\n\n            <div v-if=\"requisites.public_requisites.sout_link\">\n              СОУТ можно посмотреть вот\n              <a target=\"_blank\" :href=\"requisites.public_requisites.sout_link\">\n                здесь\n              </a>\n            </div>\n          </div>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n<style lang=\"scss\" scoped>\n.contact-page {\n  padding-top: 39px;\n  padding-bottom: 133px;\n\n  &--tablet {\n    padding-top: 24px;\n    padding-bottom: 120px;\n  }\n\n  &--mobile {\n    padding-top: 20px;\n    padding-bottom: 120px;\n  }\n\n  &__wrapper {\n    max-width: 960px;\n    margin: 0 auto;\n  }\n}\n\n@mixin contact-info-styles {\n  h1,\n  h2 {\n    font-weight: 800;\n  }\n\n  h1 {\n    font-size: 28px;\n  }\n\n  h2 {\n    margin: 30px 0;\n    font-size: 16px;\n  }\n\n  &--tablet {\n    h1 {\n      font-size: 24px !important;\n    }\n\n    .contact-info__phone-title {\n      margin-top: 24px !important;\n    }\n  }\n\n  &--mobile {\n    h1 {\n      font-size: 18px !important;\n    }\n\n    .contact-info__phone-title {\n      margin-top: 24px !important;\n    }\n  }\n\n  &__phone-title {\n    margin-top: 48px !important;\n  }\n\n  &__phones {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  &__phone-link {\n    display: flex;\n    gap: 21px;\n    align-items: center;\n    width: max-content;\n  }\n\n  &__requisites {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n\n    &:deep() {\n      p {\n        margin: 0;\n      }\n    }\n  }\n}\n\n.contact-info {\n  @include contact-info-styles();\n\n  padding-top: 20px;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.4;\n  color: #2c2f39;\n}\n\n.contact-info::deep {\n  @include contact-info-styles();\n}\n</style>\n"],"names":["isMobile","isTablet","useDevice","isWebview","useAppStore","phone","phone_secondary","padeg","domain","useCityStore","usePopupFetch","pageSeoTitle","pageSeoDescription","requisites","error","__temp","__restore","_withAsyncContext","useAsyncData","nuxtApp","result","Success","showError","identificatorInfo","computed","identificator_label","identificator","breadcrumbs","showBreadcrumb","pageClasses","contactInfoClasses"],"mappings":";;+sCASA,KAAM,CAAE,SAAAA,EAAU,SAAAC,CAAS,EAAIC,EAAU,EACnC,CAAE,UAAAC,GAAcC,IAChB,CACJ,SAAU,CAAE,MAAAC,EAAO,gBAAAC,EAAiB,MAAAC,EAAO,OAAAC,CAAO,GAChDC,EAAa,EAEHC,IAEd,MAAMC,EAAeJ,GAAA,MAAAA,EAAO,KACxB,+BAA+BA,GAAA,YAAAA,EAAO,IAAI,GAC1C,4BAEEK,EAAqB,mDAAmDL,GAAA,YAAAA,EAAO,IAAI,6EAA6EF,CAAK,6CAErK,CAAE,KAAMQ,EAAY,MAAAC,CAAU,GAAA,CAAAC,EAAAC,CAAA,EAAAC,EAAA,SAAMC,EAAa,MAAOC,GAAY,CACxE,MAAMC,EAAS,MAAMD,GAAA,YAAAA,EAAS,YAAY,KAAK,mBAE/C,GAAIC,aAAkBC,EACpB,OAAOD,EAAO,IAChB,EACF,aAAC,CAAA,mBAEGN,EAAM,OAAiBQ,EAAAR,EAAM,KAAK,EAEhC,MAAAS,EAAoBC,EAAS,IAAM,CAErC,GAAA,CAACX,EAAW,OACZ,CAACA,EAAW,MAAM,qBAClB,CAACA,EAAW,MAAM,cAEX,OAAA,KAGT,KAAM,CAAE,oBAAAY,EAAqB,cAAAC,GAAkBb,EAAW,MAEnD,MAAA,GAAGY,CAAmB,IAAIC,CAAa,EAAA,CAC/C,EAEKC,EAAcH,EAAS,IAGpB,CACL,CAAE,KAAM,mBAHGjB,GAAA,YAAAA,EAAO,IAGa,GAAI,KAAM,GAAI,EAC7C,CAAE,KAAM,WAAY,KAAM,OAAQ,CAAA,CAErC,EAEKqB,EAAiB,CAACzB,EAElB0B,EAAcL,EAAS,IACpB,CACL,eACA,CACE,uBAAwBxB,EACxB,uBAAwBC,CAC1B,CAAA,CAEH,EAEK6B,EAAqBN,EAAS,IAC3B,CACL,eACA,CACE,uBAAwBxB,EACxB,uBAAwBC,CAC1B,CAAA,CAEH","debug_id":"74372582-26c7-5257-9c66-47f7664dda48"}