From 19790cdc29ea994d18d5bc40de0338f42ac90330 Mon Sep 17 00:00:00 2001
From: Farhaan4 <127176994+Farhaan4@users.noreply.github.com>
Date: Mon, 20 Oct 2025 11:08:37 +0700
Subject: [PATCH] fix form khitan prem

---
 .../app/pages/form/khitan/premium.vue         | 91 ++++++++++++++++++-
 1 file changed, 90 insertions(+), 1 deletion(-)

diff --git a/proyek-frontend/app/pages/form/khitan/premium.vue b/proyek-frontend/app/pages/form/khitan/premium.vue
index 33d2616..c47be2a 100644
--- a/proyek-frontend/app/pages/form/khitan/premium.vue
+++ b/proyek-frontend/app/pages/form/khitan/premium.vue
@@ -97,8 +97,37 @@
                focus:ring-2 focus:ring-blue-400 focus:border-blue-400 outline-none transition" />
           </div>
         </div>
+      
+        <!-- Hitung Mundur -->
+          <div>
+            <h3 class="font-medium text-gray-700 mb-3">Hitung Mundur</h3>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
 
+              <div class="relative">
+                <input v-model="form.form.hitung_mundur_mulai" type="datetime-local" placeholder=" " class="peer w-full border border-gray-300 rounded-lg px-2.5 pt-4 pb-1.5 text-sm 
+                   focus:ring-2 focus:ring-blue-400 focus:border-blue-400 outline-none transition" />
+                <label class="absolute left-2 text-gray-400 transition-all
+                 peer-placeholder-shown:top-4 peer-placeholder-shown:text-sm
+                 peer-focus:top-0 peer-focus:text-[10px] peer-focus:text-blue-500
+                 peer-valid:top-0 peer-valid:text-[10px] peer-valid:text-gray-500">
+                  Mulai Dari
+                </label>
+              </div>
 
+              <div class="relative">
+                <input v-model="form.form.hitung_mundur_selesai" type="datetime-local" placeholder=" " class="peer w-full border border-gray-300 rounded-lg px-2.5 pt-4 pb-1.5 text-sm 
+                   focus:ring-2 focus:ring-blue-400 focus:border-blue-400 outline-none transition" />
+                <label class="absolute left-2 text-gray-400 transition-all
+                 peer-placeholder-shown:top-4 peer-placeholder-shown:text-sm
+                 peer-focus:top-0 peer-focus:text-[10px] peer-focus:text-blue-500
+                 peer-valid:top-0 peer-valid:left-1 peer-valid:text-[10px] peer-valid:text-gray-500">
+                  Sampai Dengan
+                </label>
+              </div>
+
+            </div>
+          </div>
+    
 
         <div class="mt-6 relative">
           <textarea v-model="form.form.alamat" rows="3" placeholder=" " required class="peer w-full border border-gray-300 rounded-lg px-2.5 pt-5 pb-1.5 text-sm resize-none
@@ -123,6 +152,59 @@
         </div>
       </section>
 
+
+      <!-- Syukuran -->
+          <div>
+            <h3 class="font-medium text-gray-700 mb-2">Syukuran</h3>
+            <div class="space-y-3">
+
+              <div class="relative">
+                <input v-model="form.form.hari_tanggal_syukuran" type="date" placeholder=" " class="peer w-full border border-gray-300 rounded-lg px-2.5 pt-4 pb-1.5 text-sm 
+                   focus:ring-2 focus:ring-blue-400 focus:border-blue-400 outline-none transition" />
+                <label class="absolute left-2 text-gray-400 transition-all
+                 peer-placeholder-shown:top-4 peer-placeholder-shown:text-sm
+                 peer-focus:top-0 peer-focus:text-[10px] peer-focus:text-blue-500
+                 peer-valid:top-0 peer-valid:text-[10px] peer-valid:text-gray-500">
+                  Hari & Tanggal Syukuran
+                </label>
+              </div>
+
+              <div class="relative">
+                <input v-model="form.form.waktu_syukuran" type="time" placeholder=" " class="peer w-full border border-gray-300 rounded-lg px-2.5 pt-4 pb-1.5 text-sm 
+                   focus:ring-2 focus:ring-blue-400 focus:border-blue-400 outline-none transition" />
+                <label class="absolute left-2 text-gray-400 transition-all
+                 peer-placeholder-shown:top-4 peer-placeholder-shown:text-sm
+                 peer-focus:top-0 peer-focus:text-[10px] peer-focus:text-blue-500
+                 peer-valid:top-0 peer-valid:text-[10px] peer-valid:text-gray-500">
+                  Waktu Syukuran
+                </label>
+              </div>
+
+              <div class="relative">
+                <textarea v-model="form.form.alamat_syukuran" rows="3" placeholder=" " required class="peer w-full border border-gray-300 rounded-lg px-2.5 pt-5 pb-1.5 text-sm resize-none
+                   focus:ring-2 focus:ring-blue-400 focus:border-blue-400 outline-none transition"></textarea>
+                <label class="absolute left-2 text-gray-400 transition-all
+                 peer-placeholder-shown:top-4 peer-placeholder-shown:text-sm
+                 peer-focus:top-0 peer-focus:text-[10px] peer-focus:text-blue-500
+                 peer-valid:top-0 peer-valid:text-[10px] peer-valid:text-gray-500">
+                  Alamat Syukuran
+                </label>
+              </div>
+
+              <div class="relative">
+                <input v-model="form.form.link_gmaps_syukuran" type="text" placeholder=" " required class="peer w-full border border-gray-300 rounded-lg px-2.5 pt-4 pb-1.5 text-sm 
+                   focus:ring-2 focus:ring-blue-400 focus:border-blue-400 outline-none transition" />
+                <label class="absolute left-2 text-gray-400 transition-all
+                 peer-placeholder-shown:top-4 peer-placeholder-shown:text-sm
+                 peer-focus:top-0 peer-focus:text-[10px] peer-focus:text-blue-500
+                 peer-valid:top-0 peer-valid:text-[10px] peer-valid:text-gray-500">
+                  Link Google Maps Syukuran
+                </label>
+              </div>
+
+            </div>
+          </div>
+
       <!-- Rekening & Musik -->
       <section class="mb-8">
         <h2 class="font-semibold text-blue-600 mb-3 border-b pb-1">💳 Rekening & Musik</h2>
@@ -167,7 +249,12 @@
         </div>
       </section>
 
-
+<!-- Say Something -->
+      <section class="mb-8">
+        <h2 class="font-semibold text-blue-600 mb-3 border-b pb-1">💬 Say Something</h2>
+        <textarea v-model="form.form.say_something" rows="4" placeholder="Kata-kata spesial atau pesan untuk tamu..."
+          class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-400 focus:border-blue-400 outline-none transition resize-none"></textarea>
+      </section>
 
       <!-- Foto Upload -->
       <section class="mb-8">
@@ -232,6 +319,8 @@ const form = ref({
     link_twitter: '',
     hari_tanggal_acara: '',
     waktu: '',
+    hitung_mundur_mulai: '',
+    hitung_mundur_selesai: '',
     alamat: '',
     link_gmaps: '',
     hari_tanggal_syukuran: '',