From 6bb0e980219efdcdf4cc2e15781b7e590bb213c2 Mon Sep 17 00:00:00 2001
From: Farhaan4 <127176994+Farhaan4@users.noreply.github.com>
Date: Wed, 15 Oct 2025 16:47:07 +0700
Subject: [PATCH] pop up form premium

---
 .../undangan/undangan-pernikahan-premium.vue  |  2 +-
 .../app/pages/form/khitan/premium.vue         | 28 +++++++++----------
 .../app/pages/form/pernikahan/premium.vue     | 21 +++++++++++++-
 3 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/proyek-frontend/app/components/undangan/undangan-pernikahan-premium.vue b/proyek-frontend/app/components/undangan/undangan-pernikahan-premium.vue
index 68e1758..af273a1 100644
--- a/proyek-frontend/app/components/undangan/undangan-pernikahan-premium.vue
+++ b/proyek-frontend/app/components/undangan/undangan-pernikahan-premium.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script setup>
-import WeddingA from '~/components/templates/wedding/WeddingA.vue'
+import WeddingA from '~/components/templates/wedding/weddingA.vue'
 
 // Props dari parent (/p/[code].vue)
 const props = defineProps({
diff --git a/proyek-frontend/app/pages/form/khitan/premium.vue b/proyek-frontend/app/pages/form/khitan/premium.vue
index ad7a99b..b6bc1bd 100644
--- a/proyek-frontend/app/pages/form/khitan/premium.vue
+++ b/proyek-frontend/app/pages/form/khitan/premium.vue
@@ -303,18 +303,7 @@ const konfirmasi = async () => {
     return
   }
 
-  const confirm = await Swal.fire({
-    title: 'Simpan Data?',
-    text: 'Pastikan data sudah benar sebelum dikirim.',
-    icon: 'question',
-    showCancelButton: true,
-    confirmButtonColor: '#2563eb',
-    cancelButtonColor: '#d33',
-    confirmButtonText: 'Ya, Simpan',
-    cancelButtonText: 'Batal'
-  })
-
-  if (!confirm.isConfirmed) return
+  
 
   try {
     const data = new FormData()
@@ -348,10 +337,19 @@ const konfirmasi = async () => {
     }
 
     await Swal.fire({
-      title: 'Berhasil!',
-      text: result.message || 'Data berhasil disimpan!',
+      title: '🎉 Berhasil!',
+      text: result.message || 'Data undangan kamu berhasil disimpan.',
       icon: 'success',
-      confirmButtonColor: '#16a34a'
+      confirmButtonText: 'Lanjut ke WhatsApp',
+      confirmButtonColor: '#2563eb',
+      background: '#f9fafb',
+      color: '#111827',
+      showClass: {
+        popup: 'animate__animated animate__fadeInDown'
+      },
+      hideClass: {
+        popup: 'animate__animated animate__fadeOutUp'
+      }
     })
 
     // ✅ Kirim ke WhatsApp admin
diff --git a/proyek-frontend/app/pages/form/pernikahan/premium.vue b/proyek-frontend/app/pages/form/pernikahan/premium.vue
index a2ec0fc..90ff490 100644
--- a/proyek-frontend/app/pages/form/pernikahan/premium.vue
+++ b/proyek-frontend/app/pages/form/pernikahan/premium.vue
@@ -212,6 +212,7 @@
 <script setup>
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
+import Swal from 'sweetalert2'
 
 const router = useRouter()
 
@@ -266,7 +267,7 @@ const form = ref({
 const showAlert = ref(false)
 const alertTitle = ref('')
 const alertMessage = ref('')
-const alertType = ref('info') // success | error | warning | info
+const alertType = ref('info') 
 
 const triggerAlert = (type, title, message) => {
   alertType.value = type
@@ -346,6 +347,24 @@ const konfirmasi = async () => {
       throw new Error(msg)
     }
 
+await Swal.fire({
+      title: '🎉 Berhasil!',
+      text: result.message || 'Data undangan kamu berhasil disimpan.',
+      icon: 'success',
+      confirmButtonText: 'Lanjut ke WhatsApp',
+      confirmButtonColor: '#2563eb',
+      background: '#f9fafb',
+      color: '#111827',
+      showClass: {
+        popup: 'animate__animated animate__fadeInDown'
+      },
+      hideClass: {
+        popup: 'animate__animated animate__fadeOutUp'
+      }
+    })
+
+
+
     const adminPhone = '62895333053398'
     const pesan = `
 Halo Admin 👋