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-BKMVrGmr.mjs';
import { mergeProps, ref, unref, useSSRContext, computed, withCtx, createVNode, createTextVNode, toDisplayString, openBlock, createBlock, withModifiers, Fragment, renderList, createCommentVNode, watch } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrRenderClass, ssrRenderSlot, ssrRenderList, ssrRenderAttr, ssrInterpolate, ssrRenderTeleport } from 'vue/server-renderer';
import { t } from './client-only-CAHE6F0E.mjs';
import { u } from './Skeleton-Bnk8IDLx.mjs';
import { o } from './Backdrop-Ez8lg5QV.mjs';
import { h as he, z, g as ge } from './swiper-vue-DHAv4051.mjs';
import { E } from './Footer-CuqCrhZK.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 U = { __name: "Search", __ssrInlineRender: true, setup(s2) {
  Qt().$axios;
  const i2 = ref(false), r2 = ref([]), o2 = Ma();
  $a();
  const n2 = computed(() => {
    var e2;
    return { value: (null == (e2 = o2.query) ? undefined : e2.keyword) || "" };
  });
  return (e2, t2, l2, s3) => {
    var o3;
    const c2 = g, u2 = An;
    t2(`<div${ssrRenderAttrs(mergeProps({ class: "relative border border-[#E9ECEE] bg-white flex flex-1 h-12 items-center gap-2 lg:w-[350px] xl:w-[564px] max-w-[100%]" }, s3))}><input type="text"${ssrRenderAttr("value", unref(n2).value)}${ssrRenderAttr("placeholder", e2.$t("TITLES.searchProducts"))} class="lg:text-base placeholder:text-primary text-primary caret-primary 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, l2)), t2("</button>"), unref(i2) && (null == (o3 = unref(r2)) ? undefined : o3.length) ? (t2(`<div class="absolute drop-shadow-2xl border border-white 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></div><div class="flex items-center gap-4 flex-wrap"><!--[-->`), ssrRenderList(unref(r2).slice(0, 10), (a2, s4) => {
      t2(ssrRenderComponent(u2, { onClick: (e3) => i2.value = false, key: s4, to: e2.localePath(`/search?keyword=${a2.search}`), class: "!text-sm inline-block py-3 px-6 bg-[#F6F6F6]" }, { default: withCtx((e3, t3, l3, s5) => {
        if (!t3) return [createTextVNode(toDisplayString(a2.search), 1)];
        t3(`${ssrInterpolate(a2.search)}`);
      }), _: 2 }, l2));
    }), t2("<!--]--></div></div></div>")) : t2("<!---->"), t2("</div>");
  };
} }, q = U.setup;
U.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("components/header/Search.vue"), q ? q(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 H = uf(O, [["ssrRender", function(e2, t2, l2, a2) {
  const s2 = u;
  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: l2 }) {
  const s2 = ef(), { locale: n2 } = Qs(), c2 = ref([]);
  Qt().$axios;
  const u2 = au(), x2 = ref(false), f2 = ref(null), v2 = ref(null);
  ref(true);
  const b2 = ref(false);
  ref(false), ref(true), ref(0);
  const N2 = ref(null);
  watch(() => s2.categories, () => {
    if (s2.categories && s2.categories.length) {
      const e2 = s2.categories[0];
      f2.value = e2, c2.value = null == e2 ? undefined : e2.sub_categories;
    }
  }, { immediate: true, deep: true });
  const A2 = () => {
    x2.value = false, v2.value = null, N2.value.classList.remove("z-[9999999999]"), (undefined).documentElement.classList.remove("scrollbar-hide");
  };
  return (e2, t3, l3, i2) => {
    const r2 = t, o2 = H, p2 = An, w2 = o, N3 = g, D2 = u;
    t3(`<div${ssrRenderAttrs(i2)}><div class="relative"><div class="subNav relative">`), t3(ssrRenderComponent(r2, null, { fallback: withCtx((e3, t4, l4, a2) => {
      if (!t4) return [createVNode(o2)];
      t4(ssrRenderComponent(o2, null, null, l4, a2));
    }) }, l3)), t3("</div>"), unref(x2) ? t3(ssrRenderComponent(w2, { onClose: A2, class: "hidden lg:block" }, { default: withCtx((t4, l4, a2, i3) => {
      if (!l4) return [unref(x2) ? (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] py-6 lg:!overflow-auto scrollbar-hide space-y-2" }, [(openBlock(true), createBlock(Fragment, null, renderList(unref(s2).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]  font-medium": unref(f2) === e3 }], onClick: (t5) => {
        f2.value = e3, c2.value = e3.sub_categories, v2.value = e3.title;
      } }, [createVNode("span", null, toDisplayString(e3.title), 1), createVNode(N3, { 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 py-6 lg:border-[#E1E1E1]" }, [createVNode("div", { class: "lg:grid flex flex-wrap grid-cols-3 gap-4" }, [unref(b2) ? (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(D2, { class: "w-full h-full object-cover rounded-full" })]), createVNode(D2, { 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(p2, { onClick: (e4) => A2(), to: unref(u2)(`/categories?sub_category=${e3.id}`), key: e3.id, class: "text-center" }, { default: withCtx(() => [createVNode("div", { class: "w-20 h-20 hover:scale-110 transition-all duration-300 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" }, [unref(b2) ? (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(D2, { class: "w-full h-full object-cover rounded-full" })]), createVNode(D2, { 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(p2, { onClick: (e5) => A2(), to: unref(u2)(`/categories?sub_sub_category=${e4.id}`), key: e4.id, class: "text-center w-[104px]" }, { default: withCtx(() => [createVNode("div", { class: "w-20 h-20 hover:scale-110 transition-all duration-300 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(x2) ? (l4(`<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"${i3}><div class="flex flex-col lg:flex-row h-full gap-y-4 gap-x-10"${i3}><div class="lg:w-[260px] py-6 lg:!overflow-auto scrollbar-hide space-y-2"${i3}><!--[-->`), ssrRenderList(unref(s2).categories, (e3) => {
        l4(`<div class="${ssrRenderClass([{ "bg-[#F0F0F0]  font-medium": unref(f2) === e3 }, "px-4 py-3 relative gap-4 transition-all cursor-pointer flex items-center justify-between hover:bg-[#F0F0F0]"])}"${i3}><span${i3}>${ssrInterpolate(e3.title)}</span>`), l4(ssrRenderComponent(N3, { class: ["ar" === unref(n2) ? "rotate-180" : "", "scale-[.65] [&_path]:!fill-black"], name: "chevron-right" }, null, a2, i3)), l4("</div>");
      }), l4(`<!--]--></div><div class="lg:px-10 px-4 lg:w-[420px] lg:!overflow-y-auto scrollbar-hide lg:border-x-2 py-6 lg:border-[#E1E1E1]"${i3}><div class="lg:grid flex flex-wrap grid-cols-3 gap-4"${i3}>`), unref(b2) ? (l4("<!--[-->"), ssrRenderList(3, (e3) => {
        l4(`<div class="text-center w-full"${i3}><div class="w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]"${i3}>`), l4(ssrRenderComponent(D2, { class: "w-full h-full object-cover rounded-full" }, null, a2, i3)), l4("</div>"), l4(ssrRenderComponent(D2, { class: "text-sm text-[#363636]" }, null, a2, i3)), l4("</div>");
      }), l4("<!--]-->")) : (l4("<!--[-->"), unref(c2) && unref(c2).length ? (l4("<!--[-->"), ssrRenderList(unref(c2), (e3) => {
        l4(ssrRenderComponent(p2, { onClick: (e4) => A2(), to: unref(u2)(`/categories?sub_category=${e3.id}`), key: e3.id, class: "text-center" }, { default: withCtx((t5, l5, a3, s3) => {
          if (!l5) return [createVNode("div", { class: "w-20 h-20 hover:scale-110 transition-all duration-300 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)];
          l5(`<div class="w-20 h-20 hover:scale-110 transition-all duration-300 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]"${s3}><img${ssrRenderAttr("src", e3.image)}${ssrRenderAttr("alt", e3.title)} class="w-full h-full object-cover rounded-full"${s3}></div><p class="text-sm text-[#363636] line-clamp-1"${s3}>${ssrInterpolate(e3.title)}</p>`);
        }), _: 2 }, a2, i3));
      }), l4("<!--]-->")) : l4(`<div class="text-center w-full"${i3}><p class="text-sm text-[#363636]"${i3}>${ssrInterpolate(e2.$t("TITLES.noSubCategories"))}</p></div>`), l4("<!--]-->")), l4(`</div></div><div class="lg:!overflow-y-auto scrollbar-hide flex-1 px-4 lg:px-0 py-6"${i3}><div class="space-y-6"${i3}>`), unref(b2) ? (l4("<!--[-->"), ssrRenderList(6, (e3) => {
        l4(`<div class="text-center w-full"${i3}><div class="w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]"${i3}>`), l4(ssrRenderComponent(D2, { class: "w-full h-full object-cover rounded-full" }, null, a2, i3)), l4("</div>"), l4(ssrRenderComponent(D2, { class: "text-sm text-[#363636]" }, null, a2, i3)), l4("</div>");
      }), l4("<!--]-->")) : (l4("<!--[-->"), unref(c2) && unref(c2).length ? (l4("<!--[-->"), ssrRenderList(unref(c2), (e3) => {
        l4(`<div${i3}><h3 class="text-lg font-medium mb-4"${i3}>${ssrInterpolate(e3.title)}</h3><div class="flex items-center flex-wrap gap-4"${i3}><!--[-->`), ssrRenderList(e3.sub_sub_categories, (e4) => {
          l4(ssrRenderComponent(p2, { onClick: (e5) => A2(), to: unref(u2)(`/categories?sub_sub_category=${e4.id}`), key: e4.id, class: "text-center w-[104px]" }, { default: withCtx((t5, l5, a3, s3) => {
            if (!l5) return [createVNode("div", { class: "w-20 h-20 hover:scale-110 transition-all duration-300 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)];
            l5(`<div class="w-20 h-20 hover:scale-110 transition-all duration-300 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]"${s3}><img${ssrRenderAttr("src", e4.image)}${ssrRenderAttr("alt", e4.title)} class="w-full h-full object-cover rounded-full"${s3}></div><p class="text-sm text-[#363636] line-clamp-1"${s3}>${ssrInterpolate(e4.title)}</p>`);
          }), _: 2 }, a2, i3));
        }), l4("<!--]--></div></div>");
      }), l4("<!--]-->")) : l4("<!---->"), l4("<!--]-->")), l4("</div></div></div></div>")) : l4("<!---->");
    }), _: 1 }, l3)) : 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 W = { __name: "NotificationDrawer", __ssrInlineRender: true, emits: ["close"], setup(t2, { emit: a2 }) {
  const { public: { profileName: s2 } } = Zt();
  Qt().$axios;
  const r2 = ef();
  return au(), $a(), ref(null), ref(false), computed(() => gn(s2).value), computed(() => {
    var e2;
    return null == (e2 = r2.notifications) ? undefined : e2.data;
  }), (e2, t3, l2, a3) => {
    var s3;
    const i2 = g;
    unref(r2).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]" }, a3))}><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, l2)), t3('</button></div><div class="h-[calc(92.5vh-92px)] overflow-y-auto py-2 px-6"><!--[-->'), ssrRenderList(null == (s3 = unref(r2).notifications) ? undefined : s3.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, l2)), 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("<!---->");
  };
} }, X = W.setup;
W.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("components/UI/NotificationDrawer.vue"), X ? X(e2, t2) : undefined;
};
const Y = { __name: "Navbar", __ssrInlineRender: true, emits: ["openMobileCategories"], setup(t2, { emit: l2 }) {
  var s2;
  const x2 = ef(), v2 = gn("sheIn-token"), w2 = ref([]), S2 = ref([]), { t: A2, locale: R2 } = Qs();
  Qt().$axios;
  const { public: { baseGeneralURL: V2, profileName: P2, tokenName: q2 } } = Zt(), O2 = ref((null == (s2 = x2.categories) ? undefined : s2.length) && x2.categories[0]), Q2 = ref(null), H2 = ref(null);
  ref(false);
  const K2 = ref(false);
  ref(true), ref(0);
  const X2 = () => {
    te2.value = false, Q2.value = null;
  }, Y2 = au(), Z2 = ref(false), ee2 = ref(false);
  ref(false);
  const te2 = ref(false);
  ref(false);
  const le = [{ code: "ar", label: A2("TITLES.ar") }, { code: "en", label: A2("TITLES.en") }], ae = nu(), se = ref(false);
  return Qt(), computed(() => gn(P2).value), (e2, t3, l3, s3) => {
    const i2 = An, r2 = U, o2 = g, n2 = J, c2 = o, u2 = W, p2 = An;
    t3(`<!--[--><nav id="mainNavbar" class="${ssrRenderClass([{ absolute: "/" === e2.$route.path || "/ar" === e2.$route.path, relative: "/" !== e2.$route.path && "/ar" !== e2.$route.path }, "start-0 top-0 z-[1000] transition-all duration-300 w-full py-3 lg:py-6 end-0"])}"><div class="container"><div class="${ssrRenderClass([unref(K2) ? "!mb-4" : "mb-4 lg:mb-8", "flex items-center justify-between gap-4 lg:gap-10"])}"><div class="xl:w-[320px] lg:w-[110px] max-w-[100%]">`), t3(ssrRenderComponent(i2, { to: unref(Y2)("/"), class: "outline-none" }, { default: withCtx((t4, l4, a2, s4) => {
      if (!l4) return [createVNode("h1", { class: ["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(K2) ? "!text-primary" : "text-white", "font-semibold text-2xl md:text-3xl lg:text-4xl"] }, " LoGo ", 2)];
      l4(`<h1 class="${ssrRenderClass(["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(K2) ? "!text-primary" : "text-white", "font-semibold text-2xl md:text-3xl lg:text-4xl"])}"${s4}> LoGo </h1>`);
    }), _: 1 }, l3)), t3("</div>"), t3(ssrRenderComponent(r2, null, null, l3)), t3(`<div class="hidden min-w-[280px] xl:min-w-[380px] items-center justify-end gap-4 text-center lg:flex"><div class="relative z-[100]"><button class="${ssrRenderClass(["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(K2) ? "text-primary" : "text-white", "flex items-center justify-center gap-1.5 cursor-pointer rounded-full transition-all duration-500 font-medium"])}">`), t3(ssrRenderComponent(o2, { name: "globe" }, null, l3)), t3("</button>"), unref(Z2) ? (t3('<div class="absolute end-0 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(le, (e3) => {
      t3(`<a${ssrRenderAttr("href", unref(ae)(e3.code))} class="${ssrRenderClass([e3.code == unref(R2) && "bg-gray-200", "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(v2) ? t3("<!---->") : (t3(`<div class="relative z-[100]"><button class="${ssrRenderClass(["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(K2) ? "text-primary c-reverse" : "text-white c", "justify-center transition-all duration-500 group size-10 rounded-full flex items-center text-center"])}">`), t3(ssrRenderComponent(o2, { name: "profile2" }, null, l3)), t3("</button>"), unref(ee2) ? (t3('<div class="absolute end-0 mt-0.5 min-w-36 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5"><div class="py-1" role="menu" aria-orientation="vertical">'), unref(v2) ? t3("<!---->") : t3(ssrRenderComponent(i2, { to: unref(Y2)("/auth/login"), class: "block w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 text-center" }, { default: withCtx((t4, l4, a2, s4) => {
      if (!l4) return [createTextVNode(toDisplayString(e2.$t("TITLES.login")), 1)];
      l4(`${ssrInterpolate(e2.$t("TITLES.login"))}`);
    }), _: 1 }, l3)), unref(v2) ? t3("<!---->") : t3(ssrRenderComponent(i2, { to: unref(Y2)("/auth/create-account"), class: "block w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 text-center" }, { default: withCtx((t4, l4, a2, s4) => {
      if (!l4) return [createTextVNode(toDisplayString(e2.$t("TITLES.createAccount")), 1)];
      l4(`${ssrInterpolate(e2.$t("TITLES.createAccount"))}`);
    }), _: 1 }, l3)), t3("</div></div>")) : t3("<!---->"), t3("</div>")), t3(ssrRenderComponent(i2, { to: unref(Y2)("/cart"), class: ["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(K2) ? "c-reverse" : "c", "justify-center transition-all duration-500 group size-10 rounded-full flex items-center text-center"] }, { default: withCtx((e3, t4, l4, a2) => {
      if (!t4) return [createVNode(o2, { name: "cart", class: "text-2xl transition-all duration-500" })];
      t4(ssrRenderComponent(o2, { name: "cart", class: "text-2xl transition-all duration-500" }, null, l4, a2));
    }), _: 1 }, l3)), unref(v2) ? (t3(`<button type="button" class="${ssrRenderClass(["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(K2) ? "c-reverse" : "c", "justify-center transition-all duration-500 group size-10 rounded-full flex items-center text-center"])}">`), t3(ssrRenderComponent(o2, { name: "notification", class: "text-2xl transition-all duration-500" }, null, l3)), t3("</button>")) : t3("<!---->"), unref(v2) ? t3(ssrRenderComponent(i2, { to: unref(Y2)("/profile/wishlist"), class: ["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(K2) ? "c-reverse" : "c", "justify-center transition-all duration-500 group size-10 rounded-full flex items-center text-center"] }, { default: withCtx((e3, t4, l4, a2) => {
      if (!t4) return [createVNode(o2, { name: "heart", class: "text-2xl transition-all duration-500" })];
      t4(ssrRenderComponent(o2, { name: "heart", class: "text-2xl transition-all duration-500" }, null, l4, a2));
    }), _: 1 }, l3)) : t3("<!---->"), unref(v2) ? t3(ssrRenderComponent(i2, { to: unref(Y2)("/profile"), class: ["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(K2) ? "text-white bg-primary hover:bg-white hover:text-primary border border-primary" : "bg-white text-primary hover:bg-primary hover:text-white", "justify-center transition-all duration-500 group size-10 rounded-full flex items-center text-center"] }, { default: withCtx((t4, l4, a2, s4) => {
      if (!l4) return [createVNode(o2, { name: "profile", class: ["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(K2) ? "group-hover:[&_path]:!fill-primary [&_path]:!fill-white" : "group-hover:[&_path]:!fill-white [&_path]:!fill-primary", "text-2xl transition-all duration-500"] }, null, 8, ["class"])];
      l4(ssrRenderComponent(o2, { name: "profile", class: ["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(K2) ? "group-hover:[&_path]:!fill-primary [&_path]:!fill-white" : "group-hover:[&_path]:!fill-white [&_path]:!fill-primary", "text-2xl transition-all duration-500"] }, null, a2, s4));
    }), _: 1 }, l3)) : t3("<!---->"), t3("</div></div>"), e2.$route.path.includes("profile") ? t3("<!---->") : t3(ssrRenderComponent(n2, { onOpenMobileCategories: (e3) => {
      var t4;
      te2.value = true, O2.value = e3, w2.value = e3.sub_categories, H2.value = e3.sub_categories[0], S2.value = null == (t4 = e3.sub_categories[0]) ? undefined : t4.sub_sub_categories;
    } }, null, l3)), unref(se) ? t3(ssrRenderComponent(c2, { onClick: (e3) => se.value = false }, null, l3)) : t3("<!---->"), unref(se) ? t3(ssrRenderComponent(u2, { onClose: (e3) => se.value = false }, null, l3)) : t3("<!---->"), t3('</div></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(p2, { to: unref(Y2)("/"), class: "flex items-center justify-center flex-col gap-1" }, { default: withCtx((t4, l4, a2, s4) => {
      if (!l4) return [createVNode(o2, { name: "home" }), createVNode("p", { class: "text-xs" }, toDisplayString(e2.$t("NAV.home")), 1)];
      l4(ssrRenderComponent(o2, { name: "home" }, null, a2, s4)), l4(`<p class="text-xs"${s4}>${ssrInterpolate(e2.$t("NAV.home"))}</p>`);
    }), _: 1 }, l3)), t3(`<button class="${ssrRenderClass([unref(te2) ? "text-primary font-semibold" : "", "flex items-center justify-center flex-col gap-1"])}">`), t3(ssrRenderComponent(o2, { name: "categories", class: unref(te2) ? "[&_path]:fill-primary" : "" }, null, l3)), t3(`<p class="text-xs">${ssrInterpolate(e2.$t("NAV.categories"))}</p></button>`), unref(v2) ? (t3(`<button type="button" class="${ssrRenderClass([unref(se) ? "text-primary font-semibold" : "", "flex items-center justify-center flex-col gap-1"])}">`), t3(ssrRenderComponent(o2, { name: "notification", class: [unref(se) ? "!text-primary" : "", "text-2xl text-gray-400 [&_path]:!stroke-1 transition-all duration-500"] }, null, l3)), t3(`<p class="text-xs">${ssrInterpolate(e2.$t("TITLES.notifications"))}</p></button>`)) : t3("<!---->"), t3(ssrRenderComponent(p2, { to: unref(Y2)("/cart"), class: "w-[40px] flex items-center justify-center flex-col gap-1" }, { default: withCtx((t4, l4, a2, s4) => {
      if (!l4) return [createVNode(o2, { name: "cart2" }), createVNode("p", { class: "text-xs" }, toDisplayString(e2.$t("NAV.cart")), 1)];
      l4(ssrRenderComponent(o2, { name: "cart2" }, null, a2, s4)), l4(`<p class="text-xs"${s4}>${ssrInterpolate(e2.$t("NAV.cart"))}</p>`);
    }), _: 1 }, l3)), unref(v2) ? t3("<!---->") : t3(ssrRenderComponent(i2, { to: unref(Y2)("/auth/login"), class: "flex items-center justify-center flex-col gap-1" }, { default: withCtx((t4, l4, a2, s4) => {
      if (!l4) return [createVNode(o2, { name: "profile2" }), createVNode("p", { class: "text-xs" }, toDisplayString(e2.$t("TITLES.login")), 1)];
      l4(ssrRenderComponent(o2, { name: "profile2" }, null, a2, s4)), l4(`<p class="text-xs"${s4}>${ssrInterpolate(e2.$t("TITLES.login"))}</p>`);
    }), _: 1 }, l3)), unref(v2) ? t3(ssrRenderComponent(p2, { to: unref(Y2)("/profile"), class: "flex items-center justify-center flex-col gap-1" }, { default: withCtx((t4, l4, a2, s4) => {
      if (!l4) return [createVNode(o2, { name: "profile2" }), createVNode("p", { class: "text-xs" }, toDisplayString(e2.$t("NAV.profile")), 1)];
      l4(ssrRenderComponent(o2, { name: "profile2" }, null, a2, s4)), l4(`<p class="text-xs"${s4}>${ssrInterpolate(e2.$t("NAV.profile"))}</p>`);
    }), _: 1 }, l3)) : t3("<!---->"), t3("</div></div></nav>"), ssrRenderTeleport(t3, (t4) => {
      unref(te2) ? t4(ssrRenderComponent(c2, { class: "!z-[99999]", onClose: X2 }, { default: withCtx((t5, l4, a2, s4) => {
        if (!l4) return [unref(te2) ? (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(x2).categories && unref(x2).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" }, { default: withCtx(() => [(openBlock(true), createBlock(Fragment, null, renderList(unref(x2).categories, (e3) => (openBlock(), createBlock(unref(ge), { key: e3.id, class: "!w-fit" }, { default: withCtx(() => [createVNode("button", { onClick: (t6) => {
          var l5;
          O2.value = e3, w2.value = e3.sub_categories, H2.value = e3.sub_categories[0], S2.value = null == (l5 = e3.sub_categories[0]) ? undefined : l5.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(w2) && unref(w2).length ? (openBlock(true), createBlock(Fragment, { key: 0 }, renderList(unref(w2), (e3) => (openBlock(), createBlock("button", { key: e3.id, class: ["px-4 py-3 w-full text-center transition-all cursor-pointer", { "bg-white": unref(H2) === e3 }], onClick: (t6) => {
          H2.value = e3, S2.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(H2) === e3 }] }, toDisplayString(e3.title), 3)], 10, ["onClick"]))), 128)) : createCommentVNode("", true)]), unref(S2) && unref(S2).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(S2), (e3) => (openBlock(), createBlock("div", { key: e3.id, class: "text-center" }, [createVNode(p2, { onClick: withModifiers((e4) => te2.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(te2) ? (l4(`<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"${s4}><h3 class="mb-4 text-xl font-semibold text-center mt-4"${s4}>${ssrInterpolate(e2.$t("TITLES.allCategories"))}</h3>`), unref(x2).categories && unref(x2).categories.length ? (l4(`<div class="flex flex-col h-full gap-y-4 gap-x-10"${s4}>`), l4(ssrRenderComponent(unref(he), { modules: [unref(z)], "free-mode": true, "space-between": "12", "slides-per-view": "5", class: "flex items-center" }, { default: withCtx((e3, t6, l5, a3) => {
          if (!t6) return [(openBlock(true), createBlock(Fragment, null, renderList(unref(x2).categories, (e4) => (openBlock(), createBlock(unref(ge), { key: e4.id, class: "!w-fit" }, { default: withCtx(() => [createVNode("button", { onClick: (t7) => {
            var l6;
            O2.value = e4, w2.value = e4.sub_categories, H2.value = e4.sub_categories[0], S2.value = null == (l6 = e4.sub_categories[0]) ? undefined : l6.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(x2).categories, (e4) => {
            t6(ssrRenderComponent(unref(ge), { key: e4.id, class: "!w-fit" }, { default: withCtx((t7, l6, a4, s5) => {
              if (!l6) return [createVNode("button", { onClick: (t8) => {
                var l7;
                O2.value = e4, w2.value = e4.sub_categories, H2.value = e4.sub_categories[0], S2.value = null == (l7 = e4.sub_categories[0]) ? undefined : l7.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"])];
              l6(`<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"])}"${s5}>${ssrInterpolate(e4.title)}</button>`);
            }), _: 2 }, l5, a3));
          }), t6("<!--]-->");
        }), _: 1 }, a2, s4)), l4(`<div class="grid-cols-3 grid gap-4 my-3"${s4}><div class="col-span-1 h-fit space-y-3 bg-[#F0F0F0]"${s4}>`), unref(w2) && unref(w2).length ? (l4("<!--[-->"), ssrRenderList(unref(w2), (e3) => {
          l4(`<button class="${ssrRenderClass([{ "bg-white": unref(H2) === e3 }, "px-4 py-3 w-full text-center transition-all cursor-pointer"])}"${s4}><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(H2) === e3 }, "text-sm text-primary"])}"${s4}>${ssrInterpolate(e3.title)}</p></button>`);
        }), l4("<!--]-->")) : l4("<!---->"), l4("</div>"), unref(S2) && unref(S2).length ? (l4(`<div class="grid grid-cols-3 h-fit pe-4 col-span-2 gap-2"${s4}><!--[-->`), ssrRenderList(unref(S2), (e3) => {
          l4(`<div class="text-center"${s4}>`), l4(ssrRenderComponent(p2, { onClick: (e4) => te2.value = false, to: unref(Y2)(`/categories?sub_sub_category=${e3.id}`) }, { default: withCtx((t6, l5, a3, s5) => {
            if (!l5) 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)];
            l5(`<div class="w-[62px] h-[62px] mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]"${s5}><img${ssrRenderAttr("src", e3.image)}${ssrRenderAttr("alt", e3.title)} class="w-full h-full object-cover rounded-full"${s5}></div><p class="text-sm text-[#363636] line-clamp-1"${s5}>${ssrInterpolate(e3.title)}</p>`);
          }), _: 2 }, a2, s4)), l4("</div>");
        }), l4("<!--]--></div>")) : l4("<!---->"), l4("</div></div>")) : l4("<!---->"), l4("</div>")) : l4("<!---->");
      }), _: 1 }, l3)) : t4("<!---->");
    }, "body", false, l3), t3("<!--]-->");
  };
} }, Z = Y.setup;
Y.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("components/header/Navbar.vue"), Z ? Z(e2, t2) : undefined;
};
const ee = { __name: "default", __ssrInlineRender: true, setup(e2) {
  const t2 = ref(false);
  return ref(true), ref(0), (e3, l2, a2, s2) => {
    const i2 = Y, r2 = E;
    l2(`<div${ssrRenderAttrs(mergeProps({ class: "flex min-h-[100dvh] flex-col relative" }, s2))}>`), l2(ssrRenderComponent(i2, null, null, a2)), l2(`<div class="${ssrRenderClass([unref(t2) ? "[&_nav]:translate-y-0" : "[&_nav]:-translate-y-full", "[&_nav]:!py-3 hidden lg:block [&_nav]:fixed lg:[&_nav]:!py-3 [&_nav]:bg-white [&_nav]:shadow top-0 w-full transition-all"])}">`), l2(ssrRenderComponent(i2, null, null, a2)), l2("</div>"), ssrRenderSlot(e3.$slots, "default", {}, null, l2, a2), l2(ssrRenderComponent(r2, null, null, a2)), l2("</div>");
  };
} }, te = ee.setup;
ee.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("layouts/default.vue"), te ? te(e2, t2) : undefined;
};

export { ee as default };
//# sourceMappingURL=default-pYuNHuml.mjs.map
