Add AdminSelect, polish tables, and enable order detail print.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/views/orders/components/OrderAddModal.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
+import { computed } from 'vue'
 import BaseModal from '@/components/ui/BaseModal.vue'
+import AdminSelect from '@/components/ui/AdminSelect.vue'
 import { useOrdersPageContext } from '@/composables/useOrdersPage'
 
 const {
@@ -11,6 +13,15 @@ const {
   closeAddModal,
   submitAddOrder,
 } = useOrdersPageContext()
+
+const companyOptions = computed(() =>
+  companies.value.map((company) => ({ value: company.id, label: company.name })),
+)
+
+const settlementOptions = [
+  { value: 'check', label: 'چکی' },
+  { value: 'cash', label: 'نقدی' },
+]
 </script>
 
 <template>
@@ -31,19 +42,23 @@ const {
 
       <div class="admin-form__row">
         <div class="admin-form__field">
-          <label for="order-company">شرکت <span class="admin-form__required">*</span></label>
-          <select id="order-company" v-model="form.companyId" class="admin-input">
-            <option v-for="company in companies" :key="company.id" :value="company.id">
-              {{ company.name }}
-            </option>
-          </select>
+          <label>شرکت <span class="admin-form__required">*</span></label>
+          <AdminSelect
+            v-model="form.companyId"
+            block
+            aria-label="انتخاب شرکت"
+            placeholder="انتخاب شرکت"
+            :options="companyOptions"
+          />
         </div>
         <div class="admin-form__field">
-          <label for="order-settlement">روش تسویه</label>
-          <select id="order-settlement" v-model="form.settlementMethod" class="admin-input">
-            <option value="check">چکی</option>
-            <option value="cash">نقدی</option>
-          </select>
+          <label>روش تسویه</label>
+          <AdminSelect
+            v-model="form.settlementMethod"
+            block
+            aria-label="روش تسویه"
+            :options="settlementOptions"
+          />
         </div>
       </div>