From ba734679cf6d55d389f0c793116321f814aea5d7 Mon Sep 17 00:00:00 2001
From: mehrab esmailnia <mehrabesmailnia96@gmail.com>
Date: Wed, 26 Aug 2026 15:43:25 +0330
Subject: [PATCH] refactor: update RequestCase component to use UiInput and
 clean up code

---
 resources/css/Client/ui/select.css            |  2 +-
 .../dashboard/fastRequest/RequestCase.vue     | 58 ++++++++++---------
 2 files changed, 33 insertions(+), 27 deletions(-)

diff --git a/resources/css/Client/ui/select.css b/resources/css/Client/ui/select.css
index bf3db39..4c87858 100644
--- a/resources/css/Client/ui/select.css
+++ b/resources/css/Client/ui/select.css
@@ -141,7 +141,7 @@
   @apply absolute !shadow-none bg-white overflow-y-hidden border !border-dominant-100 rounded-xl z-[9999] overflow-visible pb-1;
   transform-origin: top center;
   width: auto !important;
-  min-width: auto !important;
+  /* min-width: auto !important; */
   user-select: none !important;
   -webkit-user-select: none !important;
   -moz-user-select: none !important;
diff --git a/resources/js/Client/components/dashboard/fastRequest/RequestCase.vue b/resources/js/Client/components/dashboard/fastRequest/RequestCase.vue
index ff6deb2..17d20b7 100644
--- a/resources/js/Client/components/dashboard/fastRequest/RequestCase.vue
+++ b/resources/js/Client/components/dashboard/fastRequest/RequestCase.vue
@@ -2,6 +2,7 @@
 import Select from 'primevue/select';
 import { ref } from 'vue';
 import ArchiveCase from './ArchiveCase.vue';
+import UiInput from '../../ui/UiInput.vue';
 
 const isChooseArchive = ref(false);
 
@@ -30,7 +31,7 @@ const neuteredStatus = ref([
     { name: 'عقیم سازی نشده', code: 'not_neutered' }
 ]);
 </script>
-    
+
 <template>
 <div class="w-full space-y-2 py-6">
     <div class="w-full h-[12px] flex items-center justify-between">
@@ -42,47 +43,53 @@ const neuteredStatus = ref([
     </p>
     <Form ref="formRef" v-slot="$form" class="p-4 grid grid-cols-2 gap-4 !w-full">
         <FormField v-slot="$field" name="name" initialValue="" class="flex flex-col">
-            <InputText 
-            type="text" 
-            placeholder="نام" 
-            size="large"/>
+            <!-- <InputText
+            type="text"
+            placeholder="نام"
+            size="large"/> -->
+            <UiInput
+                type="text"
+                size="large"
+                prefixStart="نام"
+                direction="ltr"
+            />
         </FormField>
         <FormField v-slot="$field" name="type" initialValue=""  class="flex flex-col">
-            <Select 
-            :options="types" 
-            optionLabel="name" 
-            optionValue="code" 
-            placeholder="نوع" 
+            <Select
+            :options="types"
+            optionLabel="name"
+            optionValue="code"
+            placeholder="نوع"
             />
         </FormField>
         <FormField v-slot="$field" name="breed" initialValue=""  class="flex flex-col">
-            <InputText 
-                type="text"  
-                placeholder="نژاد" 
+            <InputText
+                type="text"
+                placeholder="نژاد"
                 size="large"/>
         </FormField>
         <FormField v-slot="$field" name="gender" initialValue=""  class="flex flex-col">
             <Select :options="genders" optionLabel="name" optionValue="code" placeholder="جنسیت" size="small"/>
         </FormField>
         <FormField v-slot="$field" name="age" initialValue=""  class="flex flex-col">
-            <InputText 
-                type="text"  
-                placeholder="سن" 
+            <InputText
+                type="text"
+                placeholder="سن"
                 size="large"
-                />        
+                />
             </FormField>
         <FormField v-slot="$field" name="birthday" initialValue=""  class="flex flex-col">
-            <InputText 
-                type="text"  
-                placeholder="وزن" 
+            <InputText
+                type="text"
+                placeholder="وزن"
                 size="large"
                 />
         </FormField>
         <FormField v-slot="$field" name="sterilized" initialValue=""  class="flex flex-col">
-            <Select 
-            :options="neuteredStatus" 
-            optionLabel="name" 
-            optionValue="code" 
+            <Select
+            :options="neuteredStatus"
+            optionLabel="name"
+            optionValue="code"
             placeholder="وضعیت عقیم سازی"
             size="small"
             />
@@ -162,5 +169,4 @@ const neuteredStatus = ref([
 }
 
 </style>
-    
-    
\ No newline at end of file
+