{"version":3,"file":"Procedure-5e24d547.js","sources":["../../../resources/js/Pages/User/Home/Layouts/Procedure.vue"],"sourcesContent":["<template>\n  <div class=\"procedure-container bg-white\">\n    <div class=\"flex items-center lg:p-20 max-sm:flex-col\">\n      <div class=\"lg:basis-1/2 max-sm:basis-auto max-sm:w-full relative\">\n        <h4\n          class=\"absolute top-1/2 left-1/3 -translate-x-full -translate-y-1/2 text-2xl text-white uppercase font-normal\"\n        >\n          {{ $t('Diễn đàn') }}\n        </h4>\n        <img class=\"w-full cursor-pointer\" src=\"/images/user/procedure.png\" alt=\"procedure\" @click=\"redirectForum\">\n      </div>\n      <div class=\"lg:basis-1/2 max-sm:basis-auto max-sm:w-full\">\n        <h3\n          class=\"\n            pl:ml-16\n            ml-8\n            lg:text-xl\n            text-base\n            font-normal\n            py-3\n            text-textBlackPrimary\n            max-sm:text-center\n            max-w-[90%]\n          \"\n        >\n          {{ $t('Không gian thân thiện và cởi mở để doanh nghiệp thảo luận về các chủ đề thương mại quốc tế.') }}\n        </h3>\n      </div>\n    </div>\n    <template v-if=\"slideForums.length >= 5\">\n      <div class=\"forum-carousel px-0 lg:px-14 lg:py-8 py-5 relative\">\n        <div class=\"button-prev w-8 h-8 rounded-full border border-[#8E8E8E] flex justify-center items-center cursor-pointer text-xl hover:border-blue-400 hover:text-blue-400 absolute left-5 top-1/2 -translate-y-1/2 z-10\" @click.prevent=\"prevListForums\">\n          <i class=\"ri-arrow-left-s-line\" />\n        </div>\n        <Carousel ref=\"forumSlide\" :settings=\"settings\">\n          <Slide v-for=\"(item, index) in slideForums\" :key=\"index\">\n            <div class=\"slide-item cursor-pointer\" @click.prevent=\"gotoForum(item.slug)\">\n              <div class=\"slide-img\">\n                <img\n                  class=\"object-cover w-full h-48 rounded-md \"\n                  :src=\"item.image_path ? item.image_url : '/images/forums/forum_default.svg'\"\n                  alt=\"\"\n                >\n              </div>\n              <div class=\"slide-name mt-4 cursor-pointer text-ellipsis-2 text-center\">\n                {{ item.name }}\n              </div>\n            </div>\n          </Slide>\n        </Carousel>\n        <div\n          class=\"button-next w-8 h-8 rounded-full border border-[#8E8E8E] flex justify-center items-center cursor-pointer text-xl hover:border-blue-400 hover:text-blue-400 absolute right-5 top-1/2 -translate-y-1/2 z-10\"\n          @click.prevent=\"nextListForums\"\n        >\n          <i class=\"ri-arrow-right-s-line\" />\n        </div>\n      </div>\n    </template>\n    <template v-else>\n      <div class=\"flex max-md:flex-wrap justify-center items-start lg:gap-4 py-5\">\n        <div v-for=\"(item, index) in slideForums\" :key=\"index\" class=\"slide-item xl:w-1/5 lg:w-1/3 sm:w-1/2 w-full cursor-pointer max-xl:px-3\" @click.prevent=\"gotoForum(item.slug)\">\n          <div class=\"slide-img\">\n            <img\n              class=\"object-cover w-full h-48 rounded-md \"\n              :src=\"item.image_path ? item.image_url : '/images/forums/forum_default.svg'\"\n              alt=\"\"\n            >\n          </div>\n          <div class=\"slide-name mt-4 cursor-pointer text-ellipsis-2 text-center\">\n            {{ item.name }}\n          </div>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n<script>\nimport dayjs from 'dayjs'\nimport axios from '@/plugins/axios'\nimport 'vue3-carousel/dist/carousel.css'\n\nimport { Carousel, Slide } from 'vue3-carousel'\nexport default {\n  components: { Carousel, Slide },\n  data() {\n    return {\n      news: [],\n      slideForums: [],\n      settings: {\n        itemsToShow: 5,\n        wrapAround: true,\n        autoplay: 5000,\n        breakpoints: {\n          300: {\n            itemsToShow: 1,\n            snapAlign: 'center',\n          },\n          700: {\n            itemsToShow: 3,\n            snapAlign: 'center',\n          },\n          1280: {\n            itemsToShow: 5,\n            snapAlign: 'center',\n          }\n        },\n      },\n    }\n  },\n  created() {\n    this.fetchData()\n  },\n  methods: {\n    async fetchData() {\n      const { status, data } = await axios.get('/get-all-public-forums')\n\n      if (status === 200) {\n        this.forums = data?.data\n        this.slideForums = this.forums.filter((item) => item.type !== 2)\n        this.paginate = data?.meta\n      }\n    },\n    gotoForum(slug) {\n      // eslint-disable-next-line no-undef\n      this.$inertia.visit(route('forums.detail', { slug: slug }))\n    },\n    formatDate(dateString) {\n      const date = new Date(dateString)\n      return new dayjs(date).format('DD-MM-YYYY')\n    },\n    redirectForum() {\n      this.$inertia.visit(this.route('forum.list'))\n    },\n    prevListForums() {\n      this.$refs.forumSlide.prev()\n    },\n    nextListForums() {\n      this.$refs.forumSlide.next()\n    },\n  },\n}\n</script>\n<style scoped>\n.carousel__slide {\n  padding: 10px;\n  align-items: start;\n}\n\n.text-ellipsis-2 {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n</style>\n"],"names":["_sfc_main","Carousel","Slide","status","data","axios","item","slug","dateString","date","dayjs","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_createElementVNode","_hoisted_8","_hoisted_11","_hoisted_13","_hoisted_14","_hoisted_18","_hoisted_20","_openBlock","_createElementBlock","_toDisplayString","_ctx","$options","args","$data","_hoisted_7","_createVNode","_component_Carousel","_Fragment","_renderList","index","_createBlock","_component_Slide","_withModifiers","$event","_hoisted_16"],"mappings":"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"}