import { d as uf, u as ef, c as gn, b as Qs, a as Qt, e as Zt, f as au, l as nu, _ as An, h as Ma, g as $a } from './server.mjs';
import { g } from './SvgIcon-C2791tkm.mjs';
import { mergeProps, defineComponent, 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, ssrIncludeBooleanAttr } from 'vue/server-renderer';
import { t } from './client-only-CAHE6F0E.mjs';
import { u } from './Skeleton-Bnk8IDLx.mjs';
import { a } from './Backdrop-pjkNt7ac.mjs';
import { m as me, A, v as ve } from './swiper-vue-DYDolirs.mjs';
import { T } from './Footer-DdTK2uWO.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';
import './BaseTextInput-Uos38syD.mjs';

const q = { __name: "Search", __ssrInlineRender: true, props: { showMobileSearch: { type: Boolean, default: false } }, emits: ["closeMobileSearch"], setup(r2, { emit: i2 }) {
  const o2 = r2, n2 = gn("sheIn-token"), c2 = Qt().$axios, u2 = ref(false), x2 = ref([]), w2 = ref(false), $2 = Ma();
  $a();
  const _2 = computed(() => {
    var e2;
    return { value: (null == (e2 = $2.query) ? undefined : e2.keyword) || "" };
  });
  return watch(() => o2.showMobileSearch, () => {
    o2.showMobileSearch && !x2.value.length && (w2.value = true, c2.get("get_search").then((e2) => {
      x2.value = e2.data.data;
    }).finally(() => {
      w2.value = false;
    }));
  }), (e2, t2, l2, a2) => {
    const i3 = g, o3 = An;
    t2(`<!--[--><div class="hidden relative border border-[#E9ECEE] bg-white lg:flex flex-1 h-12 items-center gap-2 lg:w-[350px] xl:w-[564px] max-w-[100%]"><input type="text"${ssrRenderAttr("value", unref(_2).value)}${ssrRenderAttr("placeholder", e2.$t("TITLES.searchProducts"))} class="lg:text-base placeholder:text-primary placeholder:text-sm lg:placeholder:text-base 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(i3, { name: "search", class: "text-2xl [&_path]:!fill-white" }, null, l2)), t2("</button>"), unref(u2) && unref(n2) ? (t2(`<div class="absolute drop-shadow-2xl border border-white w-[645px] max-w-full lg:max-w-[unset] mt-1 p-4 lg: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${ssrIncludeBooleanAttr(!unref(x2).length) ? " disabled" : ""} class="text-base disabled:opacity-50">`), t2(ssrRenderComponent(i3, { name: "trash", class: "scale-75 [&_path]:!fill-[#FC1B1B]" }, null, l2)), t2('</button></div><div class="flex items-center gap-4 flex-wrap">'), unref(w2) ? (t2("<!--[-->"), ssrRenderList(5, (e3) => {
      t2('<div class="!text-sm h-11 w-24 inline-block py-3 px-6 bg-[#F6F6F6] animate-pulse duration-75"></div>');
    }), t2("<!--]-->")) : !unref(w2) && unref(x2).length ? (t2("<!--[-->"), ssrRenderList(unref(x2).slice(0, 10), (a3, s2) => {
      t2(ssrRenderComponent(o3, { onClick: (e3) => u2.value = false, key: s2, to: e2.localePath(`/search?keyword=${a3.search}`), class: "!text-sm inline-block py-3 px-6 bg-[#F6F6F6]" }, { default: withCtx((e3, t3, l3, s3) => {
        if (!t3) return [createTextVNode(toDisplayString(a3.search), 1)];
        t3(`${ssrInterpolate(a3.search)}`);
      }), _: 2 }, l2));
    }), t2("<!--]-->")) : t2(`<p class="font-medium h-11 text-center mx-auto">${ssrInterpolate(e2.$t("TITLES.noSearch"))}</p>`), t2("</div></div></div>")) : t2("<!---->"), t2("</div>"), r2.showMobileSearch ? (t2('<div class="lg:hidden fixed start-0 overflow-y-auto top-0 w-full z-[1000] bg-white min-h-[calc(100dvh-60px)]"><div class="px-4 py-4"><div class="flex items-center justify-between mb-4"><button class="rounded-full bg-white border border-primary flex items-center justify-center w-10 h-10">'), t2(ssrRenderComponent(i3, { name: "close", class: "[&_path]:!fill-primary scale-150" }, null, l2)), t2(`</button><h3 class="text-xl flex-1 -ms-6 text-center font-semibold text-primary">${ssrInterpolate(e2.$t("TITLES.search"))}</h3></div><div class="mb-4 relative border h-11 border-[#E9ECEE] bg-[#F6F6F6] flex items-center gap-2 max-w-[100%]"><input type="text"${ssrRenderAttr("value", unref(_2).value)}${ssrRenderAttr("placeholder", e2.$t("TITLES.searchProducts"))} class="lg:text-base placeholder:text-primary placeholder:text-sm lg:placeholder:text-base text-primary caret-primary !text-sm py-3 px-4 lg:font-medium w-full bg-[#F6F6F6] focus:outline-none"><button class="h-full w-14 outline-none bg-primary flex items-center justify-center">`), t2(ssrRenderComponent(i3, { name: "search", class: "text-2xl [&_path]:!fill-white" }, null, l2)), t2(`</button></div><div class="flex gap-2 items-center justify-between mb-4"><h2 class="!text-base font-medium text-primary">${ssrInterpolate(e2.$t("TITLES.recentlySearched"))}</h2><button${ssrIncludeBooleanAttr(!unref(x2).length) ? " disabled" : ""} class="text-[#FC1B1B] !text-sm disabled:opacity-50 flex items-center gap-2">${ssrInterpolate(e2.$t("TITLES.clearAll"))} `), t2(ssrRenderComponent(i3, { name: "trash", class: "scale-75 flex-shrink-0 [&_path]:!fill-[#FC1B1B]" }, null, l2)), t2("</button></div>"), unref(n2) ? (t2("<!--[-->"), unref(w2) ? (t2('<div class="flex-wrap flex items-center gap-4"><!--[-->'), ssrRenderList(10, (e3) => {
      t2('<div class="h-8 min-w-20 flex-1 bg-[#F7F8F9] animate-pulse"></div>');
    }), t2("<!--]--></div>")) : !unref(w2) && unref(x2).length ? (t2('<div class="flex-wrap flex items-center gap-4"><!--[-->'), ssrRenderList(unref(x2), (a3, s2) => {
      t2(ssrRenderComponent(o3, { onClick: (t3) => e2.$emit("closeMobileSearch"), key: s2, to: e2.localePath(`/search?keyword=${a3.search}`), class: "flex items-center justify-between px-4 py-2 bg-[#F7F8F9] transition-colors" }, { default: withCtx((e3, t3, l3, s3) => {
        if (!t3) return [createVNode("div", { class: "flex items-center gap-3" }, [createVNode("span", { class: "text-sm text-[#7C899F]" }, toDisplayString(a3.search), 1)])];
        t3(`<div class="flex items-center gap-3"${s3}><span class="text-sm text-[#7C899F]"${s3}>${ssrInterpolate(a3.search)}</span></div>`);
      }), _: 2 }, l2));
    }), t2("<!--]--></div>")) : (t2('<div class="text-center py-12">'), t2(ssrRenderComponent(i3, { name: "search", class: "scale-125 text-gray-300 mx-auto mb-3" }, null, l2)), t2(`<p class="text-gray-500 !text-sm">${ssrInterpolate(e2.$t("TITLES.noSearch"))}</p></div>`)), t2("<!--]-->")) : t2("<!---->"), t2("</div></div>")) : t2("<!---->"), t2("<!--]-->");
  };
} }, 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 J = {};
const K = J.setup;
J.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("components/Shared/SubnavSkelton.vue"), K ? K(e2, t2) : undefined;
};
const Q = uf(J, [["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>");
}]]), W = { __name: "SubNav", __ssrInlineRender: true, emits: ["openMobileCategories", "isDropdownOpen"], setup(e2, { emit: l2 }) {
  const a2 = ef(), { locale: r2 } = Qs(), c2 = ref([]);
  Qt().$axios;
  const u2 = l2, x2 = au(), f2 = ref(false), h2 = ref(null), w2 = ref(null);
  ref(true);
  const T2 = ref(false), I2 = ref(null);
  ref(false);
  const M2 = ref(false);
  ref(0), ref(null), ref(null), watch(() => a2.categories, () => {
    if (a2.categories && a2.categories.length) {
      const e3 = a2.categories[0];
      h2.value = e3, c2.value = null == e3 ? undefined : e3.sub_categories;
    }
  }, { immediate: true, deep: true });
  const B2 = () => {
    f2.value = false, w2.value = null, I2.value.classList.remove("z-[9999999999]"), (undefined).documentElement.classList.remove("scrollbar-hide"), u2("isDropdownOpen", f2.value), M2.value = false, (undefined).getElementById("mainNavbar").classList.remove("bg-white");
  };
  return (e3, t2, l3, i2) => {
    const o2 = t, n2 = Q, u3 = An, p2 = a, m2 = g, I3 = u;
    t2(`<div${ssrRenderAttrs(i2)}><div class="relative"><div class="subNav relative">`), t2(ssrRenderComponent(o2, null, { fallback: withCtx((e4, t3, l4, a3) => {
      if (!t3) return [createVNode(n2)];
      t3(ssrRenderComponent(n2, null, null, l4, a3));
    }) }, l3)), t2("</div>"), unref(f2) ? t2(ssrRenderComponent(p2, { onClose: B2, class: "hidden sub2 top-[108px] lg:block" }, { default: withCtx((t3, l4, s2, i3) => {
      if (!l4) return [unref(f2) ? (openBlock(), createBlock("div", { key: 0, onClick: withModifiers(() => {
      }, ["stop"]), class: "fixed start-0 lg:top-0 border-t border-[#E1E1E1] 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(a2).categories, (e4) => (openBlock(), createBlock("div", { key: e4.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(h2) === e4 }], onClick: (t4) => {
        h2.value = e4, c2.value = e4.sub_categories, w2.value = e4.title;
      } }, [createVNode("span", null, toDisplayString(e4.title), 1), createVNode(m2, { class: ["ar" === unref(r2) ? "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 py-6 lg:border-[#E1E1E1]" }, [createVNode("div", { class: "lg:grid flex flex-wrap grid-cols-3 gap-4" }, [unref(T2) ? (openBlock(), createBlock(Fragment, { key: 0 }, renderList(3, (e4) => createVNode("div", { key: e4, class: "text-center w-full" }, [createVNode("div", { class: "w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]" }, [createVNode(I3, { class: "w-full h-full object-cover rounded-full" })]), createVNode(I3, { 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), (e4) => (openBlock(), createBlock(u3, { onClick: (e5) => B2(), to: unref(x2)(`/categories?sub_category=${e4.id}`), key: e4.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: 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)) : (openBlock(), createBlock("div", { key: 1, class: "text-center w-full" }, [createVNode("p", { class: "text-sm text-[#363636]" }, toDisplayString(e3.$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(T2) ? (openBlock(), createBlock(Fragment, { key: 0 }, renderList(6, (e4) => createVNode("div", { key: e4, class: "text-center w-full" }, [createVNode("div", { class: "w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]" }, [createVNode(I3, { class: "w-full h-full object-cover rounded-full" })]), createVNode(I3, { 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), (e4) => (openBlock(), createBlock("div", { key: e4.id }, [createVNode("h3", { class: "text-lg font-medium mb-4" }, toDisplayString(e4.title), 1), createVNode("div", { class: "flex items-center flex-wrap gap-4" }, [(openBlock(true), createBlock(Fragment, null, renderList(e4.sub_sub_categories, (e5) => (openBlock(), createBlock(u3, { onClick: (e6) => B2(), to: unref(x2)(`/categories?sub_sub_category=${e5.id}`), key: e5.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: e5.image, alt: e5.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(e5.title), 1)]), _: 2 }, 1032, ["onClick", "to"]))), 128))])]))), 128)) : createCommentVNode("", true)], 64))])])])], 8, ["onClick"])) : createCommentVNode("", true)];
      unref(f2) ? (l4(`<div class="fixed start-0 lg:top-0 border-t border-[#E1E1E1] 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(a2).categories, (e4) => {
        l4(`<div class="${ssrRenderClass([{ "bg-[#F0F0F0]  font-medium": unref(h2) === e4 }, "px-4 py-3 relative gap-4 transition-all cursor-pointer flex items-center justify-between hover:bg-[#F0F0F0]"])}"${i3}><span${i3}>${ssrInterpolate(e4.title)}</span>`), l4(ssrRenderComponent(m2, { class: ["ar" === unref(r2) ? "rotate-180" : "", "scale-[.65] [&_path]:!fill-black"], name: "chevron-right" }, null, s2, i3)), l4("</div>");
      }), l4(`<!--]--></div><div class="lg:px-10 px-4 lg:w-[420px] lg:!overflow-y-auto scrollbar-hide lg:border-x py-6 lg:border-[#E1E1E1]"${i3}><div class="lg:grid flex flex-wrap grid-cols-3 gap-4"${i3}>`), unref(T2) ? (l4("<!--[-->"), ssrRenderList(3, (e4) => {
        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(I3, { class: "w-full h-full object-cover rounded-full" }, null, s2, i3)), l4("</div>"), l4(ssrRenderComponent(I3, { class: "text-sm text-[#363636]" }, null, s2, i3)), l4("</div>");
      }), l4("<!--]-->")) : (l4("<!--[-->"), unref(c2) && unref(c2).length ? (l4("<!--[-->"), ssrRenderList(unref(c2), (e4) => {
        l4(ssrRenderComponent(u3, { onClick: (e5) => B2(), to: unref(x2)(`/categories?sub_category=${e4.id}`), key: e4.id, class: "text-center" }, { default: withCtx((t4, 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 }, s2, i3));
      }), l4("<!--]-->")) : l4(`<div class="text-center w-full"${i3}><p class="text-sm text-[#363636]"${i3}>${ssrInterpolate(e3.$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(T2) ? (l4("<!--[-->"), ssrRenderList(6, (e4) => {
        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(I3, { class: "w-full h-full object-cover rounded-full" }, null, s2, i3)), l4("</div>"), l4(ssrRenderComponent(I3, { class: "text-sm text-[#363636]" }, null, s2, i3)), l4("</div>");
      }), l4("<!--]-->")) : (l4("<!--[-->"), unref(c2) && unref(c2).length ? (l4("<!--[-->"), ssrRenderList(unref(c2), (e4) => {
        l4(`<div${i3}><h3 class="text-lg font-medium mb-4"${i3}>${ssrInterpolate(e4.title)}</h3><div class="flex items-center flex-wrap gap-4"${i3}><!--[-->`), ssrRenderList(e4.sub_sub_categories, (e5) => {
          l4(ssrRenderComponent(u3, { onClick: (e6) => B2(), to: unref(x2)(`/categories?sub_sub_category=${e5.id}`), key: e5.id, class: "text-center w-[104px]" }, { default: withCtx((t4, 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: e5.image, alt: e5.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(e5.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", e5.image)}${ssrRenderAttr("alt", e5.title)} class="w-full h-full object-cover rounded-full"${s3}></div><p class="text-sm text-[#363636] line-clamp-1"${s3}>${ssrInterpolate(e5.title)}</p>`);
          }), _: 2 }, s2, i3));
        }), l4("<!--]--></div></div>");
      }), l4("<!--]-->")) : l4("<!---->"), l4("<!--]-->")), l4("</div></div></div></div>")) : l4("<!---->");
    }), _: 1 }, l3)) : t2("<!---->"), t2("</div></div>");
  };
} }, X = W.setup;
W.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("components/header/SubNav.vue"), X ? X(e2, t2) : undefined;
};
const Y = { __name: "NotificationDrawer", __ssrInlineRender: true, emits: ["close"], setup(l2, { emit: s2 }) {
  const { public: { profileName: r2 } } = Zt();
  Qt().$axios;
  const o2 = ef();
  return au(), $a(), ref(null), ref(false), computed(() => gn(r2).value), computed(() => {
    var e2;
    return null == (e2 = o2.notifications) ? undefined : e2.data;
  }), (e2, t2, l3, a2) => {
    var s3;
    const r3 = g;
    unref(o2).notifications ? (t2(`<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]" }, a2))}><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">`), t2(ssrRenderComponent(r3, { name: "xmark" }, null, l3)), t2('</button></div><div class="h-[calc(92.5vh-92px)] overflow-y-auto py-2 px-6"><!--[-->'), ssrRenderList(null == (s3 = unref(o2).notifications) ? undefined : s3.data, (e3) => {
      t2('<button type="button" class="p-4 w-full text-start ps-0 flex items-center gap-4 border-b border-opacity-50"><div>'), t2(ssrRenderComponent(r3, { name: "notification_bell" }, null, l3)), t2(`</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 ? t2("<!---->") : t2('<p class="size-2 bg-green-500 rounded-full"></p>'), t2(`</div><p class="text-sm line-clamp-2">${ssrInterpolate(e3.body)}</p><p class="text-sm">${ssrInterpolate(e3.created_time)}</p></div></button>`);
    }), t2("<!--]--></div></div>")) : t2("<!---->");
  };
} }, Z = Y.setup;
Y.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("components/UI/NotificationDrawer.vue"), Z ? Z(e2, t2) : undefined;
};
const ee = { __name: "Navbar", __ssrInlineRender: true, emits: ["openMobileCategories"], setup(l2, { emit: a2 }) {
  var r2;
  const x2 = ef(), m2 = gn("sheIn-token"), w2 = ref(false), T2 = ref(false), I2 = ref([]), N2 = ref([]), { t: B2, locale: V2 } = Qs();
  Qt().$axios;
  const { public: { baseGeneralURL: R2, profileName: U2, tokenName: H2 } } = Zt(), J2 = ref((null == (r2 = x2.categories) ? undefined : r2.length) && x2.categories[0]), K2 = ref(null), Q2 = ref(null);
  ref(false);
  const X2 = ref(false);
  ref(0), ref(null), ref(null);
  const Z2 = () => {
    ae2.value = false, K2.value = null;
  }, ee2 = au(), te2 = ref(false), le2 = ref(false);
  ref(false);
  const ae2 = ref(false);
  ref(false);
  const se = [{ code: "ar", label: B2("TITLES.ar") }, { code: "en", label: B2("TITLES.en") }], re = nu(), ie = ref(false);
  return Qt(), computed(() => gn(U2).value), (e2, t2, l3, a3) => {
    const r3 = An, i2 = q, o2 = g, n2 = W, c2 = a, u2 = Y, p2 = An;
    t2(`<!--[--><nav id="mainNavbar" class="${ssrRenderClass([{ absolute: "/" === e2.$route.path || "/ar" === e2.$route.path, relative: "/" !== e2.$route.path && "/ar" !== e2.$route.path }, "start-0 [&_.sub2]:!top-[140px] top-0 z-[1000] transition-all duration-300 w-full py-3 lg:py-6 end-0"])}"><div class="container"><div class="${ssrRenderClass([unref(X2) || unref(T2) ? "" : "lg:mb-8", "flex topNav mb-3 items-center justify-between gap-4 lg:gap-10"])}"><div class="xl:w-[320px] lg:w-[110px] max-w-[100%]">`), t2(ssrRenderComponent(r3, { to: unref(ee2)("/"), class: "outline-none" }, { default: withCtx((t3, l4, a4, s2) => {
      if (!l4) return [createVNode("h1", { class: ["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(X2) || unref(T2) ? "!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(X2) || unref(T2) ? "!text-primary" : "text-white", "font-semibold !text-2xl md:!text-3xl lg:!text-4xl"])}"${s2}> LoGo </h1>`);
    }), _: 1 }, l3)), t2("</div>"), t2(ssrRenderComponent(i2, { onCloseMobileSearch: (e3) => w2.value = false, showMobileSearch: unref(w2) }, null, l3)), t2(`<div class="flex items-center gap-4 lg:hidden"><div class="relative z-[100]"><button type="button" class="${ssrRenderClass(["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(X2) || unref(T2) ? "c-reverse" : "c", "justify-center lg:hidden transition-all duration-500 group lg:size-10 size-8 rounded-full flex items-center text-center"])}">`), t2(ssrRenderComponent(o2, { name: "globe", class: "text-2xl transition-all duration-500" }, null, l3)), t2("</button>"), unref(te2) ? (t2('<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(se, (e3) => {
      t2(`<a${ssrRenderAttr("href", unref(re)(e3.code))} class="${ssrRenderClass([e3.code == unref(V2) && "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>`);
    }), t2("<!--]--></div></div>")) : t2("<!---->"), t2("</div>"), t2(ssrRenderComponent(r3, { to: unref(ee2)("/cart"), class: ["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(X2) || unref(T2) ? "c-reverse" : "c", "justify-center lg:hidden transition-all duration-500 group lg:size-10 size-8 rounded-full flex items-center text-center"] }, { default: withCtx((e3, t3, l4, a4) => {
      if (!t3) return [createVNode(o2, { name: "cart", class: "text-2xl transition-all duration-500" })];
      t3(ssrRenderComponent(o2, { name: "cart", class: "text-2xl transition-all duration-500" }, null, l4, a4));
    }), _: 1 }, l3)), t2(`<button type="button" class="${ssrRenderClass(["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(X2) || unref(T2) ? "c-reverse" : "c", "justify-center lg:hidden transition-all duration-500 group lg:size-10 size-8 rounded-full flex items-center text-center"])}">`), t2(ssrRenderComponent(o2, { name: "search", class: "text-2xl transition-all duration-500" }, null, l3)), t2(`</button><button type="button" class="${ssrRenderClass([("/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(X2) || unref(T2) ? "c-reverse" : "c") + " " + (unref(m2) ? "block" : "hidden"), "justify-center lg:hidden transition-all duration-500 group lg:size-10 size-8 rounded-full flex items-center text-center"])}">`), t2(ssrRenderComponent(o2, { name: "notification", class: "text-2xl transition-all duration-500" }, null, l3)), t2("</button>"), t2(ssrRenderComponent(r3, { to: unref(m2) ? unref(ee2)("/profile/wishlist") : unref(ee2)("/wishlist"), class: ["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(X2) || unref(T2) ? "c-reverse" : "c", "justify-center lg:hidden transition-all duration-500 group lg:size-10 size-8 rounded-full flex items-center text-center"] }, { default: withCtx((e3, t3, l4, a4) => {
      if (!t3) return [createVNode(o2, { name: "heart", class: "text-2xl transition-all duration-500" })];
      t3(ssrRenderComponent(o2, { name: "heart", class: "text-2xl transition-all duration-500" }, null, l4, a4));
    }), _: 1 }, l3)), unref(m2) ? t2(ssrRenderComponent(r3, { to: unref(ee2)("/profile"), class: ["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(X2) || unref(T2) ? "c-reverse" : "c [&_path]:fill-primary", "justify-center lg:hidden transition-all [&_path]:hover:fill-primary duration-500 group lg:size-10 size-8 rounded-full flex items-center text-center"] }, { default: withCtx((e3, t3, l4, a4) => {
      if (!t3) return [createVNode(o2, { name: "profile", class: "text-2xl transition-all duration-500" })];
      t3(ssrRenderComponent(o2, { name: "profile", class: "text-2xl transition-all duration-500" }, null, l4, a4));
    }), _: 1 }, l3)) : t2("<!---->"), unref(m2) ? t2("<!---->") : (t2(`<div class="relative z-[100]"><button class="${ssrRenderClass(["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(X2) || unref(T2) ? "c-reverse" : "c", "justify-center lg:hidden transition-all duration-500 group lg:size-10 size-8 rounded-full flex items-center text-center"])}">`), t2(ssrRenderComponent(o2, { name: "profile2", class: "text-2xl transition-all duration-500" }, null, l3)), t2("</button>"), unref(le2) ? (t2('<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(m2) ? t2("<!---->") : t2(ssrRenderComponent(r3, { to: unref(ee2)("/auth/login"), class: "block w-full px-4 py-2 !text-sm text-gray-700 hover:bg-gray-100 text-center" }, { default: withCtx((t3, l4, a4, s2) => {
      if (!l4) return [createTextVNode(toDisplayString(e2.$t("TITLES.login")), 1)];
      l4(`${ssrInterpolate(e2.$t("TITLES.login"))}`);
    }), _: 1 }, l3)), unref(m2) ? t2("<!---->") : t2(ssrRenderComponent(r3, { to: unref(ee2)("/auth/create-account"), class: "block w-full px-4 py-2 !text-sm text-gray-700 hover:bg-gray-100 text-center" }, { default: withCtx((t3, l4, a4, s2) => {
      if (!l4) return [createTextVNode(toDisplayString(e2.$t("TITLES.createAccount")), 1)];
      l4(`${ssrInterpolate(e2.$t("TITLES.createAccount"))}`);
    }), _: 1 }, l3)), t2("</div></div>")) : t2("<!---->"), t2("</div>")), t2(`</div><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(X2) || unref(T2) ? "c-reverse" : "c", "justify-center transition-all duration-500 group lg:size-10 size-8 rounded-full flex items-center text-center"])}">`), t2(ssrRenderComponent(o2, { name: "globe", class: "text-2xl transition-all duration-500" }, null, l3)), t2("</button>"), unref(te2) ? (t2('<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(se, (e3) => {
      t2(`<a${ssrRenderAttr("href", unref(re)(e3.code))} class="${ssrRenderClass([e3.code == unref(V2) && "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>`);
    }), t2("<!--]--></div></div>")) : t2("<!---->"), t2("</div>"), unref(m2) ? t2("<!---->") : (t2(`<div class="relative z-[100]"><button class="${ssrRenderClass(["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(X2) || unref(T2) ? "text-primary c-reverse" : "text-white c", "justify-center transition-all duration-500 group lg:size-10 size-8 rounded-full flex items-center text-center"])}">`), t2(ssrRenderComponent(o2, { name: "profile2" }, null, l3)), t2("</button>"), unref(le2) ? (t2('<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(m2) ? t2("<!---->") : t2(ssrRenderComponent(r3, { to: unref(ee2)("/auth/login"), class: "block w-full px-4 py-2 !text-sm text-gray-700 hover:bg-gray-100 text-center" }, { default: withCtx((t3, l4, a4, s2) => {
      if (!l4) return [createTextVNode(toDisplayString(e2.$t("TITLES.login")), 1)];
      l4(`${ssrInterpolate(e2.$t("TITLES.login"))}`);
    }), _: 1 }, l3)), unref(m2) ? t2("<!---->") : t2(ssrRenderComponent(r3, { to: unref(ee2)("/auth/create-account"), class: "block w-full px-4 py-2 !text-sm text-gray-700 hover:bg-gray-100 text-center" }, { default: withCtx((t3, l4, a4, s2) => {
      if (!l4) return [createTextVNode(toDisplayString(e2.$t("TITLES.createAccount")), 1)];
      l4(`${ssrInterpolate(e2.$t("TITLES.createAccount"))}`);
    }), _: 1 }, l3)), t2("</div></div>")) : t2("<!---->"), t2("</div>")), t2(ssrRenderComponent(r3, { to: unref(ee2)("/cart"), class: ["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(X2) || unref(T2) ? "c-reverse" : "c", "justify-center transition-all duration-500 group lg:size-10 size-8 rounded-full flex items-center text-center"] }, { default: withCtx((e3, t3, l4, a4) => {
      if (!t3) return [createVNode(o2, { name: "cart", class: "text-2xl transition-all duration-500" })];
      t3(ssrRenderComponent(o2, { name: "cart", class: "text-2xl transition-all duration-500" }, null, l4, a4));
    }), _: 1 }, l3)), unref(m2) ? (t2(`<button type="button" class="${ssrRenderClass(["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(X2) || unref(T2) ? "c-reverse" : "c", "justify-center transition-all duration-500 group lg:size-10 size-8 rounded-full flex items-center text-center"])}">`), t2(ssrRenderComponent(o2, { name: "notification", class: "text-2xl transition-all duration-500" }, null, l3)), t2("</button>")) : t2("<!---->"), t2(ssrRenderComponent(r3, { to: unref(m2) ? unref(ee2)("/profile/wishlist") : unref(ee2)("/wishlist"), class: ["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(X2) || unref(T2) ? "c-reverse" : "c", "justify-center transition-all duration-500 group lg:size-10 size-8 rounded-full flex items-center text-center"] }, { default: withCtx((e3, t3, l4, a4) => {
      if (!t3) return [createVNode(o2, { name: "heart", class: "text-2xl transition-all duration-500" })];
      t3(ssrRenderComponent(o2, { name: "heart", class: "text-2xl transition-all duration-500" }, null, l4, a4));
    }), _: 1 }, l3)), unref(m2) ? t2(ssrRenderComponent(r3, { to: unref(ee2)("/profile"), class: ["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(X2) || unref(T2) ? "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 lg:size-10 size-8 rounded-full flex items-center text-center"] }, { default: withCtx((t3, l4, a4, s2) => {
      if (!l4) return [createVNode(o2, { name: "profile", class: ["/" !== e2.$route.path && "/ar" !== e2.$route.path || unref(X2) || unref(T2) ? "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(X2) || unref(T2) ? "group-hover:[&_path]:!fill-primary [&_path]:!fill-white" : "group-hover:[&_path]:!fill-white [&_path]:!fill-primary", "text-2xl transition-all duration-500"] }, null, a4, s2));
    }), _: 1 }, l3)) : t2("<!---->"), t2("</div></div>"), t2(ssrRenderComponent(n2, { onIsDropdownOpen: (e3) => T2.value = e3, onOpenMobileCategories: (e3) => {
      var t3;
      ae2.value = true, J2.value = e3, I2.value = e3.sub_categories, Q2.value = e3.sub_categories[0], N2.value = null == (t3 = e3.sub_categories[0]) ? undefined : t3.sub_sub_categories;
    } }, null, l3)), unref(ie) ? t2(ssrRenderComponent(c2, { onClick: (e3) => ie.value = false }, null, l3)) : t2("<!---->"), unref(ie) ? t2(ssrRenderComponent(u2, { onClose: (e3) => ie.value = false }, null, l3)) : t2("<!---->"), t2('</div></nav><nav class="fixed sub bottom-0 end-0 start-0 w-full bg-white z-[10000000] drop-shadow-2xl md:hidden block"><div class="container"><div class="mini-links w-full flex items-center justify-around py-2">'), t2(ssrRenderComponent(p2, { to: unref(ee2)("/"), class: "flex items-center justify-center flex-col gap-1" }, { default: withCtx((t3, l4, a4, s2) => {
      if (!l4) return [createVNode(o2, { name: "home" }), createVNode("p", { class: "!text-xs sm:!text-sm" }, toDisplayString(e2.$t("NAV.home")), 1)];
      l4(ssrRenderComponent(o2, { name: "home" }, null, a4, s2)), l4(`<p class="!text-xs sm:!text-sm"${s2}>${ssrInterpolate(e2.$t("NAV.home"))}</p>`);
    }), _: 1 }, l3)), t2(`<button class="${ssrRenderClass([unref(ae2) ? "text-primary font-semibold" : "", "flex items-center justify-center flex-col gap-1"])}">`), t2(ssrRenderComponent(o2, { name: "categories", class: unref(ae2) ? "[&_path]:fill-primary" : "" }, null, l3)), t2(`<p class="!text-xs sm:!text-sm">${ssrInterpolate(e2.$t("NAV.categories"))}</p></button>`), t2(ssrRenderComponent(p2, { to: unref(ee2)("/categories?type=new_in"), class: "flex items-center justify-center flex-col gap-1" }, { default: withCtx((t3, l4, a4, s2) => {
      if (!l4) return [createVNode(o2, { name: "newin" }), createVNode("p", { class: "!text-xs sm:!text-sm" }, toDisplayString(e2.$t("NAV.newIn")), 1)];
      l4(ssrRenderComponent(o2, { name: "newin" }, null, a4, s2)), l4(`<p class="!text-xs sm:!text-sm"${s2}>${ssrInterpolate(e2.$t("NAV.newIn"))}</p>`);
    }), _: 1 }, l3)), t2(ssrRenderComponent(p2, { to: unref(ee2)("/cart"), class: "w-[40px] flex items-center justify-center flex-col gap-1" }, { default: withCtx((t3, l4, a4, s2) => {
      if (!l4) return [createVNode(o2, { name: "cart2" }), createVNode("p", { class: "!text-xs sm:!text-sm" }, toDisplayString(e2.$t("NAV.cart")), 1)];
      l4(ssrRenderComponent(o2, { name: "cart2" }, null, a4, s2)), l4(`<p class="!text-xs sm:!text-sm"${s2}>${ssrInterpolate(e2.$t("NAV.cart"))}</p>`);
    }), _: 1 }, l3)), unref(m2) ? t2("<!---->") : t2(ssrRenderComponent(r3, { to: unref(ee2)("/auth/login"), class: "flex items-center justify-center flex-col gap-1" }, { default: withCtx((t3, l4, a4, s2) => {
      if (!l4) return [createVNode(o2, { name: "profile2", class: "opacity-50" }), createVNode("p", { class: "!text-xs sm:!text-sm" }, toDisplayString(e2.$t("TITLES.login")), 1)];
      l4(ssrRenderComponent(o2, { name: "profile2", class: "opacity-50" }, null, a4, s2)), l4(`<p class="!text-xs sm:!text-sm"${s2}>${ssrInterpolate(e2.$t("TITLES.login"))}</p>`);
    }), _: 1 }, l3)), unref(m2) ? t2(ssrRenderComponent(p2, { to: unref(ee2)("/profile"), class: "flex items-center justify-center flex-col gap-1" }, { default: withCtx((t3, l4, a4, s2) => {
      if (!l4) return [createVNode(o2, { name: "profile2", class: "opacity-50" }), createVNode("p", { class: "!text-xs sm:!text-sm" }, toDisplayString(e2.$t("NAV.profile")), 1)];
      l4(ssrRenderComponent(o2, { name: "profile2", class: "opacity-50" }, null, a4, s2)), l4(`<p class="!text-xs sm:!text-sm"${s2}>${ssrInterpolate(e2.$t("NAV.profile"))}</p>`);
    }), _: 1 }, l3)) : t2("<!---->"), t2("</div></div></nav>"), ssrRenderTeleport(t2, (t3) => {
      unref(ae2) ? t3(ssrRenderComponent(c2, { class: "!z-[99999]", onClose: Z2 }, { default: withCtx((t4, l4, a4, s2) => {
        if (!l4) return [unref(ae2) ? (openBlock(), createBlock("div", { key: 0, onClick: withModifiers(() => {
        }, ["stop"]), class: "fixed start-0 top-0 h-[calc(100dvh-60px)] overflow-x-hidden scrollbar-hide w-full end-0 bg-white shadow-lg z-50" }, [createVNode("div", { class: "flex px-4 py-4 items-center justify-between" }, [createVNode("button", { class: "rounded-full bg-white border border-primary flex items-center justify-center w-10 h-10", onClick: Z2 }, [createVNode(o2, { name: "close", class: "[&_path]:!fill-primary scale-150" })]), createVNode("h3", { class: "text-xl flex-1 -ms-6 font-semibold text-center" }, toDisplayString(e2.$t("TITLES.allCategories")), 1)]), unref(x2).categories && unref(x2).categories.length ? (openBlock(), createBlock("div", { key: 0, class: "space-y-4" }, [createVNode(unref(me), { modules: [unref(A)], "free-mode": true, "space-between": 0, "slides-per-view": "auto", "slides-per-group": 1, "watch-overflow": true, "centered-slides": false, class: "flex items-center max-w-full" }, { default: withCtx(() => [(openBlock(true), createBlock(Fragment, null, renderList(unref(x2).categories, (e3) => (openBlock(), createBlock(unref(ve), { key: e3.id, class: "!w-fit" }, { default: withCtx(() => [createVNode("button", { onClick: (t5) => {
          var l5;
          J2.value = e3, I2.value = e3.sub_categories, Q2.value = e3.sub_categories[0], N2.value = null == (l5 = e3.sub_categories[0]) ? undefined : l5.sub_sub_categories;
        }, class: ["px-4 py-1.5 w-fit !text-sm relative pb-1 text-black transition-all cursor-pointer", { "font-medium  before:absolute before:bottom-0 before:start-1/2 before:-translate-x-1/2 before:w-[20px] before:h-[2px] before:bg-primary ": unref(J2) === e3 }] }, toDisplayString(e3.title), 11, ["onClick"])]), _: 2 }, 1024))), 128))]), _: 1 }, 8, ["modules"]), createVNode("div", { class: "grid-cols-3 h-full grid gap-2 border-t border-[#ededed] mt-2" }, [createVNode("div", { class: "col-span-1 !overflow-y-auto scrollbar-hide h-[calc(100dvh-180px)] bg-[#F0F0F0]" }, [unref(I2) && unref(I2).length ? (openBlock(true), createBlock(Fragment, { key: 0 }, renderList(unref(I2), (e3) => (openBlock(), createBlock("button", { key: e3.id, class: ["px-4 py-3 w-full transition-all cursor-pointer", { "bg-primary": unref(Q2) === e3 }], onClick: (t5) => {
          Q2.value = e3, N2.value = e3.sub_sub_categories;
        } }, [createVNode("p", { class: ["!text-xs text-start text-primary", { "bg-primary !text-white relative  transition-all ": unref(Q2) === e3 }] }, toDisplayString(e3.title), 3)], 10, ["onClick"]))), 128)) : createCommentVNode("", true)]), unref(N2) && unref(N2).length ? (openBlock(), createBlock("div", { key: 0, class: "grid grid-cols-3 !overflow-y-auto scrollbar-hide py-3 h-[calc(100dvh-180px)] pe-2 col-span-2 gap-2" }, [(openBlock(true), createBlock(Fragment, null, renderList(unref(N2), (e3) => (openBlock(), createBlock("div", { key: e3.id, class: "text-center" }, [createVNode(p2, { onClick: withModifiers((e4) => ae2.value = false, ["stop"]), to: unref(ee2)(`/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-xs text-[#363636] line-clamp-3" }, toDisplayString(e3.title), 1)]), _: 2 }, 1032, ["onClick", "to"])]))), 128))])) : createCommentVNode("", true)])])) : createCommentVNode("", true)], 8, ["onClick"])) : createCommentVNode("", true)];
        unref(ae2) ? (l4(`<div class="fixed start-0 top-0 h-[calc(100dvh-60px)] overflow-x-hidden scrollbar-hide w-full end-0 bg-white shadow-lg z-50"${s2}><div class="flex px-4 py-4 items-center justify-between"${s2}><button class="rounded-full bg-white border border-primary flex items-center justify-center w-10 h-10"${s2}>`), l4(ssrRenderComponent(o2, { name: "close", class: "[&_path]:!fill-primary scale-150" }, null, a4, s2)), l4(`</button><h3 class="text-xl flex-1 -ms-6 font-semibold text-center"${s2}>${ssrInterpolate(e2.$t("TITLES.allCategories"))}</h3></div>`), unref(x2).categories && unref(x2).categories.length ? (l4(`<div class="space-y-4"${s2}>`), l4(ssrRenderComponent(unref(me), { modules: [unref(A)], "free-mode": true, "space-between": 0, "slides-per-view": "auto", "slides-per-group": 1, "watch-overflow": true, "centered-slides": false, class: "flex items-center max-w-full" }, { default: withCtx((e3, t5, l5, a5) => {
          if (!t5) return [(openBlock(true), createBlock(Fragment, null, renderList(unref(x2).categories, (e4) => (openBlock(), createBlock(unref(ve), { key: e4.id, class: "!w-fit" }, { default: withCtx(() => [createVNode("button", { onClick: (t6) => {
            var l6;
            J2.value = e4, I2.value = e4.sub_categories, Q2.value = e4.sub_categories[0], N2.value = null == (l6 = e4.sub_categories[0]) ? undefined : l6.sub_sub_categories;
          }, class: ["px-4 py-1.5 w-fit !text-sm relative pb-1 text-black transition-all cursor-pointer", { "font-medium  before:absolute before:bottom-0 before:start-1/2 before:-translate-x-1/2 before:w-[20px] before:h-[2px] before:bg-primary ": unref(J2) === e4 }] }, toDisplayString(e4.title), 11, ["onClick"])]), _: 2 }, 1024))), 128))];
          t5("<!--[-->"), ssrRenderList(unref(x2).categories, (e4) => {
            t5(ssrRenderComponent(unref(ve), { key: e4.id, class: "!w-fit" }, { default: withCtx((t6, l6, a6, s3) => {
              if (!l6) return [createVNode("button", { onClick: (t7) => {
                var l7;
                J2.value = e4, I2.value = e4.sub_categories, Q2.value = e4.sub_categories[0], N2.value = null == (l7 = e4.sub_categories[0]) ? undefined : l7.sub_sub_categories;
              }, class: ["px-4 py-1.5 w-fit !text-sm relative pb-1 text-black transition-all cursor-pointer", { "font-medium  before:absolute before:bottom-0 before:start-1/2 before:-translate-x-1/2 before:w-[20px] before:h-[2px] before:bg-primary ": unref(J2) === e4 }] }, toDisplayString(e4.title), 11, ["onClick"])];
              l6(`<button class="${ssrRenderClass([{ "font-medium  before:absolute before:bottom-0 before:start-1/2 before:-translate-x-1/2 before:w-[20px] before:h-[2px] before:bg-primary ": unref(J2) === e4 }, "px-4 py-1.5 w-fit !text-sm relative pb-1 text-black transition-all cursor-pointer"])}"${s3}>${ssrInterpolate(e4.title)}</button>`);
            }), _: 2 }, l5, a5));
          }), t5("<!--]-->");
        }), _: 1 }, a4, s2)), l4(`<div class="grid-cols-3 h-full grid gap-2 border-t border-[#ededed] mt-2"${s2}><div class="col-span-1 !overflow-y-auto scrollbar-hide h-[calc(100dvh-180px)] bg-[#F0F0F0]"${s2}>`), unref(I2) && unref(I2).length ? (l4("<!--[-->"), ssrRenderList(unref(I2), (e3) => {
          l4(`<button class="${ssrRenderClass([{ "bg-primary": unref(Q2) === e3 }, "px-4 py-3 w-full transition-all cursor-pointer"])}"${s2}><p class="${ssrRenderClass([{ "bg-primary !text-white relative  transition-all ": unref(Q2) === e3 }, "!text-xs text-start text-primary"])}"${s2}>${ssrInterpolate(e3.title)}</p></button>`);
        }), l4("<!--]-->")) : l4("<!---->"), l4("</div>"), unref(N2) && unref(N2).length ? (l4(`<div class="grid grid-cols-3 !overflow-y-auto scrollbar-hide py-3 h-[calc(100dvh-180px)] pe-2 col-span-2 gap-2"${s2}><!--[-->`), ssrRenderList(unref(N2), (e3) => {
          l4(`<div class="text-center"${s2}>`), l4(ssrRenderComponent(p2, { onClick: (e4) => ae2.value = false, to: unref(ee2)(`/categories?sub_sub_category=${e3.id}`) }, { default: withCtx((t5, l5, a5, s3) => {
            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-xs text-[#363636] line-clamp-3" }, toDisplayString(e3.title), 1)];
            l5(`<div class="w-[62px] h-[62px] 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-xs text-[#363636] line-clamp-3"${s3}>${ssrInterpolate(e3.title)}</p>`);
          }), _: 2 }, a4, s2)), l4("</div>");
        }), l4("<!--]--></div>")) : l4("<!---->"), l4("</div></div>")) : l4("<!---->"), l4("</div>")) : l4("<!---->");
      }), _: 1 }, l3)) : t3("<!---->");
    }, "body", false, l3), t2("<!--]-->");
  };
} }, te = ee.setup;
ee.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("components/header/Navbar.vue"), te ? te(e2, t2) : undefined;
};
const le = defineComponent({ __name: "default", __ssrInlineRender: true, setup(e2) {
  const t2 = ref(false);
  return ref(0), ref(null), ref(null), (e3, l2, a2, s2) => {
    const r2 = ee, i2 = T;
    l2(`<div${ssrRenderAttrs(mergeProps({ class: "flex min-h-[100dvh] flex-col relative" }, s2))}>`), l2(ssrRenderComponent(r2, null, null, a2)), l2(`<div class="${ssrRenderClass([unref(t2) ? "[&_nav]:translate-y-0" : "[&_nav]:-translate-y-full", "[&_nav]:!py-3 [&_nav_.sub2]:!top-[108px] [&_.sub]:hidden [&_nav]:fixed lg:[&_nav]:!py-3 [&_nav]:bg-white [&_nav]:shadow top-0 w-full transition-all"])}">`), l2(ssrRenderComponent(r2, null, null, a2)), l2("</div>"), ssrRenderSlot(e3.$slots, "default", {}, null, l2, a2), l2(ssrRenderComponent(i2, null, null, a2)), l2("</div>");
  };
} }), ae = le.setup;
le.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("layouts/default.vue"), ae ? ae(e2, t2) : undefined;
};

export { le as default };
//# sourceMappingURL=default-Br2jjmWc.mjs.map
