{"version":3,"file":"iQtu5NKP.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 { isWebview } = useAppStore()\nconst {\n  cityInfo: { phone, phone_secondary, padeg, domain },\n} = useCityStore()\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\nusePopupFetch()\n</script>\n\n<template>\n  <div class=\"contact-page\">\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=\"!isWebview\"\n        class=\"contact-page__breadcrumbs\"\n        :breadcrumbs=\"breadcrumbs\"\n        :domain=\"domain\"\n      />\n\n      <div class=\"contact-info\">\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\n<style lang=\"scss\" scoped>\n.contact-page {\n  padding-bottom: 120px;\n\n  @include media('>=tablet') {\n    padding-top: 24px;\n  }\n\n  @include media('>=desktop-mini') {\n    padding-top: 40px;\n  }\n\n  &__breadcrumbs {\n    margin-bottom: 20px;\n  }\n\n  &__wrapper {\n    max-width: 960px;\n    margin: 0 auto;\n  }\n}\n\n.contact-info {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.4;\n  color: #2c2f39;\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  &__phone-title {\n    margin-top: 24px !important;\n\n    @include media('>=desktop-mini') {\n      margin-top: 48px !important;\n    }\n  }\n\n  &__requisites {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n\n    :deep(p) {\n      margin: 0;\n    }\n  }\n\n  :deep(h1),\n  :deep(h2) {\n    font-weight: 800;\n  }\n\n  :deep(h1) {\n    font-size: 18px;\n\n    @include media('>=tablet') {\n      font-size: 24px;\n    }\n\n    @include media('>=desktop-mini') {\n      font-size: 28px;\n    }\n  }\n\n  :deep(h2) {\n    margin: 30px 0;\n    font-size: 16px;\n  }\n}\n</style>\n"],"names":["isWebview","useAppStore","phone","phone_secondary","padeg","domain","useCityStore","pageSeoTitle","pageSeoDescription","requisites","error","__temp","__restore","_withAsyncContext","useAsyncData","nuxtApp","result","Success","showError","identificatorInfo","computed","identificator_label","identificator","breadcrumbs","usePopupFetch"],"mappings":";;o9BASM,KAAA,CAAE,UAAAA,GAAcC,IAChB,CACJ,SAAU,CAAE,MAAAC,EAAO,gBAAAC,EAAiB,MAAAC,EAAO,OAAAC,CAAO,GAChDC,EAAa,EAEXC,EAAeH,GAAA,MAAAA,EAAO,KACxB,+BAA+BA,GAAA,YAAAA,EAAO,IAAI,GAC1C,4BAEEI,EAAqB,mDAAmDJ,GAAA,YAAAA,EAAO,IAAI,6EAA6EF,CAAK,6CAErK,CAAE,KAAMO,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,mBAHGhB,GAAA,YAAAA,EAAO,IAGa,GAAI,KAAM,GAAI,EAC7C,CAAE,KAAM,WAAY,KAAM,OAAQ,CAAA,CAErC,EAEa,OAAAoB","debug_id":"ce1957fd-d2fd-524d-b1d7-2309e19e88cd"}