From 077f47a7d2fae95a5c52a403a20b71e7b7f3df0d Mon Sep 17 00:00:00 2001
From: babelbes0487 <mechssuper73@gmail.com>
Date: Sat, 27 Jun 2026 15:31:48 +0700
Subject: [PATCH] fix: validasi email unik dan tampilkan pesan error di form

---
 app/Http/Controllers/UserProfileController.php |  2 +-
 public/css/style.css                           |  7 +++++++
 resources/views/input-data.blade.php           | 17 +++++++++++++----
 3 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/app/Http/Controllers/UserProfileController.php b/app/Http/Controllers/UserProfileController.php
index ecc7c1d..9d0411c 100644
--- a/app/Http/Controllers/UserProfileController.php
+++ b/app/Http/Controllers/UserProfileController.php
@@ -12,7 +12,7 @@ public function store(Request $request)
     {
         $request->validate([
             'name'          => 'required|string|max:255',
-            'email'         => 'required|email|max:255',
+            'email'         => 'required|email|max:255|unique:user_profiles,email',
             'gender'        => 'required|in:laki-laki,perempuan',
             'day'           => 'required|integer|min:1|max:31',
             'month'         => 'required|integer|min:1|max:12',
diff --git a/public/css/style.css b/public/css/style.css
index ef37961..9e2b410 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -652,4 +652,11 @@ .image-section img{
 .image-section img:hover{
     transform: scale(1.03) translateY(-4px);
     filter: drop-shadow(0 16px 40px rgba(88,166,255,0.2));
+}
+
+/* ===== VALIDATION ERROR STATE ===== */
+.form-input.is-invalid,
+.form-select.is-invalid {
+    border-color: rgba(248, 81, 73, 0.7) !important;
+    box-shadow: 0 0 0 3px rgba(248, 81, 73, 0.12);
 }
\ No newline at end of file
diff --git a/resources/views/input-data.blade.php b/resources/views/input-data.blade.php
index a62df8e..6d004f7 100644
--- a/resources/views/input-data.blade.php
+++ b/resources/views/input-data.blade.php
@@ -174,7 +174,10 @@
                                     </svg>
                                     Nama
                                 </label>
-                                <input type="text" class="form-input" id="inputNama" name="name" placeholder="Nama lengkap" required>
+                                <input type="text" class="form-input @error('name') is-invalid @enderror" id="inputNama" name="name" placeholder="Nama lengkap" value="{{ old('name') }}" required>
+                                @error('name')
+                                    <small style="color:#f87171;font-size:0.78rem;margin-top:4px;display:block;">⚠ {{ $message }}</small>
+                                @enderror
                             </div>
 
                             <!-- Email -->
@@ -186,7 +189,10 @@
                                     </svg>
                                     Email
                                 </label>
-                                <input type="email" class="form-input" id="inputEmail" name="email" placeholder="Email" required>
+                                <input type="email" class="form-input @error('email') is-invalid @enderror" id="inputEmail" name="email" placeholder="Email" value="{{ old('email') }}" required>
+                                @error('email')
+                                    <small style="color:#f87171;font-size:0.78rem;margin-top:4px;display:block;">⚠ {{ $message }}</small>
+                                @enderror
                             </div>
 
                             <!-- Jenis Kelamin -->
@@ -258,8 +264,11 @@
                                     </svg>
                                     Register Voice Keyword
                                 </label>
-                                <input type="text" class="form-input" id="inputVoiceKeyword" name="voice_keyword"
-                                    placeholder="Masukkan kata kunci suara (contoh: buka pintu)" required>
+                                <input type="text" class="form-input @error('voice_keyword') is-invalid @enderror" id="inputVoiceKeyword" name="voice_keyword"
+                                    placeholder="Masukkan kata kunci suara (contoh: buka pintu)" value="{{ old('voice_keyword') }}" required>
+                                @error('voice_keyword')
+                                    <small style="color:#f87171;font-size:0.78rem;margin-top:4px;display:block;">⚠ {{ $message }}</small>
+                                @enderror
                                 <small style="color: var(--text-muted, #8892a4); font-size: 0.75rem; margin-top: 4px; display:block;">
                                     🎙️ Kata kunci ini akan digunakan untuk membuka pintu dengan suara
                                 </small>