From c3a3754d5fb97e662f754ec64c9f1a53b766ea0e Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Thu, 11 Dec 2025 19:28:33 +0700
Subject: [PATCH] feat: Add `autocomplete="off"` to various input fields and
 `flux:error` components for site tagline and description.

---
 .../studio/setting/application.blade.php      | 42 +++++++++++--------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/resources/views/livewire/studio/setting/application.blade.php b/resources/views/livewire/studio/setting/application.blade.php
index a273834..31097c0 100644
--- a/resources/views/livewire/studio/setting/application.blade.php
+++ b/resources/views/livewire/studio/setting/application.blade.php
@@ -18,14 +18,17 @@
 
                 <flux:field>
                     <flux:label>Tagline <span class="text-red-500 ms-1">*</span></flux:label>
-                    <flux:input placeholder="Seungit Pisan" wire:model.live.debounce.500ms="generalForm.site_tagline" />
+                    <flux:input placeholder="Seungit Pisan" wire:model.live.debounce.500ms="generalForm.site_tagline"
+                        autocomplete="off" />
+                    <flux:error name="generalForm.site_tagline" />
                 </flux:field>
             </div>
 
             <flux:field>
                 <flux:label>Deskripsi <span class="text-red-500 ms-1">*</span></flux:label>
                 <flux:textarea rows="4" placeholder="Tuliskan deskripsi singkat tentang bisnis Anda"
-                    wire:model.live.debounce.500ms="generalForm.site_description" />
+                    wire:model.live.debounce.500ms="generalForm.site_description" autocomplete="off" />
+                <flux:error name="generalForm.site_description" />
             </flux:field>
 
             <flux:field>
@@ -67,12 +70,13 @@
             <flux:field>
                 <flux:label>Alamat <span class="text-red-500 ms-1">*</span></flux:label>
                 <flux:textarea rows="3" wire:model.live.debounce.500ms="contactForm.address"
-                    placeholder="Jl. Taman Pahlawan No.41, Nagri Kaler, Kec. Purwakarta, Kabupaten Purwakarta, Jawa Barat 41119" />
+                    placeholder="Jl. Taman Pahlawan No.41, Nagri Kaler, Kec. Purwakarta, Kabupaten Purwakarta, Jawa Barat 41119"
+                    autocomplete="off" />
                 <flux:error name="contactForm.address" />
             </flux:field>
 
             <flux:textarea label="Embed Map" rows="3" wire:model.live.debounce.500ms="contactForm.map_embed"
-                placeholder="https://maps.app.goo.gl/n1u88DfvpuNJmfCJ7" />
+                placeholder="https://maps.app.goo.gl/n1u88DfvpuNJmfCJ7" autocomplete="off" />
 
             @can('update contact settings')
                 <flux:button variant="primary" wire:click="updateContact">
@@ -95,22 +99,22 @@
         <div class="flex-1 space-y-6">
             <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                 <flux:input label="Facebook" wire:model.live.debounce.500ms="socialForm.facebook"
-                    placeholder="https://facebook.com/yadiparfum" />
+                    placeholder="https://facebook.com/yadiparfum" autocomplete="off" />
 
                 <flux:input label="Instagram" wire:model.live.debounce.500ms="socialForm.instagram"
-                    placeholder="https://instagram.com/yadiparfum" />
+                    placeholder="https://instagram.com/yadiparfum" autocomplete="off" />
 
                 <flux:input label="YouTube" wire:model.live.debounce.500ms="socialForm.youtube"
-                    placeholder="https://youtube.com/@yadiparfum" />
+                    placeholder="https://youtube.com/@yadiparfum" autocomplete="off" />
 
                 <flux:input label="TikTok" wire:model.live.debounce.500ms="socialForm.tiktok"
-                    placeholder="https://tiktok.com/@yadiparfum" />
+                    placeholder="https://tiktok.com/@yadiparfum" autocomplete="off" />
 
                 <flux:input label="WhatsApp" wire:model.live.debounce.500ms="socialForm.whatsapp"
-                    placeholder="https://wa.me/6281234567890" />
+                    placeholder="https://wa.me/6281234567890" autocomplete="off" />
 
                 <flux:input label="Telegram" wire:model.live.debounce.500ms="socialForm.telegram"
-                    placeholder="https://t.me/yadiparfum" />
+                    placeholder="https://t.me/yadiparfum" autocomplete="off" />
             </div>
 
             @can('update social settings')
@@ -136,14 +140,15 @@
                 <flux:field>
                     <flux:label>Meta Description <span class="text-red-500 ms-1">*</span></flux:label>
                     <flux:textarea rows="3" wire:model.live.debounce.500ms="seoForm.meta_description"
-                        placeholder="Tulis deskripsi singkat situs Anda yang akan muncul di hasil pencarian Google." />
+                        placeholder="Tulis deskripsi singkat situs Anda yang akan muncul di hasil pencarian Google."
+                        autocomplete="off" />
                     <flux:error name="seoForm.meta_description" />
                 </flux:field>
 
                 <flux:field>
                     <flux:label>Meta Keywords <span class="text-red-500 ms-1">*</span></flux:label>
                     <flux:input wire:model.live.debounce.500ms="seoForm.meta_keywords"
-                        placeholder="parfum refill, parfum original, toko parfum Purwakarta" />
+                        placeholder="parfum refill, parfum original, toko parfum Purwakarta" autocomplete="off" />
                     <flux:error name="seoForm.meta_keywords" />
                 </flux:field>
 
@@ -151,27 +156,28 @@
                     <flux:field>
                         <flux:label>Meta Author <span class="text-red-500 ms-1">*</span></flux:label>
                         <flux:input wire:model.live.debounce.500ms="seoForm.meta_author"
-                            placeholder="Yadi Parfum Official" />
+                            placeholder="Yadi Parfum Official" autocomplete="off" />
                         <flux:error name="seoForm.meta_author" />
                     </flux:field>
 
                     <flux:input label="OG Title" wire:model.live.debounce.500ms="seoForm.og_title"
-                        placeholder="Yadi Parfum – Wangi yang Mewakili Gaya Anda" />
+                        placeholder="Yadi Parfum – Wangi yang Mewakili Gaya Anda" autocomplete="off" />
                 </div>
 
                 <flux:textarea label="OG Description" rows="3"
                     wire:model.live.debounce.500ms="seoForm.og_description"
-                    placeholder="Temukan koleksi parfum terbaik dari Yadi Parfum untuk setiap momen istimewa." />
+                    placeholder="Temukan koleksi parfum terbaik dari Yadi Parfum untuk setiap momen istimewa."
+                    autocomplete="off" />
 
                 <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                     <flux:input label="OG Type" wire:model.live.debounce.500ms="seoForm.og_type"
-                        placeholder="website, article, product, dll." />
+                        placeholder="website, article, product, dll." autocomplete="off" />
 
                     <flux:input label="Twitter Card" wire:model.live.debounce.500ms="seoForm.twitter_card"
-                        placeholder="summary_large_image" />
+                        placeholder="summary_large_image" autocomplete="off" />
 
                     <flux:input label="Canonical URL" wire:model.live.debounce.500ms="seoForm.canonical_url"
-                        placeholder="https://yadiparfum.com" />
+                        placeholder="https://yadiparfum.com" autocomplete="off" />
                 </div>
             </div>