import { _ as __nuxt_component_0 } from './nuxt-link-GYtpnRvD.mjs';
import { ref, reactive, mergeProps, unref, withCtx, openBlock, createBlock, createVNode, createTextVNode, useSSRContext } from 'vue';
import { ssrRenderAttrs, ssrRenderAttr, ssrRenderClass, ssrIncludeBooleanAttr, ssrInterpolate, ssrRenderComponent } from 'vue/server-renderer';
import { _ as _imports_0 } from './virtual_public-B_E1G3G9.mjs';
import { _ as _imports_1 } from './virtual_public-LAo3x5RE.mjs';
import { u as useRuntimeConfig } from './server.mjs';
import '../_/nitro.mjs';
import 'node:http';
import 'node:https';
import 'node:events';
import 'node:buffer';
import 'node:fs';
import 'node:path';
import 'node:crypto';
import 'node:url';
import '../routes/renderer.mjs';
import 'vue-bundle-renderer/runtime';
import 'unhead/server';
import 'devalue';
import 'unhead/utils';
import 'unhead/plugins';
import 'vue-router';

const _sfc_main = {
  __name: "forgot-password",
  __ssrInlineRender: true,
  setup(__props) {
    const config = useRuntimeConfig();
    config.public.apiBase;
    const email = ref("");
    const isLoading = ref(false);
    const errors = reactive({});
    return (_ctx, _push, _parent, _attrs) => {
      const _component_NuxtLink = __nuxt_component_0;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "bg-gray-50 min-h-screen" }, _attrs))}><div class="flex min-h-screen"><div class="hidden lg:block lg:w-1/2 relative"><img${ssrRenderAttr("src", _imports_0)} alt="Masjid" class="absolute inset-0 w-full h-full object-cover"><div class="absolute inset-0 bg-black/20"></div></div><div class="w-full lg:w-1/2 flex items-center justify-center p-8 md:p-16"><div class="max-w-md w-full"><div class="flex items-center justify-center lg:justify-start gap-2 mb-8"><img${ssrRenderAttr("src", _imports_1)} alt="Logo Sajada" class="h-8 w-auto"></div><div class="mb-8 text-center lg:text-left"><h1 class="text-3xl font-bold text-gray-800 mb-2">Lupa Kata Sandi?</h1><p class="text-gray-600">Masukkan email Anda untuk menerima instruksi pengaturan ulang kata sandi.</p></div><form class="space-y-5"><div><div class="relative"><span class="absolute inset-y-0 left-0 flex items-center pl-3 text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg></span><input${ssrRenderAttr("value", unref(email))} type="email" placeholder="Email Terdaftar" class="${ssrRenderClass(["w-full pl-10 pr-4 py-3 border rounded-xl focus:ring-2 focus:ring-[#166534] outline-none transition-all", unref(errors).email ? "border-red-400 bg-red-50" : "border-gray-200"])}"></div></div><button type="submit"${ssrIncludeBooleanAttr(unref(isLoading)) ? " disabled" : ""} class="${ssrRenderClass(["w-full bg-[#166534] hover:bg-[#0f4a26] text-white font-semibold py-3.5 rounded-xl shadow-lg transition-all transform active:scale-[0.98] flex items-center justify-center gap-2", unref(isLoading) ? "opacity-50 cursor-not-allowed" : ""])}">`);
      if (unref(isLoading)) {
        _push(`<svg class="animate-spin h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="#065f46" stroke-width="4"></circle><path class="opacity-75" fill="white" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>`);
      } else {
        _push(`<!---->`);
      }
      _push(` ${ssrInterpolate(unref(isLoading) ? "Mohon Tunggu..." : "Kirim Link Reset")}</button><div class="text-center">`);
      _push(ssrRenderComponent(_component_NuxtLink, {
        to: "/login",
        class: "text-sm font-medium text-[#D4AF37] hover:underline flex items-center justify-center gap-2"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"${_scopeId}><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"${_scopeId}></path></svg> Kembali ke Login `);
          } else {
            return [
              (openBlock(), createBlock("svg", {
                xmlns: "http://www.w3.org/2000/svg",
                class: "h-4 w-4",
                fill: "none",
                viewBox: "0 0 24 24",
                stroke: "currentColor"
              }, [
                createVNode("path", {
                  "stroke-linecap": "round",
                  "stroke-linejoin": "round",
                  "stroke-width": "2",
                  d: "M10 19l-7-7m0 0l7-7m-7 7h18"
                })
              ])),
              createTextVNode(" Kembali ke Login ")
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div></form></div></div></div></div>`);
    };
  }
};
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/forgot-password.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};

export { _sfc_main as default };
//# sourceMappingURL=forgot-password-Dj8ZBrn2.mjs.map
