feat: add withdraw request functionality and UI components

resources/js/Client/components/dashboard/FastRequestModal.vue

@@ -1,6 +1,6 @@
 <script setup>
 import UiButton from '../../components/ui/UiButton.vue';
-import { computed, watch } from 'vue';
+import { computed, ref, watch } from 'vue';
 import Dialog from 'primevue/dialog';
 import ProgressBar from 'primevue/progressbar';
 import { toast } from 'vue3-toastify';
@@ -9,11 +9,15 @@ import RequestCase from './fastRequest/RequestCase.vue';
 import RequestDetails from './fastRequest/RequestDetails.vue';
 import RequestDoctor from './fastRequest/RequestDoctor.vue';
 import RequestReview from './fastRequest/RequestReview.vue';
+import InvoiceModal from './fastRequest/InvoiceModal.vue';
 import { useFastRequestStore } from '../../store/FastRequest';
 
 const visible = defineModel('visible');
 const fastRequestStore = useFastRequestStore();
 
+const invoiceVisible = ref(false);
+const invoiceDocument = ref(null);
+
 const steps = [
     { label: 'نوع درخواست', component: RequestType },
     { label: 'انتخاب کیس', component: RequestCase },
@@ -49,8 +53,9 @@ const handleNext = async () => {
 
     try {
         const document = await fastRequestStore.submit();
-        toast.success(`درخواست شما با شماره پرونده ${document.code} با موفقیت ثبت شد.`);
+        invoiceDocument.value = document;
         visible.value = false;
+        invoiceVisible.value = true;
     } catch (error) {
         toast.error(error.response?.data?.message || 'خطا در ثبت درخواست. لطفا دوباره تلاش کنید.');
     }
@@ -93,4 +98,5 @@ const handleNext = async () => {
             />
         </div>
     </Dialog>
+    <invoice-modal v-model:visible="invoiceVisible" :document="invoiceDocument"></invoice-modal>
 </template>