{"version":3,"sources":["webpack:///./src/components/pages/about/aboutSuppliers.vue?3580","webpack:///./src/views/About.vue?e283","webpack:///./src/assets/images/new-design/about/about.png","webpack:///./src/components/pages/about/aboutClients.vue?0f87","webpack:///./src/views/About.vue?ce2e","webpack:///./src/components/pages/about/aboutSuppliers.vue?8687","webpack:///src/components/pages/about/aboutSuppliers.vue","webpack:///./src/components/pages/about/aboutSuppliers.vue?7544","webpack:///./src/components/pages/about/aboutSuppliers.vue","webpack:///./src/components/pages/about/aboutClients.vue?18c5","webpack:///src/components/pages/about/aboutClients.vue","webpack:///./src/components/pages/about/aboutClients.vue?0fc8","webpack:///./src/components/pages/about/aboutClients.vue","webpack:///src/views/About.vue","webpack:///./src/views/About.vue?3837","webpack:///./src/views/About.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","$t","aboutGeneralData","title","_e","domProps","description","_m","supplier_count","b2c_count","b2b_count","products","events","staticRenderFns","_l","x","key","supplier","id","components","SingleSupplier","data","items","text","href","active","suppliers","loading","perPage","total","currentPage","page","totalPages","totalRecords","recordsPerPage","enterpageno","methods","getSuppliers","then","resp","finally","onPageChange","onChangeRecordsPerPage","gotoPage","mounted","computed","rows","component","client","index","SingleClient","getClients","isNaN","parseInt","goClientPage","$router","push","path","clients","clientsLength","metaInfo","titleTemplate","htmlAttrs","lang","amp","setTimeout","getAboutData","profile","getAboutVisionData","getAboutMessageData","getAboutPrincipleData","vision","message","principle","NewAppsDownloadSec","AboutSuppliers","AboutClients"],"mappings":"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","file":"js/chunk-b7eb809a.c9d89677.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./aboutSuppliers.vue?vue&type=style&index=0&id=2acbe316&prod&lang=scss&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=style&index=0&id=5e062cba&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/about.9a2ee5fe.png\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./aboutClients.vue?vue&type=style&index=0&id=4c4a6acf&prod&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"about about-page-about\"},[(_vm.loading)?_c('div',{staticClass:\"d-flex justify-content-center align-items-center CUSTOM-SPINNER\"},[_c('b-spinner',{attrs:{\"variant\":\"primary\",\"type\":\"grow\",\"label\":\"Spinning\"}})],1):_c('div',{},[_c('div',{staticClass:\"new-design\"},[_c('div',{staticClass:\"my-bread\"},[_c('b-container',[_c('div',{staticClass:\"cover-title text-white font-weight-bold\"},[_c('b-breadcrumb',{staticClass:\"d-flex px-0 justify-content-start align-items-center\"},[_c('b-breadcrumb-item',{attrs:{\"href\":\"#home\"}},[_c('router-link',{attrs:{\"to\":\"/\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"supplier.home\"))+\" \")])],1),_c('b-breadcrumb-item',{staticClass:\"main-color\",attrs:{\"active\":\"\"}},[_c('router-link',{staticClass:\"main-color\",attrs:{\"to\":\"/home.about\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"home.about\"))+\" \")])],1)],1)],1)])],1),_c('section',{staticClass:\"py-5\"},[_c('div',{staticClass:\"about-intro\"},[_c('div',{staticClass:\"container\"},[(_vm.aboutGeneralData)?_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-xl-6 col-sm-12 my-2\"},[_c('div',{staticClass:\"content\"},[(_vm.aboutGeneralData.title)?_c('h2',{staticClass:\"page-title\"},[_vm._v(\" \"+_vm._s(_vm.aboutGeneralData.title)+\" \")]):_vm._e(),(_vm.aboutGeneralData.description)?_c('p',{staticClass:\"body\",domProps:{\"innerHTML\":_vm._s(_vm.aboutGeneralData.description)}}):_vm._e()])]),_vm._m(0)]):_vm._e()])])]),(_vm.supplier_count || _vm.b2c_count || _vm.b2b_count || _vm.products || _vm.events)?_c('section',{staticClass:\"stats text-cenrter\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row justify-content-center\"},[(_vm.supplier_count)?_c('div',{staticClass:\"col-md-2 col-sm-12 my-3 d-flex flex-column justify-content-center align-items-center\"},[_c('p',[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-house\"}})],1),_c('p',{staticClass:\"mt-2 p-title\"},[_vm._v(_vm._s(_vm.$t(\"home.suppliers\")))]),_c('p',{staticClass:\"stat-number px-0 mx-0\"},[_vm._v(_vm._s(_vm.supplier_count)+\" \"),_c('span',{staticClass:\"mx-0 px-0\"},[_vm._v(\"+\")])])]):_vm._e(),(_vm.b2c_count)?_c('div',{staticClass:\"col-md-2 col-sm-12 my-3 d-flex flex-column justify-content-center align-items-center\"},[_c('p',[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-users\"}})],1),_c('p',{staticClass:\"mt-2 p-title\"},[_vm._v(_vm._s(_vm.$t(\"home.consumers\")))]),_c('p',{staticClass:\"stat-number px-0 mx-0\"},[_vm._v(_vm._s(_vm.b2c_count)+\" \"),_c('span',{staticClass:\"mx-0 px-0\"},[_vm._v(\"+\")])])]):_vm._e(),(_vm.products)?_c('div',{staticClass:\"col-md-2 col-sm-12 my-3 d-flex flex-column justify-content-center align-items-center\"},[_c('p',[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-cart-shopping\"}})],1),_c('p',{staticClass:\"mt-2 p-title\"},[_vm._v(_vm._s(_vm.$t(\"items.products\")))]),_c('p',{staticClass:\"stat-number px-0 mx-0\"},[_vm._v(_vm._s(_vm.products)+\" \"),_c('span',{staticClass:\"mx-0 px-0\"},[_vm._v(\"+\")])])]):_vm._e(),(_vm.events)?_c('div',{staticClass:\"col-md-2 col-sm-12 my-3 d-flex flex-column justify-content-center align-items-center\"},[_c('p',[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-calendar-days\"}})],1),_c('p',{staticClass:\"mt-2 p-title\"},[_vm._v(_vm._s(_vm.$t(\"items.events\")))]),_c('p',{staticClass:\"stat-number px-0 mx-0\"},[_vm._v(_vm._s(_vm.events)+\" \"),_c('span',{staticClass:\"mx-0 px-0\"},[_vm._v(\"+\")])])]):_vm._e(),(_vm.b2b_count)?_c('div',{staticClass:\"col-md-2 col-sm-12 my-3 d-flex flex-column justify-content-center align-items-center\"},[_c('p',[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-shop\"}})],1),_c('p',{staticClass:\"mt-2 p-title\"},[_vm._v(_vm._s(_vm.$t(\"home.b2bClients\")))]),_c('p',{staticClass:\"stat-number px-0 mx-0\"},[_vm._v(_vm._s(_vm.b2b_count)+\" \"),_c('span',{staticClass:\"mx-0 px-0\"},[_vm._v(\"+\")])])]):_vm._e()])])]):_vm._e(),_c('section',{staticClass:\"supliers\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row justify-content-between\"},[_c('div',{staticClass:\"col\"},[_c('h2',{staticClass:\"h1\"},[_vm._v(_vm._s(_vm.$t(\"home.ourSuppliers\")))])]),_c('div',{staticClass:\"col d-flex justify-content-end\"},[_c('router-link',{attrs:{\"to\":\"/suppliers\"}},[_c('h4',{staticClass:\"text-dark\"},[_c('ins',[_vm._v(_vm._s(_vm.$t(\"cart.viewAll\")))])])])],1)]),_c('div',{staticClass:\"all-suppliers\"},[_c('AboutSuppliers')],1)])]),_c('section',[_c('NewAppsDownloadSec')],1),_c('section',{staticClass:\"clients\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('h2',{staticClass:\"h1\"},[_vm._v(_vm._s(_vm.$t(\"home.ourClients\")))])]),_c('div',{staticClass:\"col d-flex justify-content-end\"},[_c('router-link',{attrs:{\"to\":\"/clients\"}},[_c('h4',{staticClass:\"text-dark\"},[_c('ins',[_vm._v(_vm._s(_vm.$t(\"cart.viewAll\")))])])])],1)]),_c('div',{staticClass:\"all-suppliers\"},[_c('AboutClients')],1)])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-xl-6 col-sm-12 my-2 d-flex justify-content-center align-items-center\"},[_c('img',{staticClass:\"about-page\",attrs:{\"src\":require(\"@/assets/images/new-design/about/about.png\"),\"alt\":\"about-page\"}})])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"suppliers-body\"},[_c('div',{staticClass:\"suppliers py-4\"},[_c('div',{staticClass:\"container\"},[(_vm.loading)?_c('b-row',_vm._l((10),function(x){return _c('b-col',{key:x,staticClass:\"mb-2\",attrs:{\"lg\":\"2\",\"sm\":\"6\"}},[_c('b-skeleton-img'),_c('b-card',[_c('b-skeleton',{staticClass:\"border-none\",attrs:{\"animation\":\"fade\",\"width\":\"60%\"}}),_c('b-skeleton',{staticClass:\"border-none\",attrs:{\"animation\":\"fade\",\"width\":\"85%\"}})],1)],1)}),1):_c('div',{staticClass:\"row suppliers-data justify-content-center\"},_vm._l((_vm.suppliers),function(supplier){return _c('div',{key:supplier.id,staticClass:\"col-12 col-sm-6 col-md-4 col-lg-2 mx-2 supplier-content\"},[_c('SingleSupplier',{attrs:{\"supplier\":supplier}})],1)}),0)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <!-- suppliers page  -->\n    <div class=\"suppliers-body\">\n  \n      <div class=\"suppliers py-4\">\n        <div class=\"container\">\n          <b-row v-if=\"loading\">\n            <b-col class=\"mb-2\" lg=\"2\" sm=\"6\" v-for=\"x in 10\" :key=\"x\">\n              <b-skeleton-img></b-skeleton-img>\n              <b-card>\n                <b-skeleton\n                  animation=\"fade\"\n                  width=\"60%\"\n                  class=\"border-none\"\n                ></b-skeleton>\n                <b-skeleton\n                  animation=\"fade\"\n                  width=\"85%\"\n                  class=\"border-none\"\n                ></b-skeleton>\n              </b-card>\n            </b-col>\n          </b-row>\n          <div class=\"row suppliers-data justify-content-center\" v-else>\n            <div\n              class=\"col-12 col-sm-6 col-md-4 col-lg-2 mx-2 supplier-content\"\n              v-for=\"supplier in suppliers\"\n              :key=\"supplier.id\"\n            >\n              <SingleSupplier :supplier=\"supplier\"></SingleSupplier>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </template>\n  <script>\n  // suppliers page\n  import SingleSupplier from \"@/components/pages/suppliers/SingleSupplier.vue\";\n  import suppliers from \"@/services/suppliers\";\n  export default {\n    components: {\n      SingleSupplier,\n    },\n    data() {\n      return {\n        items: [\n          {\n            text: this.$t(\"supplier.home\"),\n            href: \"/\",\n          },\n          {\n            text: this.$t(\"supplier.suppliers\"),\n            href: \"#\",\n            active: true,\n          },\n        ],\n        suppliers: null,\n        loading: false,\n        perPage: 5,\n        total: 0,\n        currentPage: 1,\n  \n        page: 1,\n        totalPages: 0,\n        totalRecords: 0,\n        recordsPerPage: 10,\n        enterpageno: \"\",\n      };\n    },\n    methods: {\n      /**\n       * @vuese\n       * this function used get Suppliers\n       */\n      getSuppliers() {\n        this.loading = true;\n        suppliers\n          .getSuppliers(this.page)\n          .then((resp) => {\n            this.suppliers = resp.data.items.data.slice(0 , 20);\n            this.total = resp.data.items.total;\n            this.totalPages = Math.ceil(\n              resp.data.items.total / resp.data.items.per_page\n            ); // Calculate total records\n  \n            this.totalRecords = resp.data.items.total;\n          })\n\n          .finally(() => {\n            this.loading = false;\n          });\n      },\n      /**\n       * @vuese\n       * this function used for pagination\n       */\n      onPageChange(page) {\n        this.page = page;\n        this.getSuppliers();\n      },\n  \n      /**\n       * @vuese\n       * this function used for pagination\n       */\n      onChangeRecordsPerPage() {\n        this.getSuppliers();\n      },\n  \n      /**\n       * @vuese\n       * this function used for pagination\n       */\n      gotoPage() {\n        if (!isNaN(parseInt(this.enterpageno))) {\n          this.page = parseInt(this.enterpageno);\n          this.getSuppliers();\n        }\n      },\n    },\n    mounted() {\n      this.getSuppliers();\n    },\n    computed: {\n      rows() {\n        return this.suppliers.length;\n      },\n    },\n  };\n  </script>\n  <style lang=\"scss\" scoped>\n  .suppliers {\n    .suppliers-data {\n      color: #000;\n      .supplier-content {\n        padding: 0.6rem;\n      }\n    }\n  }\n  </style>\n  ","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./aboutSuppliers.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./aboutSuppliers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./aboutSuppliers.vue?vue&type=template&id=2acbe316&scoped=true&\"\nimport script from \"./aboutSuppliers.vue?vue&type=script&lang=js&\"\nexport * from \"./aboutSuppliers.vue?vue&type=script&lang=js&\"\nimport style0 from \"./aboutSuppliers.vue?vue&type=style&index=0&id=2acbe316&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2acbe316\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"suppliers-body suppliers clients px-3 py-5 text-center\"},[_c('div',{staticClass:\"suppliers py-4\"},[_c('div',{staticClass:\"container\"},[(_vm.loading)?_c('b-row',_vm._l((10),function(x){return _c('b-col',{key:x,staticClass:\"mb-2\",attrs:{\"lg\":\"2\",\"sm\":\"6\"}},[_c('b-skeleton-img'),_c('b-card',[_c('b-skeleton',{staticClass:\"border-none\",attrs:{\"animation\":\"fade\",\"width\":\"60%\"}}),_c('b-skeleton',{staticClass:\"border-none\",attrs:{\"animation\":\"fade\",\"width\":\"85%\"}})],1)],1)}),1):_c('div',{staticClass:\"row suppliers-data justify-content-center\"},_vm._l((_vm.clients),function(client,index){return _c('div',{key:index,staticClass:\"col-12 col-sm-6 col-md-4 col-lg-2 mx-2 supplier-content\"},[_c('SingleClient',{attrs:{\"supplier\":client}})],1)}),0)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- clients page  -->\n  <div class=\"suppliers-body suppliers clients px-3 py-5 text-center\">\n    <div class=\"suppliers py-4\">\n      <div class=\"container\">\n        <b-row v-if=\"loading\">\n          <b-col class=\"mb-2\" lg=\"2\" sm=\"6\" v-for=\"x in 10\" :key=\"x\">\n            <b-skeleton-img></b-skeleton-img>\n            <b-card>\n              <b-skeleton\n                animation=\"fade\"\n                width=\"60%\"\n                class=\"border-none\"\n              ></b-skeleton>\n              <b-skeleton\n                animation=\"fade\"\n                width=\"85%\"\n                class=\"border-none\"\n              ></b-skeleton>\n            </b-card>\n          </b-col>\n        </b-row>\n        <div class=\"row suppliers-data justify-content-center\" v-else>\n          <div\n            class=\"col-12 col-sm-6 col-md-4 col-lg-2 mx-2 supplier-content\"\n            v-for=\"(client, index) in clients\"\n            :key=\"index\"\n          >\n            <SingleClient :supplier=\"client\"></SingleClient>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n  \n  <script>\n// clients page\nimport suppliers from \"@/services/suppliers\";\nimport SingleClient from \"@/components/pages/suppliers/SingleClient.vue\";\nexport default {\n  components: {\n    SingleClient,\n  },\n  methods: {\n    /**\n     * @vuese\n     * get Clients function\n     */\n    getClients() {\n      this.loading = true;\n      suppliers\n        .getClients(this.page)\n        .then((resp) => {\n          this.clients = resp.data.items.suppliers.data.slice(0 , 20);\n          this.clientsLength = resp.data.items.suppliers.data.length;\n\n          this.total = resp.data.items.suppliers.meta.total;\n          this.totalPages = Math.ceil(\n            resp.data.items.suppliers.meta.total /\n              resp.data.items.suppliers.meta.per_page\n          ); // Calculate total records\n\n          this.totalRecords = resp.data.items.suppliers.meta.total;\n          this.loading = false;\n        })\n    },\n    /**\n     * @vuese\n     * this function used for pagination\n     */\n    onPageChange(page) {\n      this.page = page;\n      this.getClients();\n    },\n    /**\n     * @vuese\n     * this function used for pagination\n     */\n    onChangeRecordsPerPage() {\n      this.getClients();\n    },\n    /**\n     * @vuese\n     * this function used for pagination\n     */\n    gotoPage() {\n      if (!isNaN(parseInt(this.enterpageno))) {\n        this.page = parseInt(this.enterpageno);\n        this.getClients();\n      }\n    },\n    /**\n     * @vuese\n     * this function used to go to Client Page\n     */\n    goClientPage(client) {\n      this.$router.push({\n        path: `/suppliers/${client.id}`,\n      });\n    },\n  },\n  mounted() {\n    this.getClients();\n  },\n  data() {\n    return {\n      clients: [],\n      clientsLength: null,\n      perPage: 5,\n      total: 0,\n      currentPage: 1,\n\n      page: 1,\n      totalPages: 0,\n      totalRecords: 0,\n      recordsPerPage: 10,\n      enterpageno: \"\",\n      loading: false,\n    };\n  },\n};\n</script>\n  \n  <style lang=\"scss\" scoped>\n.notifications {\n  .new-message-box {\n    margin: 15px 0;\n    padding-left: 20px;\n    margin-bottom: 25px !important;\n  }\n\n  .new-message-box p {\n    font-size: 1.15em;\n    font-weight: 600;\n  }\n\n  .info-tab {\n    width: 40px;\n    height: 40px;\n    display: inline-block;\n    position: relative;\n    top: 8px;\n  }\n\n  .info-tab {\n    float: left;\n    margin-left: -23px;\n  }\n\n  .info-tab i::before {\n    width: 24px;\n    height: 24px;\n    box-shadow: inset 12px 0 13px rgba(0, 0, 0, 0.5);\n  }\n\n  .info-tab i::after {\n    width: 0;\n    height: 0;\n    border: 12px solid transparent;\n    border-bottom-color: #fff;\n    border-left-color: #fff;\n    bottom: -18px;\n  }\n\n  .info-tab i::before,\n  .info-tab i::after {\n    content: \"\";\n    display: inline-block;\n    position: absolute;\n    left: 0;\n    bottom: -17px;\n    transform: rotateX(60deg);\n  }\n\n  .note-box,\n  .warning-box,\n  .tip-box-success,\n  .tip-box-danger,\n  .tip-box-warning,\n  .tip-box-info,\n  .tip-box-alert {\n    padding: 12px 8px 3px 26px;\n  }\n\n  /***Success****/\n\n  .new-message-box-success {\n    background: #eeeeeeb3;\n    padding: 3px;\n    margin: 0;\n  }\n\n  .tip-icon-success {\n    background: #8bc34a; //500\n  }\n\n  .tip-box-success {\n    color: #33691e; //900\n    background: #dcedc8; //100\n  }\n\n  .tip-icon-success::before {\n    font-size: 25px;\n    content: \"\\f00c\";\n    top: 8px;\n    left: 11px;\n    font-family: FontAwesome;\n    position: absolute;\n    color: white;\n  }\n\n  .tip-icon-success i::before {\n    background: #8bc34a; //500\n  }\n\n  /*******Danger*******/\n  .new-message-box-danger {\n    background: #eeeeeeb3;\n    padding: 3px;\n    margin: 10px 0;\n  }\n\n  .tip-icon-danger {\n    background: #f44336; //500\n  }\n\n  .tip-box-danger {\n    color: #b71c1c; //900\n    background: #ffccbc; //100\n  }\n\n  .tip-icon-danger::before {\n    font-size: 25px;\n    content: \"\\f00d\";\n    top: 8px;\n    left: 11px;\n    font-family: FontAwesome;\n    position: absolute;\n    color: white;\n  }\n\n  .tip-icon-danger i::before {\n    background: #f44336; //500\n  }\n\n  /*******warning*******/\n  .new-message-box-warning {\n    background: #eeeeeeb3;\n    padding: 3px;\n    margin: 10px 0;\n  }\n\n  .tip-icon-warning {\n    background: #ffeb3b; //500\n  }\n\n  .tip-box-warning {\n    color: #212121; //900\n    background: #fff9c4; //100\n  }\n\n  .tip-icon-warning::before {\n    font-size: 25px;\n    content: \"\\f071\";\n    top: 8px;\n    left: 11px;\n    font-family: FontAwesome;\n    position: absolute;\n    color: #212121;\n  }\n\n  .tip-icon-warning i::before {\n    background: #ffeb3b; //500\n  }\n\n  /*******info*******/\n  .new-message-box-info {\n    background: #eeeeeeb3;\n    padding: 3px;\n    margin: 10px 0;\n  }\n\n  .tip-box-info {\n    color: #01579b; //900\n    background: #b3e5fc; //100\n  }\n\n  .tip-icon-info {\n    background: #03a9f4; //500\n  }\n\n  .tip-icon-info::before {\n    font-size: 25px;\n    content: \"\\f129\";\n    top: 8px;\n    left: 11px;\n    font-family: FontAwesome;\n    position: absolute;\n    color: white;\n  }\n\n  .tip-icon-info i::before {\n    background: #03a9f4; //500\n  }\n\n  /*******info*******/\n  .new-message-box-alert {\n    background: #ff6f00;\n    padding: 3px;\n    margin: 10px 0;\n  }\n\n  .tip-box-alert {\n    color: #212121; //900\n    background: #fff8e1; //100\n  }\n\n  .tip-icon-alert {\n    background: #ff6f00; //500\n  }\n\n  .tip-icon-alert::before {\n    font-size: 25px;\n    content: \"\\f06a\";\n    top: 8px;\n    left: 11px;\n    font-family: FontAwesome;\n    position: absolute;\n    color: white;\n  }\n\n  .tip-icon-alert i::before {\n    background: #ff6f00; //500\n  }\n\n  /*************************/\n\n  body {\n    background-color: #ffffff;\n  }\n\n  .data-holder {\n    width: 100%;\n    margin: auto;\n  }\n}\n\n.btn:focus,\n.btn.focus {\n  box-shadow: none !important;\n}\n\n.readed {\n  background: #f4f4f4 !important;\n}\n\n.unreaded {\n  background: #8bc34a !important;\n}\n.media {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.client_image {\n  width: 80px;\n  height: 50px;\n  object-fit: contain;\n}\n\n.supplier-content {\n  padding: 0.6rem;\n}\n</style>\n  ","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./aboutClients.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./aboutClients.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./aboutClients.vue?vue&type=template&id=4c4a6acf&scoped=true&\"\nimport script from \"./aboutClients.vue?vue&type=script&lang=js&\"\nexport * from \"./aboutClients.vue?vue&type=script&lang=js&\"\nimport style0 from \"./aboutClients.vue?vue&type=style&index=0&id=4c4a6acf&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4c4a6acf\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <!-- about page  -->\n  <div class=\"about about-page-about\">\n    <div\n      class=\"d-flex justify-content-center align-items-center CUSTOM-SPINNER\"\n      v-if=\"loading\"\n    >\n      <b-spinner variant=\"primary\" type=\"grow\" label=\"Spinning\"></b-spinner>\n    </div>\n    <div class=\"\" v-else>\n      <div class=\"new-design\">\n        <div class=\"my-bread\">\n          <b-container>\n            <div class=\"cover-title text-white font-weight-bold\">\n              <b-breadcrumb\n                class=\"d-flex px-0 justify-content-start align-items-center\"\n              >\n                <b-breadcrumb-item href=\"#home\">\n                  <router-link to=\"/\">\n                    {{ $t(\"supplier.home\") }}\n                  </router-link>\n                </b-breadcrumb-item>\n                <b-breadcrumb-item active class=\"main-color\">\n                  <router-link to=\"/home.about\" class=\"main-color\">\n                    {{ $t(\"home.about\") }}\n                  </router-link>\n                </b-breadcrumb-item>\n              </b-breadcrumb>\n            </div>\n          </b-container>\n        </div>\n        <section class=\"py-5\">\n          <div class=\"about-intro\">\n            <div class=\"container\">\n              <div class=\"row align-items-center\" v-if=\"aboutGeneralData\">\n                <div class=\"col-xl-6 col-sm-12 my-2\">\n                  <div class=\"content\">\n                    <h2 class=\"page-title\" v-if=\"aboutGeneralData.title\">\n                      {{ aboutGeneralData.title }}\n                    </h2>\n                    <p\n                      class=\"body\"\n                      v-html=\"aboutGeneralData.description\"\n                      v-if=\"aboutGeneralData.description\"\n                    ></p>\n                  </div>\n                </div>\n                <div\n                  class=\"col-xl-6 col-sm-12 my-2 d-flex justify-content-center align-items-center\"\n                >\n                  <img\n                    src=\"@/assets/images/new-design/about/about.png\"\n                    alt=\"about-page\"\n                    class=\"about-page\"\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n        <section class=\"stats text-cenrter\" v-if=\"supplier_count || b2c_count || b2b_count || products || events\">\n          <div class=\"container\">\n            <div class=\"row justify-content-center\">\n              <div\n                class=\"col-md-2 col-sm-12 my-3 d-flex flex-column justify-content-center align-items-center\"\n                v-if=\"supplier_count\"\n              >\n                <p>\n                  <font-awesome-icon icon=\"fa-solid fa-house\" />\n                </p>\n                <p class=\"mt-2 p-title\">{{ $t(\"home.suppliers\") }}</p>\n                <p class=\"stat-number px-0 mx-0\">{{  supplier_count }} <span class=\"mx-0 px-0\">+</span></p> \n              </div>\n              <!-- b2c_count  -->\n              <div\n                class=\"col-md-2 col-sm-12 my-3 d-flex flex-column justify-content-center align-items-center\"\n                v-if=\"b2c_count\"\n              >\n                <p>\n                  <font-awesome-icon icon=\"fa-solid fa-users\" />\n                </p>\n                <p class=\"mt-2 p-title\">{{ $t(\"home.consumers\") }}</p>\n                <p class=\"stat-number px-0 mx-0\">{{ b2c_count }} <span class=\"mx-0 px-0\">+</span></p> \n              </div>\n              <!-- products  -->\n              <div\n                class=\"col-md-2 col-sm-12 my-3 d-flex flex-column justify-content-center align-items-center\"\n                v-if=\"products\"\n              >\n                <p>\n                  <font-awesome-icon icon=\"fa-solid fa-cart-shopping\" />\n                </p>\n                <p class=\"mt-2 p-title\">{{ $t(\"items.products\") }}</p>\n                <p class=\"stat-number px-0 mx-0\">{{ products }} <span class=\"mx-0 px-0\">+</span></p> \n              </div>\n              <!-- events  -->\n              <div\n                class=\"col-md-2 col-sm-12 my-3 d-flex flex-column justify-content-center align-items-center\"\n                v-if=\"events\"\n              >\n                <p>\n                  <font-awesome-icon icon=\"fa-solid fa-calendar-days\" />\n                </p>\n                <p class=\"mt-2 p-title\">{{ $t(\"items.events\") }}</p>\n                <p class=\"stat-number px-0 mx-0\">{{ events }} <span class=\"mx-0 px-0\">+</span></p> \n              </div>\n              <!-- b2b_count  -->\n              <div\n                class=\"col-md-2 col-sm-12 my-3 d-flex flex-column justify-content-center align-items-center\"\n                v-if=\"b2b_count\"\n              >\n                <p>\n                  <font-awesome-icon icon=\"fa-solid fa-shop\" />\n                </p>\n                <p class=\"mt-2 p-title\">{{ $t(\"home.b2bClients\") }}</p>\n                <p class=\"stat-number px-0 mx-0\">{{ b2b_count }} <span class=\"mx-0 px-0\">+</span></p> \n              </div>\n            </div>\n          </div>\n        </section>\n        <section class=\"supliers\">\n          <div class=\"container\">\n            <div class=\"row justify-content-between\">\n              <div class=\"col\">\n                <h2 class=\"h1\">{{ $t(\"home.ourSuppliers\") }}</h2>\n              </div>\n              <div class=\"col d-flex justify-content-end\">\n                <router-link to=\"/suppliers\">\n                  <h4 class=\"text-dark\">\n                    <ins>{{ $t(\"cart.viewAll\") }}</ins>\n                  </h4>\n                </router-link>\n              </div>\n            </div>\n            <div class=\"all-suppliers\">\n              <AboutSuppliers />\n            </div>\n          </div>\n        </section>\n        <section>\n          <NewAppsDownloadSec />\n        </section>\n        <section class=\"clients\">\n          <div class=\"container\">\n            <div class=\"row\">\n              <div class=\"col\">\n                <h2 class=\"h1\">{{ $t(\"home.ourClients\") }}</h2>\n              </div>\n              <div class=\"col d-flex justify-content-end\">\n                <router-link to=\"/clients\">\n                  <h4 class=\"text-dark\">\n                    <ins>{{ $t(\"cart.viewAll\") }}</ins>\n                  </h4>\n                </router-link>\n              </div>\n            </div>\n            <div class=\"all-suppliers\">\n              <AboutClients />\n            </div>\n          </div>\n        </section>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n// about page\n/**\n * @group About\n * This is a description of the component\n */\nimport profile from \"@/services/profile\";\nimport NewAppsDownloadSec from \"@/components/pages/home/NewAppsDownloadSec.vue\";\n\nimport AboutSuppliers from \"@/components/pages/about/aboutSuppliers.vue\";\nimport AboutClients from \"@/components/pages/about/aboutClients.vue\";\nexport default {\n  metaInfo: {\n    title: \"About\",\n    titleTemplate: \"%s\",\n    htmlAttrs: {\n      lang: `${localStorage.getItem(\"lang\")}`,\n      amp: true,\n    },\n  },\n  mounted() {\n    setTimeout(() => {\n      this.loading = true;\n      this.getAboutData();\n    }, 50);\n    setTimeout(() => {\n      this.loading = false;\n    }, 500);\n  },\n  methods: {\n    /**\n     * @vuese\n     * get About Data function when page load\n     */\n    getAboutData() {\n      // get About Data function when page load\n      profile\n        .getAboutData()\n        .then((res) => {\n          this.aboutGeneralData = res.data.items;\n        })\n        .then(() => {\n          profile.getAboutDataStats().then((res) => {\n\n            this.b2b_count = res.data.items.b2b_count\n            this.b2c_count = res.data.items.b2c_count\n            this.products = res.data.items.products\n            this.events = res.data.items.events\n            this.supplier_count = res.data.items.supplier_count\n          });\n        })\n    },\n    /**\n     * @vuese\n     * get About Vision Data\n     */\n    getAboutVisionData() {\n      // get About Vision Data\n      profile\n        .getAboutVisionData()\n        .then((res) => {\n          this.vision = res.data.items;\n        })\n    },\n    /**\n     * @vuese\n     * get About Message Data\n     */\n    getAboutMessageData() {\n      //get About Message Data\n      profile\n        .getAboutMessageData()\n        .then((res) => {\n          this.message = res.data.items;\n        })\n    },\n    /**\n     * @vuese\n     * get About Principle Data\n     */\n    getAboutPrincipleData() {\n      //get About Principle Data\n      profile\n        .getAboutPrincipleData()\n        .then((res) => {\n          this.principle = res.data.items;\n        })\n    },\n  },\n  data() {\n    return {\n      aboutGeneralData: null,\n      vision: null,\n      message: null,\n      principle: null,\n      loading: false,\n      b2b_count:null,\n      b2c_count:null,\n      products:null,\n      events:null,\n      supplier_count:null,\n    };\n  },\n  components: {\n    NewAppsDownloadSec,\n    AboutSuppliers,\n    AboutClients,\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.about {\n  .about-title {\n    padding: 40px 0;\n    margin: 0;\n  }\n  .about-content {\n    .about-content-one {\n      background: #f5f5f5;\n      color: #000;\n      overflow: hidden;\n      .image {\n        height: 564px;\n        img {\n          height: 100%;\n          width: 100%;\n        }\n      }\n      .content {\n        padding: 100px 0;\n        .title {\n          display: block;\n          text-transform: uppercase;\n          font-size: 12px;\n          font-weight: 500;\n          color: $main-color;\n          margin-bottom: 10px;\n          line-height: 1;\n        }\n        .body {\n          padding: 19px 0;\n        }\n      }\n    }\n    .about-content-sec {\n      .content {\n        padding: 40px 0 30px 0;\n      }\n    }\n    .about-content-third {\n      padding-bottom: 45px;\n      .content {\n        .img {\n          box-shadow: 0px 3px 3px 0px rgb(35 35 35 / 10%);\n          margin-bottom: 25px;\n        }\n        .title {\n          margin-bottom: 15px;\n          padding-right: 0;\n        }\n        .body {\n          font-weight: 500;\n          color: #676565;\n          margin-bottom: 18px;\n          padding-right: 50px;\n        }\n      }\n    }\n    .about-content-four {\n      padding-bottom: 100px;\n      .content {\n        text-align: center;\n        padding: 55px 100px;\n      }\n    }\n\n    /* 15. Newsletter */\n    .mb-65 {\n      margin-bottom: 65px;\n    }\n    .pb-100 {\n      padding-bottom: 100px;\n    }\n    .newsletter-bg {\n      text-align: center;\n      background-position: center;\n      background-size: cover;\n      padding: 55px 100px 155px;\n    }\n    .newsletter-title .title {\n      font-size: 20px;\n      text-transform: uppercase;\n      color: #fff;\n      font-weight: 800;\n      letter-spacing: 2px;\n      margin-bottom: 13px;\n    }\n    .newsletter-title .sub-title {\n      font-size: 13px;\n      text-transform: uppercase;\n      color: #fff;\n      background: #373840;\n      font-weight: 500;\n      max-width: 355px;\n      margin: 0 auto;\n      padding: 8px 40px;\n      position: relative;\n    }\n    .newsletter-title .sub-title::before,\n    .newsletter-title .sub-title::after {\n      content: \"\";\n      position: absolute;\n      left: 15px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 6px;\n      height: 6px;\n      background: $main-color;\n      border-radius: 50%;\n    }\n    .newsletter-title .sub-title::after {\n      right: 15px;\n      left: auto;\n    }\n    .newsletter-form {\n      max-width: 620px;\n      margin: 0 auto;\n      position: relative;\n    }\n    .newsletter-form input {\n      width: 100%;\n      background: transparent;\n      border: none;\n      border-bottom: 2px solid #fff;\n      font-size: 14px;\n      color: #fff;\n      font-family: \"Almarai\", sans-serif;\n      padding: 0 0 9px;\n    }\n    .newsletter-form input::placeholder {\n      color: #fff;\n      font-size: 14px;\n    }\n    .newsletter-form button {\n      position: absolute;\n      right: 0;\n      border: none;\n      background: transparent;\n      color: #fff;\n      padding: 0;\n      top: 0;\n      font-size: 16px;\n      font-weight: 500;\n      font-family: \"Almarai\", sans-serif;\n      svg {\n        transform: rotate(0deg);\n      }\n    }\n    .newsletter-form button i {\n      margin-left: 5px;\n    }\n    .newsletter-style-two .newsletter-title .title {\n      color: $main-color;\n    }\n    .newsletter-style-two .newsletter-form input,\n    .newsletter-style-two .newsletter-form input::placeholder,\n    .newsletter-style-two .newsletter-form button {\n      color: #373840;\n    }\n    .newsletter-style-two .newsletter-form input {\n      border-bottom: 2px solid #5a5a5e;\n    }\n  }\n}\n\n.body {\n  word-break: unset !important;\n  text-align: initial;\n}\n\n// style arabic\nhtml:lang(ar) {\n  .newsletter-form input {\n    text-align: left;\n  }\n}\n.CUSTOM-SPINNER {\n  min-height: 80vh;\n}\n\n.new-design {\n  .page-title {\n    font-weight: bold;\n    font-size: 3rem !important;\n    margin-bottom: 3rem;\n    + p {\n      width: 80%;\n      line-height: 2;\n      @media(max-width:1200px){\n        width:100%\n      }\n    }\n  }\n  .p-title {\n    font-size: 2rem !important;\n  }\n  img.about-page {\n    width: 75%;\n  }\n  section.stats {\n    padding: 5% 0;\n    font-size: 3rem;\n    background: $main-color;\n    color: #fff;\n  }\n  .stat-number{\n    margin-top: 10px;\n  }\n}\nsection {\n  padding: 5% 0;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./About.vue?vue&type=template&id=5e062cba&scoped=true&\"\nimport script from \"./About.vue?vue&type=script&lang=js&\"\nexport * from \"./About.vue?vue&type=script&lang=js&\"\nimport style0 from \"./About.vue?vue&type=style&index=0&id=5e062cba&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5e062cba\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}