import { e as buildAssetsURL } from '../_/nitro.mjs';
import { d } from './breadcrumb-LaEAX0us.mjs';
import { h as Ma, b as Qs, l as ff, k as nu, c as gn, a as Qt, g as $a, _ as An } from './server.mjs';
import { g } from './SvgIcon-BKMVrGmr.mjs';
import { o } from './Backdrop-Ez8lg5QV.mjs';
import { computed, mergeProps, unref, useSSRContext, ref, withCtx, createVNode, toDisplayString, withModifiers, openBlock, createBlock, Fragment, renderList, withDirectives, isRef, vModelRadio, createCommentVNode } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderClass, ssrRenderTeleport, ssrRenderAttr, ssrIncludeBooleanAttr, ssrRenderList, ssrLooseEqual } from 'vue/server-renderer';
import { p as pe } from './index-Dj5w-pp2.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 V = "" + buildAssetsURL("saudi-arabia.Vm2LMp2Z.png"), R = { __name: "ProfileSidebar", __ssrInlineRender: true, setup(e2) {
  const o2 = ref(false), n2 = ref(false), u2 = ref(false), { locale: A2, t: R2 } = Qs(), Y2 = ref(A2.value), Q2 = nu(), D2 = [{ flag: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJGSURBVHgB7VVNSxtRFL0jsYtmpBRKY6BdtKXdaSDd2BYslNIuSn9AF921iy4LdVOodNWWdmFpoaEYXPiBoqAuFERXCokbZyDRhUYyLowxEwQDJoof8HznysQZP8AkA7PxQJJ35s3k3nPeeW+U5md9glzAj8x/atoxqFLU2Uk4dNMx+fTxLQd/9eKug4ebnfdXAx++Gvz19KXtET24d506IhpNxzP082src8DiKFgs7jFv/9RCrbLB3/L+sakVutY/RDdClTfEDmyV9mndLPGf6wmTlW/JMQAO5ZgnRaFUepPnl9IFKsrnUsYm1QLFnoFgwE/tbS3yV6Vod7KsPNio0sDwIg2MLJWdAI/2LrB7EOBKBhrUesrmSjxG8XAoIBUWSFWv0Pikwcq1RJ6dGJe2oxEUrwlw4OWbURHTc8JYK4pvf+dO8SevB0VMy4l8YVf86UoIPDMxs8r88/c485hmip0DUfGHHcD6QjkyAKVwIpU+Vg4ntKRTueUEX68B5Qxg/VHw/dumo93wT+OAffzwkHln9zzNxFfpnZxHKDsiumzGcC8DcEEhwelHI3rSlOHz83VwFG+UYcya26wc825kgB2AeksplGfzpbITUI5i5zkR7Znn3RH59fzUQXZhB6DS2vfTsxlalnvdrhxjrLnFodruRM0OYAAXAAQRBe5LtRjbeU42Egxc5YBaXJUZQIPVZsBnDfikswEunMUtp07yaqHEdNOVtyEcwY6ouAEcBuQhfBt3bpOXqCOP4fkSeO7AZQYuM3AIU5SpgNKjBzgAAAAASUVORK5CYII=", language: R2("TITLES.en"), code: "en" }, { flag: V, language: R2("TITLES.ar"), code: "ar" }], K = gn("sheIn-token"), O = gn("sheIn-profile"), N = Qt().$axios;
  $a();
  const X = ref(false), H = ref(false);
  async function G() {
    H.value = true, N.delete("delete_account").then((e3) => {
      K.value = null, O.value = null, pe.success(e3.data.message), setTimeout(() => {
        (undefined).pathname = "/";
      }, 1e3);
    });
  }
  async function J() {
    X.value = true, N("logout", { method: "POST", data: { device_token: "Figo", type: "ios" } }).then((e3) => {
      K.value = null, O.value = null, pe.success(e3.data.message), setTimeout(() => {
        (undefined).location.reload();
      }, 1e3);
    });
  }
  return (e3, l2, t2, s2) => {
    const a2 = An, i2 = g, m2 = o;
    l2(`<div${ssrRenderAttrs(mergeProps({ class: "bg-[#F6F7FC] p-6" }, s2))}><h1 class="font-bold text-2xl mb-5 pb-5 border-b border-[#E1E1E1]">${ssrInterpolate(e3.$t("TITLES.personal_account"))}</h1><div class="space-y-8 mb-5">`), l2(ssrRenderComponent(a2, { to: e3.localePath("/profile"), class: "flex items-center gap-2 flex-wrap" }, { default: withCtx((l3, t3, s3, a3) => {
      if (!t3) return [createVNode("div", { class: "flex rounded-full items-center justify-center bg-white size-10" }, [createVNode(i2, { name: "user", class: "flex-shrink-0 [&_path]:fill-primary" })]), createVNode("h5", { class: "font-medium" }, toDisplayString(e3.$t("TITLES.my_info")), 1), createVNode("div", { class: ["flex-shrink-0 ms-auto inline-block", "ar" === unref(A2) ? "rotate-180" : ""] }, [createVNode(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" })], 2)];
      t3(`<div class="flex rounded-full items-center justify-center bg-white size-10"${a3}>`), t3(ssrRenderComponent(i2, { name: "user", class: "flex-shrink-0 [&_path]:fill-primary" }, null, s3, a3)), t3(`</div><h5 class="font-medium"${a3}>${ssrInterpolate(e3.$t("TITLES.my_info"))}</h5><div class="${ssrRenderClass(["ar" === unref(A2) ? "rotate-180" : "", "flex-shrink-0 ms-auto inline-block"])}"${a3}>`), t3(ssrRenderComponent(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" }, null, s3, a3)), t3("</div>");
    }), _: 1 }, t2)), l2(ssrRenderComponent(a2, { to: e3.localePath("/profile/my-orders"), class: "flex items-center gap-2 flex-wrap" }, { default: withCtx((l3, t3, s3, a3) => {
      if (!t3) return [createVNode("div", { class: "flex rounded-full items-center justify-center bg-white size-10" }, [createVNode(i2, { name: "box-add", class: "flex-shrink-0" })]), createVNode("h5", { class: "font-medium" }, toDisplayString(e3.$t("TITLES.my_orders")), 1), createVNode("div", { class: ["flex-shrink-0 ms-auto inline-block", "ar" === unref(A2) ? "rotate-180" : ""] }, [createVNode(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" })], 2)];
      t3(`<div class="flex rounded-full items-center justify-center bg-white size-10"${a3}>`), t3(ssrRenderComponent(i2, { name: "box-add", class: "flex-shrink-0" }, null, s3, a3)), t3(`</div><h5 class="font-medium"${a3}>${ssrInterpolate(e3.$t("TITLES.my_orders"))}</h5><div class="${ssrRenderClass(["ar" === unref(A2) ? "rotate-180" : "", "flex-shrink-0 ms-auto inline-block"])}"${a3}>`), t3(ssrRenderComponent(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" }, null, s3, a3)), t3("</div>");
    }), _: 1 }, t2)), l2(ssrRenderComponent(a2, { to: e3.localePath("/profile/wishlist"), class: "flex items-center gap-2 flex-wrap" }, { default: withCtx((l3, t3, s3, a3) => {
      if (!t3) return [createVNode("div", { class: "flex rounded-full items-center justify-center bg-white size-10" }, [createVNode(i2, { name: "heart-add", class: "flex-shrink-0" })]), createVNode("h5", { class: "font-medium" }, toDisplayString(e3.$t("TITLES.wishlist")), 1), createVNode("div", { class: ["flex-shrink-0 ms-auto inline-block", "ar" === unref(A2) ? "rotate-180" : ""] }, [createVNode(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" })], 2)];
      t3(`<div class="flex rounded-full items-center justify-center bg-white size-10"${a3}>`), t3(ssrRenderComponent(i2, { name: "heart-add", class: "flex-shrink-0" }, null, s3, a3)), t3(`</div><h5 class="font-medium"${a3}>${ssrInterpolate(e3.$t("TITLES.wishlist"))}</h5><div class="${ssrRenderClass(["ar" === unref(A2) ? "rotate-180" : "", "flex-shrink-0 ms-auto inline-block"])}"${a3}>`), t3(ssrRenderComponent(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" }, null, s3, a3)), t3("</div>");
    }), _: 1 }, t2)), l2(ssrRenderComponent(a2, { to: e3.localePath("/profile/my-reviews"), class: "flex items-center gap-2 flex-wrap" }, { default: withCtx((l3, t3, s3, a3) => {
      if (!t3) return [createVNode("div", { class: "flex rounded-full items-center justify-center bg-white size-10" }, [createVNode(i2, { name: "like2", class: "flex-shrink-0" })]), createVNode("h5", { class: "font-medium" }, toDisplayString(e3.$t("TITLES.my_reviews")), 1), createVNode("div", { class: ["flex-shrink-0 ms-auto inline-block", "ar" === unref(A2) ? "rotate-180" : ""] }, [createVNode(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" })], 2)];
      t3(`<div class="flex rounded-full items-center justify-center bg-white size-10"${a3}>`), t3(ssrRenderComponent(i2, { name: "like2", class: "flex-shrink-0" }, null, s3, a3)), t3(`</div><h5 class="font-medium"${a3}>${ssrInterpolate(e3.$t("TITLES.my_reviews"))}</h5><div class="${ssrRenderClass(["ar" === unref(A2) ? "rotate-180" : "", "flex-shrink-0 ms-auto inline-block"])}"${a3}>`), t3(ssrRenderComponent(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" }, null, s3, a3)), t3("</div>");
    }), _: 1 }, t2)), l2(ssrRenderComponent(a2, { to: e3.localePath("/profile/my-wallet"), class: "flex items-center gap-2 flex-wrap" }, { default: withCtx((l3, t3, s3, a3) => {
      if (!t3) return [createVNode("div", { class: "flex rounded-full items-center justify-center bg-white size-10" }, [createVNode(i2, { name: "empty-wallet", class: "flex-shrink-0" })]), createVNode("h5", { class: "font-medium" }, toDisplayString(e3.$t("TITLES.my_wallet")), 1), createVNode("div", { class: ["flex-shrink-0 ms-auto inline-block", "ar" === unref(A2) ? "rotate-180" : ""] }, [createVNode(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" })], 2)];
      t3(`<div class="flex rounded-full items-center justify-center bg-white size-10"${a3}>`), t3(ssrRenderComponent(i2, { name: "empty-wallet", class: "flex-shrink-0" }, null, s3, a3)), t3(`</div><h5 class="font-medium"${a3}>${ssrInterpolate(e3.$t("TITLES.my_wallet"))}</h5><div class="${ssrRenderClass(["ar" === unref(A2) ? "rotate-180" : "", "flex-shrink-0 ms-auto inline-block"])}"${a3}>`), t3(ssrRenderComponent(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" }, null, s3, a3)), t3("</div>");
    }), _: 1 }, t2)), l2(`</div><h2 class="font-semibold text-xl mb-4">${ssrInterpolate(e3.$t("TITLES.my_account"))}</h2><div class="bg-white py-5 px-4"><div class="space-y-4">`), l2(ssrRenderComponent(a2, { to: e3.localePath("/profile/all-brands"), class: "flex border-b border-[#E9E9E9] pb-4 items-center gap-2 flex-wrap" }, { default: withCtx((l3, t3, s3, a3) => {
      if (!t3) return [createVNode("div", { class: "flex rounded-full items-center justify-center bg-[#F6F7FC] size-10" }, [createVNode(i2, { name: "medal", class: "flex-shrink-0" })]), createVNode("h5", { class: "font-medium" }, toDisplayString(e3.$t("TITLES.brands")), 1), createVNode("div", { class: ["flex-shrink-0 ms-auto inline-block", "ar" === unref(A2) ? "rotate-180" : ""] }, [createVNode(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" })], 2)];
      t3(`<div class="flex rounded-full items-center justify-center bg-[#F6F7FC] size-10"${a3}>`), t3(ssrRenderComponent(i2, { name: "medal", class: "flex-shrink-0" }, null, s3, a3)), t3(`</div><h5 class="font-medium"${a3}>${ssrInterpolate(e3.$t("TITLES.brands"))}</h5><div class="${ssrRenderClass(["ar" === unref(A2) ? "rotate-180" : "", "flex-shrink-0 ms-auto inline-block"])}"${a3}>`), t3(ssrRenderComponent(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" }, null, s3, a3)), t3("</div>");
    }), _: 1 }, t2)), l2(ssrRenderComponent(a2, { to: e3.localePath("/profile/my-addresses"), class: "flex border-b border-[#E9E9E9] pb-4 items-center gap-2 flex-wrap" }, { default: withCtx((l3, t3, s3, a3) => {
      if (!t3) return [createVNode("div", { class: "flex rounded-full items-center justify-center bg-[#F6F7FC] size-10" }, [createVNode(i2, { name: "location", class: "flex-shrink-0" })]), createVNode("h5", { class: "font-medium" }, toDisplayString(e3.$t("TITLES.my_addresses")), 1), createVNode("div", { class: ["flex-shrink-0 ms-auto inline-block", "ar" === unref(A2) ? "rotate-180" : ""] }, [createVNode(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" })], 2)];
      t3(`<div class="flex rounded-full items-center justify-center bg-[#F6F7FC] size-10"${a3}>`), t3(ssrRenderComponent(i2, { name: "location", class: "flex-shrink-0" }, null, s3, a3)), t3(`</div><h5 class="font-medium"${a3}>${ssrInterpolate(e3.$t("TITLES.my_addresses"))}</h5><div class="${ssrRenderClass(["ar" === unref(A2) ? "rotate-180" : "", "flex-shrink-0 ms-auto inline-block"])}"${a3}>`), t3(ssrRenderComponent(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" }, null, s3, a3)), t3("</div>");
    }), _: 1 }, t2)), l2(ssrRenderComponent(a2, { to: e3.localePath("/profile/contact-us"), class: "flex border-b border-[#E9E9E9] pb-4 items-center gap-2 flex-wrap" }, { default: withCtx((l3, t3, s3, a3) => {
      if (!t3) return [createVNode("div", { class: "flex rounded-full items-center justify-center bg-[#F6F7FC] size-10" }, [createVNode(i2, { name: "call-calling", class: "flex-shrink-0" })]), createVNode("h5", { class: "font-medium" }, toDisplayString(e3.$t("TITLES.contact_us")), 1), createVNode("div", { class: ["flex-shrink-0 ms-auto inline-block", "ar" === unref(A2) ? "rotate-180" : ""] }, [createVNode(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" })], 2)];
      t3(`<div class="flex rounded-full items-center justify-center bg-[#F6F7FC] size-10"${a3}>`), t3(ssrRenderComponent(i2, { name: "call-calling", class: "flex-shrink-0" }, null, s3, a3)), t3(`</div><h5 class="font-medium"${a3}>${ssrInterpolate(e3.$t("TITLES.contact_us"))}</h5><div class="${ssrRenderClass(["ar" === unref(A2) ? "rotate-180" : "", "flex-shrink-0 ms-auto inline-block"])}"${a3}>`), t3(ssrRenderComponent(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" }, null, s3, a3)), t3("</div>");
    }), _: 1 }, t2)), l2(ssrRenderComponent(a2, { to: e3.localePath("/profile/about-us"), class: "flex items-center gap-2 flex-wrap" }, { default: withCtx((l3, t3, s3, a3) => {
      if (!t3) return [createVNode("div", { class: "flex rounded-full items-center justify-center bg-[#F6F7FC] size-10" }, [createVNode(i2, { name: "info-circle", class: "flex-shrink-0" })]), createVNode("h5", { class: "font-medium" }, toDisplayString(e3.$t("TITLES.about_us")), 1), createVNode("div", { class: ["flex-shrink-0 ms-auto inline-block", "ar" === unref(A2) ? "rotate-180" : ""] }, [createVNode(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" })], 2)];
      t3(`<div class="flex rounded-full items-center justify-center bg-[#F6F7FC] size-10"${a3}>`), t3(ssrRenderComponent(i2, { name: "info-circle", class: "flex-shrink-0" }, null, s3, a3)), t3(`</div><h5 class="font-medium"${a3}>${ssrInterpolate(e3.$t("TITLES.about_us"))}</h5><div class="${ssrRenderClass(["ar" === unref(A2) ? "rotate-180" : "", "flex-shrink-0 ms-auto inline-block"])}"${a3}>`), t3(ssrRenderComponent(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" }, null, s3, a3)), t3("</div>");
    }), _: 1 }, t2)), l2(`</div></div><h2 class="font-semibold text-xl mt-5 mb-4">${ssrInterpolate(e3.$t("TITLES.settings"))}</h2><div class="bg-white py-5 px-4"><div class="space-y-4"><button class="flex border-b w-full border-[#E9E9E9] pb-4 items-center gap-2 flex-wrap"><div class="flex rounded-full items-center justify-center bg-[#F6F7FC] size-10">`), l2(ssrRenderComponent(i2, { name: "global", class: "flex-shrink-0" }, null, t2)), l2(`</div><h5 class="font-medium">${ssrInterpolate(e3.$t("TITLES.website_language"))}</h5><div class="${ssrRenderClass(["ar" === unref(A2) ? "rotate-180" : "", "flex-shrink-0 ms-auto inline-block"])}">`), l2(ssrRenderComponent(i2, { name: "chevron-right", class: "[&_path]:fill-primary [&_path]:scale-75" }, null, t2)), l2('</div></button><button class="flex items-center w-full gap-2 flex-wrap"><div class="flex rounded-full items-center justify-center bg-[#F6F7FC] size-10">'), l2(ssrRenderComponent(i2, { name: "user", class: "flex-shrink-0 [&_path]:fill-[#F44336]" }, null, t2)), l2(`</div><h5 class="font-medium text-[#F44336]">${ssrInterpolate(e3.$t("TITLES.delete_account"))}</h5><div class="${ssrRenderClass(["ar" === unref(A2) ? "rotate-180" : "", "flex-shrink-0 ms-auto inline-block"])}">`), l2(ssrRenderComponent(i2, { name: "chevron-right", class: "[&_path]:scale-75 [&_path]:fill-[#F44336]" }, null, t2)), l2(`</div></button></div></div><button class="mt-5 flex w-full items-center gap-2 justify-center bg-white h-12 py-2 px-4"><span class="text-[#F44336] font-medium">${ssrInterpolate(e3.$t("TITLES.sign_out"))}</span>`), l2(ssrRenderComponent(i2, { name: "sign-out", class: "flex-shrink-0" }, null, t2)), l2("</button>"), ssrRenderTeleport(l2, (l3) => {
      unref(o2) ? l3(ssrRenderComponent(m2, { onClose: (e4) => o2.value = false }, { default: withCtx((l4, t3, s3, a3) => {
        if (!t3) return [createVNode("div", { onClick: withModifiers(() => {
        }, ["stop"]), class: "bg-white w-[540px] max-h-[95%] overflow-y-auto max-w-[90%] py-6 lg:py-10 px-4 lg:px-8", "data-aos": "zoom-in", "data-aos-duration": "800" }, [createVNode("div", { class: "relative" }, [createVNode("h4", { class: "text-xl lg:text-2xl capitalize text-center mb-10 font-bold" }, toDisplayString(e3.$t("TITLES.sign_out")), 1), createVNode("button", { class: "absolute size-12 top-1/2 border border-[#E1E1E1] flex items-center justify-center rounded-full -translate-y-1/2 end-0", onClick: (e4) => o2.value = false }, [createVNode(i2, { name: "close-2" })], 8, ["onClick"])]), createVNode("p", { class: "font-medium text-xl text-primary mb-10" }, toDisplayString(e3.$t("TITLES.you_will_logout")), 1), createVNode("div", { class: "flex items-center justify-center gap-6" }, [createVNode("button", { onClick: (e4) => o2.value = false, class: "base-btn !h-14 flex-1 !font-medium" }, toDisplayString(e3.$t("TITLES.keep_me_in")), 9, ["onClick"]), createVNode("button", { onClick: J, loading: unref(X), disabled: unref(X), class: "base-btn !h-14 flex-1 border border-[#FC1B1B] !font-medium !bg-white !text-[#FC1B1B]" }, toDisplayString(e3.$t("TITLES.logout")), 9, ["loading", "disabled"])])], 8, ["onClick"])];
        t3(`<div class="bg-white w-[540px] max-h-[95%] overflow-y-auto max-w-[90%] py-6 lg:py-10 px-4 lg:px-8" data-aos="zoom-in" data-aos-duration="800"${a3}><div class="relative"${a3}><h4 class="text-xl lg:text-2xl capitalize text-center mb-10 font-bold"${a3}>${ssrInterpolate(e3.$t("TITLES.sign_out"))}</h4><button class="absolute size-12 top-1/2 border border-[#E1E1E1] flex items-center justify-center rounded-full -translate-y-1/2 end-0"${a3}>`), t3(ssrRenderComponent(i2, { name: "close-2" }, null, s3, a3)), t3(`</button></div><p class="font-medium text-xl text-primary mb-10"${a3}>${ssrInterpolate(e3.$t("TITLES.you_will_logout"))}</p><div class="flex items-center justify-center gap-6"${a3}><button class="base-btn !h-14 flex-1 !font-medium"${a3}>${ssrInterpolate(e3.$t("TITLES.keep_me_in"))}</button><button${ssrRenderAttr("loading", unref(X))}${ssrIncludeBooleanAttr(unref(X)) ? " disabled" : ""} class="base-btn !h-14 flex-1 border border-[#FC1B1B] !font-medium !bg-white !text-[#FC1B1B]"${a3}>${ssrInterpolate(e3.$t("TITLES.logout"))}</button></div></div>`);
      }), _: 1 }, t2)) : l3("<!---->");
    }, "body", false, t2), ssrRenderTeleport(l2, (l3) => {
      unref(n2) ? l3(ssrRenderComponent(m2, { onClose: (e4) => n2.value = false }, { default: withCtx((l4, t3, s3, a3) => {
        if (!t3) return [createVNode("div", { onClick: withModifiers(() => {
        }, ["stop"]), class: "bg-white w-[540px] max-h-[95%] overflow-y-auto max-w-[90%] py-6 lg:py-10 px-4 lg:px-8", "data-aos": "zoom-in", "data-aos-duration": "800" }, [createVNode("div", { class: "relative" }, [createVNode("h4", { class: "text-xl lg:text-2xl capitalize text-center mb-10 font-bold" }, toDisplayString(e3.$t("TITLES.delete_account")), 1), createVNode("button", { class: "absolute size-12 top-1/2 border border-[#E1E1E1] flex items-center justify-center rounded-full -translate-y-1/2 end-0", onClick: (e4) => n2.value = false }, [createVNode(i2, { name: "close-2" })], 8, ["onClick"])]), createVNode("p", { class: "font-medium text-xl text-primary mb-10" }, toDisplayString(e3.$t("TITLES.you_will_delete_your_account")), 1), createVNode("div", { class: "flex items-center justify-center gap-6" }, [createVNode("button", { onClick: (e4) => n2.value = false, class: "base-btn !h-14 flex-1 !font-medium" }, toDisplayString(e3.$t("TITLES.keep_me_in")), 9, ["onClick"]), createVNode("button", { onClick: G, loading: unref(H), disabled: unref(H), class: "base-btn !h-14 flex-1 border border-[#FC1B1B] !font-medium !bg-white !text-[#FC1B1B]" }, toDisplayString(e3.$t("TITLES.delete")), 9, ["loading", "disabled"])])], 8, ["onClick"])];
        t3(`<div class="bg-white w-[540px] max-h-[95%] overflow-y-auto max-w-[90%] py-6 lg:py-10 px-4 lg:px-8" data-aos="zoom-in" data-aos-duration="800"${a3}><div class="relative"${a3}><h4 class="text-xl lg:text-2xl capitalize text-center mb-10 font-bold"${a3}>${ssrInterpolate(e3.$t("TITLES.delete_account"))}</h4><button class="absolute size-12 top-1/2 border border-[#E1E1E1] flex items-center justify-center rounded-full -translate-y-1/2 end-0"${a3}>`), t3(ssrRenderComponent(i2, { name: "close-2" }, null, s3, a3)), t3(`</button></div><p class="font-medium text-xl text-primary mb-10"${a3}>${ssrInterpolate(e3.$t("TITLES.you_will_delete_your_account"))}</p><div class="flex items-center justify-center gap-6"${a3}><button class="base-btn !h-14 flex-1 !font-medium"${a3}>${ssrInterpolate(e3.$t("TITLES.keep_me_in"))}</button><button${ssrRenderAttr("loading", unref(H))}${ssrIncludeBooleanAttr(unref(H)) ? " disabled" : ""} class="base-btn !h-14 flex-1 border border-[#FC1B1B] !font-medium !bg-white !text-[#FC1B1B]"${a3}>${ssrInterpolate(e3.$t("TITLES.delete"))}</button></div></div>`);
      }), _: 1 }, t2)) : l3("<!---->");
    }, "body", false, t2), ssrRenderTeleport(l2, (l3) => {
      unref(u2) ? l3(ssrRenderComponent(m2, { onClose: (e4) => u2.value = false }, { default: withCtx((l4, t3, s3, a3) => {
        if (!t3) return [createVNode("div", { onClick: withModifiers(() => {
        }, ["stop"]), class: "bg-white w-[540px] max-h-[95%] overflow-y-auto max-w-[90%] py-6 lg:py-10 px-4 lg:px-8", "data-aos": "zoom-in", "data-aos-duration": "800" }, [createVNode("div", { class: "relative" }, [createVNode("h4", { class: "text-xl lg:text-2xl capitalize text-center mb-10 font-bold" }, toDisplayString(e3.$t("TITLES.change_language")), 1), createVNode("button", { class: "absolute size-12 top-1/2 border border-[#E1E1E1] flex items-center justify-center rounded-full -translate-y-1/2 end-0", onClick: (e4) => u2.value = false }, [createVNode(i2, { name: "close-2" })], 8, ["onClick"])]), createVNode("p", { class: "font-medium text-xl text-primary mb-10" }, toDisplayString(e3.$t("TITLES.choose_your_preferred_language")), 1), createVNode("div", { class: "space-y-8" }, [(openBlock(), createBlock(Fragment, null, renderList(D2, (e4) => createVNode("div", { key: e4.code, class: ["border bg-white cursor-pointer transition-all", unref(Y2) === e4.code ? "border-[#707070]" : "border-[#E1E1E1]"], onClick: withModifiers((l5) => {
          Y2.value = e4.code, u2.value = false;
        }, ["stop"]) }, [createVNode("a", { class: "z-10 block", href: unref(Q2)(e4.code) }, [createVNode("div", { class: "flex justify-between items-center w-full cursor-pointer p-4" }, [createVNode("div", { class: "flex items-center gap-4" }, [createVNode("img", { src: e4.flag, alt: e4.code, class: "w-8 h-6 object-cover" }, null, 8, ["src", "alt"]), createVNode("span", { class: "flex-grow" }, toDisplayString(e4.language), 1)]), createVNode("div", { class: "relative" }, [withDirectives(createVNode("input", { type: "radio", id: `lang-${e4.code}`, value: e4.code, "onUpdate:modelValue": (e5) => isRef(Y2) ? Y2.value = e5 : null, class: "opacity-0 absolute h-6 w-6 cursor-pointer" }, null, 8, ["id", "value", "onUpdate:modelValue"]), [[vModelRadio, unref(Y2)]]), createVNode("div", { class: ["w-6 h-6 border-[1.5px] rounded-full", unref(Y2) === e4.code ? "border-black" : "border-[#E1E1E1]"] }, [unref(Y2) === e4.code ? (openBlock(), createBlock("div", { key: 0, class: "w-4 h-4 bg-black rounded-full absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2" })) : createCommentVNode("", true)], 2)])])], 8, ["href"])], 10, ["onClick"])), 64))])], 8, ["onClick"])];
        t3(`<div class="bg-white w-[540px] max-h-[95%] overflow-y-auto max-w-[90%] py-6 lg:py-10 px-4 lg:px-8" data-aos="zoom-in" data-aos-duration="800"${a3}><div class="relative"${a3}><h4 class="text-xl lg:text-2xl capitalize text-center mb-10 font-bold"${a3}>${ssrInterpolate(e3.$t("TITLES.change_language"))}</h4><button class="absolute size-12 top-1/2 border border-[#E1E1E1] flex items-center justify-center rounded-full -translate-y-1/2 end-0"${a3}>`), t3(ssrRenderComponent(i2, { name: "close-2" }, null, s3, a3)), t3(`</button></div><p class="font-medium text-xl text-primary mb-10"${a3}>${ssrInterpolate(e3.$t("TITLES.choose_your_preferred_language"))}</p><div class="space-y-8"${a3}><!--[-->`), ssrRenderList(D2, (e4) => {
          t3(`<div class="${ssrRenderClass([unref(Y2) === e4.code ? "border-[#707070]" : "border-[#E1E1E1]", "border bg-white cursor-pointer transition-all"])}"${a3}><a class="z-10 block"${ssrRenderAttr("href", unref(Q2)(e4.code))}${a3}><div class="flex justify-between items-center w-full cursor-pointer p-4"${a3}><div class="flex items-center gap-4"${a3}><img${ssrRenderAttr("src", e4.flag)}${ssrRenderAttr("alt", e4.code)} class="w-8 h-6 object-cover"${a3}><span class="flex-grow"${a3}>${ssrInterpolate(e4.language)}</span></div><div class="relative"${a3}><input type="radio"${ssrRenderAttr("id", `lang-${e4.code}`)}${ssrRenderAttr("value", e4.code)}${ssrIncludeBooleanAttr(ssrLooseEqual(unref(Y2), e4.code)) ? " checked" : ""} class="opacity-0 absolute h-6 w-6 cursor-pointer"${a3}><div class="${ssrRenderClass([unref(Y2) === e4.code ? "border-black" : "border-[#E1E1E1]", "w-6 h-6 border-[1.5px] rounded-full"])}"${a3}>`), unref(Y2) === e4.code ? t3(`<div class="w-4 h-4 bg-black rounded-full absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"${a3}></div>`) : t3("<!---->"), t3("</div></div></div></a></div>");
        }), t3("<!--]--></div></div>");
      }), _: 1 }, t2)) : l3("<!---->");
    }, "body", false, t2), l2("</div>");
  };
} }, Y = R.setup;
R.setup = (e2, l2) => {
  const t2 = useSSRContext();
  return (t2.modules || (t2.modules = /* @__PURE__ */ new Set())).add("components/Shared/ProfileSidebar.vue"), Y ? Y(e2, l2) : undefined;
};
const Q = { __name: "profile", __ssrInlineRender: true, setup(t2) {
  const s2 = Ma(), { t: a2 } = Qs(), i2 = computed(() => {
    let e2 = s2.fullPath;
    return e2.includes("?") && (e2 = e2.split("?")[0]), [{ name: a2("NAV.home"), to: "/" }, { name: a2("NAV.profile"), to: "/profile" === e2 || "/profile/" === e2 ? "" : "/profile" }, { name: a2("/profile" === e2 || "/profile/" === e2 ? "NAV.myInfo" : "TITLES." + e2.split("/").pop().split("-").join(" ").replace("/", "")), to: e2, disabled: true }];
  });
  return (l2, t3, s3, a3) => {
    const r2 = d, o2 = R, c2 = ff;
    t3(`<div${ssrRenderAttrs(mergeProps({ class: "container my-10" }, a3))}>`), t3(ssrRenderComponent(r2, { "data-aos": "fade-right", items: unref(i2) }, null, s3)), t3('<div class="grid lg:grid-cols-3 grid-cols-1 my-10 lg:gap-x-4 xl:gap-x-10 lg:gap-y-0 gap-y-4 items-start">'), t3(ssrRenderComponent(o2, { "data-aos": "fade-right" }, null, s3)), t3('<div class="col-span-3 lg:col-span-2" data-aos="fade-left">'), t3(ssrRenderComponent(c2, null, null, s3)), t3("</div></div></div>");
  };
} }, D = Q.setup;
Q.setup = (e2, l2) => {
  const t2 = useSSRContext();
  return (t2.modules || (t2.modules = /* @__PURE__ */ new Set())).add("pages/profile.vue"), D ? D(e2, l2) : undefined;
};

export { Q as default };
//# sourceMappingURL=profile-DOR4mrSJ.mjs.map
