import { d as uf, u as ef, c as gn, b as Qs, a as Qt, e as Zt, f as au, k as nu, _ as An, h as Ma, g as $a } from './server.mjs';
import { g } from './SvgIcon-BnUcaRsf.mjs';
import { mergeProps, useSSRContext, ref, computed, unref, withCtx, createVNode, createTextVNode, toDisplayString, openBlock, createBlock, withModifiers, Fragment, renderList, createCommentVNode, watch } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrRenderSlot, ssrRenderClass, ssrInterpolate, ssrRenderAttr, ssrRenderList, ssrRenderTeleport } from 'vue/server-renderer';
import { d } from './Skeleton-BBJiWBrY.mjs';
import { n } from './Backdrop-BEGlY-L5.mjs';
import { h as he, z, g as ge } from './swiper-vue-DHAv4051.mjs';
import { U, A } from './saudi-arabia-Be5LJrhj.mjs';
import { E } from './Footer-YL5TFgAY.mjs';
import '../_/nitro.mjs';
import 'node:http';
import 'node:https';
import 'node:fs';
import 'node:url';
import 'node:path';
import 'unhead';
import '@unhead/shared';
import 'vue-router';
import 'vue-rate';
import 'date-fns';
import '@hennge/vue3-pagination';
import 'axios';
import 'vue-social-sharing';

