import { Carousel, Slide } from 'vue3-carousel/dist/carousel';
import { u as useI18n, a as _export_sfc, _ as _sfc_main$g } from './server.mjs';
import { useSSRContext, ref, mergeProps, unref, withCtx, createVNode, openBlock, createBlock, Fragment, renderList } from 'vue';
import { ssrRenderAttrs, ssrInterpolate, ssrRenderComponent, ssrRenderList, ssrRenderAttr } from 'vue/server-renderer';

const _sfc_main$1 = {
  __name: "HomePartners",
  __ssrInlineRender: true,
  setup(__props) {
    useI18n();
    const partners_title = ref(null);
    const partners_desc = ref(null);
    const partnersData = ref(null);
    return (_ctx, _push, _parent, _attrs) => {
      const _component_carousel = Carousel;
      const _component_slide = Slide;
      const _component_nuxt_img = _sfc_main$g;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "container grid grid-cols-1 lg:grid-cols-2 md:gap-8 lg:gap-12 overflow-hidden min-h-fit items-center" }, _attrs))}><div data-wow-duration="1.3s" data-wow-delay="0s" class="alamiya_swiper my-5 animated wow jackInTheBox"><h2 class="my-5 text-4xl lg:text-5xl lg:leading-[3.7rem] text-text font-bold leading-[2.8rem] max-w-[450px]">${ssrInterpolate(unref(partners_title))}</h2><p class="mb-5 max-w-[450px] text-sm text-text-light">${ssrInterpolate(unref(partners_desc))}</p></div>`);
      if (unref(partnersData)) {
        _push(`<div class="alamiya_swiper"><div class="my-4">`);
        _push(ssrRenderComponent(_component_carousel, {
          autoplay: 1,
          "items-to-show": 3,
          snapAlign: "center",
          transition: 3e3,
          "wrap-around": true,
          "pause-autoplay-on-hover": true,
          dir: _ctx.$i18n.locale == "ar" ? "rtl" : "ltr"
        }, {
          default: withCtx((_, _push2, _parent2, _scopeId) => {
            if (_push2) {
              _push2(`<!--[-->`);
              ssrRenderList(unref(partnersData)[0], (item) => {
                _push2(ssrRenderComponent(_component_slide, {
                  key: item.id
                }, {
                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                    if (_push3) {
                      _push3(`<div data-wow-duration="1.3s" data-wow-delay="0s" class="rounded-full border w-[100px] h-[100px] mb-3 flex justify-center items-center animated wow bounceIn"${_scopeId2}><a${ssrRenderAttr("href", item.link)} target="_blank" rel="noopener noreferrer"${_scopeId2}>`);
                      _push3(ssrRenderComponent(_component_nuxt_img, {
                        src: item.image,
                        srcset: `${item.image} 480w, ${item.image} 1080w`,
                        alt: item.alt_image,
                        format: "webp",
                        width: "100",
                        height: "100",
                        class: "w-[90px] h-auto rounded-full object-contain",
                        loading: "lazy"
                      }, null, _parent3, _scopeId2));
                      _push3(`</a></div>`);
                    } else {
                      return [
                        createVNode("div", {
                          "data-wow-duration": "1.3s",
                          "data-wow-delay": "0s",
                          class: "rounded-full border w-[100px] h-[100px] mb-3 flex justify-center items-center animated wow bounceIn"
                        }, [
                          createVNode("a", {
                            href: item.link,
                            target: "_blank",
                            rel: "noopener noreferrer"
                          }, [
                            createVNode(_component_nuxt_img, {
                              src: item.image,
                              srcset: `${item.image} 480w, ${item.image} 1080w`,
                              alt: item.alt_image,
                              format: "webp",
                              width: "100",
                              height: "100",
                              class: "w-[90px] h-auto rounded-full object-contain",
                              loading: "lazy"
                            }, null, 8, ["src", "srcset", "alt"])
                          ], 8, ["href"])
                        ])
                      ];
                    }
                  }),
                  _: 2
                }, _parent2, _scopeId));
              });
              _push2(`<!--]-->`);
            } else {
              return [
                (openBlock(true), createBlock(Fragment, null, renderList(unref(partnersData)[0], (item) => {
                  return openBlock(), createBlock(_component_slide, {
                    key: item.id
                  }, {
                    default: withCtx(() => [
                      createVNode("div", {
                        "data-wow-duration": "1.3s",
                        "data-wow-delay": "0s",
                        class: "rounded-full border w-[100px] h-[100px] mb-3 flex justify-center items-center animated wow bounceIn"
                      }, [
                        createVNode("a", {
                          href: item.link,
                          target: "_blank",
                          rel: "noopener noreferrer"
                        }, [
                          createVNode(_component_nuxt_img, {
                            src: item.image,
                            srcset: `${item.image} 480w, ${item.image} 1080w`,
                            alt: item.alt_image,
                            format: "webp",
                            width: "100",
                            height: "100",
                            class: "w-[90px] h-auto rounded-full object-contain",
                            loading: "lazy"
                          }, null, 8, ["src", "srcset", "alt"])
                        ], 8, ["href"])
                      ])
                    ]),
                    _: 2
                  }, 1024);
                }), 128))
              ];
            }
          }),
          _: 1
        }, _parent));
        _push(`</div><div class="my-4">`);
        _push(ssrRenderComponent(_component_carousel, {
          autoplay: 1,
          "items-to-show": 3,
          transition: 3e3,
          "wrap-around": true,
          snapAlign: "center",
          "pause-autoplay-on-hover": true,
          dir: _ctx.$i18n.locale == "ar" ? "ltr" : "rtl"
        }, {
          default: withCtx((_, _push2, _parent2, _scopeId) => {
            if (_push2) {
              _push2(`<!--[-->`);
              ssrRenderList(unref(partnersData)[1], (item) => {
                _push2(ssrRenderComponent(_component_slide, {
                  key: item.id
                }, {
                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
                    if (_push3) {
                      _push3(`<div data-wow-duration="1.3s" data-wow-delay="0s" class="rounded-full border w-[100px] h-[100px] mb-3 flex justify-center items-center animated wow bounceIn"${_scopeId2}><a${ssrRenderAttr("href", item.link)} target="_blank" rel="noopener noreferrer"${_scopeId2}>`);
                      _push3(ssrRenderComponent(_component_nuxt_img, {
                        src: item.image,
                        srcset: `${item.image} 480w, ${item.image} 1080w`,
                        alt: item.alt_image,
                        format: "webp",
                        width: "100",
                        height: "100",
                        class: "w-[90px] h-auto rounded-full object-contain",
                        loading: "lazy"
                      }, null, _parent3, _scopeId2));
                      _push3(`</a></div>`);
                    } else {
                      return [
                        createVNode("div", {
                          "data-wow-duration": "1.3s",
                          "data-wow-delay": "0s",
                          class: "rounded-full border w-[100px] h-[100px] mb-3 flex justify-center items-center animated wow bounceIn"
                        }, [
                          createVNode("a", {
                            href: item.link,
                            target: "_blank",
                            rel: "noopener noreferrer"
                          }, [
                            createVNode(_component_nuxt_img, {
                              src: item.image,
                              srcset: `${item.image} 480w, ${item.image} 1080w`,
                              alt: item.alt_image,
                              format: "webp",
                              width: "100",
                              height: "100",
                              class: "w-[90px] h-auto rounded-full object-contain",
                              loading: "lazy"
                            }, null, 8, ["src", "srcset", "alt"])
                          ], 8, ["href"])
                        ])
                      ];
                    }
                  }),
                  _: 2
                }, _parent2, _scopeId));
              });
              _push2(`<!--]-->`);
            } else {
              return [
                (openBlock(true), createBlock(Fragment, null, renderList(unref(partnersData)[1], (item) => {
                  return openBlock(), createBlock(_component_slide, {
                    key: item.id
                  }, {
                    default: withCtx(() => [
                      createVNode("div", {
                        "data-wow-duration": "1.3s",
                        "data-wow-delay": "0s",
                        class: "rounded-full border w-[100px] h-[100px] mb-3 flex justify-center items-center animated wow bounceIn"
                      }, [
                        createVNode("a", {
                          href: item.link,
                          target: "_blank",
                          rel: "noopener noreferrer"
                        }, [
                          createVNode(_component_nuxt_img, {
                            src: item.image,
                            srcset: `${item.image} 480w, ${item.image} 1080w`,
                            alt: item.alt_image,
                            format: "webp",
                            width: "100",
                            height: "100",
                            class: "w-[90px] h-auto rounded-full object-contain",
                            loading: "lazy"
                          }, null, 8, ["src", "srcset", "alt"])
                        ], 8, ["href"])
                      ])
                    ]),
                    _: 2
                  }, 1024);
                }), 128))
              ];
            }
          }),
          _: 1
        }, _parent));
        _push(`</div></div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div>`);
    };
  }
};
const _sfc_setup$1 = _sfc_main$1.setup;
_sfc_main$1.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/home/HomePartners.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const _sfc_main = {};
function _sfc_ssrRender(_ctx, _push, _parent, _attrs) {
  _push(`<div${ssrRenderAttrs(mergeProps({ class: "container mb-11 lg:mb-20" }, _attrs))} data-v-84a39dac><div class="rounded-3xl mb-2 skeleton w-[300px] h-16" data-v-84a39dac></div><div class="grid lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 gap-3" data-v-84a39dac><!--[-->`);
  ssrRenderList(3, (n) => {
    _push(`<div class="rounded-3xl pb-5 shadow p-5 space-y-3 border border-solid border-[#F5F5FC]" data-v-84a39dac><div class="rounded-full mb-2 skeleton h-5 w-40" data-v-84a39dac></div><div class="rounded-3xl skeleton h-8 w-48" data-v-84a39dac></div><div class="rounded-3xl skeleton h-16 w-full" data-v-84a39dac></div></div>`);
  });
  _push(`<!--]--></div></div>`);
}
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/skelton/SkeltonSection2.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
const __nuxt_component_52 = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender], ["__scopeId", "data-v-84a39dac"]]);

export { _sfc_main$1 as _, __nuxt_component_52 as a };
//# sourceMappingURL=SkeltonSection2-Bw4lhr-n.mjs.map
