Fixes to client case show

resources/js/Pages/Cases/Partials/PaymentDialog.vue

@@ -1,5 +1,6 @@
 <script setup>
 import DialogModal from "@/Components/DialogModal.vue";
+import CurrencyInput from "@/Components/CurrencyInput.vue";
 
 const props = defineProps({
   show: { type: Boolean, default: false },
@@ -19,12 +20,12 @@ const onSubmit = () => emit("submit");
       <div class="space-y-3">
         <div>
           <label class="block text-sm text-gray-700 mb-1">Znesek</label>
-          <input
-            type="number"
-            step="0.01"
-            min="0"
-            v-model.number="form.amount"
-            class="w-full rounded border-gray-300"
+          <CurrencyInput
+            id="paymentAmount"
+            v-model="form.amount"
+            :precision="{ min: 0, max: 2 }"
+            placeholder="0,00"
+            class="w-full"
           />
           <div v-if="form.errors?.amount" class="text-sm text-red-600 mt-0.5">
             {{ form.errors.amount }}
@@ -45,7 +46,11 @@ const onSubmit = () => emit("submit");
           </div>
           <div class="flex-1">
             <label class="block text-sm text-gray-700 mb-1">Datum</label>
-            <input type="date" v-model="form.paid_at" class="w-full rounded border-gray-300" />
+            <input
+              type="date"
+              v-model="form.paid_at"
+              class="w-full rounded border-gray-300"
+            />
             <div v-if="form.errors?.paid_at" class="text-sm text-red-600 mt-0.5">
               {{ form.errors.paid_at }}
             </div>
@@ -53,7 +58,11 @@ const onSubmit = () => emit("submit");
         </div>
         <div>
           <label class="block text-sm text-gray-700 mb-1">Sklic</label>
-          <input type="text" v-model="form.reference" class="w-full rounded border-gray-300" />
+          <input
+            type="text"
+            v-model="form.reference"
+            class="w-full rounded border-gray-300"
+          />
           <div v-if="form.errors?.reference" class="text-sm text-red-600 mt-0.5">
             {{ form.errors.reference }}
           </div>
@@ -61,7 +70,11 @@ const onSubmit = () => emit("submit");
       </div>
     </template>
     <template #footer>
-      <button type="button" class="px-4 py-2 rounded bg-gray-200 hover:bg-gray-300" @click="onClose">
+      <button
+        type="button"
+        class="px-4 py-2 rounded bg-gray-200 hover:bg-gray-300"
+        @click="onClose"
+      >
         Prekliči
       </button>
       <button
@@ -74,5 +87,4 @@ const onSubmit = () => emit("submit");
       </button>
     </template>
   </DialogModal>
-  
 </template>