const q = { __name: "Search", __ssrInlineRender: true, setup(a2) {
  Qt().$axios;
  const s2 = ref(false), r2 = ref([]), i2 = Ma(), o2 = computed(() => {
    var e2;
    return { value: (null == (e2 = i2.query) ? undefined : e2.keyword) || "" };
  });
  return (e2, t2, a3, i3) => {
    var n2;
    const c2 = g, u2 = An;
    t2(`<div${ssrRenderAttrs(mergeProps({ class: ["/" === e2.$route.path ? "border-[#E9ECEE] bg-white" : "border-primary bg-primary", "relative border flex flex-1 h-12 items-center gap-2 lg:w-[350px] xl:w-[564px] max-w-[100%]"] }, i3))}><input type="text"${ssrRenderAttr("value", unref(o2).value)}${ssrRenderAttr("placeholder", e2.$t("TITLES.searchProducts"))} class="${ssrRenderClass(["/" !== e2.$route.path ? "placeholder:text-white text-white caret-white" : "placeholder:text-primary text-primary caret-primary", "lg:text-base text-sm py-3 px-4 lg:font-medium w-full bg-transparent focus:outline-none"])}"><button class="h-full w-14 outline-none bg-primary flex items-center justify-center">`), t2(ssrRenderComponent(c2, { name: "search", class: "text-2xl [&_path]:!fill-white" }, null, a3)), t2("</button>"), unref(s2) && (null == (n2 = unref(r2)) ? undefined : n2.length) ? (t2(`<div class="absolute drop-shadow-2xl lg:block border border-white hidden w-[645px] max-w-full lg:max-w-[unset] mt-1 p-8 top-full z-[1000] start-0 bg-white transition-all duration-500"><div><div class="flex mb-6 items-center justify-between gap-4"><p class="font-medium text-xl">${ssrInterpolate(e2.$t("TITLES.recentlySearched"))}</p><button class="text-base">`), t2(ssrRenderComponent(c2, { name: "trash", class: "scale-75 [&_path]:!fill-[#FC1B1B]" }, null, a3)), t2('</button></div><div class="flex items-center gap-4 flex-wrap"><!--[-->'), ssrRenderList(unref(r2).slice(0, 10), (l2, r3) => {
      t2(ssrRenderComponent(u2, { onClick: (e3) => s2.value = false, key: r3, to: e2.localePath(`/search?keyword=${l2.search}`), class: "text-sm inline-block py-3 px-6 bg-[#F6F6F6]" }, { default: withCtx((e3, t3, a4, s3) => {
        if (!t3) return [createTextVNode(toDisplayString(l2.search), 1)];
        t3(`${ssrInterpolate(l2.search)}`);
      }), _: 2 }, a3));
    }), t2("<!--]--></div></div></div>")) : t2("<!---->"), t2("</div>");
  };
} }, H = q.setup;
q.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("components/header/Search.vue"), H ? H(e2, t2) : undefined;
};
const O = {};
const Q = O.setup;
O.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("components/Shared/SubnavSkelton.vue"), Q ? Q(e2, t2) : undefined;
};
const W = uf(O, [["ssrRender", function(e2, t2, l2, a2) {
  const s2 = d;
  t2(`<div${ssrRenderAttrs(mergeProps({ class: "relative z-[102]" }, a2))}><div class="relative h-6 flex items-center justify-between gap-10">`), t2(ssrRenderComponent(s2, { class: "h-[6px] w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2(ssrRenderComponent(s2, { class: "h-[6px] w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2(ssrRenderComponent(s2, { class: "h-[6px] w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2(ssrRenderComponent(s2, { class: "h-[6px] w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2(ssrRenderComponent(s2, { class: "h-[6px] w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2(ssrRenderComponent(s2, { class: "h-[6px] hidden sm:block w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2(ssrRenderComponent(s2, { class: "h-[6px] hidden sm:block w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2(ssrRenderComponent(s2, { class: "h-[6px] hidden lg:block w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2(ssrRenderComponent(s2, { class: "h-[6px] hidden lg:block w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2(ssrRenderComponent(s2, { class: "h-[6px] hidden lg:block w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2("</div></div>");
}]]), J = { __name: "SubNav", __ssrInlineRender: true, emits: ["openMobileCategories"], setup(t2, { emit: a2 }) {
  const o2 = ef(), { locale: n2 } = Qs(), c2 = ref([]);
  Qt().$axios;
  const u2 = a2, x2 = au(), f2 = ref(false), m2 = ref(null), L2 = ref(null), A2 = ref(true);
  watch(() => o2.categories, () => {
    if (o2.categories && o2.categories.length) {
      const e2 = o2.categories[0];
      m2.value = e2, c2.value = null == e2 ? undefined : e2.sub_categories, setTimeout(() => {
        A2.value = false;
      });
    }
  }, { immediate: true, deep: true });
  const G2 = (e2) => {
    (undefined).innerWidth < 992 ? u2("openMobileCategories", e2) : L2.value === e2.title ? P2() : (f2.value = !f2.value, L2.value = e2.title, m2.value = e2, c2.value = e2.sub_categories);
  }, P2 = () => {
    f2.value = false, L2.value = null;
  };
  return (e2, t3, a3, s2) => {
    const r2 = W, i2 = An, u3 = n, p2 = g, w2 = d;
    unref(A2) ? (t3(`<div${ssrRenderAttrs(s2)}>`), t3(ssrRenderComponent(r2, null, null, a3)), t3("</div>")) : (t3(`<div${ssrRenderAttrs(s2)}><div class="relative"><div class="subNav">`), t3(ssrRenderComponent(unref(he), { modules: [unref(z)], breakpoints: { 0: { spaceBetween: 15 }, 992: { spaceBetween: 40 } }, "free-mode": true, class: "flex items-center" }, { default: withCtx((t4, l2, a4, s3) => {
      if (!l2) return [createVNode(unref(ge), { class: "/" === e2.$route.path ? "text-white" : "lg:text-primary" }, { default: withCtx(() => [createVNode(i2, { to: unref(x2)("/"), class: ["focus:outline-none text-sm lg:text-base hover:lg:text-primary transition-all", { "lg:text-primary font-medium  lg:!font-bold active": "/" === e2.$route.path }] }, { default: withCtx(() => [createTextVNode(toDisplayString(e2.$t("NAV.home")), 1)]), _: 1 }, 8, ["to", "class"])]), _: 1 }, 8, ["class"]), (openBlock(true), createBlock(Fragment, null, renderList(unref(o2).categories, (t5, l3) => (openBlock(), createBlock(unref(ge), { key: l3, class: "/" === e2.$route.path ? "text-white" : "text-primary" }, { default: withCtx(() => [createVNode("button", { onClick: withModifiers((e3) => G2(t5), ["stop"]), class: ["focus:outline-none text-sm lg:text-base lg:font-medium hover:lg:text-primary transition-all", { "lg:text-primary font-medium lg:!font-bold active": unref(L2) === t5.title }] }, toDisplayString(t5.title), 11, ["onClick"])]), _: 2 }, 1032, ["class"]))), 128))];
      l2(ssrRenderComponent(unref(ge), { class: "/" === e2.$route.path ? "text-white" : "lg:text-primary" }, { default: withCtx((t5, l3, a5, s4) => {
        if (!l3) return [createVNode(i2, { to: unref(x2)("/"), class: ["focus:outline-none text-sm lg:text-base hover:lg:text-primary transition-all", { "lg:text-primary font-medium  lg:!font-bold active": "/" === e2.$route.path }] }, { default: withCtx(() => [createTextVNode(toDisplayString(e2.$t("NAV.home")), 1)]), _: 1 }, 8, ["to", "class"])];
        l3(ssrRenderComponent(i2, { to: unref(x2)("/"), class: ["focus:outline-none text-sm lg:text-base hover:lg:text-primary transition-all", { "lg:text-primary font-medium  lg:!font-bold active": "/" === e2.$route.path }] }, { default: withCtx((t6, l4, a6, s5) => {
          if (!l4) return [createTextVNode(toDisplayString(e2.$t("NAV.home")), 1)];
          l4(`${ssrInterpolate(e2.$t("NAV.home"))}`);
        }), _: 1 }, a5, s4));
      }), _: 1 }, a4, s3)), l2("<!--[-->"), ssrRenderList(unref(o2).categories, (t5, r3) => {
        l2(ssrRenderComponent(unref(ge), { key: r3, class: "/" === e2.$route.path ? "text-white" : "text-primary" }, { default: withCtx((e3, l3, a5, s4) => {
          if (!l3) return [createVNode("button", { onClick: withModifiers((e4) => G2(t5), ["stop"]), class: ["focus:outline-none text-sm lg:text-base lg:font-medium hover:lg:text-primary transition-all", { "lg:text-primary font-medium lg:!font-bold active": unref(L2) === t5.title }] }, toDisplayString(t5.title), 11, ["onClick"])];
          l3(`<button class="${ssrRenderClass([{ "lg:text-primary font-medium lg:!font-bold active": unref(L2) === t5.title }, "focus:outline-none text-sm lg:text-base lg:font-medium hover:lg:text-primary transition-all"])}"${s4}>${ssrInterpolate(t5.title)}</button>`);
        }), _: 2 }, a4, s3));
      }), l2("<!--]-->");
    }), _: 1 }, a3)), t3("</div>"), unref(f2) ? t3(ssrRenderComponent(u3, { onClose: P2, class: "hidden lg:block" }, { default: withCtx((t4, l2, a4, s3) => {
      if (!l2) return [unref(f2) ? (openBlock(), createBlock("div", { key: 0, onClick: withModifiers(() => {
      }, ["stop"]), class: "fixed start-0 lg:top-[145px] max-h-[100%] overflow-auto scrollbar-hide lg:h-[420px] lg:overflow-hidden w-full end-0 bg-white shadow-lg z-50" }, [createVNode("div", { class: "flex flex-col lg:flex-row h-full gap-y-4 gap-x-10" }, [createVNode("div", { class: "lg:w-[260px] lg:overflow-auto scrollbar-hide space-y-2" }, [(openBlock(true), createBlock(Fragment, null, renderList(unref(o2).categories, (e3) => (openBlock(), createBlock("div", { key: e3.id, class: ["px-4 py-3 relative gap-4 transition-all cursor-pointer flex items-center justify-between hover:bg-[#F0F0F0]", { "bg-[#F0F0F0] before:absolute before:start-2 before:w-0.5 before:h-3 before:top-1/5 before:z-10 before:bg-primary font-medium": unref(m2) === e3 }], onClick: (t5) => {
        m2.value = e3, c2.value = e3.sub_categories, L2.value = e3.title;
      } }, [createVNode("span", null, toDisplayString(e3.title), 1), createVNode(p2, { class: ["ar" === unref(n2) ? "rotate-180" : "", "scale-[.65] [&_path]:!fill-black"], name: "chevron-right" }, null, 8, ["class"])], 10, ["onClick"]))), 128))]), createVNode("div", { class: "lg:px-10 px-4 lg:w-[420px] lg:overflow-y-auto scrollbar-hide lg:border-x-2 my-6 lg:border-[#E1E1E1]" }, [createVNode("div", { class: "lg:grid flex flex-wrap grid-cols-3 gap-4" }, [e2.loadingSubCategories ? (openBlock(), createBlock(Fragment, { key: 0 }, renderList(3, (e3) => createVNode("div", { key: e3, class: "text-center w-full" }, [createVNode("div", { class: "w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]" }, [createVNode(w2, { class: "w-full h-full object-cover rounded-full" })]), createVNode(w2, { class: "text-sm text-[#363636]" })])), 64)) : (openBlock(), createBlock(Fragment, { key: 1 }, [unref(c2) && unref(c2).length ? (openBlock(true), createBlock(Fragment, { key: 0 }, renderList(unref(c2), (e3) => (openBlock(), createBlock(i2, { onClick: (t5) => G2(e3), to: unref(x2)(`/categories?sub_category=${e3.id}`), key: e3.id, class: "text-center" }, { default: withCtx(() => [createVNode("div", { class: "w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]" }, [createVNode("img", { src: e3.image, alt: e3.title, class: "w-full h-full object-cover rounded-full" }, null, 8, ["src", "alt"])]), createVNode("p", { class: "text-sm text-[#363636] line-clamp-1" }, toDisplayString(e3.title), 1)]), _: 2 }, 1032, ["onClick", "to"]))), 128)) : (openBlock(), createBlock("div", { key: 1, class: "text-center w-full" }, [createVNode("p", { class: "text-sm text-[#363636]" }, toDisplayString(e2.$t("TITLES.noSubCategories")), 1)]))], 64))])]), createVNode("div", { class: "lg:overflow-y-auto scrollbar-hide flex-1 px-4 lg:px-0 py-6" }, [createVNode("div", { class: "space-y-6" }, [e2.loadingSubCategories ? (openBlock(), createBlock(Fragment, { key: 0 }, renderList(6, (e3) => createVNode("div", { key: e3, class: "text-center w-full" }, [createVNode("div", { class: "w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]" }, [createVNode(w2, { class: "w-full h-full object-cover rounded-full" })]), createVNode(w2, { class: "text-sm text-[#363636]" })])), 64)) : (openBlock(), createBlock(Fragment, { key: 1 }, [unref(c2) && unref(c2).length ? (openBlock(true), createBlock(Fragment, { key: 0 }, renderList(unref(c2), (e3) => (openBlock(), createBlock("div", { key: e3.id }, [createVNode("h3", { class: "text-lg font-medium mb-4" }, toDisplayString(e3.title), 1), createVNode("div", { class: "flex items-center flex-wrap gap-4" }, [(openBlock(true), createBlock(Fragment, null, renderList(e3.sub_sub_categories, (e4) => (openBlock(), createBlock(i2, { onClick: (t5) => G2(e4), to: unref(x2)(`/categories?sub_sub_category=${e4.id}`), key: e4.id, class: "text-center w-[104px]" }, { default: withCtx(() => [createVNode("div", { class: "w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]" }, [createVNode("img", { src: e4.image, alt: e4.title, class: "w-full h-full object-cover rounded-full" }, null, 8, ["src", "alt"])]), createVNode("p", { class: "text-sm text-[#363636] line-clamp-1" }, toDisplayString(e4.title), 1)]), _: 2 }, 1032, ["onClick", "to"]))), 128))])]))), 128)) : createCommentVNode("", true)], 64))])])])], 8, ["onClick"])) : createCommentVNode("", true)];
      unref(f2) ? (l2(`<div class="fixed start-0 lg:top-[145px] max-h-[100%] overflow-auto scrollbar-hide lg:h-[420px] lg:overflow-hidden w-full end-0 bg-white shadow-lg z-50"${s3}><div class="flex flex-col lg:flex-row h-full gap-y-4 gap-x-10"${s3}><div class="lg:w-[260px] lg:overflow-auto scrollbar-hide space-y-2"${s3}><!--[-->`), ssrRenderList(unref(o2).categories, (e3) => {
        l2(`<div class="${ssrRenderClass([{ "bg-[#F0F0F0] before:absolute before:start-2 before:w-0.5 before:h-3 before:top-1/5 before:z-10 before:bg-primary font-medium": unref(m2) === e3 }, "px-4 py-3 relative gap-4 transition-all cursor-pointer flex items-center justify-between hover:bg-[#F0F0F0]"])}"${s3}><span${s3}>${ssrInterpolate(e3.title)}</span>`), l2(ssrRenderComponent(p2, { class: ["ar" === unref(n2) ? "rotate-180" : "", "scale-[.65] [&_path]:!fill-black"], name: "chevron-right" }, null, a4, s3)), l2("</div>");
      }), l2(`<!--]--></div><div class="lg:px-10 px-4 lg:w-[420px] lg:overflow-y-auto scrollbar-hide lg:border-x-2 my-6 lg:border-[#E1E1E1]"${s3}><div class="lg:grid flex flex-wrap grid-cols-3 gap-4"${s3}>`), e2.loadingSubCategories ? (l2("<!--[-->"), ssrRenderList(3, (e3) => {
        l2(`<div class="text-center w-full"${s3}><div class="w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]"${s3}>`), l2(ssrRenderComponent(w2, { class: "w-full h-full object-cover rounded-full" }, null, a4, s3)), l2("</div>"), l2(ssrRenderComponent(w2, { class: "text-sm text-[#363636]" }, null, a4, s3)), l2("</div>");
      }), l2("<!--]-->")) : (l2("<!--[-->"), unref(c2) && unref(c2).length ? (l2("<!--[-->"), ssrRenderList(unref(c2), (e3) => {
        l2(ssrRenderComponent(i2, { onClick: (t5) => G2(e3), to: unref(x2)(`/categories?sub_category=${e3.id}`), key: e3.id, class: "text-center" }, { default: withCtx((t5, l3, a5, s4) => {
          if (!l3) return [createVNode("div", { class: "w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]" }, [createVNode("img", { src: e3.image, alt: e3.title, class: "w-full h-full object-cover rounded-full" }, null, 8, ["src", "alt"])]), createVNode("p", { class: "text-sm text-[#363636] line-clamp-1" }, toDisplayString(e3.title), 1)];
          l3(`<div class="w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]"${s4}><img${ssrRenderAttr("src", e3.image)}${ssrRenderAttr("alt", e3.title)} class="w-full h-full object-cover rounded-full"${s4}></div><p class="text-sm text-[#363636] line-clamp-1"${s4}>${ssrInterpolate(e3.title)}</p>`);
        }), _: 2 }, a4, s3));
      }), l2("<!--]-->")) : l2(`<div class="text-center w-full"${s3}><p class="text-sm text-[#363636]"${s3}>${ssrInterpolate(e2.$t("TITLES.noSubCategories"))}</p></div>`), l2("<!--]-->")), l2(`</div></div><div class="lg:overflow-y-auto scrollbar-hide flex-1 px-4 lg:px-0 py-6"${s3}><div class="space-y-6"${s3}>`), e2.loadingSubCategories ? (l2("<!--[-->"), ssrRenderList(6, (e3) => {
        l2(`<div class="text-center w-full"${s3}><div class="w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]"${s3}>`), l2(ssrRenderComponent(w2, { class: "w-full h-full object-cover rounded-full" }, null, a4, s3)), l2("</div>"), l2(ssrRenderComponent(w2, { class: "text-sm text-[#363636]" }, null, a4, s3)), l2("</div>");
      }), l2("<!--]-->")) : (l2("<!--[-->"), unref(c2) && unref(c2).length ? (l2("<!--[-->"), ssrRenderList(unref(c2), (e3) => {
        l2(`<div${s3}><h3 class="text-lg font-medium mb-4"${s3}>${ssrInterpolate(e3.title)}</h3><div class="flex items-center flex-wrap gap-4"${s3}><!--[-->`), ssrRenderList(e3.sub_sub_categories, (e4) => {
          l2(ssrRenderComponent(i2, { onClick: (t5) => G2(e4), to: unref(x2)(`/categories?sub_sub_category=${e4.id}`), key: e4.id, class: "text-center w-[104px]" }, { default: withCtx((t5, l3, a5, s4) => {
            if (!l3) return [createVNode("div", { class: "w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]" }, [createVNode("img", { src: e4.image, alt: e4.title, class: "w-full h-full object-cover rounded-full" }, null, 8, ["src", "alt"])]), createVNode("p", { class: "text-sm text-[#363636] line-clamp-1" }, toDisplayString(e4.title), 1)];
            l3(`<div class="w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]"${s4}><img${ssrRenderAttr("src", e4.image)}${ssrRenderAttr("alt", e4.title)} class="w-full h-full object-cover rounded-full"${s4}></div><p class="text-sm text-[#363636] line-clamp-1"${s4}>${ssrInterpolate(e4.title)}</p>`);
          }), _: 2 }, a4, s3));
        }), l2("<!--]--></div></div>");
      }), l2("<!--]-->")) : l2("<!---->"), l2("<!--]-->")), l2("</div></div></div></div>")) : l2("<!---->");
    }), _: 1 }, a3)) : t3("<!---->"), t3("</div></div>"));
  };
} }, K = J.setup;
J.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("components/header/SubNav.vue"), K ? K(e2, t2) : undefined;
};
const X = { __name: "NotificationDrawer", __ssrInlineRender: true, setup(t2) {
  const { public: { profileName: l2 } } = Zt();
  Qt().$axios;
  const a2 = ef();
  return au(), $a(), ref(null), ref(false), computed(() => gn(l2).value), computed(() => {
    var e2;
    return null == (e2 = a2.notifications) ? undefined : e2.data;
  }), (e2, t3, l3, s2) => {
    var r2;
    const i2 = g;
    unref(a2).notifications ? (t3(`<div${ssrRenderAttrs(mergeProps({ class: "sm:w-[450px] w-[calc(100%-5vh)] h-[87vh] lg:h-[95vh] bg-white fixed top-[2.5vh] start-[2.5vh] rounded-sm overflow-hidden z-[9999999999]" }, s2))}><div class="flex justify-between items-center mb-5 py-2 px-6"><p class="font-medium lg:text-[32px] md:text-[28px] !text-[24px]">${ssrInterpolate(e2.$t("TITLES.notifications"))}</p><button type="button">`), t3(ssrRenderComponent(i2, { name: "xmark" }, null, l3)), t3('</button></div><div class="h-[calc(92.5vh-92px)] overflow-y-auto py-2 px-6"><!--[-->'), ssrRenderList(null == (r2 = unref(a2).notifications) ? undefined : r2.data, (e3) => {
      t3('<button type="button" class="p-4 w-full text-start ps-0 flex items-center gap-4 border-b border-opacity-50"><div>'), t3(ssrRenderComponent(i2, { name: "notification_bell" }, null, l3)), t3(`</div><div class="flex-1"><div class="flex items-center justify-between"><p class="lg:text-xl font-medium mb-1 truncate max-w-[280px]">${ssrInterpolate(e3.title)}</p>`), e3.is_readed ? t3("<!---->") : t3('<p class="size-2 bg-green-500 rounded-full"></p>'), t3(`</div><p class="text-sm line-clamp-2">${ssrInterpolate(e3.body)}</p><p class="text-sm">${ssrInterpolate(e3.created_time)}</p></div></button>`);
    }), t3("<!--]--></div></div>")) : t3("<!---->");
  };
} }, Y = X.setup;
X.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("components/UI/NotificationDrawer.vue"), Y ? Y(e2, t2) : undefined;
};
const Z = { __name: "Navbar", __ssrInlineRender: true, emits: ["openMobileCategories"], setup(t2, { emit: a2 }) {
  const o2 = ef(), x2 = gn("sheIn-token"), m2 = ref([]), w2 = ref([]), { t: S2, locale: A2 } = Qs();
  Qt().$axios;
  const { public: { baseGeneralURL: V2, profileName: U2, tokenName: H2 } } = Zt(), O2 = ref(o2.categories[0]), Q2 = ref(null), W2 = ref(null);
  ref(false);
  const K2 = () => {
    ee2.value = false, Q2.value = null;
  }, Y2 = au(), Z2 = ref(false);
  ref(false);
  const ee2 = ref(false);
  ref(false);
  const te2 = [{ code: "ar", label: S2("TITLES.ar") }, { code: "en", label: S2("TITLES.en") }], le2 = nu(), ae2 = ref(false);
  return Qt(), computed(() => gn(U2).value), (e2, t3, a3, s2) => {
    const r2 = An, i2 = q, n2 = g, c2 = J, u2 = n, p2 = X, f2 = An;
    t3(`<!--[--><nav id="mainNavbar" class="${ssrRenderClass(["/" === e2.$route.path || "/ar" === e2.$route.path ? "absolute" : "relative", "start-0 top-0 z-[1000] w-full py-3 lg:py-6 container end-0"])}"><div class="flex items-center justify-between gap-4 lg:gap-10 mb-4 lg:mb-8"><div class="xl:w-[350px] lg:w-[110px] max-w-[100%]">`), t3(ssrRenderComponent(r2, { to: unref(Y2)("/"), class: "outline-none" }, { default: withCtx((t4, l2, a4, s3) => {
      if (!l2) return [createVNode("h1", { class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "text-white" : "!text-primary", "font-semibold text-2xl md:text-3xl lg:text-4xl"] }, " LoGo ", 2)];
      l2(`<h1 class="${ssrRenderClass(["/" === e2.$route.path || "/ar" === e2.$route.path ? "text-white" : "!text-primary", "font-semibold text-2xl md:text-3xl lg:text-4xl"])}"${s3}> LoGo </h1>`);
    }), _: 1 }, a3)), t3("</div>"), t3(ssrRenderComponent(i2, null, null, a3)), t3('<div class="hidden min-w-[280px] xl:min-w-[415px] items-center justify-end gap-4 text-center lg:flex"><div class="relative"><button class="flex items-center justify-center gap-1.5 cursor-pointer rounded-full transition-all duration-500 font-medium">'), t3(ssrRenderComponent(n2, { name: "chevron-down", class: ["text-base", "/" === e2.$route.path || "/ar" === e2.$route.path ? "[&_path]:!fill-white" : "[&_path]:!fill-primary"] }, null, a3)), t3(`<span class="${ssrRenderClass(["/" === e2.$route.path || "/ar" === e2.$route.path ? "text-white" : "text-primary", "font-semibold"])}">${ssrInterpolate("ar" == e2.$i18n.locale ? "EN" : "AR")}</span>`), "en" == e2.$i18n.locale ? t3(`<img${ssrRenderAttr("src", U)} alt="saudi-arabia" width="40" height="26" loading="lazy" class="h-[26px] w-10 rounded-sm">`) : t3(`<img${ssrRenderAttr("src", A)} alt="usa" width="40" height="26" loading="lazy" class="h-[26px] w-10 rounded-sm">`), t3("</button>"), unref(Z2) ? (t3('<div class="absolute end-0 z-[200] mt-0.5 w-24 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5"><div class="py-1" role="menu" aria-orientation="vertical"><!--[-->'), ssrRenderList(te2, (e3) => {
      t3(`<a${ssrRenderAttr("href", unref(le2)(e3.code))} class="block w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 text-center" role="menuitem">${ssrInterpolate(e3.label)}</a>`);
    }), t3("<!--]--></div></div>")) : t3("<!---->"), t3("</div>"), unref(x2) ? t3("<!---->") : t3(ssrRenderComponent(r2, { to: unref(Y2)("/auth/login"), class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "bg-white text-primary hover:bg-primary hover:text-white" : "text-white bg-primary hover:bg-white hover:text-primary", "hidden py-2.5 px-2.5 whitespace-nowrap h-12 font-medium w-[120px] border transition-all duration-500 border-[#7D7D7D] rounded-full lg:inline-block text-center"] }, { default: withCtx((t4, l2, a4, s3) => {
      if (!l2) return [createTextVNode(toDisplayString(e2.$t("TITLES.login")), 1)];
      l2(`${ssrInterpolate(e2.$t("TITLES.login"))}`);
    }), _: 1 }, a3)), unref(x2) ? t3("<!---->") : t3(ssrRenderComponent(r2, { to: unref(Y2)("/auth/create-account"), class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "bg-white text-primary hover:bg-primary hover:text-white" : "text-white bg-primary hover:bg-white hover:text-primary", "hidden py-2.5 px-2.5 whitespace-nowrap h-12 font-medium w-[160px] border transition-all duration-500 border-[#7D7D7D] rounded-full lg:inline-block text-center"] }, { default: withCtx((t4, l2, a4, s3) => {
      if (!l2) return [createTextVNode(toDisplayString(e2.$t("TITLES.createAccount")), 1)];
      l2(`${ssrInterpolate(e2.$t("TITLES.createAccount"))}`);
    }), _: 1 }, a3)), unref(x2) ? t3(ssrRenderComponent(r2, { to: unref(Y2)("/cart"), class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "c" : "c-reverse", "justify-center transition-all duration-500 group size-12 rounded-full flex items-center text-center"] }, { default: withCtx((e3, t4, l2, a4) => {
      if (!t4) return [createVNode(n2, { name: "cart", class: "text-2xl transition-all duration-500" })];
      t4(ssrRenderComponent(n2, { name: "cart", class: "text-2xl transition-all duration-500" }, null, l2, a4));
    }), _: 1 }, a3)) : t3("<!---->"), unref(x2) ? (t3(`<button type="button" class="${ssrRenderClass(["/" === e2.$route.path || "/ar" === e2.$route.path ? "c" : "c-reverse", "justify-center transition-all duration-500 group size-12 rounded-full flex items-center text-center"])}">`), t3(ssrRenderComponent(n2, { name: "notification", class: "text-2xl transition-all duration-500" }, null, a3)), t3("</button>")) : t3("<!---->"), unref(x2) ? t3(ssrRenderComponent(r2, { to: unref(Y2)("/profile/wishlist"), class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "c" : "c-reverse", "justify-center transition-all duration-500 group size-12 rounded-full flex items-center text-center"] }, { default: withCtx((e3, t4, l2, a4) => {
      if (!t4) return [createVNode(n2, { name: "heart", class: "text-2xl transition-all duration-500" })];
      t4(ssrRenderComponent(n2, { name: "heart", class: "text-2xl transition-all duration-500" }, null, l2, a4));
    }), _: 1 }, a3)) : t3("<!---->"), unref(x2) ? t3(ssrRenderComponent(r2, { to: unref(Y2)("/profile"), class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "bg-white text-primary hover:bg-primary hover:text-white" : "text-white bg-primary hover:bg-white hover:text-primary border border-primary", "justify-center transition-all duration-500 group size-12 rounded-full flex items-center text-center"] }, { default: withCtx((t4, l2, a4, s3) => {
      if (!l2) return [createVNode(n2, { name: "profile", class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "group-hover:[&_path]:!fill-white [&_path]:!fill-primary" : "group-hover:[&_path]:!fill-primary [&_path]:!fill-white", "text-2xl transition-all duration-500"] }, null, 8, ["class"])];
      l2(ssrRenderComponent(n2, { name: "profile", class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "group-hover:[&_path]:!fill-white [&_path]:!fill-primary" : "group-hover:[&_path]:!fill-primary [&_path]:!fill-white", "text-2xl transition-all duration-500"] }, null, a4, s3));
    }), _: 1 }, a3)) : t3("<!---->"), t3("</div></div>"), t3(ssrRenderComponent(c2, { onOpenMobileCategories: (e3) => {
      ee2.value = true, O2.value = e3, m2.value = e3.sub_categories, W2.value = e3.sub_categories[0], w2.value = e3.sub_categories[0].sub_sub_categories;
    } }, null, a3)), unref(ae2) ? t3(ssrRenderComponent(u2, { onClick: (e3) => ae2.value = false }, null, a3)) : t3("<!---->"), unref(ae2) ? t3(ssrRenderComponent(p2, { onClose: (e3) => ae2.value = false }, null, a3)) : t3("<!---->"), t3('</nav><nav class="fixed bottom-0 end-0 start-0 w-full bg-white z-[10000000] drop-shadow-2xl lg:hidden block"><div class="container"><div class="mini-links w-full flex items-center justify-evenly py-4">'), t3(ssrRenderComponent(f2, { to: unref(Y2)("/"), class: "flex items-center justify-center flex-col gap-1" }, { default: withCtx((t4, l2, a4, s3) => {
      if (!l2) return [createVNode(n2, { name: "home" }), createVNode("p", { class: "text-xs" }, toDisplayString(e2.$t("NAV.home")), 1)];
      l2(ssrRenderComponent(n2, { name: "home" }, null, a4, s3)), l2(`<p class="text-xs"${s3}>${ssrInterpolate(e2.$t("NAV.home"))}</p>`);
    }), _: 1 }, a3)), t3(`<button class="${ssrRenderClass([unref(ee2) ? "text-primary font-semibold" : "", "flex items-center justify-center flex-col gap-1"])}">`), t3(ssrRenderComponent(n2, { name: "categories", class: unref(ee2) ? "[&_path]:fill-primary" : "" }, null, a3)), t3(`<p class="text-xs">${ssrInterpolate(e2.$t("NAV.categories"))}</p></button>`), unref(x2) ? (t3(`<button type="button" class="${ssrRenderClass([unref(ae2) ? "text-primary font-semibold" : "", "flex items-center justify-center flex-col gap-1"])}">`), t3(ssrRenderComponent(n2, { name: "notification", class: [unref(ae2) ? "!text-primary" : "", "text-2xl text-gray-400 [&_path]:!stroke-1 transition-all duration-500"] }, null, a3)), t3(`<p class="text-xs">${ssrInterpolate(e2.$t("TITLES.notifications"))}</p></button>`)) : t3("<!---->"), t3(ssrRenderComponent(f2, { to: unref(Y2)("/cart"), class: "w-[40px] flex items-center justify-center flex-col gap-1" }, { default: withCtx((t4, l2, a4, s3) => {
      if (!l2) return [createVNode(n2, { name: "cart2" }), createVNode("p", { class: "text-xs" }, toDisplayString(e2.$t("NAV.cart")), 1)];
      l2(ssrRenderComponent(n2, { name: "cart2" }, null, a4, s3)), l2(`<p class="text-xs"${s3}>${ssrInterpolate(e2.$t("NAV.cart"))}</p>`);
    }), _: 1 }, a3)), t3(ssrRenderComponent(f2, { to: unref(Y2)("/profile"), class: "flex items-center justify-center flex-col gap-1" }, { default: withCtx((t4, l2, a4, s3) => {
      if (!l2) return [createVNode(n2, { name: "profile2" }), createVNode("p", { class: "text-xs" }, toDisplayString(e2.$t("NAV.profile")), 1)];
      l2(ssrRenderComponent(n2, { name: "profile2" }, null, a4, s3)), l2(`<p class="text-xs"${s3}>${ssrInterpolate(e2.$t("NAV.profile"))}</p>`);
    }), _: 1 }, a3)), t3("</div></div></nav>"), ssrRenderTeleport(t3, (t4) => {
      unref(ee2) ? t4(ssrRenderComponent(u2, { class: "!z-[99999]", onClose: K2 }, { default: withCtx((t5, l2, a4, s3) => {
        if (!l2) return [unref(ee2) ? (openBlock(), createBlock("div", { key: 0, onClick: withModifiers(() => {
        }, ["stop"]), class: "fixed start-0 top-0 pb-[76px] max-h-[100%] overflow-x-hidden overflow-y-auto scrollbar-hide w-full end-0 bg-white shadow-lg z-50" }, [createVNode("h3", { class: "mb-4 text-xl font-semibold text-center mt-4" }, toDisplayString(e2.$t("TITLES.allCategories")), 1), unref(o2).categories && unref(o2).categories.length ? (openBlock(), createBlock("div", { key: 0, class: "flex flex-col h-full gap-y-4 gap-x-10" }, [createVNode(unref(he), { modules: [unref(z)], "free-mode": true, "space-between": "12", "slides-per-view": "5", class: "flex items-center !px-5" }, { default: withCtx(() => [(openBlock(true), createBlock(Fragment, null, renderList(unref(o2).categories, (e3) => (openBlock(), createBlock(unref(ge), { key: e3.id, class: "!w-fit" }, { default: withCtx(() => [createVNode("button", { onClick: (t6) => {
          O2.value = e3, m2.value = e3.sub_categories, W2.value = e3.sub_categories[0], w2.value = e3.sub_categories[0].sub_sub_categories;
        }, class: ["px-2 py-1.5 w-fit text-sm relative pb-1 text-black transition-all cursor-pointer", { "font-medium border-b border-black ": unref(O2) === e3 }] }, toDisplayString(e3.title), 11, ["onClick"])]), _: 2 }, 1024))), 128))]), _: 1 }, 8, ["modules"]), createVNode("div", { class: "grid-cols-3 grid gap-4 my-3" }, [createVNode("div", { class: "col-span-1 h-fit space-y-3 bg-[#F0F0F0]" }, [unref(m2) && unref(m2).length ? (openBlock(true), createBlock(Fragment, { key: 0 }, renderList(unref(m2), (e3) => (openBlock(), createBlock("button", { key: e3.id, class: ["px-4 py-3 w-full text-center transition-all cursor-pointer", { "bg-white": unref(W2) === e3 }], onClick: (t6) => {
          W2.value = e3, w2.value = e3.sub_sub_categories;
        } }, [createVNode("p", { class: ["text-sm text-primary", { "bg-white relative ps-4  before:absolute before:transition-all transition-all before:start-2 before:w-0.5 before:h-3 before:top-1/2 before:-translate-y-1/2 before:z-10 before:bg-primary": unref(W2) === e3 }] }, toDisplayString(e3.title), 3)], 10, ["onClick"]))), 128)) : createCommentVNode("", true)]), unref(w2) && unref(w2).length ? (openBlock(), createBlock("div", { key: 0, class: "grid grid-cols-3 h-fit pe-4 col-span-2 gap-2" }, [(openBlock(true), createBlock(Fragment, null, renderList(unref(w2), (e3) => (openBlock(), createBlock("div", { key: e3.id, class: "text-center" }, [createVNode(f2, { onClick: withModifiers((e4) => ee2.value = false, ["stop"]), to: unref(Y2)(`/categories?sub_sub_category=${e3.id}`) }, { default: withCtx(() => [createVNode("div", { class: "w-[62px] h-[62px] mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]" }, [createVNode("img", { src: e3.image, alt: e3.title, class: "w-full h-full object-cover rounded-full" }, null, 8, ["src", "alt"])]), createVNode("p", { class: "text-sm text-[#363636] line-clamp-1" }, toDisplayString(e3.title), 1)]), _: 2 }, 1032, ["onClick", "to"])]))), 128))])) : createCommentVNode("", true)])])) : createCommentVNode("", true)], 8, ["onClick"])) : createCommentVNode("", true)];
        unref(ee2) ? (l2(`<div class="fixed start-0 top-0 pb-[76px] max-h-[100%] overflow-x-hidden overflow-y-auto scrollbar-hide w-full end-0 bg-white shadow-lg z-50"${s3}><h3 class="mb-4 text-xl font-semibold text-center mt-4"${s3}>${ssrInterpolate(e2.$t("TITLES.allCategories"))}</h3>`), unref(o2).categories && unref(o2).categories.length ? (l2(`<div class="flex flex-col h-full gap-y-4 gap-x-10"${s3}>`), l2(ssrRenderComponent(unref(he), { modules: [unref(z)], "free-mode": true, "space-between": "12", "slides-per-view": "5", class: "flex items-center !px-5" }, { default: withCtx((e3, t6, l3, a5) => {
          if (!t6) return [(openBlock(true), createBlock(Fragment, null, renderList(unref(o2).categories, (e4) => (openBlock(), createBlock(unref(ge), { key: e4.id, class: "!w-fit" }, { default: withCtx(() => [createVNode("button", { onClick: (t7) => {
            O2.value = e4, m2.value = e4.sub_categories, W2.value = e4.sub_categories[0], w2.value = e4.sub_categories[0].sub_sub_categories;
          }, class: ["px-2 py-1.5 w-fit text-sm relative pb-1 text-black transition-all cursor-pointer", { "font-medium border-b border-black ": unref(O2) === e4 }] }, toDisplayString(e4.title), 11, ["onClick"])]), _: 2 }, 1024))), 128))];
          t6("<!--[-->"), ssrRenderList(unref(o2).categories, (e4) => {
            t6(ssrRenderComponent(unref(ge), { key: e4.id, class: "!w-fit" }, { default: withCtx((t7, l4, a6, s4) => {
              if (!l4) return [createVNode("button", { onClick: (t8) => {
                O2.value = e4, m2.value = e4.sub_categories, W2.value = e4.sub_categories[0], w2.value = e4.sub_categories[0].sub_sub_categories;
              }, class: ["px-2 py-1.5 w-fit text-sm relative pb-1 text-black transition-all cursor-pointer", { "font-medium border-b border-black ": unref(O2) === e4 }] }, toDisplayString(e4.title), 11, ["onClick"])];
              l4(`<button class="${ssrRenderClass([{ "font-medium border-b border-black ": unref(O2) === e4 }, "px-2 py-1.5 w-fit text-sm relative pb-1 text-black transition-all cursor-pointer"])}"${s4}>${ssrInterpolate(e4.title)}</button>`);
            }), _: 2 }, l3, a5));
          }), t6("<!--]-->");
        }), _: 1 }, a4, s3)), l2(`<div class="grid-cols-3 grid gap-4 my-3"${s3}><div class="col-span-1 h-fit space-y-3 bg-[#F0F0F0]"${s3}>`), unref(m2) && unref(m2).length ? (l2("<!--[-->"), ssrRenderList(unref(m2), (e3) => {
          l2(`<button class="${ssrRenderClass([{ "bg-white": unref(W2) === e3 }, "px-4 py-3 w-full text-center transition-all cursor-pointer"])}"${s3}><p class="${ssrRenderClass([{ "bg-white relative ps-4  before:absolute before:transition-all transition-all before:start-2 before:w-0.5 before:h-3 before:top-1/2 before:-translate-y-1/2 before:z-10 before:bg-primary": unref(W2) === e3 }, "text-sm text-primary"])}"${s3}>${ssrInterpolate(e3.title)}</p></button>`);
        }), l2("<!--]-->")) : l2("<!---->"), l2("</div>"), unref(w2) && unref(w2).length ? (l2(`<div class="grid grid-cols-3 h-fit pe-4 col-span-2 gap-2"${s3}><!--[-->`), ssrRenderList(unref(w2), (e3) => {
          l2(`<div class="text-center"${s3}>`), l2(ssrRenderComponent(f2, { onClick: (e4) => ee2.value = false, to: unref(Y2)(`/categories?sub_sub_category=${e3.id}`) }, { default: withCtx((t6, l3, a5, s4) => {
            if (!l3) return [createVNode("div", { class: "w-[62px] h-[62px] mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]" }, [createVNode("img", { src: e3.image, alt: e3.title, class: "w-full h-full object-cover rounded-full" }, null, 8, ["src", "alt"])]), createVNode("p", { class: "text-sm text-[#363636] line-clamp-1" }, toDisplayString(e3.title), 1)];
            l3(`<div class="w-[62px] h-[62px] mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]"${s4}><img${ssrRenderAttr("src", e3.image)}${ssrRenderAttr("alt", e3.title)} class="w-full h-full object-cover rounded-full"${s4}></div><p class="text-sm text-[#363636] line-clamp-1"${s4}>${ssrInterpolate(e3.title)}</p>`);
          }), _: 2 }, a4, s3)), l2("</div>");
        }), l2("<!--]--></div>")) : l2("<!---->"), l2("</div></div>")) : l2("<!---->"), l2("</div>")) : l2("<!---->");
      }), _: 1 }, a3)) : t4("<!---->");
    }, "body", false, a3), t3("<!--]-->");
  };
} }, ee = Z.setup;
Z.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("components/header/Navbar.vue"), ee ? ee(e2, t2) : undefined;
};
const te = {};
const le = te.setup;
te.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("layouts/default.vue"), le ? le(e2, t2) : undefined;
};
const ae = uf(te, [["ssrRender", function(e2, t2, l2, a2) {
  const s2 = Z, r2 = E;
  t2(`<div${ssrRenderAttrs(mergeProps({ class: "flex min-h-screen flex-col relative" }, a2))}>`), t2(ssrRenderComponent(s2, null, null, l2)), ssrRenderSlot(e2.$slots, "default", {}, null, t2, l2), t2(ssrRenderComponent(r2, null, null, l2)), t2("</div>");
}]]);

export { ae as default };
//# sourceMappingURL=default-B3Aj7maP.mjs.map
