import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.js";
import { Head } from "@inertiajs/vue3";
import { computed, defineComponent, ref, unref, useSSRContext } from "vue";
import { ssrIncludeBooleanAttr, ssrInterpolate, ssrRenderAttr, ssrRenderClass, ssrRenderComponent, ssrRenderList } from "vue/server-renderer";
import { ChevronRight, CreditCard, Minus, Plus, Search, ShoppingBag, Sparkles, User, X } from "lucide-vue-next";
//#region resources/js/Pages/CafePOS/SelfOrder/Index.vue?vue&type=script&setup=true&lang.ts
var Index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
	__name: "Index",
	__ssrInlineRender: true,
	props: {
		outlet: {},
		table: {},
		products: {},
		ingredientStock: {},
		productStock: {},
		modifiers: {},
		taxPercentage: {},
		servicePercentage: {}
	},
	setup(__props) {
		const props = __props;
		const customerName = ref("");
		const showNamePrompt = ref(true);
		const searchQuery = ref("");
		const selectedCategory = ref("All");
		const categories = computed(() => {
			const list = new Set(props.products.map((p) => p.category));
			return ["All", ...Array.from(list)];
		});
		const getAvailableStock = (product, variant = null) => {
			if (!product.has_recipe) return props.productStock[product.id] || 0;
			let minStock = 9999;
			const relevantRecipes = product.recipes.filter((r) => r.variant === null || r.variant === variant);
			if (relevantRecipes.length === 0) return 0;
			for (const recipe of relevantRecipes) {
				const potential = (props.ingredientStock[recipe.ingredient_id] || 0) / recipe.usage_qty;
				if (potential < minStock) minStock = potential;
			}
			return Math.floor(minStock);
		};
		const filteredProducts = computed(() => {
			return props.products.filter((p) => {
				const matchesSearch = p.name.toLowerCase().includes(searchQuery.value.toLowerCase()) || p.description && p.description.toLowerCase().includes(searchQuery.value.toLowerCase());
				const matchesCategory = selectedCategory.value === "All" || p.category === selectedCategory.value;
				return matchesSearch && matchesCategory;
			});
		});
		const cart = ref([]);
		const isCartOpen = ref(false);
		const activeProduct = ref(null);
		const activeVariant = ref(null);
		const activeModifiers = ref([]);
		const activeNotes = ref("");
		const subtotal = computed(() => {
			return cart.value.reduce((sum, item) => {
				const modSum = item.selectedModifiers.reduce((s, m) => s + m.price, 0);
				return sum + (item.product.price + modSum) * item.qty;
			}, 0);
		});
		const serviceCharge = computed(() => subtotal.value * props.servicePercentage / 100);
		const taxAmount = computed(() => (subtotal.value + serviceCharge.value) * props.taxPercentage / 100);
		const grandTotal = computed(() => subtotal.value + serviceCharge.value + taxAmount.value);
		const paymentMethod = ref("cashier");
		const isCheckoutProcessing = ref(false);
		const showQrisPaymentModal = ref(false);
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<!--[-->`);
			_push(ssrRenderComponent(unref(Head), { title: "Self-Order Menu" }, null, _parent));
			_push(`<div class="min-h-screen bg-[#faf6f0] text-slate-800 font-sans pb-24" data-v-2326c8f5><header class="bg-gradient-to-b from-[#8c5a3c] to-[#734a31] text-white px-5 py-6 rounded-b-[2rem] shadow-lg relative overflow-hidden" data-v-2326c8f5><div class="absolute -right-10 -top-10 h-32 w-32 bg-white/5 rounded-full blur-xl" data-v-2326c8f5></div><div class="absolute -left-10 -bottom-10 h-32 w-32 bg-white/5 rounded-full blur-xl" data-v-2326c8f5></div><div class="flex justify-between items-center relative z-10" data-v-2326c8f5><div class="space-y-1" data-v-2326c8f5><span class="px-2.5 py-0.5 bg-white/20 backdrop-blur-md rounded-full text-[9px] font-extrabold uppercase tracking-wider" data-v-2326c8f5> Outlet ${ssrInterpolate(__props.outlet.name)}</span><h1 class="text-xl font-black tracking-tight" data-v-2326c8f5>Selamat Datang!</h1></div><div class="bg-white text-[#8c5a3c] h-12 w-12 rounded-2xl flex flex-col items-center justify-center shadow-md border border-white/20" data-v-2326c8f5><span class="text-[8px] font-black uppercase tracking-wider" data-v-2326c8f5>MEJA</span><span class="text-lg font-black leading-none" data-v-2326c8f5>${ssrInterpolate(__props.table.number)}</span></div></div>`);
			if (customerName.value) {
				_push(`<div class="mt-4 flex items-center gap-1.5 text-xs text-amber-100 bg-white/10 p-2 rounded-xl border border-white/5" data-v-2326c8f5>`);
				_push(ssrRenderComponent(unref(User), { class: "h-3.5 w-3.5" }, null, _parent));
				_push(`<span data-v-2326c8f5>Pemesanan atas nama: <strong data-v-2326c8f5>${ssrInterpolate(customerName.value)}</strong></span><button class="ml-auto text-[10px] underline hover:text-white" data-v-2326c8f5>Ubah</button></div>`);
			} else _push(`<!---->`);
			_push(`</header><div class="px-5 mt-6 scrollbar-hide overflow-x-auto flex gap-2" data-v-2326c8f5><!--[-->`);
			ssrRenderList(categories.value, (cat) => {
				_push(`<button class="${ssrRenderClass(["px-4 py-2 rounded-full text-xs font-bold transition-all shadow-sm flex-shrink-0 cursor-pointer", selectedCategory.value === cat ? "bg-[#8c5a3c] text-white scale-105" : "bg-white text-slate-600 hover:bg-slate-50"])}" data-v-2326c8f5>${ssrInterpolate(cat)}</button>`);
			});
			_push(`<!--]--></div><div class="px-5 mt-4" data-v-2326c8f5><div class="relative w-full" data-v-2326c8f5>`);
			_push(ssrRenderComponent(unref(Search), { class: "absolute left-3.5 top-3 h-4 w-4 text-slate-400" }, null, _parent));
			_push(`<input${ssrRenderAttr("value", searchQuery.value)} type="text" placeholder="Cari menu kopi atau makanan favoritmu..." class="w-full h-10 pl-10 pr-4 bg-white border border-slate-100 rounded-xl text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-[#8c5a3c]/20 focus:border-[#8c5a3c] shadow-sm transition-all" data-v-2326c8f5></div></div><div class="px-5 mt-6 space-y-4" data-v-2326c8f5><div class="flex items-center justify-between" data-v-2326c8f5><h2 class="text-sm font-black uppercase tracking-wider text-slate-650" data-v-2326c8f5>Daftar Menu</h2><span class="text-xs text-slate-400 font-medium" data-v-2326c8f5>${ssrInterpolate(filteredProducts.value.length)} items</span></div><div class="grid grid-cols-1 md:grid-cols-2 gap-4" data-v-2326c8f5><!--[-->`);
			ssrRenderList(filteredProducts.value, (prod) => {
				_push(`<div class="bg-white border border-slate-100/50 rounded-2xl p-4 flex gap-4 shadow-sm relative overflow-hidden transition-all hover:shadow-md" data-v-2326c8f5><div class="h-20 w-20 bg-slate-50 rounded-xl flex-shrink-0 overflow-hidden border border-slate-100 flex items-center justify-center" data-v-2326c8f5>`);
				if (prod.image_path) _push(`<img${ssrRenderAttr("src", prod.image_path.startsWith("http") ? prod.image_path : "/" + prod.image_path)} alt="Product Image" class="h-full w-full object-cover" data-v-2326c8f5>`);
				else _push(ssrRenderComponent(unref(Sparkles), { class: "h-6 w-6 text-amber-500" }, null, _parent));
				_push(`</div><div class="flex-1 min-w-0 flex flex-col justify-between" data-v-2326c8f5><div data-v-2326c8f5><span class="text-[9px] font-bold uppercase tracking-wider text-[#8c5a3c]" data-v-2326c8f5>${ssrInterpolate(prod.category)}</span><h3 class="text-xs font-bold text-slate-900 truncate mt-0.5" data-v-2326c8f5>${ssrInterpolate(prod.name)}</h3><p class="text-[10px] text-slate-400 line-clamp-2 mt-0.5" data-v-2326c8f5>${ssrInterpolate(prod.description || "Nikmati kelezatan menu premium racikan khas dari barista kami.")}</p></div><div class="flex justify-between items-center mt-2" data-v-2326c8f5><span class="text-xs font-black text-slate-900" data-v-2326c8f5>Rp ${ssrInterpolate(prod.price.toLocaleString("id-ID"))}</span>`);
				if (getAvailableStock(prod) > 0) {
					_push(`<div data-v-2326c8f5><button class="h-7 w-7 rounded-lg bg-[#8c5a3c] hover:bg-[#734a31] text-white flex items-center justify-center shadow-sm hover:scale-105 transition-all cursor-pointer" data-v-2326c8f5>`);
					_push(ssrRenderComponent(unref(Plus), { class: "h-4 w-4" }, null, _parent));
					_push(`</button></div>`);
				} else _push(`<span class="text-[9px] font-bold text-rose-500 uppercase" data-v-2326c8f5>Habis</span>`);
				_push(`</div></div></div>`);
			});
			_push(`<!--]--></div></div>`);
			if (cart.value.length > 0) {
				_push(`<div class="fixed bottom-0 left-0 right-0 p-4 bg-white/90 backdrop-blur-md border-t border-slate-100 shadow-2xl flex items-center justify-between z-40 max-w-lg mx-auto rounded-t-3xl" data-v-2326c8f5><div class="flex items-center gap-3" data-v-2326c8f5><div class="h-10 w-10 bg-[#8c5a3c] rounded-xl flex items-center justify-center text-white relative shadow-md" data-v-2326c8f5>`);
				_push(ssrRenderComponent(unref(ShoppingBag), { class: "h-5 w-5" }, null, _parent));
				_push(`<span class="absolute -top-1.5 -right-1.5 bg-red-500 text-white text-[9px] font-black h-4 w-4 rounded-full flex items-center justify-center border-2 border-white" data-v-2326c8f5>${ssrInterpolate(cart.value.reduce((sum, item) => sum + item.qty, 0))}</span></div><div data-v-2326c8f5><p class="text-[10px] text-slate-400 font-semibold uppercase" data-v-2326c8f5>Total Bayar</p><p class="text-sm font-black text-slate-900" data-v-2326c8f5>Rp ${ssrInterpolate(grandTotal.value.toLocaleString("id-ID"))}</p></div></div><button class="px-5 py-2.5 bg-[#8c5a3c] hover:bg-[#734a31] text-white text-xs font-bold rounded-xl flex items-center gap-1 cursor-pointer transition-all shadow-md" data-v-2326c8f5><span data-v-2326c8f5>Lihat Keranjang</span>`);
				_push(ssrRenderComponent(unref(ChevronRight), { class: "h-4 w-4" }, null, _parent));
				_push(`</button></div>`);
			} else _push(`<!---->`);
			if (showNamePrompt.value) {
				_push(`<div class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-slate-950/70 backdrop-blur-sm" data-v-2326c8f5><div class="bg-white border border-slate-100 rounded-3xl shadow-2xl w-full max-w-sm p-6 text-center space-y-5 animate-in zoom-in-95 duration-200" data-v-2326c8f5><div class="h-12 w-12 bg-[#8c5a3c]/10 rounded-full flex items-center justify-center text-[#8c5a3c] mx-auto" data-v-2326c8f5>`);
				_push(ssrRenderComponent(unref(User), { class: "h-6 w-6" }, null, _parent));
				_push(`</div><div class="space-y-1" data-v-2326c8f5><h3 class="text-sm font-black uppercase tracking-wider text-slate-800" data-v-2326c8f5>Nama Pelanggan</h3><p class="text-xs text-slate-400" data-v-2326c8f5>Masukkan nama Anda untuk mencatat pesanan di meja.</p></div><div data-v-2326c8f5><input type="text"${ssrRenderAttr("value", customerName.value)} placeholder="Masukkan nama lengkap Anda..." class="w-full h-11 px-4 border border-slate-200 rounded-xl bg-slate-50 text-xs font-bold text-center focus:outline-none focus:ring-2 focus:ring-[#8c5a3c]/20 focus:border-[#8c5a3c]" data-v-2326c8f5></div><button${ssrIncludeBooleanAttr(!customerName.value.trim()) ? " disabled" : ""} class="w-full h-11 bg-[#8c5a3c] hover:bg-[#734a31] text-white text-xs font-bold rounded-xl cursor-pointer disabled:opacity-50 transition-colors shadow-md" data-v-2326c8f5> Mulai Memesan </button></div></div>`);
			} else _push(`<!---->`);
			if (activeProduct.value) {
				_push(`<div class="fixed inset-0 z-50 flex items-end sm:items-center justify-center p-4 bg-slate-950/60 backdrop-blur-sm" data-v-2326c8f5><div class="bg-white border border-slate-100 rounded-t-3xl sm:rounded-3xl shadow-2xl w-full max-w-md overflow-hidden animate-in slide-in-from-bottom duration-200" data-v-2326c8f5><div class="p-5 border-b border-slate-100 flex justify-between items-center" data-v-2326c8f5><div data-v-2326c8f5><span class="text-[9px] font-bold uppercase tracking-wider text-[#8c5a3c]" data-v-2326c8f5>${ssrInterpolate(activeProduct.value.category)}</span><h3 class="text-sm font-black text-slate-900 mt-0.5" data-v-2326c8f5>${ssrInterpolate(activeProduct.value.name)}</h3></div><button class="p-1.5 hover:bg-slate-50 rounded-lg text-slate-400 cursor-pointer" data-v-2326c8f5>`);
				_push(ssrRenderComponent(unref(X), { class: "h-4 w-4" }, null, _parent));
				_push(`</button></div><div class="p-5 space-y-6 max-h-[60vh] overflow-y-auto" data-v-2326c8f5>`);
				if (activeProduct.value.recipes.some((r) => r.variant !== null)) _push(`<div class="space-y-2" data-v-2326c8f5><label class="block text-[10px] font-extrabold uppercase tracking-widest text-slate-400" data-v-2326c8f5>Pilih Penyajian</label><div class="grid grid-cols-2 gap-3" data-v-2326c8f5><button class="${ssrRenderClass(["py-3 border-2 rounded-xl text-xs font-bold cursor-pointer transition-all text-center", activeVariant.value === "ice" ? "border-[#8c5a3c] bg-[#8c5a3c]/5 text-[#8c5a3c]" : "border-slate-100 hover:bg-slate-50 text-slate-500"])}" data-v-2326c8f5> Ice (Dingin) </button><button class="${ssrRenderClass(["py-3 border-2 rounded-xl text-xs font-bold cursor-pointer transition-all text-center", activeVariant.value === "hot" ? "border-[#8c5a3c] bg-[#8c5a3c]/5 text-[#8c5a3c]" : "border-slate-100 hover:bg-slate-50 text-slate-500"])}" data-v-2326c8f5> Hot (Panas) </button></div></div>`);
				else _push(`<!---->`);
				if (activeProduct.value.modifiers && activeProduct.value.modifiers.length > 0) {
					_push(`<div class="space-y-2" data-v-2326c8f5><label class="block text-[10px] font-extrabold uppercase tracking-widest text-slate-400" data-v-2326c8f5>Tambahan (Addons)</label><div class="space-y-2" data-v-2326c8f5><!--[-->`);
					ssrRenderList(activeProduct.value.modifiers, (mod) => {
						_push(`<div class="${ssrRenderClass(["p-3 border rounded-xl flex items-center justify-between text-xs font-semibold cursor-pointer transition-all", activeModifiers.value.some((m) => m.id === mod.id) ? "border-[#8c5a3c] bg-[#8c5a3c]/5 text-[#8c5a3c]" : "border-slate-100 dark:border-slate-800 text-slate-650 dark:text-slate-350 hover:bg-slate-50 dark:hover:bg-slate-900/30"])}" data-v-2326c8f5><span class="font-bold" data-v-2326c8f5>${ssrInterpolate(mod.name)}</span><span class="font-bold" data-v-2326c8f5>+Rp ${ssrInterpolate(mod.price.toLocaleString("id-ID"))}</span></div>`);
					});
					_push(`<!--]--></div></div>`);
				} else _push(`<!---->`);
				_push(`<div class="space-y-2" data-v-2326c8f5><label class="block text-[10px] font-extrabold uppercase tracking-widest text-slate-400" data-v-2326c8f5>Catatan Khusus</label><textarea placeholder="Contoh: Kurangi gula, es batu sedikit saja..." rows="2" class="w-full p-3 border border-slate-200 rounded-xl text-xs font-semibold focus:outline-none focus:ring-1 focus:ring-[#8c5a3c] bg-slate-50" data-v-2326c8f5>${ssrInterpolate(activeNotes.value)}</textarea></div></div><div class="p-5 border-t border-slate-100 bg-slate-50 flex gap-4" data-v-2326c8f5><button class="flex-1 py-3 bg-[#8c5a3c] hover:bg-[#734a31] text-white text-xs font-bold rounded-xl cursor-pointer shadow-md text-center" data-v-2326c8f5> Tambah Ke Keranjang </button></div></div></div>`);
			} else _push(`<!---->`);
			if (isCartOpen.value) {
				_push(`<div class="fixed inset-0 z-50 flex justify-end bg-slate-950/70 backdrop-blur-sm animate-fade-in" data-v-2326c8f5><div class="w-full max-w-md bg-white h-full flex flex-col justify-between shadow-2xl animate-in slide-in-from-right duration-200" data-v-2326c8f5><div class="p-5 border-b border-slate-100 flex justify-between items-center" data-v-2326c8f5><div class="flex items-center gap-2" data-v-2326c8f5>`);
				_push(ssrRenderComponent(unref(ShoppingBag), { class: "h-5 w-5 text-[#8c5a3c]" }, null, _parent));
				_push(`<h3 class="text-sm font-black uppercase tracking-wider text-slate-900" data-v-2326c8f5>Keranjang Belanja</h3></div><button class="p-1.5 hover:bg-slate-50 rounded-lg text-slate-400 cursor-pointer" data-v-2326c8f5>`);
				_push(ssrRenderComponent(unref(X), { class: "h-5 w-5" }, null, _parent));
				_push(`</button></div><div class="flex-1 overflow-y-auto p-5 space-y-4" data-v-2326c8f5><!--[-->`);
				ssrRenderList(cart.value, (item, idx) => {
					_push(`<div class="p-4 border border-slate-100 rounded-2xl flex gap-3 shadow-sm" data-v-2326c8f5><div class="flex-1 min-w-0" data-v-2326c8f5><h4 class="text-xs font-bold text-slate-900 truncate" data-v-2326c8f5>${ssrInterpolate(item.product.name)}</h4>`);
					if (item.variant) _push(`<p class="text-[9px] font-extrabold uppercase text-amber-600 mt-0.5" data-v-2326c8f5>[${ssrInterpolate(item.variant)}]</p>`);
					else _push(`<!---->`);
					if (item.selectedModifiers.length > 0) {
						_push(`<div class="flex flex-wrap gap-1 mt-1" data-v-2326c8f5><!--[-->`);
						ssrRenderList(item.selectedModifiers, (m) => {
							_push(`<span class="px-1.5 py-0.5 bg-slate-50 text-[9px] font-semibold text-slate-500 rounded border border-slate-100" data-v-2326c8f5> +${ssrInterpolate(m.name)}</span>`);
						});
						_push(`<!--]--></div>`);
					} else _push(`<!---->`);
					if (item.notes) _push(`<p class="text-[9px] text-slate-400 italic mt-1.5" data-v-2326c8f5>Note: &quot;${ssrInterpolate(item.notes)}&quot;</p>`);
					else _push(`<!---->`);
					_push(`</div><div class="flex flex-col justify-between items-end" data-v-2326c8f5><span class="text-xs font-bold text-slate-800" data-v-2326c8f5> Rp ${ssrInterpolate(((item.product.price + item.selectedModifiers.reduce((s, m) => s + m.price, 0)) * item.qty).toLocaleString("id-ID"))}</span><div class="flex items-center border border-slate-200 rounded-lg h-7" data-v-2326c8f5><button class="h-6 w-6 flex items-center justify-center hover:bg-slate-50 text-slate-500 cursor-pointer" data-v-2326c8f5>`);
					_push(ssrRenderComponent(unref(Minus), { class: "h-3 w-3" }, null, _parent));
					_push(`</button><span class="px-2 text-xs font-bold text-slate-800" data-v-2326c8f5>${ssrInterpolate(item.qty)}</span><button class="h-6 w-6 flex items-center justify-center hover:bg-slate-50 text-slate-500 cursor-pointer" data-v-2326c8f5>`);
					_push(ssrRenderComponent(unref(Plus), { class: "h-3 w-3" }, null, _parent));
					_push(`</button></div></div></div>`);
				});
				_push(`<!--]--></div><div class="p-5 border-t border-slate-100 bg-slate-50 space-y-4" data-v-2326c8f5><div class="space-y-2" data-v-2326c8f5><label class="block text-[10px] font-extrabold uppercase tracking-widest text-slate-400" data-v-2326c8f5>Metode Pembayaran</label><div class="grid grid-cols-2 gap-3" data-v-2326c8f5><button class="${ssrRenderClass(["py-3 border-2 rounded-xl text-xs font-bold cursor-pointer transition-all flex flex-col items-center gap-1 text-center", paymentMethod.value === "cashier" ? "border-[#8c5a3c] bg-white text-[#8c5a3c]" : "border-transparent bg-white/50 text-slate-500"])}" data-v-2326c8f5>`);
				_push(ssrRenderComponent(unref(CreditCard), { class: "h-4 w-4" }, null, _parent));
				_push(`<span data-v-2326c8f5>Bayar di Kasir</span></button><button class="${ssrRenderClass(["py-3 border-2 rounded-xl text-xs font-bold cursor-pointer transition-all flex flex-col items-center gap-1 text-center", paymentMethod.value === "qris" ? "border-[#8c5a3c] bg-white text-[#8c5a3c]" : "border-transparent bg-white/50 text-slate-500"])}" data-v-2326c8f5>`);
				_push(ssrRenderComponent(unref(Sparkles), { class: "h-4 w-4 text-orange-500" }, null, _parent));
				_push(`<span data-v-2326c8f5>QRIS Otomatis</span></button></div></div><div class="text-xs space-y-1.5 font-medium text-slate-500 border-t border-slate-200/60 pt-3" data-v-2326c8f5><div class="flex justify-between" data-v-2326c8f5><span data-v-2326c8f5>Subtotal</span><span data-v-2326c8f5>Rp ${ssrInterpolate(subtotal.value.toLocaleString("id-ID"))}</span></div>`);
				if (serviceCharge.value > 0) _push(`<div class="flex justify-between" data-v-2326c8f5><span data-v-2326c8f5>Service Charge (${ssrInterpolate(__props.servicePercentage)}%)</span><span data-v-2326c8f5>Rp ${ssrInterpolate(serviceCharge.value.toLocaleString("id-ID"))}</span></div>`);
				else _push(`<!---->`);
				if (taxAmount.value > 0) _push(`<div class="flex justify-between" data-v-2326c8f5><span data-v-2326c8f5>Tax (${ssrInterpolate(__props.taxPercentage)}%)</span><span data-v-2326c8f5>Rp ${ssrInterpolate(taxAmount.value.toLocaleString("id-ID"))}</span></div>`);
				else _push(`<!---->`);
				_push(`<div class="flex justify-between text-sm font-black text-slate-900 pt-2 border-t border-dashed border-slate-200 mt-2" data-v-2326c8f5><span data-v-2326c8f5>Grand Total</span><span data-v-2326c8f5>Rp ${ssrInterpolate(grandTotal.value.toLocaleString("id-ID"))}</span></div></div><button${ssrIncludeBooleanAttr(isCheckoutProcessing.value) ? " disabled" : ""} class="w-full py-3 bg-[#8c5a3c] hover:bg-[#734a31] text-white text-xs font-bold rounded-xl cursor-pointer shadow-md text-center block transition-colors disabled:opacity-50" data-v-2326c8f5>${ssrInterpolate(isCheckoutProcessing.value ? "Mengirim Pesanan..." : "Konfirmasi & Pesan Sekarang")}</button></div></div></div>`);
			} else _push(`<!---->`);
			if (showQrisPaymentModal.value) {
				_push(`<div class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-slate-950/70 backdrop-blur-sm" data-v-2326c8f5><div class="bg-white border border-slate-100 rounded-3xl shadow-2xl w-full max-w-sm p-6 text-center space-y-5 animate-in zoom-in-95 duration-200" data-v-2326c8f5><div class="flex items-center justify-between border-b border-slate-100 pb-3" data-v-2326c8f5><h3 class="text-sm font-extrabold text-[#8c5a3c] flex items-center gap-1.5" data-v-2326c8f5>`);
				_push(ssrRenderComponent(unref(Sparkles), { class: "h-4.5 w-4.5 text-orange-500" }, null, _parent));
				_push(` Pembayaran QRIS Mandiri </h3><button class="p-1.5 hover:bg-slate-50 rounded-lg text-slate-400 cursor-pointer" data-v-2326c8f5>`);
				_push(ssrRenderComponent(unref(X), { class: "h-4 w-4" }, null, _parent));
				_push(`</button></div><div class="space-y-1" data-v-2326c8f5><p class="text-xs text-slate-400 font-semibold uppercase" data-v-2326c8f5>TOTAL TAGIHAN</p><h2 class="text-lg font-black text-slate-900" data-v-2326c8f5>Rp ${ssrInterpolate(grandTotal.value.toLocaleString("id-ID"))}</h2></div><div class="flex flex-col items-center justify-center p-4 bg-slate-50 rounded-2xl border border-slate-100" data-v-2326c8f5><img${ssrRenderAttr("src", "https://api.qrserver.com/v1/create-qr-code/?size=250x250&data=" + encodeURIComponent("QRIS-CAFE-PAYMENT-ID-" + grandTotal.value))} alt="QRIS Mockup" class="h-44 w-44 object-contain shadow-sm border border-slate-100" data-v-2326c8f5><p class="text-[9px] font-bold text-slate-400 uppercase mt-3 tracking-widest" data-v-2326c8f5>NMID: NM-89304723904</p></div><p class="text-[10px] text-slate-500 leading-relaxed" data-v-2326c8f5> Silakan scan QRIS di atas dengan aplikasi e-wallet Anda (GoPay, OVO, Dana, LinkAja, BCA Mobile, dll.) untuk menyelesaikan pembayaran. </p><div class="flex gap-3" data-v-2326c8f5><button class="flex-1 py-3 bg-[#8c5a3c] hover:bg-[#734a31] text-white text-xs font-bold rounded-xl cursor-pointer shadow-md transition-colors" data-v-2326c8f5> Sudah Bayar / Konfirmasi </button><button class="flex-1 py-3 border border-slate-200 text-slate-500 rounded-xl text-xs font-bold hover:bg-slate-50 cursor-pointer" data-v-2326c8f5> Batal </button></div></div></div>`);
			} else _push(`<!---->`);
			_push(`</div><!--]-->`);
		};
	}
});
//#endregion
//#region resources/js/Pages/CafePOS/SelfOrder/Index.vue
var _sfc_setup = Index_vue_vue_type_script_setup_true_lang_default.setup;
Index_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Pages/CafePOS/SelfOrder/Index.vue");
	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
var Index_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2326c8f5"]]);
//#endregion
export { Index_default as default };
