feat: add custom signature image and signer details support to invoices and settings

resources/views/rate-cards/create.blade.php

@@ -33,10 +33,19 @@
                     <input type="text" name="content_type" value="{{ old('content_type') }}" class="input-soft"
                            placeholder="Reel, Story, Feed...">
                 </div>
-                <div>
+                <div x-data="{ 
+                        rawPrice: '{{ old('price', '') }}',
+                        get formattedPrice() {
+                            if (!this.rawPrice) return '';
+                            return parseInt(this.rawPrice).toLocaleString('id-ID');
+                        },
+                        set formattedPrice(val) {
+                            this.rawPrice = val.replace(/\D/g, '');
+                        }
+                    }">
                     <label class="block text-sm font-semibold text-gray-700 mb-1">Price <span class="text-pink-400">*</span></label>
-                    <input type="number" name="price" value="{{ old('price') }}" class="input-soft"
-                           min="0" step="100000" required placeholder="0">
+                    <input type="hidden" name="price" :value="rawPrice">
+                    <input type="text" x-model="formattedPrice" class="input-soft" required placeholder="0">
                 </div>
                 <div>
                     <label class="block text-sm font-semibold text-gray-700 mb-1">Currency</label>