From 69f368ede1e036dada739d6e1bbb935367902cf8 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Thu, 10 Apr 2025 10:37:48 +0700
Subject: [PATCH 01/61] refactor: handle show name en

---
 src/pages/05_quotation/QuotationForm.vue            | 2 +-
 src/pages/05_quotation/preview/ViewForm.vue         | 2 +-
 src/pages/11_credit-note/document-view/MainPage.vue | 2 +-
 src/pages/12_debit-note/document-view/MainPage.vue  | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index 3322cf0d..66202058 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -1865,7 +1865,7 @@ function covertToNode() {
                             name: selectedWorker.map(
                               (v, i) =>
                                 `${i + 1}. ` +
-                                `${v.namePrefix}. ${v.firstNameEN} ${v.lastNameEN}`.toUpperCase(),
+                                `  ${v.namePrefix}. ${v.firstNameEN ? `${v.firstNameEN} ${v.lastNameEN}` : `${v.firstName} ${v.lastName}`}  `.toUpperCase(),
                             ),
                           },
                         })
diff --git a/src/pages/05_quotation/preview/ViewForm.vue b/src/pages/05_quotation/preview/ViewForm.vue
index 0a12408f..9977a6c7 100644
--- a/src/pages/05_quotation/preview/ViewForm.vue
+++ b/src/pages/05_quotation/preview/ViewForm.vue
@@ -600,7 +600,7 @@ function print() {
                   details?.worker.map(
                     (v, i) =>
                       `${i + 1}. ` +
-                      `${v.namePrefix}. ${v.firstNameEN} ${v.lastNameEN}`.toUpperCase(),
+                      `${v.namePrefix}. ${v.firstNameEN ? `${v.firstNameEN} ${v.lastNameEN}` : `${v.firstName} ${v.lastName}`}  `.toUpperCase(),
                   ) || [],
               },
             }) || '-'
diff --git a/src/pages/11_credit-note/document-view/MainPage.vue b/src/pages/11_credit-note/document-view/MainPage.vue
index f87d4b3b..73024f36 100644
--- a/src/pages/11_credit-note/document-view/MainPage.vue
+++ b/src/pages/11_credit-note/document-view/MainPage.vue
@@ -494,7 +494,7 @@ function closeAble() {
                   details?.worker.map(
                     (v, i) =>
                       `${i + 1}. ` +
-                      `${v.namePrefix}. ${v.firstNameEN} ${v.lastNameEN}`.toUpperCase(),
+                      `${v.namePrefix}. ${v.firstNameEN ? `${v.firstNameEN} ${v.lastNameEN}` : `${v.firstName} ${v.lastName}`}  `.toUpperCase(),
                   ) || [],
               },
             }) || '-'
diff --git a/src/pages/12_debit-note/document-view/MainPage.vue b/src/pages/12_debit-note/document-view/MainPage.vue
index 7233ede7..563b4d02 100644
--- a/src/pages/12_debit-note/document-view/MainPage.vue
+++ b/src/pages/12_debit-note/document-view/MainPage.vue
@@ -501,7 +501,7 @@ function print() {
                   details?.worker.map(
                     (v, i) =>
                       `${i + 1}. ` +
-                      `${v.namePrefix}. ${v.firstNameEN} ${v.lastNameEN}`.toUpperCase(),
+                      `${v.namePrefix}. ${v.firstNameEN ? `${v.firstNameEN} ${v.lastNameEN}` : `${v.firstName} ${v.lastName}`}  `.toUpperCase(),
                   ) || [],
               },
             }) || '-'

From a5d73ba1ffbdb5b1eaba7a0b982cd80c2e041e3d Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Thu, 10 Apr 2025 17:21:29 +0700
Subject: [PATCH 02/61] refactor: show prefix on banner

---
 .../02_personnel-management/MainPage.vue      | 28 ++++++++--
 src/pages/03_customer-management/MainPage.vue | 52 ++++++++++++++++---
 src/pages/05_quotation/MainPage.vue           | 13 ++++-
 .../QuotationFormWorkerSelect.vue             | 16 +++++-
 src/stores/utils/index.ts                     | 20 +++++++
 5 files changed, 117 insertions(+), 12 deletions(-)

diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index f144fa66..b580508c 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -11,7 +11,7 @@ import useAddressStore from 'stores/address';
 import useMyBranch from 'src/stores/my-branch';
 import { calculateAge } from 'src/utils/datetime';
 import { QSelect, useQuasar, type QTableProps } from 'quasar';
-import { dialog, baseUrl } from 'stores/utils';
+import { dialog, baseUrl, setPrefixName } from 'stores/utils';
 import { useNavigator } from 'src/stores/navigator';
 import { isRoleInclude, resetScrollBar } from 'src/stores/utils';
 import { BranchUserStats } from 'stores/branch/types';
@@ -1559,7 +1559,18 @@ watch(
           v-model:toggle-status="formData.status"
           hideFade
           :toggle-title="$t('status.title')"
-          :title="`${locale === 'eng' ? `${formData.firstNameEN} ${formData.lastNameEN}` : `${formData.firstName} ${formData.lastName}`}`"
+          :title="
+            setPrefixName(
+              {
+                namePrefix: formData.namePrefix,
+                firstName: formData.firstName,
+                lastName: formData.lastName,
+                firstNameEN: formData.firstNameEN,
+                lastNameEN: formData.lastNameEN,
+              },
+              { locale },
+            )
+          "
           :caption="userCode"
           :img="
             `${baseUrl}/user/${currentUser.id}/profile-image/${formData.selectedImage}`.concat(
@@ -1837,7 +1848,18 @@ watch(
           }[formData.gender]
         "
         :toggleTitle="$t('status.title')"
-        :title="`${locale === 'eng' ? `${formData.firstNameEN} ${formData.lastNameEN}` : `${formData.firstName} ${formData.lastName}`}`"
+        :title="
+          setPrefixName(
+            {
+              namePrefix: formData.namePrefix,
+              firstName: formData.firstName,
+              lastName: formData.lastName,
+              firstNameEN: formData.firstNameEN,
+              lastNameEN: formData.lastNameEN,
+            },
+            { locale },
+          )
+        "
         :fallbackImg="
           {
             male: '/no-img-man.png',
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index e859078e..fd2647c7 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 import { QSelect, useQuasar } from 'quasar';
 import { useRoute, useRouter } from 'vue-router';
 import { getUserId, getRole } from 'src/services/keycloak';
-import { baseUrl, waitAll } from 'src/stores/utils';
+import { baseUrl, setPrefixName, waitAll } from 'src/stores/utils';
 import { dateFormat } from 'src/utils/datetime';
 import { dialogCheckData } from 'stores/utils';
 
@@ -2004,7 +2004,16 @@ const emptyCreateDialog = ref(false);
         "
         :title="
           customerFormData.customerType === 'PERS'
-            ? `${customerFormData.customerBranch[0]?.firstName} ${customerFormData.customerBranch[0]?.lastName}`
+            ? setPrefixName(
+                {
+                  namePrefix: customerFormData.customerBranch[0]?.namePrefix,
+                  firstName: customerFormData.customerBranch[0]?.firstName,
+                  lastName: customerFormData.customerBranch[0]?.lastName,
+                  firstNameEN: customerFormData.customerBranch[0]?.firstNameEN,
+                  lastNameEN: customerFormData.customerBranch[0]?.lastNameEN,
+                },
+                { locale },
+              )
             : customerFormData.customerBranch[0]?.registerName
         "
         :caption="
@@ -2452,6 +2461,20 @@ const emptyCreateDialog = ref(false);
         "
         :toggleTitle="$t('status.title')"
         hideFade
+        :title="
+          currentFromDataEmployee
+            ? setPrefixName(
+                {
+                  namePrefix: currentFromDataEmployee.namePrefix,
+                  firstName: currentFromDataEmployee.firstName,
+                  lastName: currentFromDataEmployee.lastName,
+                  firstNameEN: currentFromDataEmployee.firstNameEN,
+                  lastNameEN: currentFromDataEmployee.lastNameEN,
+                },
+                { locale },
+              )
+            : '-'
+        "
         @view="
           () => {
             employeeFormState.imageDialog = true;
@@ -4052,7 +4075,17 @@ const emptyCreateDialog = ref(false);
           "
           :title="
             customerFormData.customerType === 'PERS'
-              ? `${customerFormData.customerBranch[0]?.firstName} ${customerFormData.customerBranch[0]?.lastName}`
+              ? setPrefixName(
+                  {
+                    namePrefix: customerFormData.customerBranch[0]?.namePrefix,
+                    firstName: customerFormData.customerBranch[0]?.firstName,
+                    lastName: customerFormData.customerBranch[0]?.lastName,
+                    firstNameEN:
+                      customerFormData.customerBranch[0]?.firstNameEN,
+                    lastNameEN: customerFormData.customerBranch[0]?.lastNameEN,
+                  },
+                  { locale },
+                )
               : customerFormData.customerBranch[0]?.registerName
           "
           :caption="
@@ -4475,9 +4508,16 @@ const emptyCreateDialog = ref(false);
           fallback-cover="/images/employee-banner.png"
           :title="
             employeeFormState.currentEmployee
-              ? $i18n.locale === 'eng'
-                ? `${employeeFormState.currentEmployee.firstNameEN} ${employeeFormState.currentEmployee.lastNameEN}`
-                : `${employeeFormState.currentEmployee.firstName} ${employeeFormState.currentEmployee.lastName}`
+              ? setPrefixName(
+                  {
+                    namePrefix: employeeFormState.currentEmployee.namePrefix,
+                    firstName: employeeFormState.currentEmployee.firstName,
+                    lastName: employeeFormState.currentEmployee.lastName,
+                    firstNameEN: employeeFormState.currentEmployee.firstNameEN,
+                    lastNameEN: employeeFormState.currentEmployee.lastNameEN,
+                  },
+                  { locale },
+                )
               : '-'
           "
           :caption="currentFromDataEmployee.code"
diff --git a/src/pages/05_quotation/MainPage.vue b/src/pages/05_quotation/MainPage.vue
index c525f856..b134b2dd 100644
--- a/src/pages/05_quotation/MainPage.vue
+++ b/src/pages/05_quotation/MainPage.vue
@@ -7,7 +7,7 @@ import { useI18n } from 'vue-i18n';
 // NOTE: Import stores
 import useCustomerStore from 'stores/customer';
 import { useQuotationStore } from 'src/stores/quotations';
-import { dialog, isRoleInclude, notify } from 'stores/utils';
+import { dialog, isRoleInclude, notify, setPrefixName } from 'stores/utils';
 import { useNavigator } from 'src/stores/navigator';
 import useFlowStore from 'src/stores/flow';
 import useMyBranch from 'stores/my-branch';
@@ -1008,7 +1008,16 @@ async function storeDataLocal(id: string) {
         "
         :title="
           customerFormData.customerType === 'PERS'
-            ? `${customerFormData.customerBranch[0]?.firstName} ${customerFormData.customerBranch[0]?.lastName}`
+            ? setPrefixName(
+                {
+                  namePrefix: customerFormData.customerBranch[0]?.namePrefix,
+                  firstName: customerFormData.customerBranch[0]?.firstName,
+                  lastName: customerFormData.customerBranch[0]?.lastName,
+                  firstNameEN: customerFormData.customerBranch[0]?.firstNameEN,
+                  lastNameEN: customerFormData.customerBranch[0]?.lastNameEN,
+                },
+                { locale },
+              )
             : customerFormData.customerBranch[0]?.registerName
         "
         :caption="
diff --git a/src/pages/05_quotation/QuotationFormWorkerSelect.vue b/src/pages/05_quotation/QuotationFormWorkerSelect.vue
index 155c0b30..1ac736f2 100644
--- a/src/pages/05_quotation/QuotationFormWorkerSelect.vue
+++ b/src/pages/05_quotation/QuotationFormWorkerSelect.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n';
 import { reactive, ref, watch, onMounted } from 'vue';
-import { baseUrl, notify } from 'src/stores/utils';
+import { baseUrl, notify, setPrefixName } from 'src/stores/utils';
 
 // NOTE: Import stores
 import { dialog } from 'stores/utils';
@@ -700,6 +700,20 @@ function setCurrentBranchId() {
         "
         :toggleTitle="$t('status.title')"
         hideFade
+        :title="
+          currentFromDataEmployee
+            ? setPrefixName(
+                {
+                  namePrefix: currentFromDataEmployee.namePrefix,
+                  firstName: currentFromDataEmployee.firstName,
+                  lastName: currentFromDataEmployee.lastName,
+                  firstNameEN: currentFromDataEmployee.firstNameEN,
+                  lastNameEN: currentFromDataEmployee.lastNameEN,
+                },
+                { locale },
+              )
+            : '-'
+        "
         @view="
           () => {
             employeeFormState.imageDialog = true;
diff --git a/src/stores/utils/index.ts b/src/stores/utils/index.ts
index 84f504a7..39beb6d6 100644
--- a/src/stores/utils/index.ts
+++ b/src/stores/utils/index.ts
@@ -610,6 +610,26 @@ export function getEmployeeName(
   }[opts?.locale || 'eng'];
 }
 
+export function setPrefixName(
+  record: {
+    namePrefix: string;
+    firstName: string;
+    lastName: string;
+    firstNameEN: string;
+    lastNameEN: string;
+  },
+  opts?: {
+    locale?: string;
+  },
+) {
+  const data = record;
+
+  return {
+    ['eng']: `${typeof data.namePrefix === 'string' ? useOptionStore().mapOption(data.namePrefix) : ''} ${data.firstNameEN} ${data.lastNameEN}`,
+    ['tha']: `${typeof data.namePrefix === 'string' ? useOptionStore().mapOption(data.namePrefix) : ''} ${data.firstName} ${data.lastName}`,
+  }[opts?.locale || 'eng'];
+}
+
 export function toCamelCase(text: string): string {
   return text
     .replace(/[^a-zA-Z0-9]+(.)/g, (match, chr) => chr.toUpperCase())

From 5b1ccadf92f851730967f0084996193d56a8e973 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 10 Apr 2025 17:22:01 +0700
Subject: [PATCH 03/61] refactor: add incomplete flag and updateMessenger
 function to request list store

---
 src/stores/request-list/index.ts | 17 +++++++++++++++++
 src/stores/request-list/types.ts |  2 ++
 2 files changed, 19 insertions(+)

diff --git a/src/stores/request-list/index.ts b/src/stores/request-list/index.ts
index 4a5da14e..867a4c43 100644
--- a/src/stores/request-list/index.ts
+++ b/src/stores/request-list/index.ts
@@ -209,6 +209,7 @@ export const useRequestList = defineStore('request-list', () => {
     requestDataStatus?: RequestDataStatus;
     responsibleOnly?: boolean;
     quotationId?: string;
+    incomplete?: boolean;
   }) {
     const res = await api.get<PaginationResult<RequestData>>('/request-data', {
       params,
@@ -325,6 +326,20 @@ export const useRequestList = defineStore('request-list', () => {
     return false;
   }
 
+  async function updateMessenger(
+    requestDataId: string[],
+    defaultMessengerId: string,
+  ) {
+    const res = await api.post('/request-data/update-messenger', {
+      requestDataId,
+      defaultMessengerId,
+    });
+
+    if (res.status < 400) return true;
+
+    return false;
+  }
+
   return {
     data,
     page,
@@ -350,6 +365,8 @@ export const useRequestList = defineStore('request-list', () => {
 
     rejectRequest,
     rejectRequestWork,
+
+    updateMessenger,
   };
 });
 
diff --git a/src/stores/request-list/types.ts b/src/stores/request-list/types.ts
index f221b209..8d7f5d08 100644
--- a/src/stores/request-list/types.ts
+++ b/src/stores/request-list/types.ts
@@ -14,6 +14,8 @@ export type RequestData = {
   rejectRequestCancel?: boolean;
   rejectRequestCancelReason?: string;
 
+  defaultMessengerId?: string;
+
   quotation: QuotationFull & {
     debitNoteQuotationId: string;
     isDebitNote: boolean;

From a40f9f977548cbdf1891a8ba133715fcb52aa6d7 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 10 Apr 2025 17:22:13 +0700
Subject: [PATCH 04/61] refactor: enhance FloatingActionButton to support
 custom icons

---
 src/components/FloatingActionButton.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/FloatingActionButton.vue b/src/components/FloatingActionButton.vue
index aa4c11b4..2d4b8541 100644
--- a/src/components/FloatingActionButton.vue
+++ b/src/components/FloatingActionButton.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
+import { Icon } from '@iconify/vue/dist/iconify.js';
+
 defineProps<{
   hideIcon?: boolean;
+  icon?: string;
 }>();
 </script>
 
@@ -10,10 +13,13 @@ defineProps<{
       v-if="!hideIcon"
       id="btn-add"
       padding="sm"
-      icon="mdi-plus"
+      :icon="icon ? undefined : 'mdi-plus'"
       direction="up"
       class="color-btn"
     >
+      <template #icon v-if="icon">
+        <Icon :icon width="24" />
+      </template>
       <slot>
         <q-fab-action
           padding="xs"
@@ -29,10 +35,12 @@ defineProps<{
       fab
       id="btn-add"
       padding="sm"
-      icon="mdi-plus"
+      :icon="icon ? undefined : 'mdi-plus'"
       direction="up"
       class="color-btn"
-    />
+    >
+      <Icon v-if="icon" :icon width="24" />
+    </q-btn>
   </q-page-sticky>
 </template>
 

From ed5a05709a5cabad6b698b0dbc88a522d31ee5da Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 10 Apr 2025 17:23:19 +0700
Subject: [PATCH 05/61] refactor: implement request list action dialog and
 enhance messenger functionality

---
 src/pages/08_request-list/MainPage.vue        |  45 ++++
 .../08_request-list/MessengerExpansion.vue    |   4 +-
 .../08_request-list/RequestListAction .vue    | 226 ++++++++++++++++++
 src/pages/08_request-list/RequestListView.vue |   5 +
 .../08_request-list/TableRequestList.vue      |  21 ++
 5 files changed, 300 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/08_request-list/RequestListAction .vue

diff --git a/src/pages/08_request-list/MainPage.vue b/src/pages/08_request-list/MainPage.vue
index 3c5d5dee..c615b4da 100644
--- a/src/pages/08_request-list/MainPage.vue
+++ b/src/pages/08_request-list/MainPage.vue
@@ -24,6 +24,8 @@ import { RequestData, RequestDataStatus } from 'src/stores/request-list/types';
 import { dialogWarningClose } from 'src/stores/utils';
 import { CancelButton, SaveButton } from 'src/components/button';
 import { getRole } from 'src/services/keycloak';
+import FloatingActionButton from 'src/components/FloatingActionButton.vue';
+import RequestListAction from './RequestListAction .vue';
 
 const $q = useQuasar();
 const navigatorStore = useNavigator();
@@ -32,6 +34,7 @@ const requestListStore = useRequestList();
 const { t } = useI18n();
 const { data, stats, page, pageMax, pageSize } = storeToRefs(requestListStore);
 
+const requestListActionData = ref<RequestData[]>();
 const refFilter = ref<InstanceType<typeof QSelect>>();
 
 // NOTE: Variable
@@ -45,6 +48,7 @@ const pageState = reactive({
   rejectCancelDialog: false,
   rejectCancelReason: '',
   requestId: '',
+  requestListActionDialog: false,
 });
 
 const fieldSelectedOption = computed(() => {
@@ -131,6 +135,33 @@ async function submitRejectCancel() {
   }
 }
 
+async function openRequestListDialog() {
+  const ret = await requestListStore.getRequestDataList({
+    page: 1,
+    pageSize: 999,
+    incomplete: true,
+  });
+
+  console.log(ret);
+  if (ret) {
+    requestListActionData.value = ret.result;
+  }
+
+  pageState.requestListActionDialog = true;
+}
+
+async function submitRequestListAction(data: {
+  form: { responsibleUserLocal: boolean; responsibleUserId: string };
+  selected: RequestData[];
+}) {
+  const res = await requestListStore.updateMessenger(
+    data.selected.map((v) => v.id),
+    data.form.responsibleUserId,
+  );
+
+  if (res) pageState.requestListActionDialog = false;
+}
+
 onMounted(async () => {
   pageState.gridView = $q.screen.lt.md ? true : false;
   navigatorStore.current.title = 'requestList.title';
@@ -147,6 +178,13 @@ watch([() => pageState.inputSearch, () => pageState.statusFilter], () => {
 });
 </script>
 <template>
+  <FloatingActionButton
+    hide-icon
+    style="z-index: 999"
+    icon="mdi-account-outline"
+    @click.stop="openRequestListDialog"
+  ></FloatingActionButton>
+
   <div class="column full-height no-wrap">
     <!-- SEC: stat -->
     <section class="text-body-2 q-mb-xs flex items-center">
@@ -485,6 +523,13 @@ watch([() => pageState.inputSearch, () => pageState.statusFilter], () => {
         />
       </template>
     </DialogFormContainer>
+
+    <RequestListAction
+      v-if="requestListActionData"
+      v-model="pageState.requestListActionDialog"
+      :request-list="requestListActionData"
+      @submit="submitRequestListAction"
+    />
   </div>
 </template>
 <style></style>
diff --git a/src/pages/08_request-list/MessengerExpansion.vue b/src/pages/08_request-list/MessengerExpansion.vue
index 24434d89..4b7958cb 100644
--- a/src/pages/08_request-list/MessengerExpansion.vue
+++ b/src/pages/08_request-list/MessengerExpansion.vue
@@ -13,6 +13,7 @@ const props = defineProps<{
   readonly?: boolean;
   step: Step;
   responsibleAreaDistrictId?: string;
+  defaultMessenger?: string;
 }>();
 
 const emit = defineEmits<{
@@ -85,7 +86,8 @@ function assignToForm() {
       companyDuty: attributesForm.value.companyDuty ?? false,
       companyDutyCost: attributesForm.value.companyDutyCost ?? 30,
       responsibleUserLocal: attributesForm.value.responsibleUserLocal ?? true,
-      responsibleUserId: attributesForm.value.responsibleUserId ?? '',
+      responsibleUserId:
+        attributesForm.value.responsibleUserId || props.defaultMessenger,
       individualDuty: attributesForm.value.individualDuty ?? false,
       individualDutyCost: attributesForm.value.individualDutyCost ?? 10,
     }),
diff --git a/src/pages/08_request-list/RequestListAction .vue b/src/pages/08_request-list/RequestListAction .vue
new file mode 100644
index 00000000..814f4da3
--- /dev/null
+++ b/src/pages/08_request-list/RequestListAction .vue	
@@ -0,0 +1,226 @@
+<script setup lang="ts">
+import { reactive, ref } from 'vue';
+import { RequestData } from 'src/stores/request-list';
+import { DialogContainer, DialogHeader } from 'src/components/dialog';
+import {
+  BackButton,
+  CancelButton,
+  MainButton,
+  SaveButton,
+} from 'src/components/button';
+import TableProductAndService from 'src/components/shared/table/TableProductAndService.vue';
+import { Product } from 'src/stores/product-service/types';
+import FormResponsibleUser from './FormResponsibleUser.vue';
+import FormGroupHead from './FormGroupHead.vue';
+import TableRequestList from './TableRequestList.vue';
+import { column } from './constants';
+
+defineProps<{
+  requestList: RequestData[];
+}>();
+
+defineEmits<{
+  (
+    e: 'submit',
+    data: {
+      form: { responsibleUserLocal: boolean; responsibleUserId: string };
+      selected: RequestData[];
+    },
+  ): void;
+}>();
+
+enum Step {
+  RequestList = 1,
+  Configure = 2,
+}
+
+const open = defineModel<boolean>({ default: false });
+const step = ref<Step>(Step.RequestList);
+const selected = ref<RequestData[]>([]);
+const form = reactive({
+  responsibleUserLocal: false,
+  responsibleUserId: '',
+});
+
+function reset() {
+  step.value = Step.RequestList;
+  selected.value = [];
+  form.responsibleUserLocal = false;
+  form.responsibleUserId = '';
+}
+
+function prev() {
+  step.value = Step.RequestList;
+  console.log(selected.value[0]);
+}
+</script>
+<template>
+  <DialogContainer v-model="open" :onOpen="reset">
+    <template #header>
+      <DialogHeader :title="$t('requestList.action.title')" />
+    </template>
+
+    <div class="surface-0 q-pa-md">
+      <div class="stepper-wrapper">
+        <div class="stepper">
+          <template
+            v-for="(label, i) in [
+              $t('menu.product'),
+              $t('requestList.action.configure'),
+            ]"
+            :key="i"
+          >
+            <span class="step" :class="{ ['step__active']: step > i }">
+              <span class="step-outer"><span class="step-inner" /></span>
+              <span class="step-label">{{ label }}</span>
+            </span>
+            <span
+              class="step-connector"
+              :class="{ ['step-connector__active']: step > i + 1 }"
+            />
+          </template>
+        </div>
+      </div>
+    </div>
+    <div class="surface-1 q-pa-md col full-width scroll">
+      <TableRequestList
+        v-if="step === Step.RequestList"
+        v-model:selected="selected"
+        hide-action
+        hide-view
+        checkable
+        :columns="column"
+        :rows="requestList"
+        :visible-columns="[...column.map((col) => col.name)]"
+      />
+
+      <template v-if="step === Step.Configure">
+        <q-expansion-item
+          dense
+          class="overflow-hidden bordered full-width"
+          switch-toggle-side
+          style="border-radius: var(--radius-2)"
+          expand-icon="mdi-chevron-down-circle"
+          header-class="surface-1 q-py-sm text-medium text-body1"
+          default-opened
+        >
+          <template #header>
+            <span>
+              {{ $t('requestList.employeeMessenger') }}
+            </span>
+          </template>
+          <FormGroupHead>
+            {{
+              $t('general.select', { msg: $t('requestList.employeeMessenger') })
+            }}
+          </FormGroupHead>
+
+          <FormResponsibleUser
+            v-model:responsible-user-id="form.responsibleUserId"
+            v-model:responsible-user-local="form.responsibleUserLocal"
+          />
+        </q-expansion-item>
+      </template>
+    </div>
+
+    <template #footer>
+      <div class="q-gutter-x-xs q-ml-auto">
+        <CancelButton
+          v-if="step === Step.RequestList"
+          id="btn-cancel"
+          outlined
+          @click="
+            reset();
+            open = false;
+          "
+        />
+        <BackButton
+          v-if="step === Step.Configure"
+          id="btn-back"
+          outlined
+          @click="prev"
+        />
+        <MainButton
+          icon="mdi-check"
+          color="207 96% 32%"
+          solid
+          id="btn-next"
+          v-if="step === Step.RequestList"
+          @click="step = Step.Configure"
+        >
+          {{ $t('general.next') }}
+        </MainButton>
+        <SaveButton
+          v-if="step === Step.Configure"
+          id="btn-save"
+          solid
+          @click="$emit('submit', { form, selected })"
+        />
+      </div>
+    </template>
+  </DialogContainer>
+</template>
+
+<style lang="scss" scoped>
+.stepper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 1.5rem;
+  margin-inline: 25%;
+
+  & > .step {
+    --__color: var(--gray-5);
+
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    position: relative;
+    gap: 0.25rem;
+
+    &.step__active {
+      --__color: var(--brand-1);
+    }
+
+    & > .step-label {
+      position: absolute;
+      font-weight: 600;
+      color: var(--__color);
+      white-space: nowrap;
+      top: 2rem;
+    }
+
+    & > .step-outer {
+      display: inline-flex;
+      border: 2px solid var(--__color);
+      border-radius: 50%;
+      width: 1.5rem;
+      height: 1.5rem;
+      align-items: center;
+      justify-content: center;
+
+      & > .step-inner {
+        display: inline-block;
+        border-radius: 50%;
+        background-color: var(--__color);
+        width: 0.7rem;
+        height: 0.7rem;
+      }
+    }
+  }
+
+  & > .step-connector {
+    display: block;
+    border-bottom: 2px solid var(--gray-5);
+    flex-grow: 1;
+
+    &.step-connector__active {
+      border-color: var(--brand-1);
+    }
+
+    &:last-child {
+      display: none;
+    }
+  }
+}
+</style>
diff --git a/src/pages/08_request-list/RequestListView.vue b/src/pages/08_request-list/RequestListView.vue
index a908e4d5..94343725 100644
--- a/src/pages/08_request-list/RequestListView.vue
+++ b/src/pages/08_request-list/RequestListView.vue
@@ -873,6 +873,11 @@ async function submitRejectCancel() {
                     :readonly="
                       data.requestDataStatus === RequestDataStatus.Canceled
                     "
+                    :default-messenger="
+                      value.stepStatus[pageState.currentStep - 1]
+                        ? undefined
+                        : data.defaultMessengerId
+                    "
                     :step="{
                       step: pageState.currentStep,
                       requestWorkId: value.id || '',
diff --git a/src/pages/08_request-list/TableRequestList.vue b/src/pages/08_request-list/TableRequestList.vue
index 5872f96d..99706193 100644
--- a/src/pages/08_request-list/TableRequestList.vue
+++ b/src/pages/08_request-list/TableRequestList.vue
@@ -21,6 +21,8 @@ const props = withDefaults(
     grid?: boolean;
     visibleColumns?: string[];
     hideAction?: boolean;
+    hideView?: boolean;
+    checkable?: boolean;
   }>(),
   {
     row: () => [],
@@ -36,6 +38,8 @@ defineEmits<{
   (e: 'rejectCancel', data: RequestData): void;
 }>();
 
+const selected = defineModel<unknown[]>('selected');
+
 function responsiblePerson(quotation: QuotationFull): CreatedBy[] | undefined {
   const productServiceList = quotation.productServiceList;
   const tempPerson: CreatedBy[] = [];
@@ -106,12 +110,25 @@ function getEmployeeName(
     card-container-class="q-col-gutter-sm"
     :rows-per-page-options="[0]"
     class="full-width"
+    selection="multiple"
+    v-model:selected="selected"
+    :selected-rows-label="
+      (n) =>
+        $t('general.selected', {
+          number: n,
+          msg: $t('general.list'),
+        })
+    "
+    :no-data-label="$t('general.noDataTable')"
   >
     <template v-slot:header="props">
       <q-tr
         style="background-color: hsla(var(--info-bg) / 0.07)"
         :props="props"
       >
+        <q-th v-if="checkable">
+          <q-checkbox v-model="props.selected" size="sm" />
+        </q-th>
         <q-th v-for="col in props.cols" :key="col.name" :props="props">
           {{ col.label && $t(col.label) }}
         </q-th>
@@ -128,6 +145,9 @@ function getEmployeeName(
         :class="{ urgent: props.row.quotation.urgent, dark: $q.dark.isActive }"
         class="text-center"
       >
+        <q-td v-if="checkable">
+          <q-checkbox v-model="props.selected" size="sm" />
+        </q-td>
         <q-td v-if="visibleColumns.includes('order')">
           {{ props.rowIndex + 1 }}
         </q-td>
@@ -215,6 +235,7 @@ function getEmployeeName(
         </q-td>
         <q-td class="text-right">
           <q-btn
+            v-if="!hideView"
             :id="`btn-eye-${props.row.code}`"
             icon="mdi-eye-outline"
             size="sm"

From 2e813f6e88b7c5886fad63c957d34682bcb2503d Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 10 Apr 2025 18:03:53 +0700
Subject: [PATCH 06/61] refactor: add clear functionality to SelectInput and
 update Thai translation for agency status

---
 src/components/shared/SelectInput.vue | 5 +++++
 src/i18n/tha.ts                       | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/shared/SelectInput.vue b/src/components/shared/SelectInput.vue
index 06cd175e..d3317e79 100644
--- a/src/components/shared/SelectInput.vue
+++ b/src/components/shared/SelectInput.vue
@@ -103,6 +103,11 @@ watch(
       }
     "
     :rules
+    @clear="
+      () => {
+        model = '';
+      }
+    "
   >
     <template v-if="$slots.prepend" v-slot:prepend>
       <slot name="prepend"></slot>
diff --git a/src/i18n/tha.ts b/src/i18n/tha.ts
index 19915334..f4837cc0 100644
--- a/src/i18n/tha.ts
+++ b/src/i18n/tha.ts
@@ -456,7 +456,7 @@ export default {
       citizenId: 'เลขที่บัตรประชาชน',
       citizenIssue: 'วันที่ออกบัตร',
       citizenExpire: 'วันที่หมดอายุ',
-      agencyStatus: 'สถานะการเป็นเอเจนซี่',
+      agencyStatus: 'สถานะเอเจนซี่',
       normal: 'ปกติ',
       canceled: 'ยกเลิก',
       blacklist: 'แบล็คลิสต์',

From d3e5aec842572d04e29d5a0f37dd8b8121754351 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 10 Apr 2025 18:04:37 +0700
Subject: [PATCH 07/61] refactor: rename agencyFile and agencyFileList to
 userFile and userFileList for clarity

---
 .../02_personnel-management/FormByType.vue    | 188 ++++++++----------
 .../02_personnel-management/MainPage.vue      |  40 ++--
 2 files changed, 105 insertions(+), 123 deletions(-)

diff --git a/src/components/02_personnel-management/FormByType.vue b/src/components/02_personnel-management/FormByType.vue
index 1537dc07..114fd1b9 100644
--- a/src/components/02_personnel-management/FormByType.vue
+++ b/src/components/02_personnel-management/FormByType.vue
@@ -34,14 +34,13 @@ const importNationality = defineModel<string | null | undefined>(
 );
 const trainingPlace = defineModel<string | null | undefined>('trainingPlace');
 const checkpoint = defineModel<string | null | undefined>('checkpoint');
-const agencyFile = defineModel<File[]>('agencyFile');
-const agencyFileList =
-  defineModel<{ name: string; url: string }[]>('agencyFileList');
+const userFile = defineModel<File[]>('userFile');
+const userFileList =
+  defineModel<{ name: string; url: string }[]>('userFileList');
 const remark = defineModel<string | null | undefined>('remark');
 const agencyStatus = defineModel<string | null | undefined>('agencyStatus');
 
 const attachmentRef = ref();
-const checkpointENOption = ref([]);
 
 defineProps<{
   dense?: boolean;
@@ -71,18 +70,12 @@ function deleteFile(name: string) {
       userStore.deleteAttachment(userId.value, payload);
       const result = await userStore.fetchAttachment(userId.value);
       if (result) {
-        agencyFileList.value = result;
+        userFileList.value = result;
       }
     },
     cancel: () => {},
   });
 }
-
-onMounted(async () => {
-  const resultOption = await fetch('/option/option.json');
-  const rawOption = await resultOption.json();
-  checkpointENOption.value = rawOption.eng.border;
-});
 </script>
 <template>
   <div class="row col-12">
@@ -140,11 +133,12 @@ onMounted(async () => {
         />
 
         <SelectOffice
+          v-if="userType === 'MESSENGER'"
           for="input-responsible-area"
           v-model:value="responsibleArea"
-          v-if="userType === 'MESSENGER'"
           :readonly="readonly"
           :label="$t('personnel.form.responsibleArea')"
+          class="col"
         />
       </div>
       <div
@@ -198,25 +192,13 @@ onMounted(async () => {
             (v) => (typeof v === 'string' ? (importNationality = v) : '')
           "
         />
-        <SelectInput
-          :model-value="readonly ? trainingPlace || '-' : trainingPlace"
-          id="select-trainig-place"
-          for="select-trainig-place"
-          :option="optionStore.globalOption.training"
-          class="col-md-6 col-12"
-          :readonly
-          :label="$t('personnel.form.trainingPlace')"
-          clearable
-          @update:model-value="
-            (v) => (typeof v === 'string' ? (trainingPlace = v) : '')
-          "
-        />
+
         <SelectInput
           :model-value="readonly ? checkpoint || '-' : checkpoint"
           id="select-checkpoint"
           for="select-checkpoint"
           :option="optionStore.globalOption.border"
-          class="col-6"
+          class="col-md-6 col-12"
           :readonly
           :label="$t('personnel.form.checkpoint')"
           clearable
@@ -224,17 +206,18 @@ onMounted(async () => {
             (v) => (typeof v === 'string' ? (checkpoint = v) : '')
           "
         />
+
         <SelectInput
-          :model-value="readonly ? checkpoint || '-' : checkpoint"
-          id="select-checkpoint-en"
-          for="select-checkpoint-en"
-          :option="checkpointENOption"
-          class="col-6"
+          :model-value="readonly ? trainingPlace || '-' : trainingPlace"
+          id="select-trainig-place"
+          for="select-trainig-place"
+          :option="optionStore.globalOption.training"
+          class="col-md-8 col-12"
           :readonly
-          :label="$t('personnel.form.checkpointEN')"
+          :label="$t('personnel.form.trainingPlace')"
           clearable
           @update:model-value="
-            (v) => (typeof v === 'string' ? (checkpoint = v) : '')
+            (v) => (typeof v === 'string' ? (trainingPlace = v) : '')
           "
         />
 
@@ -253,7 +236,7 @@ onMounted(async () => {
               value: AgencyStatus.Blacklist,
             },
           ]"
-          class="col-md-6 col-12"
+          class="col-md-4 col-12"
           :readonly
           :label="$t('personnel.form.agencyStatus')"
           clearable
@@ -275,76 +258,77 @@ onMounted(async () => {
           "
           @clear="remark = ''"
         />
-        <q-file
-          ref="attachmentRef"
-          for="input-attachment"
-          :dense="dense"
-          outlined
-          :readonly="readonly"
-          multiple
-          append
-          :label="$t('personnel.form.attachment')"
-          class="col"
-          v-model="agencyFile"
-        >
-          <template v-slot:prepend>
-            <Icon
-              icon="material-symbols:attach-file"
-              width="20px"
-              style="color: var(--brand-1)"
-            />
-          </template>
-          <template v-slot:file="file">
-            <div class="row full-width items-center">
-              <span class="col ellipsis">
-                {{ file.file.name }}
-              </span>
-              <q-btn
-                dense
-                rounded
-                flat
-                padding="2 2"
-                class="app-text-muted"
-                icon="mdi-close-circle"
-                @click.stop="attachmentRef.removeAtIndex(file.index)"
-              />
-            </div>
-          </template>
-        </q-file>
+      </div>
 
-        <div v-if="agencyFileList && agencyFileList?.length > 0" class="col-12">
-          <q-list bordered separator class="rounded" style="padding: 0">
-            <q-item
-              id="attachment-file"
-              for="attachment-file"
-              v-for="item in agencyFileList"
-              clickable
-              :key="item.url"
-              class="items-center row"
-              @click="() => openNewTab(item.url)"
-            >
-              <q-item-section>
-                <div class="row items-center justify-between">
-                  <div class="col">
-                    {{ item.name }}
-                  </div>
-                  <q-btn
-                    id="delete-file"
-                    v-if="!readonly && userId"
-                    rounded
-                    flat
-                    dense
-                    unelevated
-                    size="md"
-                    icon="mdi-trash-can-outline"
-                    class="app-text-negative"
-                    @click.stop="deleteFile(item.name)"
-                  />
+      <q-file
+        ref="attachmentRef"
+        for="input-attachment"
+        :dense="dense"
+        outlined
+        :readonly="readonly"
+        multiple
+        append
+        :label="$t('personnel.form.attachment')"
+        class="col"
+        v-model="userFile"
+      >
+        <template v-slot:prepend>
+          <Icon
+            icon="material-symbols:attach-file"
+            width="20px"
+            style="color: var(--brand-1)"
+          />
+        </template>
+        <template v-slot:file="file">
+          <div class="row full-width items-center">
+            <span class="col ellipsis">
+              {{ file.file.name }}
+            </span>
+            <q-btn
+              dense
+              rounded
+              flat
+              padding="2 2"
+              class="app-text-muted"
+              icon="mdi-close-circle"
+              @click.stop="attachmentRef.removeAtIndex(file.index)"
+            />
+          </div>
+        </template>
+      </q-file>
+
+      <div v-if="userFileList && userFileList?.length > 0" class="col-12">
+        <q-list bordered separator class="rounded" style="padding: 0">
+          <q-item
+            id="attachment-file"
+            for="attachment-file"
+            v-for="item in userFileList"
+            clickable
+            :key="item.url"
+            class="items-center row"
+            @click="() => openNewTab(item.url)"
+          >
+            <q-item-section>
+              <div class="row items-center justify-between">
+                <div class="col">
+                  {{ item.name }}
                 </div>
-              </q-item-section>
-            </q-item>
-          </q-list>
-        </div>
+                <q-btn
+                  id="delete-file"
+                  v-if="!readonly && userId"
+                  rounded
+                  flat
+                  dense
+                  unelevated
+                  size="md"
+                  icon="mdi-trash-can-outline"
+                  class="app-text-negative"
+                  @click.stop="deleteFile(item.name)"
+                />
+              </div>
+            </q-item-section>
+          </q-item>
+        </q-list>
       </div>
     </div>
   </div>
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index b580508c..f71b2ec1 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -93,8 +93,8 @@ const currentUser = ref<User>();
 const userCode = ref<string>();
 
 const statusToggle = ref(true);
-const agencyFile = ref<File[]>([]);
-const agencyFileList = ref<{ name: string; url: string }[]>([]);
+const userFile = ref<File[]>([]);
+const userFileList = ref<{ name: string; url: string }[]>([]);
 
 const typeStats = ref<UserTypeStats>();
 const userStats = ref<BranchUserStats[]>();
@@ -152,7 +152,7 @@ const defaultFormData = {
   citizenIssue: null,
   citizenId: '',
   remark: '',
-  agencyStatus: null,
+  agencyStatus: '',
 };
 
 const formData = ref<UserCreate>({
@@ -202,7 +202,7 @@ const formData = ref<UserCreate>({
   citizenIssue: null,
   citizenId: '',
   remark: '',
-  agencyStatus: null,
+  agencyStatus: '',
 });
 
 const fieldSelectedOption = ref<{ label: string; value: string }[]>([
@@ -331,7 +331,7 @@ function onClose(excludeDialog?: boolean) {
   urlProfile.value = '';
   profileFileImg.value = null;
   infoDrawerEdit.value = false;
-  agencyFile.value = [];
+  userFile.value = [];
   isEdit.value = false;
   statusToggle.value = true;
   isImageEdit.value = false;
@@ -340,6 +340,8 @@ function onClose(excludeDialog?: boolean) {
   mapUserType(currentTab.value);
   imageList.value = { selectedImage: '', list: [] };
   onCreateImageList.value = { selectedImage: '', list: [] };
+  userFileList.value = [];
+  userFile.value = [];
   flowStore.rotate();
 }
 
@@ -360,12 +362,10 @@ async function openDialog(
     isEdit.value = true;
     await assignFormData(id);
 
-    if (formData.value.userType === 'AGENCY') {
-      const result = await userStore.fetchAttachment(id);
+    const result = await userStore.fetchAttachment(id);
 
-      if (result) {
-        agencyFileList.value = result;
-      }
+    if (result) {
+      userFileList.value = result;
     }
   }
   if (userStore.userOption.hqOpts.length !== 0 && !id) {
@@ -429,10 +429,9 @@ async function onSubmit(excludeDialog?: boolean) {
 
     await userStore.editById(currentUser.value.id, formDataEdit);
 
-    if (currentUser.value.id && formDataEdit.userType === 'AGENCY') {
-      if (!agencyFile.value) return;
+    if (userFile.value) {
       const payload: UserAttachmentCreate = {
-        file: agencyFile.value,
+        file: userFile.value,
       };
 
       if (payload?.file) {
@@ -461,11 +460,9 @@ async function onSubmit(excludeDialog?: boolean) {
       onCreateImageList.value,
     );
 
-    if (result && formData.value.userType === 'AGENCY') {
-      if (!agencyFile.value) return;
-
+    if (userFile.value && result) {
       const payload: UserAttachmentCreate = {
-        file: agencyFile.value,
+        file: userFile.value,
       };
 
       if (payload?.file) {
@@ -747,7 +744,7 @@ watch(
     formData.value.trainingPlace = null;
     formData.value.checkpoint = null;
     formData.value.checkpointEN = null;
-    agencyFile.value = [];
+    userFile.value = [];
   },
 );
 
@@ -1800,8 +1797,8 @@ watch(
               v-model:import-nationality="formData.importNationality"
               v-model:training-place="formData.trainingPlace"
               v-model:checkpoint="formData.checkpoint"
-              v-model:agency-file="agencyFile"
-              v-model:agency-file-list="agencyFileList"
+              v-model:user-file="userFile"
+              v-model:user-file-list="userFileList"
               v-model:user-id="currentUser.id"
               v-model:remark="formData.remark"
               v-model:agency-status="formData.agencyStatus"
@@ -2025,7 +2022,8 @@ watch(
             v-model:checkpoint="formData.checkpoint"
             v-model:agency-status="formData.agencyStatus"
             v-model:remark="formData.remark"
-            v-model:agency-file="agencyFile"
+            v-model:user-file="userFile"
+            v-model:user-file-list="userFileList"
           />
         </div>
       </div>

From b1295d00ffe11280333fe8d6843da3cff7bb4b40 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Fri, 11 Apr 2025 09:45:09 +0700
Subject: [PATCH 08/61] feat: set addr of current customer

---
 .../shared/select/SelectCustomer.vue          |  2 +
 .../QuotationFormWorkerSelect.vue             | 39 +++++++++++++++++++
 2 files changed, 41 insertions(+)

diff --git a/src/components/shared/select/SelectCustomer.vue b/src/components/shared/select/SelectCustomer.vue
index f6fbf9cd..73fafd79 100644
--- a/src/components/shared/select/SelectCustomer.vue
+++ b/src/components/shared/select/SelectCustomer.vue
@@ -65,6 +65,8 @@ onMounted(async () => {
   }
 
   await getSelectedOption();
+
+  valueOption.value = selectOptions.value.find((v) => v.id === value.value);
 });
 </script>
 <template>
diff --git a/src/pages/05_quotation/QuotationFormWorkerSelect.vue b/src/pages/05_quotation/QuotationFormWorkerSelect.vue
index 1ac736f2..edee9f41 100644
--- a/src/pages/05_quotation/QuotationFormWorkerSelect.vue
+++ b/src/pages/05_quotation/QuotationFormWorkerSelect.vue
@@ -296,6 +296,42 @@ watch(
 function setCurrentBranchId() {
   employeeFormState.value.currentBranchId = props.customerBranchId;
 }
+
+watch(
+  () => employeeFormState.value.currentCustomerBranch,
+  (e) => {
+    if (!e) return;
+    if (employeeFormState.value.formDataEmployeeSameAddr) {
+      currentFromDataEmployee.value.address = e.address;
+      currentFromDataEmployee.value.addressEN = e.addressEN;
+      currentFromDataEmployee.value.provinceId = e.provinceId;
+      currentFromDataEmployee.value.districtId = e.districtId;
+      currentFromDataEmployee.value.subDistrictId = e.subDistrictId;
+    }
+    currentFromDataEmployee.value.customerBranchId = e.id;
+  },
+);
+
+watch(
+  () => employeeFormState.value.formDataEmployeeSameAddr,
+  (isSame) => {
+    if (!employeeFormState.value.currentCustomerBranch) return;
+    if (isSame) {
+      currentFromDataEmployee.value.address =
+        employeeFormState.value.currentCustomerBranch.address;
+      currentFromDataEmployee.value.addressEN =
+        employeeFormState.value.currentCustomerBranch.addressEN;
+      currentFromDataEmployee.value.provinceId =
+        employeeFormState.value.currentCustomerBranch.provinceId;
+      currentFromDataEmployee.value.districtId =
+        employeeFormState.value.currentCustomerBranch.districtId;
+      currentFromDataEmployee.value.subDistrictId =
+        employeeFormState.value.currentCustomerBranch.subDistrictId;
+    }
+    currentFromDataEmployee.value.customerBranchId =
+      employeeFormState.value.currentCustomerBranch.id;
+  },
+);
 </script>
 
 <template>
@@ -1010,6 +1046,9 @@ function setCurrentBranchId() {
               title="form.field.basicInformation"
               :readonly="!employeeFormState.isEmployeeEdit"
               v-model:customer-branch-id="employeeFormState.currentBranchId"
+              v-model:current-customer-branch="
+                employeeFormState.currentCustomerBranch
+              "
               v-model:employee-id="employeeFormState.currentEmployeeCode"
               v-model:nrc-no="currentFromDataEmployee.nrcNo"
               v-model:code="currentFromDataEmployee.code"

From 71b06c82bd570bb19d4524c87c78b2beb8473d71 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Fri, 11 Apr 2025 10:48:17 +0700
Subject: [PATCH 09/61] refactor: edit format show

---
 src/pages/05_quotation/QuotationForm.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index 66202058..a514928b 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -1865,7 +1865,7 @@ function covertToNode() {
                             name: selectedWorker.map(
                               (v, i) =>
                                 `${i + 1}. ` +
-                                `  ${v.namePrefix}. ${v.firstNameEN ? `${v.firstNameEN} ${v.lastNameEN}` : `${v.firstName} ${v.lastName}`}  `.toUpperCase(),
+                                `${v.employeePassport.length !== 0 ? v.employeePassport[0].number : ''}  ${v.namePrefix}.${v.firstNameEN ? `${v.firstNameEN} ${v.lastNameEN}` : `${v.firstName} ${v.lastName}`}  `.toUpperCase(),
                             ),
                           },
                         })

From 0a5b6af6495d37685e58c33a75215d1d6e17cc83 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Fri, 11 Apr 2025 10:51:57 +0700
Subject: [PATCH 10/61] refactor: add _ after passport

---
 src/pages/05_quotation/QuotationForm.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index a514928b..d7e332f7 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -1865,7 +1865,7 @@ function covertToNode() {
                             name: selectedWorker.map(
                               (v, i) =>
                                 `${i + 1}. ` +
-                                `${v.employeePassport.length !== 0 ? v.employeePassport[0].number : ''}  ${v.namePrefix}.${v.firstNameEN ? `${v.firstNameEN} ${v.lastNameEN}` : `${v.firstName} ${v.lastName}`}  `.toUpperCase(),
+                                `${v.employeePassport.length !== 0 ? v.employeePassport[0].number + '_' : ''}  ${v.namePrefix}.${v.firstNameEN ? `${v.firstNameEN} ${v.lastNameEN}` : `${v.firstName} ${v.lastName}`}  `.toUpperCase(),
                             ),
                           },
                         })

From af37904ce069847feb60f03fa7c44d2e24e7cb1c Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 11 Apr 2025 11:12:13 +0700
Subject: [PATCH 11/61] refactor: add readonly and disable properties to
 checkboxes and selects in PriceDataComponent

---
 src/components/04_product-service/PriceDataComponent.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/04_product-service/PriceDataComponent.vue b/src/components/04_product-service/PriceDataComponent.vue
index 59043144..68ab5cbf 100644
--- a/src/components/04_product-service/PriceDataComponent.vue
+++ b/src/components/04_product-service/PriceDataComponent.vue
@@ -244,16 +244,19 @@ withDefaults(
               <template v-if="col.name === '#calcVat'">
                 <q-checkbox
                   v-if="priceDisplay?.price && props.rowIndex === 0"
+                  :disable="readonly"
                   v-model="calcVat"
                   size="xs"
                 />
                 <q-checkbox
                   v-if="priceDisplay?.agentPrice && props.rowIndex === 1"
+                  :disable="readonly"
                   v-model="agentPriceCalcVat"
                   size="xs"
                 />
                 <q-checkbox
                   v-if="priceDisplay?.serviceCharge && props.rowIndex === 2"
+                  :disable="readonly"
                   v-model="serviceChargeCalcVat"
                   size="xs"
                 />
@@ -271,6 +274,8 @@ withDefaults(
                   flat
                   outlined
                   dense
+                  :readonly
+                  :hide-dropdown-icon="readonly"
                   v-model="vatIncluded"
                 ></q-select>
                 <q-select
@@ -285,6 +290,8 @@ withDefaults(
                   flat
                   outlined
                   dense
+                  :readonly
+                  :hide-dropdown-icon="readonly"
                   v-model="agentPriceVatIncluded"
                 ></q-select>
                 <q-select
@@ -299,6 +306,8 @@ withDefaults(
                   flat
                   outlined
                   dense
+                  :readonly
+                  :hide-dropdown-icon="readonly"
                   v-model="serviceChargeVatIncluded"
                 ></q-select>
               </template>

From d1bb5041741a892a4c737de94f79892a738e7440 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 11 Apr 2025 11:43:52 +0700
Subject: [PATCH 12/61] feat: add VAT parameter to calcPrice function and
 update related calculations

---
 src/pages/11_credit-note/document-view/MainPage.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/11_credit-note/document-view/MainPage.vue b/src/pages/11_credit-note/document-view/MainPage.vue
index 73024f36..e15fe13d 100644
--- a/src/pages/11_credit-note/document-view/MainPage.vue
+++ b/src/pages/11_credit-note/document-view/MainPage.vue
@@ -248,6 +248,7 @@ function calcPricePerUnit(product: RequestWork['productService']['product']) {
 function calcPrice(
   product: RequestWork['productService']['product'],
   amount: number,
+  vat: number = 0,
 ) {
   const pricePerUnit = agentPrice.value ? product.agentPrice : product.price;
 
@@ -256,7 +257,8 @@ function calcPrice(
     : pricePerUnit;
   const priceDiscountNoVat = priceNoVat * amount - 0;
 
-  const rawVatTotal = priceDiscountNoVat * (config.value?.vat || 0.07);
+  const rawVatTotal =
+    vat === 0 ? 0 : priceDiscountNoVat * (config.value?.vat || 0.07);
 
   return precisionRound(priceNoVat * amount + rawVatTotal);
 }
@@ -346,7 +348,7 @@ function closeAble() {
             <td style="text-align: center">
               {{
                 formatNumberDecimal(
-                  calcPrice(v.product.product, v.list.length),
+                  calcPrice(v.product.product, v.list.length, v.product.vat),
                   2,
                 )
               }}
@@ -431,7 +433,7 @@ function closeAble() {
           class="column set-width bg-color full-height"
           style="padding: 12px"
         >
-          ({{ ThaiBahtText(summaryPrice.finalPrice) }})
+          ({{ ThaiBahtText(precisionRound(summaryPrice.finalPrice)) }})
         </div>
         <div
           class="row text-right border-5 items-center"

From febfbf48289f8448eeec7f34e7599e30f702bc03 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Fri, 11 Apr 2025 13:24:08 +0700
Subject: [PATCH 13/61] refactor: add new column

---
 src/i18n/eng.ts                               |  9 ++-------
 src/i18n/tha.ts                               |  1 +
 .../08_request-list/TableRequestList.vue      | 20 +++++++++++++++++++
 src/pages/08_request-list/constants.ts        | 18 +++++++++++++++++
 src/stores/request-list/types.ts              |  1 +
 5 files changed, 42 insertions(+), 7 deletions(-)

diff --git a/src/i18n/eng.ts b/src/i18n/eng.ts
index 241621bb..49950acd 100644
--- a/src/i18n/eng.ts
+++ b/src/i18n/eng.ts
@@ -477,7 +477,6 @@ export default {
       powerOfAttorney: 'Power of Attorney',
       others: 'Others',
     },
-
     employer: 'Employer',
     employerLegalEntity: 'Legal Entity',
     employerNaturalPerson: 'Natrual Person',
@@ -499,15 +498,12 @@ export default {
       religion: 'Religion',
       issueDate: 'Issue Date',
       passportExpiryDate: 'Passport Expiry Date',
-
       ownerName: 'Customer Name',
       firstName: 'First Name ',
       lastName: 'Last Name ',
       firstNameEN: 'First Name in English',
       lastNameEN: 'Last Name in English',
-
       cardNumber: 'ID Card Number',
-
       prefixName: 'Prefix',
       legalPersonNo: 'Legal Entity Registration Number',
       registerName: 'Company Name',
@@ -515,7 +511,6 @@ export default {
       registerDate: 'Registered On',
       registerCompanyName: 'Registered Name',
       authorizedCapital: 'Authorized Capital',
-
       workplace: 'Workplace',
       workplaceEN: 'Workplace (EN)',
       address: 'Address',
@@ -523,7 +518,6 @@ export default {
       branchCode: 'Branch Code',
       customerCode: 'Employer Code',
       legalPersonCode: 'Legal Entity Code',
-
       codeAbbrev: 'Company Abbreviation',
       codeNumber: 'Company Number',
       registeredBranch: 'Registered Branch',
@@ -941,8 +935,9 @@ export default {
     localEmployee: 'Local Employee',
     nonLocalEmployee: 'Non Local Employee',
     noWorkflowTemplate: 'A workflow template has not been selected.',
-
     salesRepresentative: 'Sales Representative',
+
+    dataOffice: 'Employment Office District',
     ref: 'Reference',
     action: {
       title: 'Action',
diff --git a/src/i18n/tha.ts b/src/i18n/tha.ts
index f4837cc0..de4bebbd 100644
--- a/src/i18n/tha.ts
+++ b/src/i18n/tha.ts
@@ -932,6 +932,7 @@ export default {
     nonLocalEmployee: 'พนักงานนอกพื้นที่',
     noWorkflowTemplate: 'คุณไม่ได้เลือกแม่แบบขั้นตอนการทำงาน',
     salesRepresentative: 'พนักงานขาย',
+    dataOffice: 'สำนักงานเขตจัดหางาน',
     ref: 'อ้างอิง',
     action: {
       title: 'จัดการ',
diff --git a/src/pages/08_request-list/TableRequestList.vue b/src/pages/08_request-list/TableRequestList.vue
index 99706193..e0ae445e 100644
--- a/src/pages/08_request-list/TableRequestList.vue
+++ b/src/pages/08_request-list/TableRequestList.vue
@@ -13,6 +13,7 @@ import useOptionStore from 'src/stores/options';
 
 import KebabAction from 'src/components/shared/KebabAction.vue';
 import { CreatedBy } from 'src/stores/types';
+import { dateFormatJS } from 'src/utils/datetime';
 
 const props = withDefaults(
   defineProps<{
@@ -168,6 +169,25 @@ function getEmployeeName(
         <q-td v-if="visibleColumns.includes('employee')" class="text-left">
           {{ getEmployeeName(props.row, { locale: $i18n.locale }) || '-' }}
         </q-td>
+
+        <q-td class="text-left">
+          {{
+            props.row.employee.employeePassport.length !== 0
+              ? props.row.employee.employeePassport[0].number
+              : '-'
+          }}
+        </q-td>
+        <q-td class="text-left">
+          {{
+            $i18n.locale === 'eng'
+              ? props.row.dataOffice.nameEN
+              : props.row.dataOffice.name
+          }}
+        </q-td>
+        <q-td class="text-left">
+          {{ dateFormatJS({ date: props.row.createdAt }) }}
+        </q-td>
+
         <q-td v-if="visibleColumns.includes('quotationCode')">
           {{ props.row.quotation.code || '-' }}
         </q-td>
diff --git a/src/pages/08_request-list/constants.ts b/src/pages/08_request-list/constants.ts
index 2534aea5..c71aac2e 100644
--- a/src/pages/08_request-list/constants.ts
+++ b/src/pages/08_request-list/constants.ts
@@ -28,6 +28,24 @@ export const column = [
     label: 'customer.employee',
     field: 'employee',
   },
+  {
+    name: 'employeePassport',
+    align: 'center',
+    label: 'customerEmployee.form.passportNo',
+    field: 'employeePassport',
+  },
+  {
+    name: 'dataOffice',
+    align: 'center',
+    label: 'requestList.dataOffice',
+    field: 'dataOffice',
+  },
+  {
+    name: 'createdAt',
+    align: 'center',
+    label: 'general.createdAt',
+    field: 'createdAt',
+  },
 
   {
     name: 'quotationCode',
diff --git a/src/stores/request-list/types.ts b/src/stores/request-list/types.ts
index 8d7f5d08..e3d8cd57 100644
--- a/src/stores/request-list/types.ts
+++ b/src/stores/request-list/types.ts
@@ -28,6 +28,7 @@ export type RequestData = {
 
   requestWork: RequestWork[];
   requestDataStatus: RequestDataStatus;
+  dataOffice: { name: string; nameEN: string };
 };
 
 export enum RequestDataStatus {

From 0efe78a37a7401de6c118cf36bfe14821fdd01d9 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Fri, 11 Apr 2025 13:34:21 +0700
Subject: [PATCH 14/61] refactor: visible columns

---
 src/pages/08_request-list/TableRequestList.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/pages/08_request-list/TableRequestList.vue b/src/pages/08_request-list/TableRequestList.vue
index e0ae445e..9ce78e72 100644
--- a/src/pages/08_request-list/TableRequestList.vue
+++ b/src/pages/08_request-list/TableRequestList.vue
@@ -170,21 +170,24 @@ function getEmployeeName(
           {{ getEmployeeName(props.row, { locale: $i18n.locale }) || '-' }}
         </q-td>
 
-        <q-td class="text-left">
+        <q-td
+          v-if="visibleColumns.includes('employeePassport')"
+          class="text-left"
+        >
           {{
             props.row.employee.employeePassport.length !== 0
               ? props.row.employee.employeePassport[0].number
               : '-'
           }}
         </q-td>
-        <q-td class="text-left">
+        <q-td v-if="visibleColumns.includes('dataOffice')" class="text-left">
           {{
             $i18n.locale === 'eng'
               ? props.row.dataOffice.nameEN
               : props.row.dataOffice.name
           }}
         </q-td>
-        <q-td class="text-left">
+        <q-td v-if="visibleColumns.includes('createdAt')" class="text-left">
           {{ dateFormatJS({ date: props.row.createdAt }) }}
         </q-td>
 

From 586fbed4e382c4fa071c01dece8d801755a2a5e4 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 11 Apr 2025 15:50:18 +0700
Subject: [PATCH 15/61] refactor: remove console.log from openRequestListDialog
 function

---
 src/pages/08_request-list/MainPage.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/08_request-list/MainPage.vue b/src/pages/08_request-list/MainPage.vue
index c615b4da..e316e376 100644
--- a/src/pages/08_request-list/MainPage.vue
+++ b/src/pages/08_request-list/MainPage.vue
@@ -142,7 +142,6 @@ async function openRequestListDialog() {
     incomplete: true,
   });
 
-  console.log(ret);
   if (ret) {
     requestListActionData.value = ret.result;
   }

From d909be2fc44b4d7a5fa786417cc183c50f087ca4 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 11 Apr 2025 15:50:24 +0700
Subject: [PATCH 16/61] feat: add navigation to customer and employee details
 from request list

---
 src/pages/03_customer-management/MainPage.vue | 32 ++++++++++++
 src/pages/08_request-list/RequestListView.vue | 22 ++++++++
 .../08_request-list/TableRequestList.vue      | 51 ++++++++++++++++---
 3 files changed, 98 insertions(+), 7 deletions(-)

diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index fd2647c7..cee0de34 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -142,6 +142,14 @@ async function init() {
 
   gridView.value = $q.screen.lt.md ? true : false;
 
+  if (route.query.tab === 'customer') {
+    currentTab.value = 'employer';
+    if (route.query.id) openSpecificCustomer(route.query.id as string);
+  } else if (route.query.tab === 'employee') {
+    currentTab.value = 'employee';
+    if (route.query.id) openSpecificEmployee(route.query.id as string);
+  }
+
   if (route.name === 'CustomerManagement') await fetchListCustomer(true);
 
   if (
@@ -490,6 +498,30 @@ async function fetchImageList(
   return res;
 }
 
+async function openSpecificCustomer(id: string) {
+  await customerFormStore.assignFormData(id);
+  await fetchImageList(
+    id,
+    customerFormData.value.selectedImage || '',
+    'customer',
+  );
+  customerFormState.value.branchIndex = -1;
+  customerFormState.value.drawerModal = true;
+  customerFormState.value.editCustomerId = id;
+  customerFormState.value.dialogType = 'info';
+}
+
+async function openSpecificEmployee(id: string) {
+  await employeeFormStore.assignFormDataEmployee(id);
+  await fetchImageList(
+    id,
+    currentFromDataEmployee.value.selectedImage || '',
+    'employee',
+  );
+  employeeFormState.value.dialogType = 'info';
+  employeeFormState.value.drawerModal = true;
+}
+
 // TODO: When in employee form, if select address same as customer then auto fill
 
 watch(
diff --git a/src/pages/08_request-list/RequestListView.vue b/src/pages/08_request-list/RequestListView.vue
index 94343725..9327f419 100644
--- a/src/pages/08_request-list/RequestListView.vue
+++ b/src/pages/08_request-list/RequestListView.vue
@@ -438,6 +438,24 @@ async function submitRejectCancel() {
     pageState.rejectCancelDialog = false;
   }
 }
+
+function toCustomer(customer: RequestData['quotation']['customerBranch']) {
+  const url = new URL(
+    `/customer-management?tab=customer&id=${customer.customerId}`,
+    window.location.origin,
+  );
+
+  window.open(url.toString(), '_blank');
+}
+
+function toEmployee(employee: RequestData['employee']) {
+  const url = new URL(
+    `/customer-management?tab=employee&id=${employee.id}`,
+    window.location.origin,
+  );
+
+  window.open(url.toString(), '_blank');
+}
 </script>
 <template>
   <div class="column surface-0 fullscreen" v-if="data">
@@ -701,6 +719,7 @@ async function submitRejectCancel() {
                   }"
                 >
                   <DataDisplay
+                    clickable
                     class="col"
                     icon="mdi-account-settings-outline"
                     :label="$t('customer.employer')"
@@ -710,8 +729,10 @@ async function submitRejectCancel() {
                         noCode: true,
                       }) || '-'
                     "
+                    @label-click="toCustomer(data.quotation.customerBranch)"
                   />
                   <DataDisplay
+                    clickable
                     class="col"
                     icon="mdi-account-settings-outline"
                     :label="$t('customer.employee')"
@@ -720,6 +741,7 @@ async function submitRejectCancel() {
                         locale: $i18n.locale,
                       }) || '-'
                     "
+                    @label-click="toEmployee(data.employee)"
                   />
                   <DataDisplay
                     class="col"
diff --git a/src/pages/08_request-list/TableRequestList.vue b/src/pages/08_request-list/TableRequestList.vue
index 9ce78e72..0dc5b433 100644
--- a/src/pages/08_request-list/TableRequestList.vue
+++ b/src/pages/08_request-list/TableRequestList.vue
@@ -101,6 +101,24 @@ function getEmployeeName(
     }[opts?.locale || 'eng'] || '-'
   );
 }
+
+function toCustomer(customer: RequestData['quotation']['customerBranch']) {
+  const url = new URL(
+    `/customer-management?tab=customer&id=${customer.customerId}`,
+    window.location.origin,
+  );
+
+  window.open(url.toString(), '_blank');
+}
+
+function toEmployee(employee: RequestData['employee']) {
+  const url = new URL(
+    `/customer-management?tab=employee&id=${employee.id}`,
+    window.location.origin,
+  );
+
+  window.open(url.toString(), '_blank');
+}
 </script>
 <template>
   <q-table
@@ -159,15 +177,28 @@ function getEmployeeName(
           </div>
         </q-td>
         <q-td v-if="visibleColumns.includes('employer')" class="text-left">
-          {{
-            getCustomerName(props.row, {
-              noCode: true,
-              locale: $i18n.locale,
-            }) || '-'
-          }}
+          <span
+            class="link"
+            @click="toCustomer(props.row.quotation.customerBranch)"
+          >
+            {{
+              getCustomerName(props.row, {
+                noCode: true,
+                locale: $i18n.locale,
+              }) || '-'
+            }}
+            {{
+              getCustomerName(props.row, {
+                noCode: true,
+                locale: $i18n.locale,
+              }) || '-'
+            }}
+          </span>
         </q-td>
         <q-td v-if="visibleColumns.includes('employee')" class="text-left">
-          {{ getEmployeeName(props.row, { locale: $i18n.locale }) || '-' }}
+          <span class="link" @click="toEmployee(props.row.employee)">
+            {{ getEmployeeName(props.row, { locale: $i18n.locale }) || '-' }}
+          </span>
         </q-td>
 
         <q-td
@@ -450,4 +481,10 @@ function getEmployeeName(
     background: var(--red-8);
   }
 }
+
+.link {
+  color: hsl(var(--info-bg));
+  text-decoration: underline;
+  cursor: pointer;
+}
 </style>

From 82f48a4b8092c1837b6abb55ad8a922986886b41 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Fri, 11 Apr 2025 17:47:23 +0700
Subject: [PATCH 17/61] feat: copy

---
 src/components/button/PasteButton.vue | 32 +++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 src/components/button/PasteButton.vue

diff --git a/src/components/button/PasteButton.vue b/src/components/button/PasteButton.vue
new file mode 100644
index 00000000..c06a2833
--- /dev/null
+++ b/src/components/button/PasteButton.vue
@@ -0,0 +1,32 @@
+<script lang="ts" setup>
+import MainButton from './MainButton.vue';
+
+defineEmits<{
+  (e: 'click', v: MouseEvent): void;
+}>();
+defineProps<{
+  iconOnly?: boolean;
+  solid?: boolean;
+  outlined?: boolean;
+  disabled?: boolean;
+  dark?: boolean;
+
+  label?: string;
+  icon?: string;
+
+  amount?: number;
+}>();
+</script>
+
+<template>
+  <MainButton
+    @click="(e) => $emit('click', e)"
+    v-bind="{ ...$props, ...$attrs }"
+    :icon="icon || 'mdi-file-replace'"
+    color="207 96% 32%"
+    :title="iconOnly ? $t('general.paste') : undefined"
+  >
+    {{ label || $t('general.paste') }}
+    {{ amount && amount > 0 ? `(${amount})` : '' }}
+  </MainButton>
+</template>

From 1d5f77f3a6e017ec247dd2683d46e0a479faa485 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Fri, 11 Apr 2025 17:59:40 +0700
Subject: [PATCH 18/61] feat: copy goodbey

---
 src/components/button/index.ts            |  1 +
 src/components/shared/KebabAction.vue     | 23 +++++++
 src/i18n/eng.ts                           |  6 ++
 src/i18n/tha.ts                           |  5 ++
 src/pages/04_product-service/MainPage.vue | 84 ++++++++++++++++++++++-
 5 files changed, 118 insertions(+), 1 deletion(-)

diff --git a/src/components/button/index.ts b/src/components/button/index.ts
index d9b59582..9f3367ef 100644
--- a/src/components/button/index.ts
+++ b/src/components/button/index.ts
@@ -14,3 +14,4 @@ export { default as PrintButton } from './PrintButton.vue';
 export { default as StateButton } from './StateButton.vue';
 export { default as NextButton } from './NextButton.vue';
 export { default as ImportButton } from './ImportButton.vue';
+export { default as PasteButton } from './PasteButton.vue';
diff --git a/src/components/shared/KebabAction.vue b/src/components/shared/KebabAction.vue
index 4dd095db..7bea6b36 100644
--- a/src/components/shared/KebabAction.vue
+++ b/src/components/shared/KebabAction.vue
@@ -16,6 +16,7 @@ const props = withDefaults(
     useUpload?: boolean;
     useCancel?: boolean;
     useRejectCancel?: boolean;
+    useCopy?: boolean;
     disableCancel?: boolean;
     disableDelete?: boolean;
   }>(),
@@ -31,6 +32,7 @@ defineEmits<{
   (e: 'link'): void;
   (e: 'upload'): void;
   (e: 'delete'): void;
+  (e: 'copy'): void;
   (e: 'cancel'): void;
   (e: 'rejectCancel'): void;
   (e: 'changeStatus'): void;
@@ -172,6 +174,27 @@ watch(
           </span>
         </q-item>
 
+        <q-item
+          v-if="useCopy"
+          v-close-popup
+          dense
+          clickable
+          class="row q-py-sm"
+          style="white-space: nowrap"
+          :id="`btn-kebab-copy-${idName}`"
+          @click.stop="() => $emit('copy')"
+        >
+          <q-icon
+            size="xs"
+            class="col-3"
+            name="mdi-content-copy"
+            style="color: hsl(var(--teal-5-hsl))"
+          />
+          <span class="col-9 q-px-md flex items-center">
+            {{ $t('general.copy') }}
+          </span>
+        </q-item>
+
         <q-item
           v-if="useCancel"
           v-close-popup
diff --git a/src/i18n/eng.ts b/src/i18n/eng.ts
index 49950acd..e0278ea0 100644
--- a/src/i18n/eng.ts
+++ b/src/i18n/eng.ts
@@ -154,6 +154,8 @@ export default {
     draw: 'Draw',
     newUpload: 'New Upload',
     nativeLanguage: '{msg} Native Language',
+    copy: 'Copy',
+    paste: 'Paste',
   },
 
   menu: {
@@ -1060,6 +1062,10 @@ export default {
       confirmDebitNoteAccept: 'Confirm acceptance of the debit note.',
     },
     message: {
+      copy: 'Copy',
+      warningPaste:
+        'Do you want to replace the data with the newly copied information?',
+      warningCopyEmpty: 'You have not copied any data yet',
       quotationAccept: 'Once accepted, no further modifications can be made',
       beingUse: '"{msg}" is being used.',
       incompleteDataEntry: 'Incomplete data entry on {tap} page',
diff --git a/src/i18n/tha.ts b/src/i18n/tha.ts
index de4bebbd..53c3aac2 100644
--- a/src/i18n/tha.ts
+++ b/src/i18n/tha.ts
@@ -154,6 +154,8 @@ export default {
     draw: 'วาด',
     newUpload: 'อัปโหลดใหม่',
     nativeLanguage: '{msg} ภาษาต้นทาง',
+    copy: 'คัดลอก',
+    paste: 'วาง',
   },
 
   menu: {
@@ -1051,6 +1053,9 @@ export default {
       confirmDebitNoteAccept: 'ยืนยันการตอบรับใบเพิ่มหนี้',
     },
     message: {
+      copy: 'คัดลอก',
+      warningPaste: 'คุณต้องการที่จะเเทนที่ข้อมูลที่คัดลอกมาใหม่ใช่หรือไม่',
+      warningCopyEmpty: 'คุณยังไม่ได้คัดลอกข้อมูล',
       quotationAccept: 'เมื่อตอบรับเเล้วจะไม่สามารถแก้ไขได้อีก',
       beingUse: '"{msg}" มีการใช้งานอยู่',
       incompleteDataEntry: 'กรอกข้อมูลไม่ครบในหน้า {tap}',
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 462e7476..687e2883 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -33,6 +33,7 @@ import {
   SaveButton,
   UndoButton,
   ToggleButton,
+  PasteButton,
 } from 'components/button';
 import TableProduct from 'src/components/04_product-service/TableProduct.vue';
 import PaginationPageSize from 'src/components/PaginationPageSize.vue';
@@ -40,7 +41,7 @@ import PaginationPageSize from 'src/components/PaginationPageSize.vue';
 import useFlowStore from 'stores/flow';
 
 import { dateFormat } from 'src/utils/datetime';
-import { formatNumberDecimal, isRoleInclude } from 'stores/utils';
+import { formatNumberDecimal, isRoleInclude, notify } from 'stores/utils';
 const { getWorkflowTemplate } = useWorkflowTemplate();
 
 import { Status } from 'stores/types';
@@ -67,6 +68,7 @@ import {
 } from 'src/stores/workflow-template/types';
 import { useWorkflowTemplate } from 'src/stores/workflow-template';
 import { deepEquals } from 'src/utils/arr';
+import { toRaw } from 'vue';
 
 const flowStore = useFlowStore();
 const navigatorStore = useNavigator();
@@ -98,6 +100,10 @@ const {
   deleteWork,
 } = productServiceStore;
 
+const currentCopy = ref<{
+  id: string | undefined;
+  type: 'service' | 'product';
+}>();
 const { workNameItems } = storeToRefs(productServiceStore);
 const allStat = ref<{ mode: string; count: number }[]>([]);
 const stat = ref<
@@ -1831,6 +1837,67 @@ function handleSubmitSameWorkflow() {
   );
 }
 
+async function paste() {
+  if (
+    !!currentCopy.value &&
+    currentCopy.value.type === 'service' &&
+    !!currentCopy.value.id
+  )
+    dialogWarningClose(t, {
+      message: t('dialog.message.warningPaste'),
+      action: async () => {
+        const res = await fetchListServiceById(currentCopy.value.id);
+        if (res) {
+          formService.value = {
+            code: res.code,
+            name: res.name,
+            detail: res.detail,
+            attributes: res.attributes,
+            work: res.work.map((v) => ({
+              id: v.id,
+              name: v.name,
+              attributes: v.attributes,
+              product: v.productOnWork.map((productOnWorkItem) => ({
+                id: productOnWorkItem.product.id,
+                installmentNo: productOnWorkItem.installmentNo,
+                stepCount: productOnWorkItem.stepCount,
+              })),
+            })),
+            status: res.status,
+            productGroupId: res.productGroupId,
+            selectedImage: res.selectedImage,
+            installments: res.installments,
+          };
+
+          workItems.value = res.work.map((item) => {
+            return {
+              id: item.id,
+              name: item.name,
+              attributes: item.attributes,
+              product: item.productOnWork.map((productOnWorkItem) => {
+                return {
+                  ...productOnWorkItem.product,
+                  nameEn: productOnWorkItem.product.name,
+                  installmentNo: productOnWorkItem.installmentNo,
+                };
+              }),
+            };
+          });
+        }
+      },
+    });
+  else {
+    dialog({
+      color: 'warning',
+      icon: 'mdi-alert',
+      title: t('form.warning.title'),
+      actionText: t('dialog.action.ok'),
+      message: t('dialog.message.warningCopyEmpty'),
+      action: async () => {},
+    });
+  }
+}
+
 watch(
   () => formService.value.attributes.workflowId,
   async (a, b) => {
@@ -3127,8 +3194,18 @@ watch(
                               "
                             />
                             <KebabAction
+                              :use-copy="productAndServiceTab === 'service'"
                               :status="props.row.status"
                               :id-name="props.row.name"
+                              @copy="
+                                () => {
+                                  notify('create', $t('dialog.message.copy'));
+                                  currentCopy = {
+                                    id: props.row.id,
+                                    type: productAndServiceTab,
+                                  };
+                                }
+                              "
                               @view="
                                 async () => {
                                   if (props.row.type === 'product') {
@@ -4422,6 +4499,11 @@ watch(
               @click="serviceTreeView = false"
             />
           </div>
+          <PasteButton
+            id="btn-info-basic-paste"
+            icon-only
+            @click="() => paste()"
+          />
           <SaveButton id="btn-info-basic-save" icon-only type="submit" />
         </div>
 

From 08b0dcbce082710068aa65c8b8cb73d96bc329a7 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Apr 2025 13:53:14 +0700
Subject: [PATCH 19/61] feat: add new translations for date range and document
 status

---
 src/i18n/eng.ts | 18 ++++++++++++++++++
 src/i18n/tha.ts | 18 ++++++++++++++++++
 2 files changed, 36 insertions(+)

diff --git a/src/i18n/eng.ts b/src/i18n/eng.ts
index e0278ea0..00d10ae3 100644
--- a/src/i18n/eng.ts
+++ b/src/i18n/eng.ts
@@ -156,6 +156,9 @@ export default {
     nativeLanguage: '{msg} Native Language',
     copy: 'Copy',
     paste: 'Paste',
+    period: 'Period',
+    documentStatus: 'Document Status',
+    advanceSearch: 'Advance Search',
   },
 
   menu: {
@@ -1486,4 +1489,19 @@ export default {
       type: 'Type',
     },
   },
+
+  dateRange: {
+    today: 'Today',
+    yesterday: 'Yesterday',
+    thisWeek: 'This Week',
+    lastWeek: 'Last Week',
+    thisMonth: 'This Month',
+    lastMonth: 'Last Month',
+    thisYear: 'This Year',
+    lastYear: 'Last Year',
+    last7Days: 'Last 7 Days',
+    last30Days: 'Last 30 Days',
+    last90Days: 'Last 90 Days',
+    customDateRange: 'Custom Date Range',
+  },
 };
diff --git a/src/i18n/tha.ts b/src/i18n/tha.ts
index 53c3aac2..3e590956 100644
--- a/src/i18n/tha.ts
+++ b/src/i18n/tha.ts
@@ -156,6 +156,9 @@ export default {
     nativeLanguage: '{msg} ภาษาต้นทาง',
     copy: 'คัดลอก',
     paste: 'วาง',
+    period: 'ช่วงเวลา',
+    documentStatus: 'สถานะเอกสาร',
+    advanceSearch: 'ค้นหาขั้นสูง',
   },
 
   menu: {
@@ -1474,4 +1477,19 @@ export default {
       type: 'ประเภท',
     },
   },
+
+  dateRange: {
+    today: 'วันนี้',
+    yesterday: 'เมื่อวานนี้',
+    thisWeek: 'สัปดาห์นี้',
+    lastWeek: 'สัปดาห์ที่แล้ว',
+    thisMonth: 'เดือนนี้',
+    lastMonth: 'เดือนที่แล้ว',
+    thisYear: 'ปีนี้',
+    lastYear: 'ปีที่แล้ว',
+    last7Days: '7 วันที่ผ่านมา',
+    last30Days: '30 วันที่ผ่านมา',
+    last90Days: '90 วันที่ผ่านมา',
+    customDateRange: 'กำหนดช่วงวันที่เอง',
+  },
 };

From 4e86a90b0e9aa10124aa5f4cfffd6df19bbb544f Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Apr 2025 13:53:36 +0700
Subject: [PATCH 20/61] feat: add AdvanceSearch component for date range
 selection

---
 src/components/shared/AdvanceSearch.vue | 188 ++++++++++++++++++++++++
 1 file changed, 188 insertions(+)
 create mode 100644 src/components/shared/AdvanceSearch.vue

diff --git a/src/components/shared/AdvanceSearch.vue b/src/components/shared/AdvanceSearch.vue
new file mode 100644
index 00000000..9557fc67
--- /dev/null
+++ b/src/components/shared/AdvanceSearch.vue
@@ -0,0 +1,188 @@
+<script lang="ts" setup>
+import { ref, watch } from 'vue';
+import { dateFormatJS } from 'src/utils/datetime';
+import SelectInput from './SelectInput.vue';
+import VueDatePicker from '@vuepic/vue-datepicker';
+import dayjs from 'dayjs';
+
+defineProps<{
+  active?: boolean;
+}>();
+
+const date = defineModel<Date[]>();
+
+const dateRange = ref<string>('');
+const isDateSelect = ref(false);
+
+function mapDateRange(val: string) {
+  const today = dayjs();
+  let start: dayjs.Dayjs, end: dayjs.Dayjs;
+
+  switch (val) {
+    case 'toDay':
+      start = today.startOf('day');
+      end = today.endOf('day');
+      break;
+    case 'yesterday':
+      start = today.subtract(1, 'day').startOf('day');
+      end = today.subtract(1, 'day').endOf('day');
+      break;
+    case 'thisWeek':
+      start = today.startOf('week');
+      end = today.endOf('week');
+      break;
+    case 'lastWeek':
+      start = today.subtract(1, 'week').startOf('week');
+      end = today.subtract(1, 'week').endOf('week');
+      break;
+    case 'thisMonth':
+      start = today.startOf('month');
+      end = today.endOf('month');
+      break;
+    case 'lastMonth':
+      start = today.subtract(1, 'month').startOf('month');
+      end = today.subtract(1, 'month').endOf('month');
+      break;
+    case 'thisYear':
+      start = today.startOf('year');
+      end = today.endOf('year');
+      break;
+    case 'lastYear':
+      start = today.subtract(1, 'year').startOf('year');
+      end = today.subtract(1, 'year').endOf('year');
+      break;
+    case 'last7Days':
+      start = today.subtract(6, 'day').startOf('day');
+      end = today.endOf('day');
+      break;
+    case 'last30Days':
+      start = today.subtract(29, 'day').startOf('day');
+      end = today.endOf('day');
+      break;
+    case 'last90Days':
+      start = today.subtract(89, 'day').startOf('day');
+      end = today.endOf('day');
+      break;
+    case 'customDateRange':
+      // Do nothing or allow manual date picking
+      return;
+    default:
+      return;
+  }
+
+  return [start.toDate(), end.toDate()];
+}
+
+watch(
+  () => dateRange.value,
+  () => {
+    if (!dateRange.value) return;
+    date.value = mapDateRange(dateRange.value);
+  },
+);
+
+watch(
+  () => date.value,
+  () => {
+    if (date.value && date.value.length === 0) dateRange.value = '';
+  },
+);
+</script>
+<template>
+  <q-btn
+    size="xs"
+    round
+    dense
+    unelevated
+    icon="mdi-tune-variant"
+    :flat="active ? false : !dateRange"
+    :color="active || dateRange ? 'info' : undefined"
+  >
+    <q-menu
+      :offset="[5, 10]"
+      max-width="300px"
+      class="bordered"
+      :persistent="isDateSelect"
+    >
+      <div class="q-pa-sm">
+        <div class="text-weight-medium">
+          {{ $t('general.advanceSearch') }}
+        </div>
+        <SelectInput
+          v-model="dateRange"
+          :label="$t('general.period')"
+          :option="[
+            { label: $t('dateRange.today'), value: 'toDay' },
+            { label: $t('dateRange.yesterday'), value: 'yesterday' },
+            { label: $t('dateRange.thisWeek'), value: 'thisWeek' },
+            { label: $t('dateRange.lastWeek'), value: 'lastWeek' },
+            { label: $t('dateRange.thisMonth'), value: 'thisMonth' },
+            { label: $t('dateRange.lastMonth'), value: 'lastMonth' },
+            { label: $t('dateRange.thisYear'), value: 'thisYear' },
+            { label: $t('dateRange.lastYear'), value: 'lastYear' },
+            { label: $t('dateRange.last7Days'), value: 'last7Days' },
+            { label: $t('dateRange.last30Days'), value: 'last30Days' },
+            { label: $t('dateRange.last90Days'), value: 'last90Days' },
+            {
+              label: $t('dateRange.customDateRange'),
+              value: 'customDateRange',
+            },
+          ]"
+          clearable
+          @clear="() => (date = [])"
+        />
+
+        <VueDatePicker
+          v-if="dateRange === 'customDateRange'"
+          utc
+          range
+          teleport
+          auto-apply
+          for="select-date-range"
+          class="q-mt-sm"
+          v-model="date"
+          :dark="$q.dark.isActive"
+          :locale="$i18n.locale === 'tha' ? 'th' : 'en'"
+          @open="() => (isDateSelect = true)"
+          @closed="() => (isDateSelect = false)"
+        >
+          <template #trigger>
+            <q-input
+              placeholder="DD/MM/YYYY"
+              hide-bottom-space
+              dense
+              outlined
+              for="select-date-range"
+              :model-value="
+                date
+                  ? dateFormatJS({ date: date[0] }) +
+                    '  -  ' +
+                    dateFormatJS({ date: date[1] })
+                  : ''
+              "
+            >
+              <template #prepend>
+                <q-icon name="mdi-calendar-outline" class="app-text-muted" />
+              </template>
+              <q-tooltip>
+                {{
+                  date
+                    ? dateFormatJS({ date: date[0] }) +
+                      '  -  ' +
+                      dateFormatJS({ date: date[1] })
+                    : ''
+                }}
+              </q-tooltip>
+            </q-input>
+          </template>
+        </VueDatePicker>
+
+        <slot></slot>
+        <!-- <SelectInput :label="$t('general.documentStatus')" :option="[]" /> -->
+      </div>
+    </q-menu>
+    <q-tooltip v-if="$q.screen.gt.sm">
+      {{ $t('general.advanceSearch') }}
+    </q-tooltip>
+  </q-btn>
+</template>

From e189b9a88045c92174fc9214dc6cfec6a8778670 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Apr 2025 14:15:04 +0700
Subject: [PATCH 21/61] feat: conditionally render file input based on user
 type

---
 src/components/02_personnel-management/FormByType.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/02_personnel-management/FormByType.vue b/src/components/02_personnel-management/FormByType.vue
index 114fd1b9..7f850999 100644
--- a/src/components/02_personnel-management/FormByType.vue
+++ b/src/components/02_personnel-management/FormByType.vue
@@ -261,6 +261,7 @@ function deleteFile(name: string) {
       </div>
 
       <q-file
+        v-if="userType"
         ref="attachmentRef"
         for="input-attachment"
         :dense="dense"

From 145784ee401a0cea126be5c3108cf79b645e022f Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Apr 2025 14:25:46 +0700
Subject: [PATCH 22/61] feat: add contact name and contact tel fields to user
 types and forms

---
 .../02_personnel-management/FormPerson.vue    | 317 +++++-------------
 .../FormBasicInfoAgencies.vue                 |   2 +-
 src/components/shared/SelectInput.vue         |   3 +-
 src/i18n/eng.ts                               |  20 +-
 src/i18n/tha.ts                               |   2 +
 .../02_personnel-management/MainPage.vue      |  12 +
 src/stores/user/types.ts                      |   6 +-
 7 files changed, 116 insertions(+), 246 deletions(-)

diff --git a/src/components/02_personnel-management/FormPerson.vue b/src/components/02_personnel-management/FormPerson.vue
index 0204bb47..17debb1e 100644
--- a/src/components/02_personnel-management/FormPerson.vue
+++ b/src/components/02_personnel-management/FormPerson.vue
@@ -1,10 +1,8 @@
 <script setup lang="ts">
-import { QSelect } from 'quasar';
 import useOptionStore from 'stores/options';
-import { selectFilterOptionRefMod } from 'stores/utils';
 import { calculateAge, disabledAfterToday } from 'src/utils/datetime';
-import { ref, onMounted, watch } from 'vue';
-import { capitalize } from 'vue';
+import { watch } from 'vue';
+import SelectInput from '../shared/SelectInput.vue';
 import DatePicker from '../shared/DatePicker.vue';
 
 const optionStore = useOptionStore();
@@ -23,6 +21,8 @@ const midNameEN = defineModel<string | null>('midNameEn');
 const citizenId = defineModel<string>('citizenId');
 const citizenIssue = defineModel<Date | null>('citizenIssue');
 const citizenExpire = defineModel<Date | null>('citizenExpire');
+const contactName = defineModel<string>('contactName');
+const contactTel = defineModel<string>('contactTel');
 
 const props = defineProps<{
   dense?: boolean;
@@ -30,94 +30,19 @@ const props = defineProps<{
   readonly?: boolean;
   separator?: boolean;
   employee?: boolean;
+  agency?: boolean;
   title?: string;
   prefixId: string;
   hideNameEn?: boolean;
 }>();
 
-const prefixNameOptions = ref<Record<string, unknown>[]>([]);
-let prefixNameFilter: (
-  value: string,
-  update: (callbackFn: () => void, afterFn?: (ref: QSelect) => void) => void,
-) => void;
-
-const prefixNameOptionsEn = ref<Record<string, unknown>[]>([]);
-let prefixNameFilterEn: (
-  value: string,
-  update: (callbackFn: () => void, afterFn?: (ref: QSelect) => void) => void,
-) => void;
-
-const genderOptions = ref<Record<string, unknown>[]>([]);
-let genderFilter: (
-  value: string,
-  update: (callbackFn: () => void, afterFn?: (ref: QSelect) => void) => void,
-) => void;
-
-const nationalityOptions = ref<Record<string, unknown>[]>([]);
-let nationalityFilter: (
-  value: string,
-  update: (callbackFn: () => void, afterFn?: (ref: QSelect) => void) => void,
-) => void;
-
-function matPreFixName() {
+function matchPreFixName() {
   if (gender.value === 'male') prefixName.value = 'mr';
   if (gender.value === 'female' && prefixName.value === 'mr') {
     prefixName.value = 'mrs';
   }
 }
 
-onMounted(() => {
-  prefixNameFilter = selectFilterOptionRefMod(
-    ref(optionStore.globalOption?.prefix),
-    prefixNameOptions,
-    'label',
-  );
-
-  prefixNameFilterEn = selectFilterOptionRefMod(
-    ref(optionStore.rawOption?.eng.prefix),
-    prefixNameOptionsEn,
-    'label',
-  );
-
-  genderFilter = selectFilterOptionRefMod(
-    ref(optionStore.globalOption?.gender),
-    genderOptions,
-    'label',
-  );
-  nationalityFilter = selectFilterOptionRefMod(
-    ref(optionStore.globalOption?.nationality),
-    nationalityOptions,
-    'label',
-  );
-});
-
-watch(
-  () => optionStore.globalOption,
-  () => {
-    prefixNameFilter = selectFilterOptionRefMod(
-      ref(optionStore.globalOption.prefix),
-      prefixNameOptions,
-      'label',
-    );
-    genderFilter = selectFilterOptionRefMod(
-      ref(optionStore.globalOption.gender),
-      genderOptions,
-      'label',
-    );
-    nationalityFilter = selectFilterOptionRefMod(
-      ref(optionStore.globalOption.nationality),
-      nationalityOptions,
-      'label',
-    );
-
-    prefixNameFilterEn = selectFilterOptionRefMod(
-      ref(optionStore.rawOption?.eng.prefix),
-      prefixNameOptionsEn,
-      'label',
-    );
-  },
-);
-
 watch(
   () => prefixName.value,
   (v) => {
@@ -131,7 +56,7 @@ watch(
   () => gender.value,
   () => {
     if (props.readonly) return;
-    matPreFixName();
+    matchPreFixName();
   },
 );
 </script>
@@ -171,41 +96,17 @@ watch(
         for="input-citizen-id"
       />
       <div class="col-12 row" style="display: flex; gap: var(--size-2)">
-        <q-select
-          outlined
-          use-input
-          fill-input
-          emit-value
-          map-options
-          hide-selected
-          hide-bottom-space
-          input-debounce="0"
-          option-label="label"
-          option-value="value"
+        <SelectInput
           hide-dropdown-icon
-          autocomplete="off"
-          class="col-md-1 col-6"
-          :dense="dense"
-          :readonly="readonly"
-          :options="prefixNameOptions"
+          :readonly
+          :option="optionStore.globalOption?.prefix"
+          :id="`${prefixId}-select-prefix-name`"
           :for="`${prefixId}-select-prefix-name`"
-          :label="$t('personnel.form.prefixName')"
-          @filter="prefixNameFilter"
-          :model-value="readonly ? prefixName || '-' : prefixName"
-          @update:model-value="
-            (v) => (typeof v === 'string' ? (prefixName = v) : '')
-          "
-          @clear="prefixName = ''"
           :rules="[(val: string) => !!val || $t('form.error.required')]"
-        >
-          <template v-slot:no-option>
-            <q-item>
-              <q-item-section class="text-grey">
-                {{ $t('general.noData') }}
-              </q-item-section>
-            </q-item>
-          </template>
-        </q-select>
+          :label="$t('personnel.form.prefixName')"
+          class="col-md-1 col-6"
+          v-model="prefixName"
+        />
 
         <q-input
           :for="`${prefixId}-input-first-name`"
@@ -217,7 +118,7 @@ watch(
           :label="$t('personnel.form.firstName')"
           v-model="firstName"
           :rules="
-            employee
+            employee || agency
               ? []
               : [(val: string) => !!val || $t('form.error.required')]
           "
@@ -255,41 +156,17 @@ watch(
         class="col-12 row"
         style="display: flex; gap: var(--size-2)"
       >
-        <q-select
-          outlined
-          use-input
-          fill-input
-          emit-value
-          map-options
-          hide-selected
-          hide-bottom-space
-          input-debounce="0"
-          option-label="label"
-          option-value="value"
+        <SelectInput
           hide-dropdown-icon
-          autocomplete="off"
-          class="col-md-1 col-6"
-          :dense="dense"
-          :readonly="readonly"
-          :options="prefixNameOptionsEn"
+          :readonly
+          :option="optionStore.rawOption?.eng.prefix"
+          :id="`${prefixId}-select-prefix-name-en`"
           :for="`${prefixId}-select-prefix-name-en`"
-          label="Prefix"
-          @filter="prefixNameFilter"
-          :model-value="readonly ? prefixName || '-' : prefixName"
-          @update:model-value="
-            (v) => (typeof v === 'string' ? (prefixName = v) : '')
-          "
-          @clear="prefixName = ''"
           :rules="[(val: string) => !!val || $t('form.error.required')]"
-        >
-          <template v-slot:no-option>
-            <q-item>
-              <q-item-section class="text-grey">
-                {{ $t('general.noData') }}
-              </q-item-section>
-            </q-item>
-          </template>
-        </q-select>
+          :label="$t('personnel.form.prefixName')"
+          class="col-md-1 col-6"
+          v-model="prefixName"
+        />
 
         <q-input
           :for="`${prefixId}-input-first-name-en`"
@@ -405,39 +282,16 @@ watch(
         </template>
       </q-input>
 
-      <q-select
+      <SelectInput
         v-if="!employee"
-        outlined
-        use-input
-        fill-input
-        emit-value
-        map-options
-        hide-selected
-        hide-bottom-space
-        input-debounce="0"
-        option-label="label"
-        option-value="value"
-        autocomplete="off"
-        class="col-md-2 col-6"
-        :dense="dense"
-        :readonly="readonly"
-        :options="genderOptions"
-        :hide-dropdown-icon="readonly"
+        :readonly
+        :option="optionStore.globalOption?.gender"
+        :id="`${prefixId}-select-gender`"
         :for="`${prefixId}-select-gender`"
         :label="$t('form.gender')"
-        @filter="genderFilter"
-        :model-value="readonly ? gender || '-' : gender"
-        @update:model-value="(v) => (typeof v === 'string' ? (gender = v) : '')"
-        @clear="gender = ''"
-      >
-        <template v-slot:no-option>
-          <q-item>
-            <q-item-section class="text-grey">
-              {{ $t('general.noData') }}
-            </q-item-section>
-          </q-item>
-        </template>
-      </q-select>
+        class="col-md-2 col-6"
+        v-model="gender"
+      />
 
       <DatePicker
         v-model="birthDate"
@@ -514,70 +368,67 @@ watch(
         "
       />
 
-      <q-select
+      <SelectInput
         v-if="employee"
-        outlined
-        clearable
-        use-input
-        fill-input
-        emit-value
-        map-options
-        hide-selected
-        autocomplete="off"
-        hide-bottom-space
-        input-debounce="0"
-        option-label="label"
-        option-value="value"
-        class="col-md-2 col-6"
-        :dense="dense"
-        v-model="gender"
-        :readonly="readonly"
-        :options="genderOptions"
-        :hide-dropdown-icon="readonly"
+        :readonly
+        :option="optionStore.globalOption?.gender"
+        :id="`${prefixId}-select-gender`"
         :for="`${prefixId}-select-gender`"
         :label="$t('form.gender')"
-        @filter="genderFilter"
-      >
-        <template v-slot:no-option>
-          <q-item>
-            <q-item-section class="text-grey">
-              {{ $t('general.noData') }}
-            </q-item-section>
-          </q-item>
-        </template>
-      </q-select>
-      <q-select
-        v-if="employee"
-        outlined
-        clearable
-        use-input
-        fill-input
-        emit-value
-        map-options
-        hide-selected
-        hide-bottom-space
-        autocomplete="off"
-        input-debounce="0"
-        option-label="label"
-        option-value="value"
-        v-model="nationality"
         class="col-md-2 col-6"
-        :dense="dense"
-        :readonly="readonly"
-        :options="nationalityOptions"
-        :hide-dropdown-icon="readonly"
+        v-model="gender"
+      />
+      <SelectInput
+        v-if="employee"
+        :readonly
+        :option="optionStore.globalOption.nationality"
+        :id="`${prefixId}-select-nationality`"
         :for="`${prefixId}-select-nationality`"
         :label="$t('general.nationality')"
-        @filter="nationalityFilter"
+        class="col-md-2 col-6"
+        v-model="nationality"
+        clearable
+      />
+
+      <q-input
+        v-if="agency"
+        for="input-agencies-contact-name"
+        dense
+        outlined
+        :readonly="readonly"
+        hide-bottom-space
+        class="col-md-4 col-12"
+        :label="$t('personnel.form.contactName')"
+        :model-value="readonly ? contactName || '-' : contactName"
+        @update:model-value="
+          (v) => (typeof v === 'string' ? (contactName = v) : '')
+        "
+      />
+
+      <q-input
+        v-if="agency"
+        for="input-agencies-contact-tel"
+        id="input-agencies-contact-tel"
+        dense
+        outlined
+        :readonly="readonly"
+        hide-bottom-space
+        class="col-md-4 col-12"
+        :label="$t('personnel.form.contactTel')"
+        :model-value="readonly ? contactTel || '-' : contactTel"
+        @update:model-value="
+          (v) => (typeof v === 'string' ? (contactTel = v) : '')
+        "
       >
-        <template v-slot:no-option>
-          <q-item>
-            <q-item-section class="text-grey">
-              {{ $t('general.noData') }}
-            </q-item-section>
-          </q-item>
+        <template #prepend>
+          <q-icon
+            size="xs"
+            name="mdi-phone-outline"
+            class="cursor-pointer"
+            color="primary"
+          />
         </template>
-      </q-select>
+      </q-input>
     </div>
   </div>
 </template>
diff --git a/src/components/07_agencies-management/FormBasicInfoAgencies.vue b/src/components/07_agencies-management/FormBasicInfoAgencies.vue
index f01bed38..7f3f3c5d 100644
--- a/src/components/07_agencies-management/FormBasicInfoAgencies.vue
+++ b/src/components/07_agencies-management/FormBasicInfoAgencies.vue
@@ -133,7 +133,7 @@ type Options = { label: string; value: string };
         :readonly="readonly"
         hide-bottom-space
         class="col-md-4 col-12"
-        :label="$t('form.telephone')"
+        :label="$t('agencies.contactTel')"
         :model-value="readonly ? contactTel || '-' : contactTel"
         @update:model-value="
           (v) => (typeof v === 'string' ? (contactTel = v) : '')
diff --git a/src/components/shared/SelectInput.vue b/src/components/shared/SelectInput.vue
index d3317e79..ff7403d4 100644
--- a/src/components/shared/SelectInput.vue
+++ b/src/components/shared/SelectInput.vue
@@ -28,6 +28,7 @@ const props = withDefaults(
     disable?: boolean;
     multiple?: boolean;
     hideInput?: boolean;
+    hideDropdownIcon?: boolean;
 
     rules?: ((value: string) => string | true)[];
   }>(),
@@ -82,7 +83,7 @@ watch(
     :hide-selected
     hide-bottom-space
     :fill-input="fillInput && !!model"
-    :hide-dropdown-icon="readonly"
+    :hide-dropdown-icon="readonly || hideDropdownIcon"
     input-debounce="500"
     :option-value="
       typeof props.optionValue === 'string' ? props.optionValue : 'value'
diff --git a/src/i18n/eng.ts b/src/i18n/eng.ts
index 00d10ae3..2cccdd38 100644
--- a/src/i18n/eng.ts
+++ b/src/i18n/eng.ts
@@ -60,7 +60,7 @@ export default {
     branchStatus: 'Branch Status',
     success: 'Success',
     taxNo: 'Legal Person',
-    contactName: 'Contact Name',
+    contactName: 'Contact Person',
     image: 'Image of ',
     apply: 'Apply',
     licenseNumber: 'License number',
@@ -382,7 +382,7 @@ export default {
       branchLabel: 'Branch',
       branchHQLabel: 'Headoffice',
       taxNo: 'Legal Person',
-      contactName: 'Contact Name',
+      contactName: 'Contact Person',
     },
     page: {
       captionManage: 'Manage',
@@ -403,8 +403,8 @@ export default {
       code: 'Headoffice Code',
       codeBranch: 'Branch Code',
       taxNo: 'Tax Identification Number',
-      contactName: 'Contact Name',
-      contactTelephone: 'Contact Telephone',
+      contactName: 'Contact Person',
+      contactTelephone: 'Contact Number',
       branchName: 'Branch Name',
       branchNameEN: 'Branch Name (EN)',
       servicePointName: 'Service Point Name',
@@ -469,6 +469,8 @@ export default {
       normal: 'Normal',
       canceled: 'Canceled',
       blacklist: 'Black list',
+      contactName: 'Contact Person',
+      contactTel: 'Contact Number',
     },
   },
   customer: {
@@ -560,7 +562,7 @@ export default {
       jobPosition: 'Job Position',
       address: 'Address',
       workPlace: 'Workplace',
-      contactName: 'Contact Name',
+      contactName: 'Contact Person',
       contactPhone: 'Contact Phone',
       totalEmployee: 'Total Employee',
       officeTel: 'Headoffice Telephone',
@@ -798,7 +800,7 @@ export default {
     employee: 'Employee',
     employeeName: 'Full Name',
     workName: 'Work Name',
-    contactName: 'Contact Name',
+    contactName: 'Contact Person',
     documentReceivePoint: 'Document Drop-Off Point"',
     dueDate: 'Quotation Due Date',
     specialCondition: 'Special Conditions',
@@ -916,8 +918,8 @@ export default {
     code: 'Agencies Code',
     group: 'Agencies Group',
     name: 'Agencies Name',
-    contactName: 'Contact Name',
-    contactTel: 'Contact Telephone',
+    contactName: 'Contact Person',
+    contactTel: 'Contact Number',
     bankInfo: 'Bank Information',
   },
 
@@ -1006,7 +1008,7 @@ export default {
     issueBranch: 'Issue Branch',
     issueDate: 'Issue Date',
     madeBy: 'Made By',
-    contactName: 'Contact Name',
+    contactName: 'Contact Person',
     workOrderCode: 'Work Order Code',
     workOrderName: 'Work Order Name',
     telephone: 'Telephone',
diff --git a/src/i18n/tha.ts b/src/i18n/tha.ts
index 3e590956..d903e79e 100644
--- a/src/i18n/tha.ts
+++ b/src/i18n/tha.ts
@@ -465,6 +465,8 @@ export default {
       normal: 'ปกติ',
       canceled: 'ยกเลิก',
       blacklist: 'แบล็คลิสต์',
+      contactName: 'ชื่อผู้ติดต่อ',
+      contactTel: 'เบอร์โทรศัพท์ผู้ติดต่อ',
     },
   },
   customer: {
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index f71b2ec1..b7c152d1 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -151,6 +151,8 @@ const defaultFormData = {
   citizenExpire: null,
   citizenIssue: null,
   citizenId: '',
+  contactName: '',
+  contactTel: '',
   remark: '',
   agencyStatus: '',
 };
@@ -201,6 +203,8 @@ const formData = ref<UserCreate>({
   citizenExpire: null,
   citizenIssue: null,
   citizenId: '',
+  contactName: '',
+  contactTel: '',
   remark: '',
   agencyStatus: '',
 });
@@ -590,6 +594,8 @@ async function assignFormData(idEdit: string) {
       responsibleArea: foundUser.responsibleArea,
       status: foundUser.status,
       selectedImage: foundUser.selectedImage,
+      contactName: foundUser.contactName,
+      contactTel: foundUser.contactTel,
       licenseExpireDate:
         (foundUser.licenseExpireDate &&
           new Date(foundUser.licenseExpireDate)) ||
@@ -1752,12 +1758,15 @@ watch(
               v-model:citizen-id="formData.citizenId"
               v-model:citizen-issue="formData.citizenIssue"
               v-model:citizen-expire="formData.citizenExpire"
+              v-model:contact-name="formData.contactName"
+              v-model:contact-tel="formData.contactTel"
               :title="'personnel.form.personalInformation'"
               prefix-id="drawer-info-personnel"
               dense
               outlined
               separator
               :readonly="!infoDrawerEdit"
+              :agency="formData.userType === 'AGENCY'"
               class="q-mb-xl"
             />
 
@@ -1967,6 +1976,7 @@ watch(
             id="dialog-form-personal"
             prefix-id="form-dialog-personnel"
             dense
+            :agency="formData.userType === 'AGENCY'"
             outlined
             separator
             :title="'personnel.form.personalInformation'"
@@ -1985,6 +1995,8 @@ watch(
             v-model:citizen-id="formData.citizenId"
             v-model:citizen-issue="formData.citizenIssue"
             v-model:citizen-expire="formData.citizenExpire"
+            v-model:contact-name="formData.contactName"
+            v-model:contact-tel="formData.contactTel"
             class="q-mb-xl"
           />
           <AddressForm
diff --git a/src/stores/user/types.ts b/src/stores/user/types.ts
index bb0395a9..28dcfc8b 100644
--- a/src/stores/user/types.ts
+++ b/src/stores/user/types.ts
@@ -57,7 +57,8 @@ export type User = {
   citizenIssue?: Date | null;
   citizenId: string;
   branch: Branch[];
-
+  contactName?: string;
+  contactTel?: string;
   remark?: string;
   agencyStatus?: AgencyStatus;
 };
@@ -108,7 +109,8 @@ export type UserCreate = {
   citizenExpire?: Date | null;
   citizenIssue?: Date | null;
   citizenId: string;
-
+  contactName?: string;
+  contactTel?: string;
   remark?: string;
   agencyStatus?: AgencyStatus | string;
 };

From 550ed55de0ba054e7278bf4afe2b191fe2e2a807 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Thu, 17 Apr 2025 15:02:22 +0700
Subject: [PATCH 23/61] refactor: show all product and add column status and
 edit format remark

---
 src/i18n/eng.ts                               |  1 +
 src/i18n/tha.ts                               |  1 +
 src/pages/09_task-order/constants.ts          |  6 +++
 .../expansion/ProductExpansion.vue            | 43 +++++++++++++++++--
 .../09_task-order/order_view/MainPage.vue     | 43 ++++++++++++++-----
 src/stores/task-order/types.ts                |  2 +
 src/utils/string-template.ts                  | 12 +++++-
 7 files changed, 92 insertions(+), 16 deletions(-)

diff --git a/src/i18n/eng.ts b/src/i18n/eng.ts
index 2cccdd38..fd4edc0e 100644
--- a/src/i18n/eng.ts
+++ b/src/i18n/eng.ts
@@ -159,6 +159,7 @@ export default {
     period: 'Period',
     documentStatus: 'Document Status',
     advanceSearch: 'Advance Search',
+    totalPeople: '{meg} people',
   },
 
   menu: {
diff --git a/src/i18n/tha.ts b/src/i18n/tha.ts
index d903e79e..fe0045bb 100644
--- a/src/i18n/tha.ts
+++ b/src/i18n/tha.ts
@@ -159,6 +159,7 @@ export default {
     period: 'ช่วงเวลา',
     documentStatus: 'สถานะเอกสาร',
     advanceSearch: 'ค้นหาขั้นสูง',
+    totalPeople: '{meg} คน',
   },
 
   menu: {
diff --git a/src/pages/09_task-order/constants.ts b/src/pages/09_task-order/constants.ts
index d497cef2..21257dad 100644
--- a/src/pages/09_task-order/constants.ts
+++ b/src/pages/09_task-order/constants.ts
@@ -227,6 +227,12 @@ export const productColumn = [
     label: 'taskOrder.productList',
     field: 'productList',
   },
+  {
+    name: 'status',
+    align: 'center',
+    label: 'general.status',
+    field: 'status',
+  },
   {
     name: 'amountOfEmployee',
     align: 'center',
diff --git a/src/pages/09_task-order/expansion/ProductExpansion.vue b/src/pages/09_task-order/expansion/ProductExpansion.vue
index f5f059f6..97a1f3bc 100644
--- a/src/pages/09_task-order/expansion/ProductExpansion.vue
+++ b/src/pages/09_task-order/expansion/ProductExpansion.vue
@@ -11,6 +11,8 @@ import { baseUrl, formatNumberDecimal, commaInput } from 'src/stores/utils';
 import { precisionRound } from 'src/utils/arithmetic';
 import { useConfigStore } from 'stores/config';
 import { storeToRefs } from 'pinia';
+import BadgeComponent from 'src/components/BadgeComponent.vue';
+import { TaskStatus } from 'src/stores/task-order/types';
 
 const currentBtnOpen = ref<boolean[]>([]);
 const configStore = useConfigStore();
@@ -30,7 +32,10 @@ const props = defineProps<{
   readonly?: boolean;
   agentPrice?: boolean;
   taskList: {
-    product: RequestWork['productService']['product'];
+    product: RequestWork['productService']['product'] & {
+      taskStatus?: TaskStatus;
+      totalNotStatusComplete?: number;
+    };
     list: RequestWork[];
   }[];
   creditNote?: boolean;
@@ -111,6 +116,26 @@ function calcPrice(
 
   return precisionRound(priceNoVat * amount + rawVatTotal);
 }
+
+function taskOrderStatus(value: TaskStatus) {
+  if ([TaskStatus.Pending].includes(value)) {
+    return '--blue-6-hsl';
+  }
+  if ([TaskStatus.InProgress, TaskStatus.Validate].includes(value)) {
+    return '--orange-5-hsl';
+  }
+  if (
+    [
+      TaskStatus.Canceled,
+      TaskStatus.Restart,
+      TaskStatus.Redo,
+      TaskStatus.Failed,
+    ].includes(value)
+  ) {
+    return '--red-5-hsl';
+  }
+  return '--green-8-hsl';
+}
 </script>
 <template>
   <q-expansion-item
@@ -144,7 +169,8 @@ function calcPrice(
                 (v) =>
                   v.name !== 'discount' &&
                   v.name !== 'priceBeforeVat' &&
-                  v.name !== 'vat',
+                  v.name !== 'vat' &&
+                  v.name !== 'status',
               )
             : productColumn
         "
@@ -173,7 +199,10 @@ function calcPrice(
         <template
           v-slot:body="props: {
             row: {
-              product: RequestWork['productService']['product'];
+              product: RequestWork['productService']['product'] & {
+                taskStatus?: TaskStatus;
+                totalNotStatusComplete?: number;
+              };
               list: RequestWork[];
             };
           } & Omit<Parameters<QTableSlots['body']>[0], 'row'>"
@@ -203,6 +232,14 @@ function calcPrice(
               </q-avatar>
               {{ props.row.product.name }}
             </q-td>
+            <q-td class="text-left" v-if="!creditNote">
+              <BadgeComponent
+                hide-icon
+                :hsla-color="taskOrderStatus(props.row.product.taskStatus)"
+                :title="`${$t(`taskOrder.status.${props.row.product.taskStatus}`)} ${!!props.row.product.totalNotStatusComplete ? $t('general.totalPeople', { meg: props.row.product.totalNotStatusComplete }) : ''}`"
+              />
+            </q-td>
+
             <q-td>
               {{ props.row.list.length }}
             </q-td>
diff --git a/src/pages/09_task-order/order_view/MainPage.vue b/src/pages/09_task-order/order_view/MainPage.vue
index bb69f6e6..f123ca74 100644
--- a/src/pages/09_task-order/order_view/MainPage.vue
+++ b/src/pages/09_task-order/order_view/MainPage.vue
@@ -280,7 +280,10 @@ let taskListGroup = computed(() => {
 
   const cacheData = currentFormData.value.taskList.reduce<
     {
-      product: RequestWork['productService']['product'];
+      product: RequestWork['productService']['product'] & {
+        taskStatus?: TaskStatus;
+        totalNotStatusComplete?: number;
+      };
       list: (RequestWork & {
         _template?: {
           id: string;
@@ -289,15 +292,15 @@ let taskListGroup = computed(() => {
           step: number;
           responsibleInstitution: (string | { group: string })[];
         } | null;
+        taskStatus?: TaskStatus;
+        failedComment?: string;
+        failedType?: string;
       })[];
     }[]
   >((acc, curr) => {
-    if (
+    const isNotComplete =
       fullTaskOrder.value?.taskOrderStatus === TaskOrderStatus.Complete &&
-      curr.taskStatus !== TaskStatus.Complete
-    ) {
-      return acc;
-    }
+      curr.taskStatus !== TaskStatus.Complete;
 
     const task = curr.requestWorkStep;
     const step = curr.step;
@@ -308,9 +311,18 @@ let taskListGroup = computed(() => {
       let exist = acc.find(
         (item) => task.requestWork.productService.productId == item.product.id,
       );
-      const record = Object.assign(task.requestWork, {
-        _template: getTemplateData(task.requestWork, step),
-      });
+
+      const record = Object.assign(
+        {
+          ...task.requestWork,
+          taskStatus: curr.taskStatus,
+          failedComment: curr.failedComment || '',
+          failedType: curr.failedType || '',
+        },
+        {
+          _template: getTemplateData(task.requestWork, step),
+        },
+      );
 
       const template = getTemplateData(task.requestWork, step);
 
@@ -323,10 +335,18 @@ let taskListGroup = computed(() => {
       }
 
       if (exist) {
-        exist.list.push(task.requestWork);
+        exist.list.push(record);
+        if (isNotComplete) {
+          exist.product.totalNotStatusComplete =
+            (exist.product.totalNotStatusComplete || undefined) + 1;
+        }
       } else {
         acc.push({
-          product: task.requestWork.productService.product,
+          product: {
+            ...task.requestWork.productService.product,
+            taskStatus: curr.taskStatus || TaskStatus.Pending,
+            totalNotStatusComplete: isNotComplete ? 1 : undefined,
+          },
           list: [record],
         });
       }
@@ -985,6 +1005,7 @@ watch(
             "
           />
           <!-- TODO: blind remark, urgent -->
+          {{ console.log(taskListGroup) }}
           <RemarkExpansion
             v-if="
               view === TaskOrderStatus.Pending ||
diff --git a/src/stores/task-order/types.ts b/src/stores/task-order/types.ts
index 0b64dc90..9e709745 100644
--- a/src/stores/task-order/types.ts
+++ b/src/stores/task-order/types.ts
@@ -164,6 +164,8 @@ export interface TaskOrderPayload {
     requestWorkId: string;
     requestWorkStep?: Task;
     taskStatus?: TaskStatus;
+    failedType?: string;
+    failedComment?: string;
   }[];
   taskProduct?: {
     productId: string;
diff --git a/src/utils/string-template.ts b/src/utils/string-template.ts
index f7350d71..b62164f2 100644
--- a/src/utils/string-template.ts
+++ b/src/utils/string-template.ts
@@ -1,5 +1,7 @@
 import { RequestWork } from 'src/stores/request-list';
+import { TaskStatus } from 'src/stores/task-order/types';
 import { formatNumberDecimal } from 'src/stores/utils';
+import { i18n } from 'src/boot/i18n';
 
 const templates = {
   'quotation-labor': {
@@ -46,7 +48,12 @@ const templates = {
     converter: (context?: {
       items?: {
         product: RequestWork['productService']['product'];
-        list: RequestWork[];
+        list: (RequestWork & {
+          taskStatus?: TaskStatus;
+          failedComment?: string;
+          failedType?: string;
+          codeRequest?: string;
+        })[];
       }[];
       itemsDiscount?: {
         productId: string;
@@ -67,8 +74,9 @@ const templates = {
             const branch = v.request.quotation.customerBranch;
             return (
               `${i + 1}. ` +
+              ` ${v.request.code}_${branch.customer.customerType === 'PERS' ? `นายจ้าง ${branch.namePrefix}. ${branch.firstNameEN} ${branch.lastNameEN} `.toUpperCase() : branch.registerName}_` +
               `${employee.namePrefix}. ${employee.firstNameEN} ${employee.lastNameEN} `.toUpperCase() +
-              `(${branch.customer.customerType === 'PERS' ? `นายจ้าง ${branch.namePrefix}. ${branch.firstNameEN} ${branch.lastNameEN} `.toUpperCase() : branch.registerName})`
+              `${!!v.failedType && v.failedType !== 'other' ? `${i18n.global.t(`taskOrder.${v.failedType}`)}` : !!v.failedComment ? v.failedComment : ''}`
             );
           });
           return [

From d95d72806d3159589109cd092224612201fbbd7c Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Apr 2025 15:35:13 +0700
Subject: [PATCH 24/61] feat: implement functionality to filter request list by
 same office area

---
 .../08_request-list/RequestListAction .vue    | 20 +++++--
 .../08_request-list/TableRequestList.vue      | 56 +++++++++++++++++--
 src/stores/address/index.ts                   | 13 +++++
 3 files changed, 80 insertions(+), 9 deletions(-)

diff --git a/src/pages/08_request-list/RequestListAction .vue b/src/pages/08_request-list/RequestListAction .vue
index 814f4da3..7ec34ff4 100644
--- a/src/pages/08_request-list/RequestListAction .vue	
+++ b/src/pages/08_request-list/RequestListAction .vue	
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { reactive, ref } from 'vue';
+import { reactive, ref, watch } from 'vue';
 import { RequestData } from 'src/stores/request-list';
 import { DialogContainer, DialogHeader } from 'src/components/dialog';
 import {
@@ -8,12 +8,11 @@ import {
   MainButton,
   SaveButton,
 } from 'src/components/button';
-import TableProductAndService from 'src/components/shared/table/TableProductAndService.vue';
-import { Product } from 'src/stores/product-service/types';
 import FormResponsibleUser from './FormResponsibleUser.vue';
 import FormGroupHead from './FormGroupHead.vue';
 import TableRequestList from './TableRequestList.vue';
 import { column } from './constants';
+import useAddressStore from 'src/stores/address';
 
 defineProps<{
   requestList: RequestData[];
@@ -37,6 +36,7 @@ enum Step {
 const open = defineModel<boolean>({ default: false });
 const step = ref<Step>(Step.RequestList);
 const selected = ref<RequestData[]>([]);
+const listSameArea = ref<string[]>([]);
 const form = reactive({
   responsibleUserLocal: false,
   responsibleUserId: '',
@@ -51,8 +51,18 @@ function reset() {
 
 function prev() {
   step.value = Step.RequestList;
-  console.log(selected.value[0]);
 }
+
+watch(
+  () => selected.value,
+  async () => {
+    if (selected.value.length === 1) {
+      const districtId = selected.value[0].quotation.customerBranch.districtId;
+      const ret = await useAddressStore().listSameOfficeArea(districtId);
+      if (ret) listSameArea.value = ret;
+    }
+  },
+);
 </script>
 <template>
   <DialogContainer v-model="open" :onOpen="reset">
@@ -89,6 +99,7 @@ function prev() {
         hide-action
         hide-view
         checkable
+        :list-same-area="listSameArea"
         :columns="column"
         :rows="requestList"
         :visible-columns="[...column.map((col) => col.name)]"
@@ -116,6 +127,7 @@ function prev() {
           </FormGroupHead>
 
           <FormResponsibleUser
+            :district-id="listSameArea[0]"
             v-model:responsible-user-id="form.responsibleUserId"
             v-model:responsible-user-local="form.responsibleUserLocal"
           />
diff --git a/src/pages/08_request-list/TableRequestList.vue b/src/pages/08_request-list/TableRequestList.vue
index 0dc5b433..cbad4a7a 100644
--- a/src/pages/08_request-list/TableRequestList.vue
+++ b/src/pages/08_request-list/TableRequestList.vue
@@ -24,6 +24,7 @@ const props = withDefaults(
     hideAction?: boolean;
     hideView?: boolean;
     checkable?: boolean;
+    listSameArea?: string[];
   }>(),
   {
     row: () => [],
@@ -39,7 +40,7 @@ defineEmits<{
   (e: 'rejectCancel', data: RequestData): void;
 }>();
 
-const selected = defineModel<unknown[]>('selected');
+const selected = defineModel<RequestData[]>('selected');
 
 function responsiblePerson(quotation: QuotationFull): CreatedBy[] | undefined {
   const productServiceList = quotation.productServiceList;
@@ -97,7 +98,7 @@ function getEmployeeName(
   return (
     {
       ['eng']: `${useOptionStore().mapOption(employee?.namePrefix || '')} ${employee?.firstNameEN} ${employee?.lastNameEN}`,
-      ['tha']: `${useOptionStore().mapOption(employee?.namePrefix || '')} ${employee?.firstName} ${employee?.lastName}`,
+      ['tha']: `${useOptionStore().mapOption(employee?.namePrefix || '')} ${employee?.firstName || employee?.firstNameEN} ${employee?.lastName || employee?.lastNameEN}`,
     }[opts?.locale || 'eng'] || '-'
   );
 }
@@ -119,6 +120,17 @@ function toEmployee(employee: RequestData['employee']) {
 
   window.open(url.toString(), '_blank');
 }
+
+function handleCheckAll() {
+  const filteredRows = props.rows.filter((row) =>
+    props.listSameArea?.includes(row.quotation.customerBranch.districtId),
+  );
+  if (selected.value.length === filteredRows.length) {
+    selected.value = [];
+  } else {
+    selected.value = filteredRows;
+  }
+}
 </script>
 <template>
   <q-table
@@ -146,7 +158,18 @@ function toEmployee(employee: RequestData['employee']) {
         :props="props"
       >
         <q-th v-if="checkable">
-          <q-checkbox v-model="props.selected" size="sm" />
+          <q-checkbox
+            v-if="selected.length > 0"
+            :model-value="
+              selected.length ===
+              rows.filter((row) =>
+                listSameArea?.includes(row.quotation.customerBranch.districtId),
+              ).length
+            "
+            size="sm"
+            @click="handleCheckAll"
+          />
+          <div v-else style="width: 35px; height: 35px"></div>
         </q-th>
         <q-th v-for="col in props.cols" :key="col.name" :props="props">
           {{ col.label && $t(col.label) }}
@@ -161,11 +184,29 @@ function toEmployee(employee: RequestData['employee']) {
       } & Omit<Parameters<QTableSlots['body']>[0], 'row'>"
     >
       <q-tr
-        :class="{ urgent: props.row.quotation.urgent, dark: $q.dark.isActive }"
+        :class="{
+          urgent: props.row.quotation.urgent,
+          dark: $q.dark.isActive,
+          'disabled-row':
+            selected &&
+            selected.length > 0 &&
+            !listSameArea.includes(
+              props.row.quotation.customerBranch.districtId,
+            ),
+        }"
         class="text-center"
       >
         <q-td v-if="checkable">
-          <q-checkbox v-model="props.selected" size="sm" />
+          <q-checkbox
+            :disable="
+              selected.length > 0 &&
+              !listSameArea.includes(
+                props.row.quotation.customerBranch.districtId,
+              )
+            "
+            v-model="props.selected"
+            size="sm"
+          />
         </q-td>
         <q-td v-if="visibleColumns.includes('order')">
           {{ props.rowIndex + 1 }}
@@ -487,4 +528,9 @@ function toEmployee(employee: RequestData['employee']) {
   text-decoration: underline;
   cursor: pointer;
 }
+
+.disabled-row {
+  opacity: 0.3;
+  filter: grayscale(1);
+}
 </style>
diff --git a/src/stores/address/index.ts b/src/stores/address/index.ts
index 975ca773..5cbbd14d 100644
--- a/src/stores/address/index.ts
+++ b/src/stores/address/index.ts
@@ -102,12 +102,25 @@ const useAddressStore = defineStore('api-address', () => {
     return subDistrict.value[districtId];
   }
 
+  async function listSameOfficeArea(districtId: string) {
+    const res = await api.post<string[]>(
+      `/employment-office/list-same-office-area`,
+      { districtId: districtId },
+    );
+
+    if (!res) return false;
+
+    return res.data;
+  }
+
   return {
     fetchOffice,
     fetchOfficeById,
     fetchProvince,
     fetchDistrictByProvinceId,
     fetchSubDistrictByProvinceId,
+
+    listSameOfficeArea,
   };
 });
 

From d7e53b764cca1a746e2202433bb4b602d24fa0af Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Apr 2025 16:15:08 +0700
Subject: [PATCH 25/61] feat: enhance AdvanceSearch component to support date
 range selection and workflow template advance search

---
 src/components/shared/AdvanceSearch.vue  |  9 ++--
 src/pages/04_flow-managment/MainPage.vue | 66 ++++++++++++++++--------
 src/stores/workflow-template/index.ts    |  2 +
 3 files changed, 52 insertions(+), 25 deletions(-)

diff --git a/src/components/shared/AdvanceSearch.vue b/src/components/shared/AdvanceSearch.vue
index 9557fc67..5b5b33a9 100644
--- a/src/components/shared/AdvanceSearch.vue
+++ b/src/components/shared/AdvanceSearch.vue
@@ -9,7 +9,7 @@ defineProps<{
   active?: boolean;
 }>();
 
-const date = defineModel<Date[]>();
+const date = defineModel<string[]>();
 
 const dateRange = ref<string>('');
 const isDateSelect = ref(false);
@@ -64,13 +64,14 @@ function mapDateRange(val: string) {
       end = today.endOf('day');
       break;
     case 'customDateRange':
-      // Do nothing or allow manual date picking
-      return;
+      start = today.startOf('day');
+      end = today.endOf('day');
+      break;
     default:
       return;
   }
 
-  return [start.toDate(), end.toDate()];
+  return [start.toDate().toISOString(), end.toDate().toISOString()];
 }
 
 watch(
diff --git a/src/pages/04_flow-managment/MainPage.vue b/src/pages/04_flow-managment/MainPage.vue
index 8cada9a1..ba335b77 100644
--- a/src/pages/04_flow-managment/MainPage.vue
+++ b/src/pages/04_flow-managment/MainPage.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { onMounted, reactive, ref, watch } from 'vue';
-import { QSelect, QTableProps } from 'quasar';
+import { QTableProps } from 'quasar';
 import { storeToRefs } from 'pinia';
 import { useI18n } from 'vue-i18n';
 
@@ -22,6 +22,7 @@ import NoData from 'src/components/NoData.vue';
 import KebabAction from 'src/components/shared/KebabAction.vue';
 import PaginationPageSize from 'src/components/PaginationPageSize.vue';
 import { useQuasar } from 'quasar';
+import AdvanceSearch from 'src/components/shared/AdvanceSearch.vue';
 
 const { t } = useI18n();
 const workflowStore = useWorkflowTemplate();
@@ -45,6 +46,7 @@ const pageState = reactive({
   addModal: false,
   viewDrawer: false,
   isDrawerEdit: true,
+  searchDate: [],
 });
 
 const fieldSelected = ref<('order' | 'name' | 'step')[]>([
@@ -68,7 +70,6 @@ const fieldSelectedOption = ref<{ label: string; value: string }[]>([
   },
 ]);
 
-const refFilter = ref<InstanceType<typeof QSelect>>();
 const currWorkflowData = ref<WorkflowTemplate>();
 const formDataWorkflow = ref<WorkflowTemplatePayload>({
   status: 'CREATED',
@@ -282,6 +283,8 @@ async function fetchWorkflowList(mobileFetch?: boolean) {
         : statusFilter.value === 'statusACTIVE'
           ? 'ACTIVE'
           : 'INACTIVE',
+    startDate: pageState.searchDate[0] || undefined,
+    endDate: pageState.searchDate[1] || undefined,
   });
   if (res) {
     workflowData.value =
@@ -311,11 +314,14 @@ watch(
     fetchWorkflowList();
   },
 );
-watch([() => pageState.inputSearch, workflowPageSize], () => {
-  workflowData.value = [];
-  workflowPage.value = 1;
-  fetchWorkflowList();
-});
+watch(
+  [() => pageState.inputSearch, workflowPageSize, () => pageState.searchDate],
+  () => {
+    workflowData.value = [];
+    workflowPage.value = 1;
+    fetchWorkflowList();
+  },
+);
 </script>
 <template>
   <FloatingActionButton
@@ -392,26 +398,44 @@ watch([() => pageState.inputSearch, workflowPageSize], () => {
               <template #prepend>
                 <q-icon name="mdi-magnify" />
               </template>
-              <template v-if="$q.screen.lt.md" v-slot:append>
-                <span class="row">
-                  <q-separator vertical />
-                  <q-btn
-                    icon="mdi-filter-variant"
-                    unelevated
-                    class="q-ml-sm"
-                    padding="4px"
-                    size="sm"
-                    rounded
-                    @click="refFilter?.showPopup"
+              <template v-slot:append>
+                <q-separator vertical inset class="q-mr-xs" />
+                <AdvanceSearch
+                  v-model="pageState.searchDate"
+                  :active="$q.screen.lt.md && statusFilter !== 'all'"
+                >
+                  <div
+                    v-if="$q.screen.lt.md"
+                    class="q-mt-sm text-weight-medium"
+                  >
+                    {{ $t('general.status') }}
+                  </div>
+                  <q-select
+                    v-if="$q.screen.lt.md"
+                    v-model="statusFilter"
+                    outlined
+                    dense
+                    option-value="value"
+                    option-label="label"
+                    map-options
+                    emit-value
+                    :for="'field-select-status'"
+                    :options="[
+                      { label: $t('general.all'), value: 'all' },
+                      { label: $t('general.active'), value: 'statusACTIVE' },
+                      {
+                        label: $t('general.inactive'),
+                        value: 'statusINACTIVE',
+                      },
+                    ]"
                   />
-                </span>
+                </AdvanceSearch>
               </template>
             </q-input>
 
             <div class="row col-md-5" style="white-space: nowrap">
               <q-select
-                v-show="$q.screen.gt.sm"
-                ref="refFilter"
+                v-if="$q.screen.gt.sm"
                 v-model="statusFilter"
                 outlined
                 dense
diff --git a/src/stores/workflow-template/index.ts b/src/stores/workflow-template/index.ts
index adabf939..95a6c2c4 100644
--- a/src/stores/workflow-template/index.ts
+++ b/src/stores/workflow-template/index.ts
@@ -25,6 +25,8 @@ export const useWorkflowTemplate = defineStore('workflow-store', () => {
     query?: string;
     status?: Status;
     activeOnly?: boolean;
+    startDate?: string;
+    endDate?: string;
   }) {
     const res = await api.get<PaginationResult<WorkflowTemplate>>(
       '/workflow-template',

From 181ddc8f03fe3b98f8f5389be287ff717f795ae3 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Apr 2025 16:15:33 +0700
Subject: [PATCH 26/61] feat: add dayjs library for date manipulation

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index be62c38a..9638bb29 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
     "apexcharts": "^4.5.0",
     "axios": "^1.8.4",
     "cropperjs": "^1.6.2",
+    "dayjs": "^1.11.13",
     "highlight.js": "^11.11.1",
     "keycloak-js": "^25.0.6",
     "markdown-it": "^14.1.0",

From fd5d4b797999a8b83f281a79cd92a5123f4f9420 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Apr 2025 16:16:22 +0700
Subject: [PATCH 27/61] feat: add dayjs library version 1.11.13 to
 pnpm-lock.yaml

---
 pnpm-lock.yaml | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 47c2eb49..7cb78cc6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -29,6 +29,9 @@ importers:
       cropperjs:
         specifier: ^1.6.2
         version: 1.6.2
+      dayjs:
+        specifier: ^1.11.13
+        version: 1.11.13
       highlight.js:
         specifier: ^11.11.1
         version: 11.11.1
@@ -1473,6 +1476,9 @@ packages:
   date-fns@3.6.0:
     resolution: {integrity: sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==}
 
+  dayjs@1.11.13:
+    resolution: {integrity: sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==}
+
   de-indent@1.0.2:
     resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
 
@@ -5272,6 +5278,8 @@ snapshots:
 
   date-fns@3.6.0: {}
 
+  dayjs@1.11.13: {}
+
   de-indent@1.0.2: {}
 
   debug@2.6.9:

From efeb1b51eb4f9d762ea760e73902c5c8be36cd58 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Apr 2025 16:23:52 +0700
Subject: [PATCH 28/61] feat: integrate date range selection in property
 management and workflow lists

---
 src/pages/04_flow-managment/MainPage.vue     |  8 +--
 src/pages/04_property-managment/MainPage.vue | 70 +++++++++++++-------
 src/stores/property/index.ts                 |  2 +
 3 files changed, 53 insertions(+), 27 deletions(-)

diff --git a/src/pages/04_flow-managment/MainPage.vue b/src/pages/04_flow-managment/MainPage.vue
index ba335b77..1285a99c 100644
--- a/src/pages/04_flow-managment/MainPage.vue
+++ b/src/pages/04_flow-managment/MainPage.vue
@@ -283,8 +283,8 @@ async function fetchWorkflowList(mobileFetch?: boolean) {
         : statusFilter.value === 'statusACTIVE'
           ? 'ACTIVE'
           : 'INACTIVE',
-    startDate: pageState.searchDate[0] || undefined,
-    endDate: pageState.searchDate[1] || undefined,
+    startDate: pageState.searchDate[0],
+    endDate: pageState.searchDate[1],
   });
   if (res) {
     workflowData.value =
@@ -533,12 +533,12 @@ watch(
           class="col surface-2 flex items-center justify-center"
         >
           <NoData
-            v-if="pageState.total !== 0"
+            v-if="pageState.total !== 0 || pageState.searchDate.length > 0"
             :not-found="!!pageState.inputSearch"
           />
 
           <CreateButton
-            v-if="pageState.total === 0"
+            v-if="pageState.total === 0 && pageState.searchDate.length === 0"
             @click="triggerDialog('add')"
             label="general.add"
             :i18n-args="{ text: $t('flow.title') }"
diff --git a/src/pages/04_property-managment/MainPage.vue b/src/pages/04_property-managment/MainPage.vue
index aa913f85..2ced8354 100644
--- a/src/pages/04_property-managment/MainPage.vue
+++ b/src/pages/04_property-managment/MainPage.vue
@@ -2,7 +2,7 @@
 import { useI18n } from 'vue-i18n';
 import { storeToRefs } from 'pinia';
 import { onMounted, reactive, ref } from 'vue';
-import { QSelect, QTableProps } from 'quasar';
+import { QTableProps } from 'quasar';
 import { useNavigator } from 'src/stores/navigator';
 import { useProperty } from 'src/stores/property';
 import { useQuasar } from 'quasar';
@@ -17,6 +17,7 @@ import { Property } from 'src/stores/property/types';
 import { dialog, toCamelCase } from 'src/stores/utils';
 import CreateButton from 'src/components/AddButton.vue';
 import useOptionStore from 'stores/options';
+import AdvanceSearch from 'src/components/shared/AdvanceSearch.vue';
 
 const { t, locale } = useI18n();
 const $q = useQuasar();
@@ -38,7 +39,6 @@ const formProperty = ref<Property>({
   type: {},
 });
 const statusFilter = ref<'all' | 'statusACTIVE' | 'statusINACTIVE'>('all');
-const refFilter = ref<InstanceType<typeof QSelect>>();
 const fieldSelected = ref<('order' | 'name' | 'type')[]>([
   'order',
   'name',
@@ -118,6 +118,7 @@ const pageState = reactive({
   addModal: false,
   viewDrawer: false,
   isDrawerEdit: true,
+  searchDate: [],
 });
 
 async function fetchPropertyList(mobileFetch?: boolean) {
@@ -134,6 +135,8 @@ async function fetchPropertyList(mobileFetch?: boolean) {
         : statusFilter.value === 'statusACTIVE'
           ? 'ACTIVE'
           : 'INACTIVE',
+    startDate: pageState.searchDate[0],
+    endDate: pageState.searchDate[1],
   });
   if (res) {
     propertyData.value =
@@ -317,11 +320,14 @@ watch(
     fetchPropertyList();
   },
 );
-watch([() => pageState.inputSearch, propertyPageSize], () => {
-  propertyData.value = [];
-  propertyPage.value = 1;
-  fetchPropertyList();
-});
+watch(
+  [() => pageState.inputSearch, propertyPageSize, () => pageState.searchDate],
+  () => {
+    propertyData.value = [];
+    propertyPage.value = 1;
+    fetchPropertyList();
+  },
+);
 </script>
 <template>
   <FloatingActionButton
@@ -398,26 +404,44 @@ watch([() => pageState.inputSearch, propertyPageSize], () => {
               <template #prepend>
                 <q-icon name="mdi-magnify" />
               </template>
-              <template v-if="$q.screen.lt.md" v-slot:append>
-                <span class="row">
-                  <q-separator vertical />
-                  <q-btn
-                    icon="mdi-filter-variant"
-                    unelevated
-                    class="q-ml-sm"
-                    padding="4px"
-                    size="sm"
-                    rounded
-                    @click="refFilter?.showPopup"
+              <template v-slot:append>
+                <q-separator vertical inset class="q-mr-xs" />
+                <AdvanceSearch
+                  v-model="pageState.searchDate"
+                  :active="$q.screen.lt.md && statusFilter !== 'all'"
+                >
+                  <div
+                    v-if="$q.screen.lt.md"
+                    class="q-mt-sm text-weight-medium"
+                  >
+                    {{ $t('general.status') }}
+                  </div>
+                  <q-select
+                    v-if="$q.screen.lt.md"
+                    v-model="statusFilter"
+                    outlined
+                    dense
+                    option-value="value"
+                    option-label="label"
+                    map-options
+                    emit-value
+                    :for="'field-select-status'"
+                    :options="[
+                      { label: $t('general.all'), value: 'all' },
+                      { label: $t('general.active'), value: 'statusACTIVE' },
+                      {
+                        label: $t('general.inactive'),
+                        value: 'statusINACTIVE',
+                      },
+                    ]"
                   />
-                </span>
+                </AdvanceSearch>
               </template>
             </q-input>
 
             <div class="row col-md-5" style="white-space: nowrap">
               <q-select
-                v-show="$q.screen.gt.sm"
-                ref="refFilter"
+                v-if="$q.screen.gt.sm"
                 v-model="statusFilter"
                 outlined
                 dense
@@ -512,11 +536,11 @@ watch([() => pageState.inputSearch, propertyPageSize], () => {
           class="col surface-2 flex items-center justify-center"
         >
           <NoData
-            v-if="pageState.total !== 0"
+            v-if="pageState.total !== 0 || pageState.searchDate.length > 0"
             :not-found="!!pageState.inputSearch"
           />
           <CreateButton
-            v-if="pageState.total === 0"
+            v-if="pageState.total === 0 && pageState.searchDate.length === 0"
             @click="triggerDialog('add')"
             label="general.add"
             :i18n-args="{ text: $t('flow.title') }"
diff --git a/src/stores/property/index.ts b/src/stores/property/index.ts
index c840c053..2765ed80 100644
--- a/src/stores/property/index.ts
+++ b/src/stores/property/index.ts
@@ -25,6 +25,8 @@ export const useProperty = defineStore('property-store', () => {
     query?: string;
     status?: Status;
     activeOnly?: boolean;
+    startDate?: string;
+    endDate?: string;
   }) {
     const res = await api.get<PaginationResult<Property>>('/property', {
       params,

From 461dd359b19165221c0568f5e18c4441901f9aa4 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Apr 2025 16:40:43 +0700
Subject: [PATCH 29/61] feat: add date range filtering to product and service
 lists

---
 src/pages/04_product-service/MainPage.vue | 145 +++++++++++++++-------
 src/stores/product-service/index.ts       |   6 +
 2 files changed, 108 insertions(+), 43 deletions(-)

diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 687e2883..a7fdbc1e 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -3,7 +3,7 @@ import { nextTick, ref, watch, reactive } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { onMounted } from 'vue';
 import { storeToRefs } from 'pinia';
-import { QSelect, useQuasar, type QTableProps } from 'quasar';
+import { useQuasar, type QTableProps } from 'quasar';
 
 import DialogProperties from 'src/components/dialog/DialogProperties.vue';
 import ProductCardComponent from 'components/04_product-service/ProductCardComponent.vue';
@@ -69,6 +69,7 @@ import {
 import { useWorkflowTemplate } from 'src/stores/workflow-template';
 import { deepEquals } from 'src/utils/arr';
 import { toRaw } from 'vue';
+import AdvanceSearch from 'src/components/shared/AdvanceSearch.vue';
 
 const flowStore = useFlowStore();
 const navigatorStore = useNavigator();
@@ -167,8 +168,6 @@ const splitterModel = computed(() =>
   $q.screen.lt.md ? (productMode.value !== 'group' ? 0 : 100) : 25,
 );
 
-const refFilterGroup = ref<InstanceType<typeof QSelect>>();
-const refFilterProductService = ref<InstanceType<typeof QSelect>>();
 const holdDialog = ref(false);
 const imageDialog = ref(false);
 const currentNode = ref<ProductGroup & { type: string }>();
@@ -526,6 +525,7 @@ const currentStatusGroupType = ref<Status>('CREATED');
 const currentIdGroupType = ref('');
 
 const currentStatus = ref<Status | 'All'>('All');
+const searchDate = ref<string[]>([]);
 
 // img
 const isImageEdit = ref<boolean>(false);
@@ -621,6 +621,8 @@ async function fetchListGroups(mobileFetch?: boolean) {
         : currentStatus.value === 'ACTIVE'
           ? 'ACTIVE'
           : 'INACTIVE',
+    startDate: searchDate.value[0],
+    endDate: searchDate.value[1],
   });
 
   if (res) {
@@ -681,6 +683,8 @@ async function fetchListOfProduct(mobileFetch?: boolean) {
           ? 'ACTIVE'
           : undefined,
     productGroupId: currentIdGroup.value,
+    startDate: searchDate.value[0],
+    endDate: searchDate.value[1],
   });
 
   if (res) {
@@ -726,6 +730,8 @@ async function fetchListOfService(mobileFetch?: boolean) {
           ? 'ACTIVE'
           : undefined,
     productGroupId: currentIdGroup.value,
+    startDate: searchDate.value[0],
+    endDate: searchDate.value[1],
   });
 
   if (res) {
@@ -1596,6 +1602,7 @@ async function enterNext(type: 'service' | 'product') {
   inputSearchProductAndService.value = '';
   currentStatus.value = 'All';
   filterStat.value = [];
+  searchDate.value = [];
 
   if (
     expandedTree.value.length > 1 &&
@@ -1751,7 +1758,7 @@ watch(currentStatus, async () => {
   flowStore.rotate();
 });
 
-watch(inputSearch, async () => {
+watch([inputSearch, () => searchDate.value], async () => {
   if (productMode.value === 'group') {
     productGroup.value = [];
     currentPageGroup.value = 1;
@@ -1760,7 +1767,7 @@ watch(inputSearch, async () => {
   }
 });
 
-watch(inputSearchProductAndService, async () => {
+watch([inputSearchProductAndService, () => searchDate.value], async () => {
   product.value = [];
   service.value = [];
   currentPageServiceAndProduct.value = 1;
@@ -2015,19 +2022,34 @@ watch(
                 <template v-slot:prepend>
                   <q-icon name="mdi-magnify" />
                 </template>
-                <template v-if="$q.screen.lt.md" v-slot:append>
-                  <span class="row">
-                    <q-separator vertical />
-                    <q-btn
-                      icon="mdi-filter-variant"
-                      unelevated
-                      class="q-ml-sm"
-                      padding="4px"
-                      size="sm"
-                      rounded
-                      @click="refFilterGroup?.showPopup"
+                <template v-slot:append>
+                  <q-separator vertical inset class="q-mr-xs" />
+                  <AdvanceSearch
+                    v-model="searchDate"
+                    :active="$q.screen.lt.md && currentStatus !== 'All'"
+                  >
+                    <div class="q-mt-sm text-weight-medium">
+                      {{ $t('general.status') }}
+                    </div>
+                    <q-select
+                      v-model="currentStatus"
+                      for="select-status"
+                      outlined
+                      dense
+                      option-value="value"
+                      option-label="label"
+                      map-options
+                      emit-value
+                      :options="[
+                        { label: $t('general.all'), value: 'All' },
+                        { label: $t('general.active'), value: 'ACTIVE' },
+                        {
+                          label: $t('general.inactive'),
+                          value: 'INACTIVE',
+                        },
+                      ]"
                     />
-                  </span>
+                  </AdvanceSearch>
                 </template>
               </q-input>
             </div>
@@ -2182,26 +2204,44 @@ watch(
                   <template v-slot:prepend>
                     <q-icon name="mdi-magnify" />
                   </template>
-                  <template v-if="$q.screen.lt.md" v-slot:append>
-                    <span class="row">
-                      <q-separator vertical />
-                      <q-btn
-                        icon="mdi-filter-variant"
-                        unelevated
-                        class="q-ml-sm"
-                        padding="4px"
-                        size="sm"
-                        rounded
-                        @click="refFilterGroup?.showPopup"
+                  <template v-slot:append>
+                    <q-separator vertical inset class="q-mr-xs" />
+                    <AdvanceSearch
+                      v-model="searchDate"
+                      :active="$q.screen.lt.md && currentStatus !== 'All'"
+                    >
+                      <div
+                        v-if="$q.screen.lt.md"
+                        class="q-mt-sm text-weight-medium"
+                      >
+                        {{ $t('general.status') }}
+                      </div>
+                      <q-select
+                        v-if="$q.screen.lt.md"
+                        v-model="currentStatus"
+                        for="select-status"
+                        outlined
+                        dense
+                        option-value="value"
+                        option-label="label"
+                        map-options
+                        emit-value
+                        :options="[
+                          { label: $t('general.all'), value: 'All' },
+                          { label: $t('general.active'), value: 'ACTIVE' },
+                          {
+                            label: $t('general.inactive'),
+                            value: 'INACTIVE',
+                          },
+                        ]"
                       />
-                    </span>
+                    </AdvanceSearch>
                   </template>
                 </q-input>
 
                 <div class="row col-md-6" style="white-space: nowrap">
                   <q-select
                     v-show="$q.screen.gt.sm"
-                    ref="refFilterGroup"
                     v-model="currentStatus"
                     for="select-status"
                     outlined
@@ -2685,26 +2725,45 @@ watch(
                   <template v-slot:prepend>
                     <q-icon name="mdi-magnify" />
                   </template>
-                  <template v-if="$q.screen.lt.md" v-slot:append>
-                    <span class="row">
-                      <q-separator vertical />
-                      <q-btn
-                        icon="mdi-filter-variant"
-                        unelevated
-                        class="q-ml-sm"
-                        padding="4px"
-                        size="sm"
-                        rounded
-                        @click="refFilterProductService?.showPopup"
+                  <template v-slot:append>
+                    <q-separator vertical inset class="q-mr-xs" />
+                    <AdvanceSearch
+                      v-model="searchDate"
+                      :active="$q.screen.lt.md && currentStatus !== 'All'"
+                    >
+                      <div
+                        v-if="$q.screen.lt.md"
+                        class="q-mt-sm text-weight-medium"
+                      >
+                        {{ $t('general.status') }}
+                      </div>
+                      <q-select
+                        v-if="$q.screen.lt.md"
+                        :for="'field-select-status'"
+                        v-model="currentStatus"
+                        outlined
+                        dense
+                        option-value="value"
+                        option-label="label"
+                        map-options
+                        emit-value
+                        :options="[
+                          { label: $t('general.all'), value: 'All' },
+                          { label: $t('general.active'), value: 'ACTIVE' },
+                          {
+                            label: $t('general.inactive'),
+                            value: 'INACTIVE',
+                          },
+                        ]"
+                        @update:model-value="fetchStatus()"
                       />
-                    </span>
+                    </AdvanceSearch>
                   </template>
                 </q-input>
 
                 <div class="row col-md-6" style="white-space: nowrap">
                   <q-select
                     v-show="$q.screen.gt.sm"
-                    ref="refFilterProductService"
                     :for="'field-select-status'"
                     v-model="currentStatus"
                     outlined
diff --git a/src/stores/product-service/index.ts b/src/stores/product-service/index.ts
index 1804b1cd..fbe342a7 100644
--- a/src/stores/product-service/index.ts
+++ b/src/stores/product-service/index.ts
@@ -56,6 +56,8 @@ const useProductServiceStore = defineStore('api-product-service', () => {
     query?: string;
     status?: 'CREATED' | 'ACTIVE' | 'INACTIVE';
     activeOnly?: boolean;
+    startDate?: string;
+    endDate?: string;
   }) {
     const params = new URLSearchParams();
 
@@ -142,6 +144,8 @@ const useProductServiceStore = defineStore('api-product-service', () => {
     orderField?: string;
     activeOnly?: boolean;
     orderBy?: 'asc' | 'desc';
+    startDate?: string;
+    endDate?: string;
   }) {
     const params = new URLSearchParams();
 
@@ -249,6 +253,8 @@ const useProductServiceStore = defineStore('api-product-service', () => {
     productGroupId?: string;
     status?: string;
     fullDetail?: boolean;
+    startDate?: string;
+    endDate?: string;
   }) {
     const params = new URLSearchParams();
 

From 36cef7ceb6f3168274807d8dadadd2cb3bcf5944 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Apr 2025 17:03:16 +0700
Subject: [PATCH 30/61] feat: add date range selection to customer and employee
 management

---
 src/pages/03_customer-management/MainPage.vue | 90 ++++++++++++-------
 src/stores/customer/index.ts                  |  2 +
 src/stores/employee/index.ts                  |  2 +
 3 files changed, 64 insertions(+), 30 deletions(-)

diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index cee0de34..f78f1cb0 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, watch, onMounted, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { QSelect, useQuasar } from 'quasar';
+import { useQuasar } from 'quasar';
 import { useRoute, useRouter } from 'vue-router';
 import { getUserId, getRole } from 'src/services/keycloak';
 import { baseUrl, setPrefixName, waitAll } from 'src/stores/utils';
@@ -86,6 +86,7 @@ import { nextTick } from 'vue';
 import FormEmployeeVisa from 'components/03_customer-management/FormEmployeeVisa.vue';
 import PaginationPageSize from 'src/components/PaginationPageSize.vue';
 import { AddButton } from 'components/button';
+import AdvanceSearch from 'src/components/shared/AdvanceSearch.vue';
 
 const { t, locale } = useI18n();
 const $q = useQuasar();
@@ -101,7 +102,6 @@ const employeeFormStore = useEmployeeForm();
 const optionStore = useOptionStore();
 const ocrStore = useOcrStore();
 
-const refFilter = ref<InstanceType<typeof QSelect>>();
 const mrz = ref<Awaited<ReturnType<typeof parseResultMRZ>>>();
 
 const {
@@ -189,6 +189,7 @@ const statsCustomerType = ref<CustomerStats>({
 });
 
 // NOTE: Page State
+const searchDate = ref<string[]>([]);
 const currentTab = ref<'employer' | 'employee'>('employer');
 const inputSearch = ref('');
 const currentStatus = ref<Status | 'All'>('All');
@@ -226,8 +227,16 @@ const dialogEmployeeImageUpload = ref<InstanceType<typeof ImageUploadDialog>>();
 const imageList = ref<{ selectedImage: string; list: string[] }>();
 watch(() => route.name, init);
 watch(
-  [currentTab, currentStatus, inputSearch, customerTypeSelected, pageSize],
-  async ([tabName]) => {
+  [
+    currentTab,
+    currentStatus,
+    inputSearch,
+    customerTypeSelected,
+    pageSize,
+    searchDate,
+  ],
+  async ([tabName], [oldTabName]) => {
+    if (tabName !== oldTabName) searchDate.value = [];
     if (tabName === 'employer') {
       currentPageCustomer.value = 1;
       currentBtnOpen.value = [];
@@ -317,6 +326,8 @@ async function fetchListCustomer(fetchStats = false, mobileFetch?: boolean) {
           ? 'ACTIVE'
           : 'INACTIVE',
     query: inputSearch.value,
+    startDate: searchDate.value[0],
+    endDate: searchDate.value[1],
     customerType: (
       {
         all: undefined,
@@ -370,6 +381,8 @@ async function fetchListEmployee(opt?: {
     query: inputSearch.value,
     passport: true,
     visa: true,
+    startDate: searchDate.value[0],
+    endDate: searchDate.value[1],
   });
   if (resultListEmployee) {
     maxPageEmployee.value = Math.ceil(
@@ -775,26 +788,43 @@ const emptyCreateDialog = ref(false);
               <template #prepend>
                 <q-icon name="mdi-magnify" />
               </template>
-              <template v-if="$q.screen.lt.md" v-slot:append>
-                <span class="row">
-                  <q-separator vertical />
-                  <q-btn
-                    icon="mdi-filter-variant"
-                    unelevated
-                    class="q-ml-sm"
-                    padding="4px"
-                    size="sm"
-                    rounded
-                    @click="refFilter?.showPopup"
+              <template v-slot:append>
+                <q-separator vertical inset class="q-mr-xs" />
+                <AdvanceSearch
+                  v-model="searchDate"
+                  :active="$q.screen.lt.md && currentStatus !== 'All'"
+                >
+                  <div
+                    v-if="$q.screen.lt.md"
+                    class="q-mt-sm text-weight-medium"
+                  >
+                    {{ $t('general.status') }}
+                  </div>
+                  <q-select
+                    v-if="$q.screen.lt.md"
+                    id="select-status"
+                    for="select-status"
+                    v-model="currentStatus"
+                    outlined
+                    dense
+                    autocomplete="off"
+                    option-value="value"
+                    option-label="label"
+                    map-options
+                    emit-value
+                    :options="[
+                      { label: $t('general.all'), value: 'All' },
+                      { label: $t('status.ACTIVE'), value: 'ACTIVE' },
+                      { label: $t('status.INACTIVE'), value: 'INACTIVE' },
+                    ]"
                   />
-                </span>
+                </AdvanceSearch>
               </template>
             </q-input>
 
             <div class="row col-md-5" style="white-space: nowrap">
               <q-select
-                v-show="$q.screen.gt.sm"
-                ref="refFilter"
+                v-if="$q.screen.gt.sm"
                 id="select-status"
                 for="select-status"
                 v-model="currentStatus"
@@ -2154,16 +2184,16 @@ const emptyCreateDialog = ref(false);
             id="form-basic-info-customer"
             :onCreate="customerFormState.dialogType === 'create'"
             @edit="
-              (customerFormState.dialogType = 'edit'),
-                (customerFormState.readonly = false)
+              ((customerFormState.dialogType = 'edit'),
+              (customerFormState.readonly = false))
             "
             @cancel="() => customerFormUndo(false)"
             @delete="
               customerFormState.editCustomerId &&
-                deleteCustomerById(
-                  customerFormState.editCustomerId,
-                  async () => await fetchListCustomer(true, $q.screen.xs),
-                )
+              deleteCustomerById(
+                customerFormState.editCustomerId,
+                async () => await fetchListCustomer(true, $q.screen.xs),
+              )
             "
             :customer-type="customerFormData.customerType"
             v-model:registered-branch-id="customerFormData.registeredBranchId"
@@ -4231,16 +4261,16 @@ const emptyCreateDialog = ref(false);
               id="form-basic-info-customer"
               :onCreate="customerFormState.dialogType === 'create'"
               @edit="
-                (customerFormState.dialogType = 'edit'),
-                  (customerFormState.readonly = false)
+                ((customerFormState.dialogType = 'edit'),
+                (customerFormState.readonly = false))
               "
               @cancel="() => customerFormUndo(false)"
               @delete="
                 customerFormState.editCustomerId &&
-                  deleteCustomerById(
-                    customerFormState.editCustomerId,
-                    async () => await fetchListCustomer(true, $q.screen.xs),
-                  )
+                deleteCustomerById(
+                  customerFormState.editCustomerId,
+                  async () => await fetchListCustomer(true, $q.screen.xs),
+                )
               "
               :customer-type="customerFormData.customerType"
               v-model:registered-branch-id="customerFormData.registeredBranchId"
diff --git a/src/stores/customer/index.ts b/src/stores/customer/index.ts
index fe72a2a8..fe08b0ca 100644
--- a/src/stores/customer/index.ts
+++ b/src/stores/customer/index.ts
@@ -113,6 +113,8 @@ const useCustomerStore = defineStore('api-customer', () => {
       includeBranch?: boolean;
       status?: 'CREATED' | 'ACTIVE' | 'INACTIVE';
       customerType?: CustomerType;
+      startDate?: string;
+      endDate?: string;
     },
     Data extends Pagination<
       (Customer &
diff --git a/src/stores/employee/index.ts b/src/stores/employee/index.ts
index 41b766a8..73722d51 100644
--- a/src/stores/employee/index.ts
+++ b/src/stores/employee/index.ts
@@ -45,6 +45,8 @@ const useEmployeeStore = defineStore('api-employee', () => {
     customerId?: string;
     customerBranchId?: string;
     activeOnly?: boolean;
+    startDate?: string;
+    endDate?: string;
     payload?: { passport?: string[] };
   }) {
     const { payload, ...params } = opts || {};

From 7897103a1b64b8f7fc1ba4d74d70458c811590dc Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Apr 2025 17:13:26 +0700
Subject: [PATCH 31/61] feat: add date range search functionality to quotation
 management

---
 src/pages/05_quotation/MainPage.vue | 21 +++++++++++++++++----
 src/stores/quotations/index.ts      |  2 ++
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/pages/05_quotation/MainPage.vue b/src/pages/05_quotation/MainPage.vue
index b134b2dd..826cbe95 100644
--- a/src/pages/05_quotation/MainPage.vue
+++ b/src/pages/05_quotation/MainPage.vue
@@ -49,6 +49,7 @@ import { Quotation } from 'src/stores/quotations/types';
 import TableQuotation from 'src/components/05_quotation/TableQuotation.vue';
 import PaginationPageSize from 'src/components/PaginationPageSize.vue';
 import { DialogContainer, DialogHeader } from 'src/components/dialog';
+import AdvanceSearch from 'src/components/shared/AdvanceSearch.vue';
 
 const { t, locale } = useI18n();
 const $q = useQuasar();
@@ -109,6 +110,7 @@ const pageState = reactive({
   quotationModal: false,
   employeeModal: false,
   receiptModal: false,
+  searchDate: [],
 });
 
 pageState.fieldSelected = [...columnQuotation.map((v) => v.name)];
@@ -327,6 +329,8 @@ async function fetchQuotationList(mobileFetch?: boolean) {
           : 'Issued',
       query: pageState.inputSearch,
       urgentFirst: true,
+      startDate: pageState.searchDate[0],
+      endDate: pageState.searchDate[1],
     });
 
     if (ret) {
@@ -350,7 +354,12 @@ async function fetchQuotationList(mobileFetch?: boolean) {
 }
 
 watch(
-  [() => pageState.currentTab, () => pageState.inputSearch, quotationPageSize],
+  [
+    () => pageState.currentTab,
+    () => pageState.inputSearch,
+    () => pageState.searchDate,
+    quotationPageSize,
+  ],
   () => {
     quotationPage.value = 1;
     quotationData.value = [];
@@ -517,6 +526,10 @@ async function storeDataLocal(id: string) {
               <template #prepend>
                 <q-icon name="mdi-magnify" />
               </template>
+              <template v-slot:append>
+                <q-separator vertical inset class="q-mr-xs" />
+                <AdvanceSearch v-model="pageState.searchDate" />
+              </template>
             </q-input>
 
             <div class="row col-md-5 justify-end" style="white-space: nowrap">
@@ -1126,13 +1139,13 @@ async function storeDataLocal(id: string) {
             id="form-basic-info-customer"
             :onCreate="customerFormState.dialogType === 'create'"
             @edit="
-              (customerFormState.dialogType = 'edit'),
-                (customerFormState.readonly = false)
+              ((customerFormState.dialogType = 'edit'),
+              (customerFormState.readonly = false))
             "
             @cancel="() => customerFormUndo(false)"
             @delete="
               customerFormState.editCustomerId &&
-                deleteCustomerById(customerFormState.editCustomerId)
+              deleteCustomerById(customerFormState.editCustomerId)
             "
             :customer-type="customerFormData.customerType"
             v-model:registered-branch-id="customerFormData.registeredBranchId"
diff --git a/src/stores/quotations/index.ts b/src/stores/quotations/index.ts
index 3be79081..e7faca39 100644
--- a/src/stores/quotations/index.ts
+++ b/src/stores/quotations/index.ts
@@ -76,6 +76,8 @@ export const useQuotationStore = defineStore('quotation-store', () => {
     includeRegisteredBranch?: boolean;
     forDebitNote?: boolean;
     cancelIncludeDebitNote?: boolean;
+    startDate?: string;
+    endDate?: string;
   }) {
     const res = await api.get<PaginationResult<Quotation>>('/quotation', {
       params,

From 73562a59c1b78b5e9c99455224276892dbc9cdf2 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Apr 2025 17:22:31 +0700
Subject: [PATCH 32/61] feat: add date range search functionality to invoice
 management

---
 src/pages/10_invoice/MainPage.vue | 62 ++++++++++++++++++++++---------
 src/stores/payment/index.ts       |  2 +
 2 files changed, 46 insertions(+), 18 deletions(-)

diff --git a/src/pages/10_invoice/MainPage.vue b/src/pages/10_invoice/MainPage.vue
index 12f20809..ef20cd7f 100644
--- a/src/pages/10_invoice/MainPage.vue
+++ b/src/pages/10_invoice/MainPage.vue
@@ -2,7 +2,7 @@
 // NOTE: Library
 import { computed, onMounted, reactive, ref, watch } from 'vue';
 import { storeToRefs } from 'pinia';
-import { QSelect, useQuasar } from 'quasar';
+import { useQuasar } from 'quasar';
 
 // NOTE:  Components
 import StatCardComponent from 'src/components/StatCardComponent.vue';
@@ -18,13 +18,13 @@ import { columns, hslaColors } from './constants';
 import useFlowStore from 'src/stores/flow';
 import { useInvoice } from 'src/stores/payment';
 import { Invoice, PaymentDataStatus } from 'src/stores/payment/types';
+import AdvanceSearch from 'src/components/shared/AdvanceSearch.vue';
 
 const $q = useQuasar();
 const navigatorStore = useNavigator();
 const flowStore = useFlowStore();
 const invoiceStore = useInvoice();
 const { data, stats, page, pageMax, pageSize } = storeToRefs(invoiceStore);
-const refFilter = ref<InstanceType<typeof QSelect>>();
 
 // NOTE: Variable
 const pageState = reactive({
@@ -34,6 +34,7 @@ const pageState = reactive({
   fieldSelected: [...columns.map((v) => v.name)],
   gridView: false,
   total: 0,
+  searchDate: [],
 });
 
 const fieldSelectedOption = computed(() => {
@@ -56,6 +57,8 @@ async function fetchList(opts?: { rotateFlowId?: boolean }) {
           : undefined,
     quotationOnly: true,
     debitNoteOnly: false,
+    startDate: pageState.searchDate[0],
+    endDate: pageState.searchDate[1],
   });
   if (ret) {
     data.value = $q.screen.xs ? [...data.value, ...ret.result] : ret.result;
@@ -89,8 +92,6 @@ function triggerView(opts: { quotationId: string }) {
 }
 
 function viewDocExample(quotationId: string, codeInvoice: string) {
-  console.log(codeInvoice);
-
   localStorage.setItem(
     'quotation-preview',
     JSON.stringify({
@@ -124,6 +125,7 @@ watch(
     () => pageState.inputSearch,
     () => pageState.statusFilter,
     () => pageSize.value,
+    () => pageState.searchDate,
   ],
   () => {
     page.value = 1;
@@ -207,26 +209,50 @@ watch(
               <template #prepend>
                 <q-icon name="mdi-magnify" />
               </template>
-              <template v-if="$q.screen.lt.md" v-slot:append>
-                <span class="row">
-                  <q-separator vertical />
-                  <q-btn
-                    icon="mdi-filter-variant"
-                    unelevated
-                    class="q-ml-sm"
-                    padding="4px"
-                    size="sm"
-                    rounded
-                    @click="refFilter?.showPopup"
+              <template v-slot:append>
+                <q-separator vertical inset class="q-mr-xs" />
+                <AdvanceSearch
+                  v-model="pageState.searchDate"
+                  :active="$q.screen.lt.md && pageState.statusFilter !== 'None'"
+                >
+                  <div
+                    v-if="$q.screen.lt.md"
+                    class="q-mt-sm text-weight-medium"
+                  >
+                    {{ $t('general.status') }}
+                  </div>
+                  <q-select
+                    v-if="$q.screen.lt.md"
+                    v-model="pageState.statusFilter"
+                    outlined
+                    dense
+                    option-value="value"
+                    option-label="label"
+                    map-options
+                    emit-value
+                    :for="'field-select-status'"
+                    :options="[
+                      {
+                        label: $t('general.all'),
+                        value: 'None',
+                      },
+                      {
+                        label: $t('invoice.status.PaymentWait'),
+                        value: PaymentDataStatus.Wait,
+                      },
+                      {
+                        label: $t('invoice.status.PaymentSuccess'),
+                        value: PaymentDataStatus.Success,
+                      },
+                    ]"
                   />
-                </span>
+                </AdvanceSearch>
               </template>
             </q-input>
 
             <div class="row col-md-5" style="white-space: nowrap">
               <q-select
-                v-show="$q.screen.gt.sm"
-                ref="refFilter"
+                v-if="$q.screen.gt.sm"
                 v-model="pageState.statusFilter"
                 outlined
                 dense
diff --git a/src/stores/payment/index.ts b/src/stores/payment/index.ts
index 93c210fc..e1258bdc 100644
--- a/src/stores/payment/index.ts
+++ b/src/stores/payment/index.ts
@@ -162,6 +162,8 @@ export const useInvoice = defineStore('invoice-store', () => {
     debitNoteOnly?: boolean;
     quotationId?: string;
     debitNoteId?: string;
+    startDate?: string;
+    endDate?: string;
   }) {
     const res = await api.get<PaginationResult<Invoice>>('/invoice', {
       params,

From ea21ec463217925fa381d312fa5070abb2ece6d1 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Apr 2025 17:25:37 +0700
Subject: [PATCH 33/61] feat: add date range selection to request list
 filtering

---
 src/pages/08_request-list/MainPage.vue | 88 ++++++++++++++++++++------
 src/stores/request-list/index.ts       |  2 +
 2 files changed, 69 insertions(+), 21 deletions(-)

diff --git a/src/pages/08_request-list/MainPage.vue b/src/pages/08_request-list/MainPage.vue
index e316e376..7f98b870 100644
--- a/src/pages/08_request-list/MainPage.vue
+++ b/src/pages/08_request-list/MainPage.vue
@@ -3,7 +3,7 @@
 import { computed, onMounted, reactive, ref, watch } from 'vue';
 import { storeToRefs } from 'pinia';
 import { useI18n } from 'vue-i18n';
-import { QSelect, useQuasar } from 'quasar';
+import { useQuasar } from 'quasar';
 
 // NOTE: Components
 import StatCardComponent from 'src/components/StatCardComponent.vue';
@@ -26,6 +26,7 @@ import { CancelButton, SaveButton } from 'src/components/button';
 import { getRole } from 'src/services/keycloak';
 import FloatingActionButton from 'src/components/FloatingActionButton.vue';
 import RequestListAction from './RequestListAction .vue';
+import AdvanceSearch from 'src/components/shared/AdvanceSearch.vue';
 
 const $q = useQuasar();
 const navigatorStore = useNavigator();
@@ -35,7 +36,6 @@ const { t } = useI18n();
 const { data, stats, page, pageMax, pageSize } = storeToRefs(requestListStore);
 
 const requestListActionData = ref<RequestData[]>();
-const refFilter = ref<InstanceType<typeof QSelect>>();
 
 // NOTE: Variable
 const pageState = reactive({
@@ -49,6 +49,7 @@ const pageState = reactive({
   rejectCancelReason: '',
   requestId: '',
   requestListActionDialog: false,
+  searchDate: [],
 });
 
 const fieldSelectedOption = computed(() => {
@@ -64,6 +65,8 @@ async function fetchList(opts?: { rotateFlowId?: boolean }) {
     query: pageState.inputSearch,
     page: page.value,
     pageSize: pageSize.value,
+    startDate: pageState.searchDate[0],
+    endDate: pageState.searchDate[1],
     requestDataStatus:
       pageState.statusFilter === 'None' ? undefined : pageState.statusFilter,
     // responsibleOnly: true,
@@ -170,11 +173,18 @@ onMounted(async () => {
   await fetchList({ rotateFlowId: true });
 });
 
-watch([() => pageState.inputSearch, () => pageState.statusFilter], () => {
-  page.value = 1;
-  data.value = [];
-  fetchList({ rotateFlowId: true });
-});
+watch(
+  [
+    () => pageState.inputSearch,
+    () => pageState.statusFilter,
+    () => pageState.searchDate,
+  ],
+  () => {
+    page.value = 1;
+    data.value = [];
+    fetchList({ rotateFlowId: true });
+  },
+);
 </script>
 <template>
   <FloatingActionButton
@@ -276,26 +286,62 @@ watch([() => pageState.inputSearch, () => pageState.statusFilter], () => {
               <template #prepend>
                 <q-icon name="mdi-magnify" />
               </template>
-              <template v-if="$q.screen.lt.md" v-slot:append>
-                <span class="row">
-                  <q-separator vertical />
-                  <q-btn
-                    icon="mdi-filter-variant"
-                    unelevated
-                    class="q-ml-sm"
-                    padding="4px"
-                    size="sm"
-                    rounded
-                    @click="refFilter?.showPopup"
+              <template v-slot:append>
+                <q-separator vertical inset class="q-mr-xs" />
+                <AdvanceSearch
+                  v-model="pageState.searchDate"
+                  :active="$q.screen.lt.md && pageState.statusFilter !== 'None'"
+                >
+                  <div
+                    v-if="$q.screen.lt.md"
+                    class="q-mt-sm text-weight-medium"
+                  >
+                    {{ $t('general.status') }}
+                  </div>
+                  <q-select
+                    v-if="$q.screen.lt.md"
+                    v-model="pageState.statusFilter"
+                    outlined
+                    dense
+                    option-value="value"
+                    option-label="label"
+                    map-options
+                    emit-value
+                    :for="'field-select-status'"
+                    :options="[
+                      {
+                        label: $t('general.all'),
+                        value: 'None',
+                      },
+                      {
+                        label: $t('requestList.status.Pending'),
+                        value: RequestDataStatus.Pending,
+                      },
+                      {
+                        label: $t('requestList.status.Ready'),
+                        value: RequestDataStatus.Ready,
+                      },
+                      {
+                        label: $t('requestList.status.InProgress'),
+                        value: RequestDataStatus.InProgress,
+                      },
+                      {
+                        label: $t('requestList.status.Completed'),
+                        value: RequestDataStatus.Completed,
+                      },
+                      {
+                        label: $t('requestList.status.Canceled'),
+                        value: RequestDataStatus.Canceled,
+                      },
+                    ]"
                   />
-                </span>
+                </AdvanceSearch>
               </template>
             </q-input>
 
             <div class="row col-md-5" style="white-space: nowrap">
               <q-select
-                v-show="$q.screen.gt.sm"
-                ref="refFilter"
+                v-if="$q.screen.gt.sm"
                 v-model="pageState.statusFilter"
                 outlined
                 dense
diff --git a/src/stores/request-list/index.ts b/src/stores/request-list/index.ts
index 867a4c43..040c7077 100644
--- a/src/stores/request-list/index.ts
+++ b/src/stores/request-list/index.ts
@@ -210,6 +210,8 @@ export const useRequestList = defineStore('request-list', () => {
     responsibleOnly?: boolean;
     quotationId?: string;
     incomplete?: boolean;
+    startDate?: string;
+    endDate?: string;
   }) {
     const res = await api.get<PaginationResult<RequestData>>('/request-data', {
       params,

From 1e6be274e2163fb43773ccc95911cfd4f1ea89ba Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Apr 2025 17:30:06 +0700
Subject: [PATCH 34/61] feat: add date range selection to task order filtering

---
 src/pages/09_task-order/MainPage.vue | 11 +++++++++++
 src/stores/task-order/index.ts       |  4 ++++
 2 files changed, 15 insertions(+)

diff --git a/src/pages/09_task-order/MainPage.vue b/src/pages/09_task-order/MainPage.vue
index a842b431..cda7d75e 100644
--- a/src/pages/09_task-order/MainPage.vue
+++ b/src/pages/09_task-order/MainPage.vue
@@ -27,6 +27,7 @@ import useFlowStore from 'src/stores/flow';
 import { pageTabs, column, pageTabsReceive } from './constants';
 import { dialogWarningClose, isRoleInclude } from 'src/stores/utils';
 import { PaginationResult } from 'src/types';
+import AdvanceSearch from 'src/components/shared/AdvanceSearch.vue';
 
 const { t } = useI18n();
 const $q = useQuasar();
@@ -48,6 +49,7 @@ const pageState = reactive({
   isMessenger: isRoleInclude(['messenger']),
   receiveDialog: false,
   isReceiveScan: false,
+  searchDate: [],
 });
 
 const taskOrderList = ref<TaskOrder[]>([]);
@@ -69,6 +71,8 @@ async function fetchTaskOrderList(opts?: { page?: number; pageSize?: number }) {
       pageSize: opts?.pageSize || pageSize.value,
       query: pageState.inputSearch === '' ? undefined : pageState.inputSearch,
       userTaskStatus: pageState.currentTab as UserTaskStatus,
+      startDate: pageState.searchDate[0],
+      endDate: pageState.searchDate[1],
     });
   } else {
     res = await taskOrderStore.getTaskOrderList({
@@ -76,6 +80,8 @@ async function fetchTaskOrderList(opts?: { page?: number; pageSize?: number }) {
       pageSize: opts?.pageSize || pageSize.value,
       query: pageState.inputSearch === '' ? undefined : pageState.inputSearch,
       taskOrderStatus: pageState.currentTab as TaskOrderStatus | undefined,
+      startDate: pageState.searchDate[0],
+      endDate: pageState.searchDate[1],
     });
   }
   if (res) {
@@ -157,6 +163,7 @@ watch(
     () => pageState.inputSearch,
     () => pageSize.value,
     () => pageState.statusFilter,
+    () => pageState.searchDate,
   ],
   () => {
     fetchTaskOrderList();
@@ -299,6 +306,10 @@ watch(
               <template #prepend>
                 <q-icon name="mdi-magnify" />
               </template>
+              <template v-slot:append>
+                <q-separator vertical inset class="q-mr-xs" />
+                <AdvanceSearch v-model="pageState.searchDate" />
+              </template>
             </q-input>
 
             <div class="row col-md-5 justify-end" style="white-space: nowrap">
diff --git a/src/stores/task-order/index.ts b/src/stores/task-order/index.ts
index acc7f7a1..abb6c553 100644
--- a/src/stores/task-order/index.ts
+++ b/src/stores/task-order/index.ts
@@ -48,6 +48,8 @@ export const useTaskOrderStore = defineStore('taskorder-store', () => {
     query?: string;
     taskOrderStatus?: TaskOrderStatus;
     assignedUserId?: boolean;
+    startDate?: string;
+    endDate?: string;
   }) {
     const res = await api.get<PaginationResult<TaskOrder>>('/task-order', {
       params,
@@ -161,6 +163,8 @@ export const useTaskOrderStore = defineStore('taskorder-store', () => {
     pageSize?: number;
     query?: string;
     userTaskStatus?: UserTaskStatus;
+    startDate?: string;
+    endDate?: string;
   }) {
     const res = await api.get<PaginationResult<TaskOrder>>('/user-task-order', {
       params,

From ac42ee60d8f3e99fa4e0bc971c78c7160a403eff Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Apr 2025 17:38:09 +0700
Subject: [PATCH 35/61] feat: add date range selection to credit note, debit
 note, and receipt management

---
 src/pages/11_credit-note/MainPage.vue |  9 +++++
 src/pages/12_debit-note/MainPage.vue  |  9 +++++
 src/pages/13_receipt/MainPage.vue     | 52 +++++++++++++++++++--------
 src/stores/credit-note/index.ts       |  2 ++
 src/stores/debit-note/index.ts        |  2 ++
 src/stores/payment/index.ts           |  2 ++
 6 files changed, 61 insertions(+), 15 deletions(-)

diff --git a/src/pages/11_credit-note/MainPage.vue b/src/pages/11_credit-note/MainPage.vue
index 327c942b..1cea36fe 100644
--- a/src/pages/11_credit-note/MainPage.vue
+++ b/src/pages/11_credit-note/MainPage.vue
@@ -24,6 +24,7 @@ import { pageTabs, columns, hslaColors } from './constants';
 import { CreditNoteStatus, useCreditNote } from 'src/stores/credit-note';
 import TableCreditNote from './TableCreditNote.vue';
 import { dialogWarningClose } from 'src/stores/utils';
+import AdvanceSearch from 'src/components/shared/AdvanceSearch.vue';
 
 const $q = useQuasar();
 const { t } = useI18n();
@@ -46,6 +47,7 @@ const pageState = reactive({
   total: 0,
 
   creditDialog: false,
+  searchDate: [],
 });
 
 const fieldSelectedOption = computed(() => {
@@ -64,6 +66,8 @@ async function getList(opts?: { page?: number; pageSize?: number }) {
     pageSize: opts?.pageSize || pageSize.value,
     query: pageState.inputSearch === '' ? undefined : pageState.inputSearch,
     creditNoteStatus: pageState.currentTab as CreditNoteStatus | undefined,
+    startDate: pageState.searchDate[0],
+    endDate: pageState.searchDate[1],
   });
 
   if (res) {
@@ -133,6 +137,7 @@ watch(
     () => pageState.inputSearch,
     () => pageSize.value,
     () => pageState.statusFilter,
+    () => pageState.searchDate,
   ],
   () => {
     getList();
@@ -228,6 +233,10 @@ watch(
               <template #prepend>
                 <q-icon name="mdi-magnify" />
               </template>
+              <template v-slot:append>
+                <q-separator vertical inset class="q-mr-xs" />
+                <AdvanceSearch v-model="pageState.searchDate" />
+              </template>
             </q-input>
 
             <div class="row col-md-5 justify-end" style="white-space: nowrap">
diff --git a/src/pages/12_debit-note/MainPage.vue b/src/pages/12_debit-note/MainPage.vue
index cd022dfa..15e2fc32 100644
--- a/src/pages/12_debit-note/MainPage.vue
+++ b/src/pages/12_debit-note/MainPage.vue
@@ -24,6 +24,7 @@ import { pageTabs, columns, hslaColors } from './constants';
 import { DebitNoteStatus, useDebitNote } from 'src/stores/debit-note';
 import { dialogWarningClose } from 'src/stores/utils';
 import { useQuasar } from 'quasar';
+import AdvanceSearch from 'src/components/shared/AdvanceSearch.vue';
 
 const $q = useQuasar();
 const { t } = useI18n();
@@ -46,6 +47,7 @@ const pageState = reactive({
   total: 0,
 
   debitDialog: false,
+  searchDate: [],
 });
 
 const fieldSelectedOption = computed(() => {
@@ -68,6 +70,8 @@ async function getList(opts?: { page?: number; pageSize?: number }) {
       ? undefined
       : pageState.currentTab) as DebitNoteStatus,
     includeRegisteredBranch: true,
+    startDate: pageState.searchDate[0],
+    endDate: pageState.searchDate[1],
   });
 
   if (res) {
@@ -149,6 +153,7 @@ watch(
     () => pageState.inputSearch,
     () => pageSize.value,
     () => pageState.statusFilter,
+    () => pageState.searchDate,
   ],
   () => getList(),
 );
@@ -256,6 +261,10 @@ watch(
               <template #prepend>
                 <q-icon name="mdi-magnify" />
               </template>
+              <template v-slot:append>
+                <q-separator vertical inset class="q-mr-xs" />
+                <AdvanceSearch v-model="pageState.searchDate" />
+              </template>
             </q-input>
 
             <div class="row col-md-5 justify-end" style="white-space: nowrap">
diff --git a/src/pages/13_receipt/MainPage.vue b/src/pages/13_receipt/MainPage.vue
index 8dede01c..3e6083ce 100644
--- a/src/pages/13_receipt/MainPage.vue
+++ b/src/pages/13_receipt/MainPage.vue
@@ -17,7 +17,8 @@ import { columns, hslaColors } from './constants';
 import useFlowStore from 'src/stores/flow';
 import { usePayment, useReceipt } from 'src/stores/payment';
 import { PaymentDataStatus } from 'src/stores/payment/types';
-import { QSelect, useQuasar } from 'quasar';
+import { useQuasar } from 'quasar';
+import AdvanceSearch from 'src/components/shared/AdvanceSearch.vue';
 
 const $q = useQuasar();
 const navigatorStore = useNavigator();
@@ -26,7 +27,6 @@ const receiptStore = useReceipt();
 const { data, page, pageMax, pageSize } = storeToRefs(receiptStore);
 
 // NOTE: Variable
-const refFilter = ref<InstanceType<typeof QSelect>>();
 
 const pageState = reactive({
   hideStat: false,
@@ -35,6 +35,7 @@ const pageState = reactive({
   fieldSelected: [...columns.map((v) => v.name)],
   gridView: false,
   total: 0,
+  searchDate: [],
 });
 
 const fieldSelectedOption = computed(() => {
@@ -49,6 +50,8 @@ async function fetchList(opts?: { rotateFlowId?: boolean }) {
     page: page.value,
     pageSize: pageSize.value,
     query: pageState.inputSearch,
+    startDate: pageState.searchDate[0],
+    endDate: pageState.searchDate[1],
   });
   if (ret) {
     data.value = $q.screen.xs ? [...data.value, ...ret.result] : ret.result;
@@ -95,6 +98,7 @@ watch(
     () => pageState.inputSearch,
     () => pageState.statusFilter,
     () => pageSize.value,
+    () => pageState.searchDate,
   ],
   () => {
     page.value = 1;
@@ -172,25 +176,43 @@ watch(
               <template #prepend>
                 <q-icon name="mdi-magnify" />
               </template>
-              <template v-if="$q.screen.lt.md" v-slot:append>
-                <span class="row">
-                  <q-separator vertical />
-                  <q-btn
-                    icon="mdi-filter-variant"
-                    unelevated
-                    class="q-ml-sm"
-                    padding="4px"
-                    size="sm"
-                    rounded
-                    @click="refFilter?.showPopup"
+              <template v-slot:append>
+                <q-separator vertical inset class="q-mr-xs" />
+                <AdvanceSearch
+                  v-model="pageState.searchDate"
+                  :active="$q.screen.lt.md && pageState.statusFilter !== 'None'"
+                >
+                  <div
+                    v-if="$q.screen.lt.md"
+                    class="q-mt-sm text-weight-medium"
+                  >
+                    {{ $t('general.status') }}
+                  </div>
+                  <q-select
+                    v-if="$q.screen.lt.md"
+                    ref="refFilter"
+                    v-model="pageState.statusFilter"
+                    outlined
+                    dense
+                    option-value="value"
+                    option-label="label"
+                    map-options
+                    emit-value
+                    :for="'field-select-status'"
+                    :options="[
+                      {
+                        label: $t('general.all'),
+                        value: 'None',
+                      },
+                    ]"
                   />
-                </span>
+                </AdvanceSearch>
               </template>
             </q-input>
 
             <div class="row col-md-5" style="white-space: nowrap">
               <q-select
-                v-show="$q.screen.gt.sm"
+                v-if="$q.screen.gt.sm"
                 ref="refFilter"
                 v-model="pageState.statusFilter"
                 outlined
diff --git a/src/stores/credit-note/index.ts b/src/stores/credit-note/index.ts
index e732a204..24da139e 100644
--- a/src/stores/credit-note/index.ts
+++ b/src/stores/credit-note/index.ts
@@ -28,6 +28,8 @@ export async function getCreditNoteList(params?: {
   pageSize?: number;
   query?: string;
   creditNoteStatus?: Status;
+  startDate?: string;
+  endDate?: string;
 }) {
   const res = await api.get<PaginationResult<Data>>(`/${ENDPOINT}`, {
     params,
diff --git a/src/stores/debit-note/index.ts b/src/stores/debit-note/index.ts
index e9a71818..6d8638f8 100644
--- a/src/stores/debit-note/index.ts
+++ b/src/stores/debit-note/index.ts
@@ -28,6 +28,8 @@ export async function getDebitNoteList(params?: {
   query?: string;
   status?: Status;
   includeRegisteredBranch?: boolean;
+  startDate?: string;
+  endDate?: string;
 }) {
   const res = await api.get<PaginationResult<Data>>(`/${ENDPOINT}`, {
     params,
diff --git a/src/stores/payment/index.ts b/src/stores/payment/index.ts
index e1258bdc..960c8a23 100644
--- a/src/stores/payment/index.ts
+++ b/src/stores/payment/index.ts
@@ -101,6 +101,8 @@ export const useReceipt = defineStore('receipt-store', () => {
     debitNoteId?: string;
     debitNoteOnly?: boolean;
     quotationOnly?: boolean;
+    startDate?: string;
+    endDate?: string;
   }) {
     const res = await api.get<PaginationResult<Receipt>>('/receipt', {
       params: opts,

From 648ed3818179ccfff3178184b09db312dd35cda9 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Apr 2025 17:45:26 +0700
Subject: [PATCH 36/61] refactor: comment out condition for resetting search
 date on tab change

---
 src/pages/03_customer-management/MainPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index f78f1cb0..cfd29786 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -236,7 +236,7 @@ watch(
     searchDate,
   ],
   async ([tabName], [oldTabName]) => {
-    if (tabName !== oldTabName) searchDate.value = [];
+    // if (tabName !== oldTabName) searchDate.value = [];
     if (tabName === 'employer') {
       currentPageCustomer.value = 1;
       currentBtnOpen.value = [];

From 285b821c166bd5c5abd9d985c712ceceffe651ff Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Apr 2025 18:04:12 +0700
Subject: [PATCH 37/61] feat: add date range search functionality to personnel
 management

---
 .../02_personnel-management/MainPage.vue      | 57 +++++++++++++------
 src/stores/user/index.ts                      |  2 +
 2 files changed, 42 insertions(+), 17 deletions(-)

diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index b7c152d1..b3ea5058 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -10,7 +10,7 @@ import useOptionStore from 'stores/options';
 import useAddressStore from 'stores/address';
 import useMyBranch from 'src/stores/my-branch';
 import { calculateAge } from 'src/utils/datetime';
-import { QSelect, useQuasar, type QTableProps } from 'quasar';
+import { useQuasar, type QTableProps } from 'quasar';
 import { dialog, baseUrl, setPrefixName } from 'stores/utils';
 import { useNavigator } from 'src/stores/navigator';
 import { isRoleInclude, resetScrollBar } from 'src/stores/utils';
@@ -49,6 +49,7 @@ import FormPerson from 'components/02_personnel-management/FormPerson.vue';
 import FormByType from 'components/02_personnel-management/FormByType.vue';
 import FormInformation from 'components/02_personnel-management/FormInformation.vue';
 import PaginationPageSize from 'src/components/PaginationPageSize.vue';
+import AdvanceSearch from 'src/components/shared/AdvanceSearch.vue';
 
 const { locale, t } = useI18n();
 const $q = useQuasar();
@@ -73,7 +74,6 @@ const isImageEdit = ref(false);
 const imageDialog = ref(false);
 const infoDrawerEdit = ref(false);
 const refreshImageState = ref(false);
-const refFilter = ref<InstanceType<typeof QSelect>>();
 const firstScroll = ref(false);
 
 const inputSearch = ref('');
@@ -99,6 +99,8 @@ const userFileList = ref<{ name: string; url: string }[]>([]);
 const typeStats = ref<UserTypeStats>();
 const userStats = ref<BranchUserStats[]>();
 
+const searchDate = ref<Date[]>([]);
+
 const urlProfile = ref<string>();
 const profileFileImg = ref<File | null>(null);
 const imageList = ref<{ selectedImage: string; list: string[] }>();
@@ -672,6 +674,8 @@ async function fetchUserList(mobileFetch?: boolean) {
         : statusFilter.value === 'statusACTIVE'
           ? 'ACTIVE'
           : 'INACTIVE',
+    startDate: searchDate.value[0],
+    endDate: searchDate.value[1],
   });
 
   if (ret) {
@@ -761,7 +765,7 @@ watch(
   },
 );
 
-watch([inputSearch, statusFilter, pageSize], async () => {
+watch([inputSearch, statusFilter, pageSize, searchDate], async () => {
   if (userData.value) userData.value.result = [];
   currentPage.value = 1;
 
@@ -883,26 +887,45 @@ watch(
               <template #prepend>
                 <q-icon name="mdi-magnify" />
               </template>
-              <template v-if="$q.screen.lt.md" v-slot:append>
-                <span class="row">
-                  <q-separator vertical />
-                  <q-btn
-                    icon="mdi-filter-variant"
-                    unelevated
-                    class="q-ml-sm"
-                    padding="4px"
-                    size="sm"
-                    rounded
-                    @click="refFilter?.showPopup"
+              <template v-slot:append>
+                <q-separator vertical inset class="q-mr-xs" />
+                <AdvanceSearch
+                  v-model="searchDate"
+                  :active="$q.screen.lt.md && statusFilter !== 'all'"
+                >
+                  <div
+                    v-if="$q.screen.lt.md"
+                    class="q-mt-sm text-weight-medium"
+                  >
+                    {{ $t('general.status') }}
+                  </div>
+                  <q-select
+                    v-if="$q.screen.lt.md"
+                    v-model="statusFilter"
+                    outlined
+                    dense
+                    option-value="value"
+                    option-label="label"
+                    map-options
+                    emit-value
+                    autocomplete="off"
+                    :for="'field-select-status'"
+                    :options="[
+                      { label: $t('general.all'), value: 'all' },
+                      { label: $t('general.active'), value: 'statusACTIVE' },
+                      {
+                        label: $t('general.inactive'),
+                        value: 'statusINACTIVE',
+                      },
+                    ]"
                   />
-                </span>
+                </AdvanceSearch>
               </template>
             </q-input>
 
             <div class="row col-md-5" style="white-space: nowrap">
               <q-select
-                v-show="$q.screen.gt.sm"
-                ref="refFilter"
+                v-if="$q.screen.gt.sm"
                 v-model="statusFilter"
                 outlined
                 dense
diff --git a/src/stores/user/index.ts b/src/stores/user/index.ts
index 2cd894a4..a1a625ff 100644
--- a/src/stores/user/index.ts
+++ b/src/stores/user/index.ts
@@ -168,6 +168,8 @@ const useUserStore = defineStore('api-user', () => {
     status?: Status;
     responsibleDistrictId?: string;
     activeBranchOnly?: boolean;
+    startDate?: string;
+    endDate?: string;
   }) {
     const res = await api.get<Pagination<User[]>>('/user', { params: opts });
 

From 03b03b4bc8278cbc619be957d382123e6737959c Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 18 Apr 2025 09:24:41 +0700
Subject: [PATCH 38/61] feat: implement date range filtering in branch
 management

---
 src/pages/01_branch-management/MainPage.vue | 69 +++++++++++++++------
 src/stores/branch/index.ts                  |  2 +
 2 files changed, 53 insertions(+), 18 deletions(-)

diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index ef4acc82..83ddc3c6 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -6,7 +6,7 @@ import { Icon } from '@iconify/vue';
 import { BranchContact } from 'stores/branch-contact/types';
 import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
-import type { QSelect, QTableProps, QTableSlots } from 'quasar';
+import type { QTableProps, QTableSlots } from 'quasar';
 import { resetScrollBar } from 'src/stores/utils';
 import useBranchStore from 'stores/branch';
 import useFlowStore from 'stores/flow';
@@ -52,6 +52,7 @@ import {
   UndoButton,
 } from 'components/button';
 import { useNavigator } from 'src/stores/navigator';
+import AdvanceSearch from 'src/components/shared/AdvanceSearch.vue';
 
 const $q = useQuasar();
 const { t } = useI18n();
@@ -72,7 +73,6 @@ const typeBranchItem = [
     color: 'var(--blue-6-hsl)',
   },
 ];
-const refFilter = ref<InstanceType<typeof QSelect>>();
 const holdDialog = ref(false);
 const isSubCreate = ref(false);
 const columns = [
@@ -175,6 +175,8 @@ const qrCodeDialog = ref(false);
 const qrCodeimageUrl = ref<string>('');
 const formLastSubBranch = ref<number>(0);
 
+const searchDate = ref<string[]>([]);
+
 const branchStore = useBranchStore();
 const flowStore = useFlowStore();
 const { locale } = useI18n();
@@ -715,12 +717,20 @@ async function fetchList(opts: {
   tree?: boolean;
   withHead?: boolean;
   filter?: 'head' | 'sub';
+  startDate?: string;
+  endDate?: string;
 }) {
   await branchStore.fetchList(opts);
 }
 
-watch(inputSearch, () => {
-  fetchList({ tree: true, query: inputSearch.value, withHead: true });
+watch([inputSearch, searchDate], () => {
+  fetchList({
+    tree: true,
+    query: inputSearch.value,
+    withHead: true,
+    startDate: searchDate.value[0],
+    endDate: searchDate.value[1],
+  });
   currentSubBranch.value = undefined;
 });
 
@@ -1170,26 +1180,49 @@ watch(currentHq, () => {
                     <template v-slot:prepend>
                       <q-icon name="mdi-magnify" />
                     </template>
-                    <template v-if="$q.screen.lt.md" v-slot:append>
-                      <span class="row">
-                        <q-separator vertical />
-                        <q-btn
-                          icon="mdi-filter-variant"
-                          unelevated
-                          class="q-ml-sm"
-                          padding="4px"
-                          size="sm"
-                          rounded
-                          @click="refFilter?.showPopup"
+                    <template v-slot:append>
+                      <q-separator vertical inset class="q-mr-xs" />
+
+                      <AdvanceSearch
+                        v-model="searchDate"
+                        :active="$q.screen.lt.md && statusFilter !== 'all'"
+                      >
+                        <div
+                          v-if="$q.screen.lt.md"
+                          class="q-mt-sm text-weight-medium"
+                        >
+                          {{ $t('general.status') }}
+                        </div>
+                        <q-select
+                          v-if="$q.screen.lt.md"
+                          v-model="statusFilter"
+                          outlined
+                          dense
+                          autocomplete="off"
+                          option-value="value"
+                          option-label="label"
+                          map-options
+                          emit-value
+                          :for="'field-select-status'"
+                          :options="[
+                            { label: $t('general.all'), value: 'all' },
+                            {
+                              label: $t('status.ACTIVE'),
+                              value: 'statusACTIVE',
+                            },
+                            {
+                              label: $t('status.INACTIVE'),
+                              value: 'statusINACTIVE',
+                            },
+                          ]"
                         />
-                      </span>
+                      </AdvanceSearch>
                     </template>
                   </q-input>
 
                   <div class="row col-md-6 justify-end">
                     <q-select
-                      v-show="$q.screen.gt.sm"
-                      ref="refFilter"
+                      v-if="$q.screen.gt.sm"
                       v-model="statusFilter"
                       outlined
                       dense
diff --git a/src/stores/branch/index.ts b/src/stores/branch/index.ts
index db8a5b25..7225fb7d 100644
--- a/src/stores/branch/index.ts
+++ b/src/stores/branch/index.ts
@@ -39,6 +39,8 @@ const useBranchStore = defineStore('api-branch', () => {
       withHead?: boolean;
       activeOnly?: boolean;
       headOfficeId?: string;
+      startDate?: string;
+      endDate?: string;
     },
     Data extends Pagination<Branch[]>,
   >(opts?: Options): Promise<Data | false> {

From 88f40dcb477ce3fe9479c2c8318cb13022ab4893 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 18 Apr 2025 09:29:46 +0700
Subject: [PATCH 39/61] feat: update agencies management to include date range
 selection and refactor image list handling

---
 .../07_agencies-management/AgenciesDialog.vue |  8 +--
 src/pages/07_agencies-management/MainPage.vue | 61 +++++++++++++------
 src/stores/institution/index.ts               |  2 +
 3 files changed, 47 insertions(+), 24 deletions(-)

diff --git a/src/pages/07_agencies-management/AgenciesDialog.vue b/src/pages/07_agencies-management/AgenciesDialog.vue
index 91b93c31..c71cb3e9 100644
--- a/src/pages/07_agencies-management/AgenciesDialog.vue
+++ b/src/pages/07_agencies-management/AgenciesDialog.vue
@@ -29,10 +29,10 @@ const drawerModel = defineModel<boolean>('drawerModel', {
   required: true,
   default: false,
 });
-const onCreateImageList = defineModel<{
+const imageListOnCreate = defineModel<{
   selectedImage: string;
   list: { url: string; imgFile: File | null; name: string }[];
-}>('onCreateImageList', { default: { selectedImage: '', list: [] } });
+}>('imageListOnCreate', { default: { selectedImage: '', list: [] } });
 
 const imageState = reactive({
   imageDialog: false,
@@ -159,7 +159,7 @@ async function submitImage(name: string) {
 function clearImageState() {
   imageState.imageDialog = false;
   imageFile.value = null;
-  onCreateImageList.value = { selectedImage: '', list: [] };
+  imageListOnCreate.value = { selectedImage: '', list: [] };
   imageState.refreshImageState = false;
 }
 
@@ -531,7 +531,7 @@ watch(
   <ImageUploadDialog
     v-model:dialog-state="imageState.imageDialog"
     v-model:file="imageFile"
-    v-model:on-create-data-list="onCreateImageList"
+    v-model:on-create-data-list="imageListOnCreate"
     v-model:image-url="imageState.imageUrl"
     v-model:data-list="imageList"
     :on-create="model"
diff --git a/src/pages/07_agencies-management/MainPage.vue b/src/pages/07_agencies-management/MainPage.vue
index e828fe39..9f40a0c4 100644
--- a/src/pages/07_agencies-management/MainPage.vue
+++ b/src/pages/07_agencies-management/MainPage.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { QSelect, QTableProps } from 'quasar';
+import { QTableProps } from 'quasar';
 import { dialog } from 'src/stores/utils';
 import { onMounted, reactive, ref, watch } from 'vue';
 import { storeToRefs } from 'pinia';
@@ -21,6 +21,7 @@ import FloatingActionButton from 'src/components/FloatingActionButton.vue';
 import CreateButton from 'src/components/AddButton.vue';
 import NoData from 'src/components/NoData.vue';
 import AgenciesDialog from './AgenciesDialog.vue';
+import AdvanceSearch from 'src/components/shared/AdvanceSearch.vue';
 
 const { t } = useI18n();
 const $q = useQuasar();
@@ -78,6 +79,7 @@ const pageState = reactive({
   addModal: false,
   viewDrawer: false,
   isDrawerEdit: true,
+  searchDate: [],
 });
 
 const blankFormData: InstitutionPayload = {
@@ -114,11 +116,10 @@ const blankFormData: InstitutionPayload = {
 };
 
 const statusFilter = ref<'all' | 'statusACTIVE' | 'statusINACTIVE'>('all');
-const refFilter = ref<InstanceType<typeof QSelect>>();
 const refAgenciesDialog = ref();
 const formData = ref<InstitutionPayload>(structuredClone(blankFormData));
 const currAgenciesData = ref<Institution>();
-const onCreateImageList = ref<{
+const imageListOnCreate = ref<{
   selectedImage: string;
   list: { url: string; imgFile: File | null; name: string }[];
 }>({ selectedImage: '', list: [] });
@@ -248,7 +249,7 @@ async function submit(opt?: { selectedImage: string }) {
         ...payload,
         code: formData.value.group || '',
       },
-      onCreateImageList.value,
+      imageListOnCreate.value,
     );
 
     await fetchData($q.screen.xs);
@@ -288,6 +289,8 @@ async function fetchData(mobileFetch?: boolean) {
         : statusFilter.value === 'statusACTIVE'
           ? 'ACTIVE'
           : 'INACTIVE',
+    startDate: pageState.searchDate[0],
+    endDate: pageState.searchDate[1],
   });
 
   if (ret) {
@@ -357,7 +360,7 @@ onMounted(async () => {
 });
 
 watch(
-  () => [pageState.inputSearch, statusFilter.value],
+  () => [pageState.inputSearch, statusFilter.value, pageState.searchDate],
   () => {
     page.value = 1;
     data.value = [];
@@ -440,26 +443,44 @@ watch(
               <template #prepend>
                 <q-icon name="mdi-magnify" />
               </template>
-              <template v-if="$q.screen.lt.md" v-slot:append>
-                <span class="row">
-                  <q-separator vertical />
-                  <q-btn
-                    icon="mdi-filter-variant"
-                    unelevated
-                    class="q-ml-sm"
-                    padding="4px"
-                    size="sm"
-                    rounded
-                    @click="refFilter?.showPopup"
+              <template v-slot:append>
+                <q-separator vertical inset class="q-mr-xs" />
+                <AdvanceSearch
+                  v-model="pageState.searchDate"
+                  :active="$q.screen.lt.md && statusFilter !== 'all'"
+                >
+                  <div
+                    v-if="$q.screen.lt.md"
+                    class="q-mt-sm text-weight-medium"
+                  >
+                    {{ $t('general.status') }}
+                  </div>
+                  <q-select
+                    v-if="$q.screen.lt.md"
+                    v-model="statusFilter"
+                    outlined
+                    dense
+                    option-value="value"
+                    option-label="label"
+                    map-options
+                    emit-value
+                    :for="'field-select-status'"
+                    :options="[
+                      { label: $t('general.all'), value: 'all' },
+                      { label: $t('general.active'), value: 'statusACTIVE' },
+                      {
+                        label: $t('general.inactive'),
+                        value: 'statusINACTIVE',
+                      },
+                    ]"
                   />
-                </span>
+                </AdvanceSearch>
               </template>
             </q-input>
 
             <div class="row col-md-5 justify-end" style="white-space: nowrap">
               <q-select
-                v-show="$q.screen.gt.sm"
-                ref="refFilter"
+                v-if="$q.screen.gt.sm"
                 v-model="statusFilter"
                 outlined
                 dense
@@ -960,7 +981,7 @@ watch(
     v-model:drawer-model="pageState.viewDrawer"
     v-model:data="formData"
     v-model:form-bank-book="formData.bank"
-    v-model:on-create-image-list="onCreateImageList"
+    v-model:image-list-on-create="imageListOnCreate"
   />
 </template>
 <style scoped>
diff --git a/src/stores/institution/index.ts b/src/stores/institution/index.ts
index dab8fc85..fedb8328 100644
--- a/src/stores/institution/index.ts
+++ b/src/stores/institution/index.ts
@@ -29,6 +29,8 @@ export const useInstitution = defineStore('institution-store', () => {
     group?: string;
     status?: Status;
     payload?: { group?: string[] };
+    startDate?: string;
+    endDate?: string;
   }) {
     const { payload, ...params } = opts || {};
 

From 74291c055229b8a55a242d64bb49b09abbfe07e2 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Tue, 22 Apr 2025 09:34:25 +0700
Subject: [PATCH 40/61] refactor: employee => remove  validation rules for last
 name input

---
 src/components/02_personnel-management/FormPerson.vue | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/components/02_personnel-management/FormPerson.vue b/src/components/02_personnel-management/FormPerson.vue
index 17debb1e..e2e842c8 100644
--- a/src/components/02_personnel-management/FormPerson.vue
+++ b/src/components/02_personnel-management/FormPerson.vue
@@ -208,13 +208,7 @@ watch(
           v-model="lastNameEN"
           :rules="
             employee
-              ? [
-                  (val: string) => !!val || $t('form.error.required'),
-                  (val: string) =>
-                    !val ||
-                    /^[A-Za-z\s]+$/.test(val) ||
-                    $t('form.error.letterOnly'),
-                ]
+              ? []
               : [
                   (val: string) =>
                     !val ||

From 8d8ad40de1b8d2cf53e618d2d52e570b3bd4356d Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Tue, 22 Apr 2025 13:58:26 +0700
Subject: [PATCH 41/61] feat: import prodect from file

---
 src/components/button/ImportButton.vue    | 29 +++++++++++++++++++++--
 src/pages/04_product-service/MainPage.vue | 28 ++++++++++++++++++----
 src/stores/product-service/index.ts       | 19 +++++++++++++++
 3 files changed, 70 insertions(+), 6 deletions(-)

diff --git a/src/components/button/ImportButton.vue b/src/components/button/ImportButton.vue
index 363bb0c3..c7d30509 100644
--- a/src/components/button/ImportButton.vue
+++ b/src/components/button/ImportButton.vue
@@ -1,8 +1,10 @@
 <script lang="ts" setup>
+import { ref } from 'vue';
 import MainButton from './MainButton.vue';
 
-defineEmits<{
+const emit = defineEmits<{
   (e: 'click', v: MouseEvent): void;
+  (e: 'fileSelected', v: File[]): void;
 }>();
 defineProps<{
   iconOnly?: boolean;
@@ -10,15 +12,29 @@ defineProps<{
   outlined?: boolean;
   disabled?: boolean;
   dark?: boolean;
+  importFile?: boolean;
 
   label?: string;
   icon?: string;
 }>();
+
+const inputRef = ref<HTMLInputElement | null>(null);
+
+function triggerFileInput() {
+  inputRef.value?.click();
+}
+
+function handleFileChange(event: Event) {
+  const files = (event.target as HTMLInputElement).files;
+  if (files && files.length > 0) {
+    emit('fileSelected', Array.from(files));
+  }
+}
 </script>
 
 <template>
   <MainButton
-    @click="(e) => $emit('click', e)"
+    @click="(e) => (importFile ? triggerFileInput() : $emit('click', e))"
     v-bind="{ ...$props, ...$attrs }"
     :icon="icon || 'mdi-import'"
     color="var(--info-bg)"
@@ -26,4 +42,13 @@ defineProps<{
   >
     {{ label || $t('general.import') }}
   </MainButton>
+
+  <input
+    ref="inputRef"
+    type="file"
+    @change="(e) => handleFileChange(e)"
+    hidden
+    accept=".xls, .xlsx , .csv"
+    multiple
+  />
 </template>
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index a7fdbc1e..09d4f118 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -34,6 +34,7 @@ import {
   UndoButton,
   ToggleButton,
   PasteButton,
+  ImportButton,
 } from 'components/button';
 import TableProduct from 'src/components/04_product-service/TableProduct.vue';
 import PaginationPageSize from 'src/components/PaginationPageSize.vue';
@@ -99,6 +100,8 @@ const {
   createWork,
   editWork,
   deleteWork,
+
+  importProduct,
 } = productServiceStore;
 
 const currentCopy = ref<{
@@ -107,6 +110,7 @@ const currentCopy = ref<{
 }>();
 const { workNameItems } = storeToRefs(productServiceStore);
 const allStat = ref<{ mode: string; count: number }[]>([]);
+
 const stat = ref<
   {
     icon: string;
@@ -2262,7 +2266,6 @@ watch(
                       },
                     ]"
                   ></q-select>
-
                   <q-select
                     v-if="modeView === false"
                     id="select-field"
@@ -2285,7 +2288,6 @@ watch(
                     multiple
                     dense
                   />
-
                   <q-btn-toggle
                     v-model="modeView"
                     id="btn-mode"
@@ -2760,6 +2762,26 @@ watch(
                     </AdvanceSearch>
                   </template>
                 </q-input>
+                <div
+                  class="flex q-mr-auto q-pl-sm"
+                  v-if="productAndServiceTab === 'product'"
+                >
+                  <input ref="fileImport" type="file" hidden />
+                  <ImportButton
+                    type="file"
+                    import-file
+                    icon-only
+                    @file-selected="
+                      (file) => {
+                        importProduct(
+                          currentIdGroup,
+                          file,
+                          async () => await fetchListOfProduct(),
+                        );
+                      }
+                    "
+                  />
+                </div>
 
                 <div class="row col-md-6" style="white-space: nowrap">
                   <q-select
@@ -2785,7 +2807,6 @@ watch(
                     ]"
                     @update:model-value="fetchStatus()"
                   ></q-select>
-
                   <q-select
                     v-if="modeView === false"
                     :hide-dropdown-icon="$q.screen.lt.sm"
@@ -2820,7 +2841,6 @@ watch(
                     multiple
                     dense
                   />
-
                   <q-btn-toggle
                     v-model="modeView"
                     id="btn-mode"
diff --git a/src/stores/product-service/index.ts b/src/stores/product-service/index.ts
index fbe342a7..0405bf16 100644
--- a/src/stores/product-service/index.ts
+++ b/src/stores/product-service/index.ts
@@ -194,6 +194,23 @@ const useProductServiceStore = defineStore('api-product-service', () => {
     return false;
   }
 
+  async function importProduct(
+    productGroupId: string,
+    files: File[],
+    fetch: (...args: unknown[]) => void,
+  ) {
+    const importTasks = files.map((f) => {
+      const formData = new FormData();
+      formData.append('file', f);
+      return api.post('/product/import-product', formData, {
+        params: { productGroupId },
+      });
+    });
+
+    await Promise.all(importTasks);
+    fetch?.();
+  }
+
   async function fetchListProductById(productId: string) {
     const res = await api.get<Product>(`/product/${productId}`);
 
@@ -549,6 +566,8 @@ const useProductServiceStore = defineStore('api-product-service', () => {
     fetchImageListById,
     addImageList,
     deleteImageByName,
+
+    importProduct,
   };
 });
 

From cf67ed3d47896b1ed0b235f7a6a6fd5d1a8b4b0b Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Wed, 23 Apr 2025 14:08:49 +0700
Subject: [PATCH 42/61] feat: product receive code

---
 src/pages/09_task-order/TableTaskOrder.vue         | 7 ++++++-
 src/pages/09_task-order/document_view/MainPage.vue | 2 +-
 src/pages/09_task-order/order_view/MainPage.vue    | 7 ++++++-
 src/stores/task-order/types.ts                     | 2 ++
 4 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/pages/09_task-order/TableTaskOrder.vue b/src/pages/09_task-order/TableTaskOrder.vue
index 3fdd03a9..44fa01e7 100644
--- a/src/pages/09_task-order/TableTaskOrder.vue
+++ b/src/pages/09_task-order/TableTaskOrder.vue
@@ -160,7 +160,12 @@ const emit = defineEmits<{
             </q-tooltip>
           </div>
           <div class="text-caption app-text-muted">
-            {{ props.row.code || '-' }}
+            {{
+              (props.row.taskOrderStatus === TaskOrderStatus.Complete &&
+              props.row.codeProductReceived
+                ? props.row.codeProductReceived
+                : props.row.code) || '-'
+            }}
           </div>
         </q-td>
         <q-td v-if="visibleColumns.includes('issueBranch')">
diff --git a/src/pages/09_task-order/document_view/MainPage.vue b/src/pages/09_task-order/document_view/MainPage.vue
index 3a8ddc6f..b631dbb1 100644
--- a/src/pages/09_task-order/document_view/MainPage.vue
+++ b/src/pages/09_task-order/document_view/MainPage.vue
@@ -294,7 +294,7 @@ function closeAble() {
         :branch="branch"
         :institution="data.institution"
         :details="{
-          code: data.code,
+          code: data.codeProductReceived ?? data.code,
           name: data.taskName,
           contactName: data.contactName,
           contactTel: data.contactTel,
diff --git a/src/pages/09_task-order/order_view/MainPage.vue b/src/pages/09_task-order/order_view/MainPage.vue
index f123ca74..8d459fc8 100644
--- a/src/pages/09_task-order/order_view/MainPage.vue
+++ b/src/pages/09_task-order/order_view/MainPage.vue
@@ -917,9 +917,14 @@ watch(
               v-model:registered-branch-id="currentFormData.registeredBranchId"
               v-model:institution-id="currentFormData.institutionId"
               v-model:task-name="currentFormData.taskName"
-              v-model:code="currentFormData.code"
               v-model:contact-name="currentFormData.contactName"
               v-model:contact-tel="currentFormData.contactTel"
+              :code="
+                view === TaskOrderStatus.Complete &&
+                currentFormData.codeProductReceived
+                  ? currentFormData.codeProductReceived
+                  : currentFormData.code
+              "
               :task-list-group="
                 taskListGroup.length === 0 && state.mode === 'create'
               "
diff --git a/src/stores/task-order/types.ts b/src/stores/task-order/types.ts
index 9e709745..8bac1f86 100644
--- a/src/stores/task-order/types.ts
+++ b/src/stores/task-order/types.ts
@@ -53,6 +53,7 @@ export interface TaskOrder {
   contactName: string;
   taskOrderStatus: TaskOrderStatus;
   taskName: string;
+  codeProductReceived?: string;
   code: string;
   id: string;
   userTask: UserTask[];
@@ -179,6 +180,7 @@ export interface TaskOrderPayload {
   registeredBranchId?: string;
   id?: string;
   code?: string;
+  codeProductReceived?: string;
   remark?: string;
 }
 

From 4040da58f973b34de62f921ef2715eb1d643340d Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 24 Apr 2025 09:49:13 +0700
Subject: [PATCH 43/61] fix: name repeated 2 times

---
 src/pages/08_request-list/TableRequestList.vue | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/pages/08_request-list/TableRequestList.vue b/src/pages/08_request-list/TableRequestList.vue
index cbad4a7a..7b99bf78 100644
--- a/src/pages/08_request-list/TableRequestList.vue
+++ b/src/pages/08_request-list/TableRequestList.vue
@@ -228,12 +228,6 @@ function handleCheckAll() {
                 locale: $i18n.locale,
               }) || '-'
             }}
-            {{
-              getCustomerName(props.row, {
-                noCode: true,
-                locale: $i18n.locale,
-              }) || '-'
-            }}
           </span>
         </q-td>
         <q-td v-if="visibleColumns.includes('employee')" class="text-left">

From 63036b03fda62bc2e57e86c5d8642feb9dc69e0a Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 24 Apr 2025 10:22:14 +0700
Subject: [PATCH 44/61] feat: add activeOnly parameter to institution queries

---
 src/components/shared/select/SelectInstitution.vue | 1 +
 src/stores/institution/index.ts                    | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/shared/select/SelectInstitution.vue b/src/components/shared/select/SelectInstitution.vue
index bf5877c0..4b4ea912 100644
--- a/src/components/shared/select/SelectInstitution.vue
+++ b/src/components/shared/select/SelectInstitution.vue
@@ -43,6 +43,7 @@ const { getOptions, setFirstValue, getSelectedOption, filter } =
         const ret = await getList({
           query: query === '' ? undefined : query,
           ...props.params,
+          activeOnly: true,
         });
         if (ret) return ret.result;
       },
diff --git a/src/stores/institution/index.ts b/src/stores/institution/index.ts
index fedb8328..5c52bfed 100644
--- a/src/stores/institution/index.ts
+++ b/src/stores/institution/index.ts
@@ -31,6 +31,7 @@ export const useInstitution = defineStore('institution-store', () => {
     payload?: { group?: string[] };
     startDate?: string;
     endDate?: string;
+    activeOnly?: boolean;
   }) {
     const { payload, ...params } = opts || {};
 

From 8cf93d00162ef04ffea4e74b6046aff7c385a57c Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 24 Apr 2025 12:52:47 +0700
Subject: [PATCH 45/61] feat: add getGroupList function and responsibleGroup to
 workflow types

---
 src/stores/workflow-template/index.ts | 13 ++++++++++---
 src/stores/workflow-template/types.ts | 11 +++++++++++
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/stores/workflow-template/index.ts b/src/stores/workflow-template/index.ts
index 95a6c2c4..9f186a17 100644
--- a/src/stores/workflow-template/index.ts
+++ b/src/stores/workflow-template/index.ts
@@ -2,7 +2,7 @@ import { ref } from 'vue';
 import { defineStore } from 'pinia';
 import { api } from 'src/boot/axios';
 import { PaginationResult } from 'src/types';
-import { WorkflowTemplate, WorkflowTemplatePayload } from './types';
+import { WorkflowTemplate, WorkflowTemplatePayload, Group } from './types';
 import { Status } from '../types';
 
 export const useWorkflowTemplate = defineStore('workflow-store', () => {
@@ -38,7 +38,7 @@ export const useWorkflowTemplate = defineStore('workflow-store', () => {
     return res.data;
   }
 
-  async function creatWorkflowTemplate(data: WorkflowTemplatePayload) {
+  async function createWorkflowTemplate(data: WorkflowTemplatePayload) {
     const res = await api.post<WorkflowTemplate>('/workflow-template', data);
     if (res.status >= 400) return null;
     return res;
@@ -64,6 +64,12 @@ export const useWorkflowTemplate = defineStore('workflow-store', () => {
     return res;
   }
 
+  async function getGroupList() {
+    const res = await api.get<Group[]>('/keycloak/group');
+    if (res.status >= 400) return null;
+    return res.data;
+  }
+
   return {
     data,
     page,
@@ -72,8 +78,9 @@ export const useWorkflowTemplate = defineStore('workflow-store', () => {
 
     getWorkflowTemplate,
     getWorkflowTemplateList,
-    creatWorkflowTemplate,
+    createWorkflowTemplate,
     editWorkflowTemplate,
     deleteWorkflowTemplate,
+    getGroupList,
   };
 });
diff --git a/src/stores/workflow-template/types.ts b/src/stores/workflow-template/types.ts
index e3750660..7307c2cf 100644
--- a/src/stores/workflow-template/types.ts
+++ b/src/stores/workflow-template/types.ts
@@ -23,6 +23,7 @@ export type WorkflowStep = {
     user: CreatedBy;
   }[];
   responsibleInstitution: (string | { group: string })[];
+  responsibleGroup: string[];
   attributes: WorkFlowAttributes;
 };
 
@@ -49,6 +50,7 @@ export type WorkflowTemplatePayload = {
 
 export type WorkflowUserInTable = {
   name: string;
+  responsibleGroup: Group[];
   responsiblePerson: {
     id: string;
     selectedImage?: string;
@@ -73,6 +75,15 @@ export type WorkFlowPayloadStep = {
   value?: string[];
   responsiblePersonId?: string[];
   responsibleInstitution?: string[];
+  responsibleGroup?: string[];
   attributes: WorkFlowAttributes;
   messengerByArea?: boolean;
 };
+
+export type Group = {
+  id: string;
+  name: string;
+  path: string;
+  subGroupCount: number;
+  subGroups: Group[];
+};

From 2a2bfa3180fe140f61ff5ee0ce0d37e631c7d85b Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 24 Apr 2025 14:06:13 +0700
Subject: [PATCH 46/61] feat: add img-group.png image asset

---
 public/img-group.png | Bin 0 -> 78846 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 public/img-group.png

diff --git a/public/img-group.png b/public/img-group.png
new file mode 100644
index 0000000000000000000000000000000000000000..0493168b426d1c35c827ce79043acad2a0a86b23
GIT binary patch
literal 78846
zcmeEt2Uk<i*R_g*g1`@?S4Bl?KuRc~C{>Z(rAs$-2)&62h!79~0g+B9Mrvpw(nNX<
zJwQS)p-S)YUZ1b={?{Uz1&e!=J9FloefHiHt*xm_NzOuk?b<cUmoJobuU)$_`0sW5
z2JjcK_+Sq(T=&vdRk)7p5(ou;x#Rxgwb!+4pojln*ZmOkKG&{`=Dk#UuJ8AK10Utf
z<`4k#gY`?1;5((l^DD(fYo1JwcgO|$T>UaH8^EK+o#JH=8xCJQ?0fMr+FAklM|i(f
zM=<iobzNHJ>$XNl5`WJ>%sr#)0{IvPAB->(w8U78Ypw&I{P*RD=6_?5;w<ofjqt$z
z-?06kB=G*u_cj|aG(&Du0mCf&4KiT(OBF@}41Q7nciFH1UG~2z`CpX$f4y;<&5cSd
zFf@KUMxT_%&oy$LuGFs8wE-Dq3j~7dzfQU858nG>IpA*)`(MSCd(+1YyWAePYqR|d
zv)AhKcx34)PSp7_K6ZTBG3HC?%-2Ob*BA>JcH1q-geW5vEa^dC%C9VXxN=vR6&^8o
z&BRF2M(cCy@g%7wt0AyZm~@6knJ7~dv|1fhcm>*+VY&9<ee-qq9vyX_lpgfmm&5UG
zK{@(-2HlUl=_1TP8ETKME0n~(+1^kUN$FyE)h4n>(d|sAyUUhxg;_hd`c0ZHS(ojR
zEcwW6R$F&=P<wK4?I0lhxtrMAed%NqK_i}g5p-<l(!T6jnFuW8+Vm|T`fIfhDvff#
zf<2{Xh{Z?yf3{`gRk_mi`LcSF$xn6><imM7_FT6v+QEle+Zr3kImH}8?GY;^JSiFM
zchh1Ud0dLBO}aTv*oWtGB+}Fkkyz)P`wC4TLc&)gb{Gi+rfdJ*y+PJoqFb!5)@J>P
zDfTAGoVIYr3wu#w5I9}!k#3hQcSiTh9zvl)7v#~vm{O4sPw#2Dcwn|%M+34oqx|V^
zBQV|MDX)9@xofF6CH6!oN1sO@3XX6TlP+LX>Ih;Mm(EZq&M$gD0nFTe_iI&PwL3||
zo;YU_jzXD)9$Ow=rL<<6*bm`ETfVG5I*JJEiq5$Fq%u#HDfn37uh><{pMiUkMd0~e
z8L?lI8^14`K3pc~o@(=msSl7LC>u2023HTDaFyZ$fm|J|1RwncOT~-n$m8pS^FW-K
z&@PdxQ71j<MsOiMIr6}KU`)U2J}N&vF^k((&204Sy{m2ib5Z2Yh@zmf%yw^)-R;wQ
z7E1KiH@YqAgi1Z>iGJ#CPBn5i={&4;ttlH7s;^+oamf>{#D{qI`{3IMQRv1s%82Ic
zgI{!`{lwU)PJ$|4NOHirt)F(Y?I+^Y3-kpHjStqk>VDhBnn<+Q){80`?Mb*^I#f1Y
z_zOj+eu>gWSf|u7@%S^TbLX`=3#T8bpwvnVv^_6q?_V2~`S%DUh$vuAG}~U-4!<R5
z###w49(Cj;=!>NF*ze-ZDvYfdQuX<~gYa&M>mYacE3?ZW(}qI-G47zw)V6AJgzl@B
zaFHmSLYkt3u=amCPE~3?Eip=5#S7~<u9X4z|He`at~Tab^uobJi1PB(W@bvQIkqyH
zxn)W+>HTyQ2i)GFM5OTZ>(5}~e!nB(>(t+V&0QB}=OB+zLm0kIRjvUh#}S-fVwg9o
zGN*_z)Duo9S8YFPxz@}I>_bOr(j$>#{myL)zlH>Do>^IHvh#`;AGlr+D@{}`mK|h{
z=GnA%mTcij5L~661)A^zL5@&Ej<c$Bqx$S?rUbzd(Jn<~a@SJo)b+u|e_xo&bPV;S
z$6l|?R)hiJ=iw2s27$m;^V0N1(!1z(Pt;^r!sL#ExZCWqB9*v8a>US|CA_6?)cj!5
zd#aAWYHwsWzwwfS8zKpvKMRxjlbl~tKcaqT4}g_HB_4+)HH3A}v$x@%Dt~{kLm+u>
zzpsai(d8Gl==D2dz9V%^y}0HgHKBV7Cw^!Nr7p!BUE)4zUfb^jp9wb23~bSuV;!1(
zx`iS*_1a&y8)VN=vqLI;X|bxmA2i9&9%Qm}d}n93N8vn+|LFD4nt4No+nzq6b-f+Y
zl!9a|T~J1jr@Q#1bl7;+3;1AKoR>*o3nS>Vi-C=EJ07Phm^C2mq{Vf)=e6CnbF$;X
zm+<0Anskmc)+4iY*rWkeN+mUgdf-}eI^Qc9qu;F$GC<x{NyNGO*5eJMh8-&$y`_0E
z=4Qxq^J}gW0Q7qBbP1z|P<X%@uN2-Gv$v4feBwX2LP2(}T=Sh&tE>kfo^=G3DVrJn
zePnM>Sz_T<Ik^E!X=uo3gpuayBEEFlsz+(?UyWXKy$;;1#mvV!-#Vf5WM^lGKp-ru
z@X-h{kpF7jGI&jSCx%sV?tq@P*9r{5Z}m6I6;9by8dvuQ>E03{dshxD>&<4Dd9@ZU
z+S}i=*f_VGPx|}0a<sXV=lK%$j)sJ`7WrH+EZ`|$x^01wE*X}BNK4n(6MLLdyas$*
zWdi%y>(e?wzJwbV>+hn?L}-pOGBY?iu_-fwnV&j{PfjwK1JF(^Qx!WwDb=PQ*PF4#
z1A7b}OPGTN0*{2X&Y1`+alC#r42S|pqAeHOU5oFT&Sj;U?CdJ<Tgc;w6`V@H<_zjJ
zerQ-AB&3(>^XWN>QPpCQO*8mmn~JGX7JJH=!H!$*E5K5T=_7PsX9TL~EI9f~(8MgG
z(4J{CkIP)D5o{t|6zr_O8qM_3)1M7XMVU50M%$h41GAq;x1Nc^-jM>J*YUH094FPy
zI3M3b@YsM>TwacLh4G?yy~@;5=M4#Q{h$<SaHAG?ic^&dvS$=GwN4~DZLj@4bh`!z
zVz?ROS)9~kr+C>scQ`gQ+(9QULKK^+{xu153VW5WTQhrvUz<2?oHTUzM0eTm?e9}*
zX}sR>Dbb9dqkq@_Z1&o$5kmK6;g=_8XRI+4Q4mOicDcR)*nWsKT`a%WZFD`|D$2-~
zC8OUO72n?rJD@gZqxvO(jq)Av(ToMXDi!V?o}Ry&RKr>WJ!vVU$TxK9F4vP@xjMn&
z5*>C_2wfs9P`Vz2Z)oU0^r<%NxLY>8sd@jJ1<)OgaO&CT>37?UJZN(BwFwS&5_J#B
zd|4P1p`ggnDB`43SLM+Wr4w@d2*hguMfHsl@S~!_j=t6FaFtTJ`axAPcgVlHSfb4|
zpWJKQLoGeg(xN(SZFvStoC~}g0b1#KZ{h1Sx9*g8qzW=}+z%-1z(d5;E!CH2*Rn~T
zHT=8yUhRUD0Iig)<iymp<Rm^$HTT5qE7$F^GE*dHw~zCE7qgksBq|3oJ@N)r(~ND!
z4{?^KhGo}ASb?pM*XK(%1E<HfX;M=k)`F>heXQrSbF>}*Opd!z=iPUizHLX9Vd3U2
z9Y`7l1aApdlnJu!9o@6we;=$`ZGxzxp^WH{kFPN@(xj$RxGs;v^Ithx3aRSa($=K%
zlnMEoVp)rHi`m$>wpv<B8$$vyuX1b;EuJr5D`LD!^-daqB@sb#esi)?l9ChC(z26U
zf2@PFXk0KRpLJPZ<UH}rhmZeR0^drMl9rK`#gl{^MkyjCUf7A`P*cu+1=ikA4`KZ@
zQB(PS&H_FouK_>Y+G;D%txvNg?h+LE{F4%w%A}vyeh2`KP<>l(ek2?UzcNziE^uZ!
zg<m5u-RNK~rq`c!6%b-D0`OQ>g>OX7WW(Ir%-U{!HD{T{Zd>5gQcT0~r&Z=<<!X~+
zL%nFf!4(L8W@ct`@srEnru&FZ&v^ekjFNv(#wZ#R)sjDns2YVf71owDpc1)0s)ITp
zcmGEICuw1c(B)0kjXtq%%Dci|M13KJB!Orw3AA-r_r~8Uy4R-}OpJq))%G6-_Ye+J
z1HXTyV3^LnT<Y;k|KO?BdT@#%i6UH?f!AfF<fies*QOL^e#6l>XDD<hq2fIVvvJbk
z_BzHf#&I`WZ|P~gY(wiq&0148vD_Qd|7zN?2TWCnKBjlG!6#fuwDy?q!nWABGf@Gg
zdNmM4Pre^he2}7+#vG(Bb(2}KJE*I;#d=*m#_8-sOxf3`B2C{y`g|*I-@47MPZzV_
zM9%s))k^2h5Gni11Pg(zJkGSdAMO=-8bP=|3x23ZM>AVQ5<cPkiB1sOa@BxRO+Pot
zWk1?>nD}lS(^TzIjtUNeCH2{^?#-Wh3ne~M3*32yFiaO1J1i~D%y|P;k}BiD#77^I
zEBvQ(yEMp2!xC>{)J%1Cb;BU?_*dY`kI*zHW;Cx>%EkMQSgW9HAcySGj+$`ZNa5#e
zvwi?T!6Dvy%;186SA5}r&sIXi8WB|q4tlDYzg2fc+{;<*pGpLRUcN{hc^;<7J;x^!
z{n(i<CrgKCl&@MPZ_IHNz_lJ9G1n%HN{3?Xb-Q2yY_VN6__V>nW>!niD!Hpp%a@XR
zQ_0e0hKg;&=@p2C%!{p;f^Suv$a$*MfBqtA-x8Y4x`w^(r8-EK^s=xu<ciRKN?1Mx
z${!blQ}g=Rp^f6C<LwCDx58;W?)!JC>H`Cax^4CJmm@cB4*xZrv|uVOV35q}vrAo;
zP}K4r+1I((DQBCEGpyHLpR<cfovQnw<J9#ih1#cD_exz)U4ui%Ngq0Dmr(2Wn6@hH
z{Q2xLsDQ^CZT4%UA{!FOot#@}TwkrE&|>^Z;m-XY!e!6&rD;mat-V%?(Eibp=<SdJ
zSH{xMJ;d1YHQ4@yZN*dxRbks)_7gtxTh_%NN;yFWA4tNow|@gzKH?$K_I)YZI;Ydj
z+QmR88J`)00W0Mq<*!b98jjbd?*`R(SDBPpl;sJ9>o^Io-X%RXlK$^h%b73toi0D>
z<Et(Dy6z>IA)B*XS-&hs67uTtJUq3wMK0ST!-#9geCDG1dfl;Rio?L*;NQjkyw;K-
z$H9l4WT2<osa8$9$s*&4y&vubY<*JAOR&1nLS8uk6#BW?4pgZXyfklDOLjKWCf?~x
zEyCKF<{-#CKFaUFL&uk_QaGI6YmXeYt<X;FsrIuj?N9{SoaHo4;qD&1Z*HmkM&Gi}
zmh=fg^ovJ89na0NlJ5Ew<IJr=gZVswjqcBwUy_*EOzdGZn_fO;O5&pr#<peaBYE#>
zPj}ggpq;^4Ho`fX?8C)l1x{v{QZ6&!I0G^mmja}1s~>PIujMip&e{m4!x@lW(5I<_
zYIY?9B#-kgKD}gZvlgS9v@pe+yq1GVs~750GQFI04N)&k*5^~1bfgQ&BC=FWuxB<B
z61v_(P<`nPZkOqSgambu9FrVywRWfK`{w~w0Q`YzEa7sXKKf}ywE~rjPS_*HR4Fg#
zEYLW~MbPpk1?8??e49a5*(#KaeRxd-r`QEM>RwV`5fyJ{fg8GIlMX_Cb!}c`)h$Ng
z+#E^QmrBW~w$u@csr}o=kG_9Y0gx+S+HJBM*SD2rXraxKrfj8uL?Wn@4fXOr4t$7J
zFfDPL_YbuU9tZ?QX#XB$xeH5UR_{$QEL#C^mn?h#(UX*E54ua;onxwWFqLmjVzd(C
z0ZNIeG~3=T{AI{$x}H97R9Z|93z6B_g>}<=3MhognwfTM#P$>ns|T{iJD_?Uy+N%b
zeR;h!lw?HtB`@b+JSoRh=4rtjiQQ@TMkQEctUapDRpPa?bY2)o>xc>5BroSm<xWHh
z^O31Lu^}46DhX|kfJqNuJWQyQgy3JBLI^Vy7Jg~ytn(QKi%+uY%GG?D3NoETeZ5v9
zIP=oO{!#$;C5|4>FVdPh8`#r0&z~Q!BDLfIDEHz?B7J7hSFeeawq6wTDfnhf@6D91
zUhve!#o59UCzFP~`f^<{k~@W{1`-+Y+t*%^m0E`Ga$D=ThPRT+;2Y?U-s+-|V~%}3
zm^=WTI)fO4S6Lb?iuFhBaSJzsNPH#SwfnO%5l6?X8^?pbJ`8svzU=sMXMh$xt6vXN
z!f;ncrm|dC@*LykBH=R7Pv-&ke>X}G4>jYvpoq@U4kT#kb;7`s&zRu~M@Vph-?Of~
z>koNdoP`)A7$Oa5Z_L|2$4yNIMn)FS_!~KhsU=9czAuSSDJT!|2vE>@$Q=JPaeg?B
zt-3y9GWNK=5Z*(R(nCa8(+sb)_yi1glxRO)z)OcGusnm_5u_rMjmHkmdWFjRg4~5K
z{L<9L=wc%tCTI`(2F&ke0x^2pg&b~p^W<W5dey|W@w<-TG0rS~PB0nj9gx>%?Ik7X
zL-sg050{H2t_EPjyTUUx%qGn(Ei=;b#%Ah;UwVIji&UpuDj>W_JJ48dXQV~Vd@^zI
zs&C((+2*i?W_gihC~z9>&5H!c(7ybWyRXC;uW~^^HMc1zxp?;Uez{Z&H^tX5GIoE0
z$}$)wlb13KSzL&0DHis=sljQ0?SJsvQI!y$2|lPr3TwVw$0&w{YpyEDX*~%Z^sT6E
z)O-$MyKS55&8f~y(Rj3X-Z-go;d#8cW-%mFSXN{xWy<yDa7awMetUJz)7$5@Gq}Ve
z6rH=FnVlHL9Pp}L{sO=4Gd4DlePNT?UKjt2+sGZ!Qzi;wI&KYSQ%jy)gAuM~!&{>7
zoN_3_XMC&2$~ra6<R+)2@H5n>LD9wnSpyz+a2EN1-4Z4p{^yVUJw7fXvK9<BvZu=c
zR>35r%iha>x}QoySt~;Au^vx8579%`_p!UMcfA^7GdUT6MKQyPFW$Wl`O;&Do6LrD
zJbSwUmGBs)D}}xTFLecYM^~=D*57Ee_lCjhFc@<V>I=vP`v<vpm2B=I-;kQd@^Y{|
z<6m>_SCi#cEe4-kxhA+<yd`-JeuPz2%yktL=4k50wlsGeskX2nTJlY|pTljml(*8l
zj-zeC>AcGn$!f1Z7quYncI{=xrmMF$Ig>r!7zsfuw2U$iu2F(hdX^3)@f^t}-r^N>
zA)PMNY#V$-wlWNNNJ$tOqo$@99SSSld9wPRE<tX6Lq7N+NXt0B>pfLHR!ts*Q6u&j
z>LMxaV=_RZT2CN(-9NBIH;?ch4X?a0FE^Xu!@2Pm3ODX#XtNS_vXah6_}1RYH}dhP
zZ@nckWMqW||8d(2p3ybapgU&wjFcZHYDNTII!e;*o&kt9H%D7K`6s=Sear{&aghZR
zs*!KIHzIZ%H@)WX{-%dwP>)IPMb}*R;h=3b_DDMXd5-@4`-=y)V0ZVU=o{wOy7G@U
z7HvbXtep56?i3~#E66?hqvW`J_ty{P**y7nBxe_EPPjw&ilZ1T%p2zY6auaB9c=O(
z@E1H9KhYV{UPj@<OZpDlB9?Ft$~CjBGeQC4Q7YYI`AxywP^8V-IUOuLEof!4^zu5Y
zPvs~Ra{AN&Y3BoX0;MBVG4A)>>l&7h0(iahX`_Qc<Eh1(LM<U2DQB-`%lP!m;-e`<
zHa2t%Qd9eITf2U2TU7Rj#U>9OjD`qUz4<8oP;-l6QjRTqU0pWWaLn*<_V)YIn;<)i
zFJNf(Hk1Nsg2`qW7v(kLp|npNopZ03-O9AUAk7hImjxV*L1*&g2St?SrN5KiWA{0i
z-WO^vYmw@48Lr<Lf>ogKcH)kD!-eK}^E-lLeR9~DDpvf9MqzHwAhG58Qf&4N<KY<(
zbg}g7*_{M1^y0tiMjfG_XA9dARqEIE61$+)Qs$bqQ}ga?cS-M*&bVPB!t%^OIzQtg
zegm;ms2cSo5VPYbmZ-M0chWv^*99}FVkUq#@$;roBOTrPNPeptO`4bn5>6>h#OV*)
z=Ks<PHP4|gm*a8yaNd}4P+fiEzuomzwpDyq*-0;2h)j>=@29^3tM_!Bs>AOkUgYJO
zHw3FypK8MAhxbfD8F3#J9%K#phNx`1h|$^Rs(^d8b{-k?=Jkw*(7LiI|GBcD<f{4h
zP90=aJW2;yecHR`Zjzyy*!E*|onCE;T|HOGd+G+6p7}#%4~SoYpI>DYP%WZA+=%$4
z9q}vE*ZJ4y$|;NK&3weDG<~vK1J=<OEq!(hY*Rh{p9e-U9vB3G?H2I(wvPCL_;}i#
z<67UIIb|2S{|a2IZfxb?h&%g~@Vi=CuYZE=MLJxvRQi%16|P8hGt9laIzK+1-xqWD
z;D}d3rHNHH-!Ry+?)aHyBs#C=B$HK&W$OKi((R%bT&kB|RXw%n-(n0~i87^^{Ly<p
zShu~g@92AE<&fU^QYlYiw8RNx_UZRX?&aY;aw_W5hYucE94#ifN+jk@JTUq(!Dpbr
ziCfQIL8*)Q*I`iTswxpk`hXpagm-v4#^Z=DqlyQiyR-|7>+OY6-%b5#81S9`^y9HX
zu|7H4ta)XRgENb5OK<YyO_GtnHR3^=T`@{VvRyN#8+?CSKH8E;^jno<Ce2-Ik*MJ{
zcgKTB(@@v*qN#h5yJ)tI{S{T!j<Z03BzS(M3{GCIdHD9%%JX!*%K6tmXFp#1gnHes
z5vA?5t&Pn*et4+_y7IBZkcXbcIbp9l;$$<Keg?-}n?o{F#$PIU>xaug`%%wx^Fg~(
z38pCsM#a7WkC#=6S*npUAAJ1zB?8FxlK;ub%K<-BehozZFOvk_;zuK9ls>~7CX;oa
zSl%~XO%sgy?Em0wy(Njvz00sPXE5B5Ke21e`Bu{yHJkI#{v}VW_UiopqE+D8`7zJp
zk=-z{U8rS#B%lpf<T1{DQCw|;8dWhea<I&5Xb301(&sU8^+S9f=-`^WDCw(4qg(Op
zt}$edmiuc}3Ela9+Aa*G01LCeADNJr);O1NSPDYu`uC6;rvCOt=z=qHKLC9=S`tE8
ze(M`LgW}foMZTfwf~UPBN?Ep)tx=`WCZ)dyB0cTHD4M39qdUBrbAo&@V%|eW<$6^8
zc_!4eya`hgQrW~AuMz`<Zin9b<Y&3<ssGkqd{BUw85R~cV{tPxSiFl^MWAeLzpb>7
z6-Y(P4e5mnWMzFmqikc5vQA@DFQNVW*DY+vxTu(zq#QwB#J<XSmG^LLS~K+q0GGLw
z>m{WM&Vzqp)*<pe`NMGBi`6JIO{!!w*>Q0<8-7|HQt@wshjCO|TJgi16%(6$@Pgv_
zG|m!s$!>&hB#!BERV_NCt|8dRuX%&pQh>aY1+fVY4pZXmR4LPV&+EjU?068M8c5bg
zrR7$JgX*or1QS-#^UC|zYB7y9`-?9nXWeGIlO{*t82`yC>C=&YZoPro*}rt6<+<3m
zL=yVb?6r5LADy}HQAB|>wIou$t`2=veRv{Zn)iB@nN|0#i{3|jCPja7pYR)KU4+PM
zm#s_=C{wZj$STYe{p-ZEO&U7atW&HHz`fbufmNvBa@3|gB)%i}{Rpo^1%)n@gx6QX
z#cU27f|6u24-RI>%f=o0e7fH!U!&0HD8?o|F*#{wk=u(+4MQ`2`lRO8VZP>?3;C4S
zikFv`7M6xqKvrpLx&{u777nR%o7w+nW^r(^ZEgWfFZVqUwZ-=;aAY^*06!18x3Gk=
zYKcBy9~d*d0Bj7edRgum<x=e`@nEYTDTb76z3RlE%kyK$P%j%Bj|YoK4nuFl81u_x
zn9-MiA)bf7SQ_rY1aan@vWklPi>gM9x6bW3Oy>^YNfM^;#wODi=66nldi5nQpT->H
z`YF|rwb?2?<^`fGQ?eNk^@cMWE$Yjvwlo!|^Wk)RO1>U-4d|w7Z_jc|0Xn3?8|io{
zBk`S7<pmA7*xlBA5oXz7poSh$QDQKGy*}w5SYNobH1%jy+s@9`$i&^e!M}%s+0;o&
z@iN5RFqpI&DflQt!n;a+#Q<ep6iI8y%R`1*Ia&|RyBFaSUggBEFRfw)nd8fZKtF|g
zIbGf8S#@=u{n`52df-yEb#X^>Uuvkq*3lE{9`t*7I8VFSq~dvYhZI!v-i~C%cCv#O
zkcsbAIOaTHWoZ1p^b_hj6q$to@Z*3mRnwE;3-taTk{Hs{jxGE+YwUEZF@L6@#L$<p
zhbcXg7a{fh8<loFqQyy8MmI2X*^9fb*s5CH>rd&kt4(6?1X0Oph|J=uJ91==`&a2I
z-6v(PLb5aD9!eF1fxQ=B&i@fH3fcSUg?ZW#;OQS|bksayJk$BHj|fEv@GW_!ajeW^
zI}g{^TE>=%bI+x_HX6A%bUe`Ko@~loP+XNqgewD`NGyX>ppntc-}2$jr>U{dpX>W1
z5)3KWM)}OCFDbS!m)p-<qn`VmIEf}5ewjYJx1{lLqWTRu%FEq4Hw9EeB~d$5KiF{~
zIFdh<IDI;Q-afA&`Cm4;mZpr4_9Z%^yzeNoc|FJH8FJj0`Yu&m{1H4><e=ZQaN!fM
zLlf=6R#UjwX~6+LFn!0~h`(w^rUqWh4X%2i!Whd^?YkQ4hw-s>fq~*C?6njHgB@)t
z3>0iISzsA)WlaHx2S#t2;$3MK=%*YP0^0M%DM8s&o^>LUaffl2SZvx6VSF`pU2Qe|
z^sAp_Wm7f!e1mv-Xvm%Hto~_f`BV4Ab>h@WEWty)!K=0~)E0Jr8JyUsLS3oAiLG{j
zRTZ@2FvZWWC3mIAm*&`8G>?pKY;f7##HgoQJVjKZYJGP%eF3skI=lim*)9!5H0yv;
zbff>wFLb2$yef<$J8?EVu4>W5Tagf5Fn8Bt*#iMs0Zu`>`Q?YgfI<Ks@K!Ea+d4g6
z-ko3G^?bzSs7)p^+|cre5*Ck_3&_Kc;-sX-@#4acHMkFQ-#Lx!*8&h1guTttWIP<c
zmzSsea<;0ajl$mP<CL6L-~K1&yZuy0&Bp+;?^tv1T-r6oE#X+g^19>ll@wbR8t_j-
zFMs>`a9cgV*7Oix?RUn}mydVAe*;8u;wac>+XCSF`<9#|sdS|iKAoJO=S4a7nqfB;
z<YrR!VjvOaFQ-Z#8S%t2P}r?w(*oJe%{62b^GpPjdp6$FZEu~jNIcb?s4jC6(xkBy
z`fU0gEZJM?MsDX2DlZ-jWH0V?cyY>vbhyX(2uoNv`|IAH{j!1k9Ru&fp2?-t|EMyW
zs#VioF!T^LTmFn%B9AOAD3}R0YT4QWV)m)tB3A;gtZ^D(PvoUs2d&5<dKY{s@GN~!
z!s?#ETe1Br>7Ch<%$x@eSe|{Fi~CS>(c%%}+$9kF?L*dFw7j=7z>{^7{dd8H9ProT
z@KWu1X~>z13eOMSW$ofo1y22p>Swc7r>7!m@U{pzBBB8fHv@HSOz}=1G>_8SK~6t}
zO1nv!Ef222Kw2x!6BDz4ZdSMbX2|*&sQ__8I_-G@3%=u6^`NZFIYY3GW54#BS&s1Q
zlJJFlBsL4?7Z-geyrQpK?(HOATmVSFH6!EmjAiG_%?%m*@`t=4H3F2iil07{4Zqm`
z51<ZV(#Tevtneyv-MgyR33j?H<7J_RBBSbNC|2T{Js2Wco$EJzL`S=CZ3PV&wHL-0
z^XHV-dA!cRuEH=5gutc-RLpLawwryi@qXs_UfJ`2P^X6*M=N{qiHInETTr6ct2Z7D
zc+LH}A7bD733A<RHb>hMb8F$c#Y{0uzdD}K)oC3by>E<(gg?3bj1<ZBt$`z&&}t<$
zm`MyNY5nObn`^BuZsdU0Ex(wA3`Ob8y#RqsS(pP`nPLCz10J+m`E6A&t7YVx`ts*4
zo}Ty_jMhLXJ07p#g8LrZL0wau8MK2wI+jdUw>l&pp%_n7^^I#xNI2sRDiUQ%<r>on
z$K?yt$U|g+B`3^Gf4mtE$AMQzLFvY6`3UIOaYoUaTwSzG=2lo(V}edhA7RaIw@l1!
zb{4uG8Qj>=2ao88KPPy-dF47%Gydh@6vf3`KAYAUUxra?X}~oHn0oC4ZaSZ10_so=
z06vvI5@3m2^rD2iqctYWznzZd4FF_GJtnYy8^6A>J<h73z^S8w&;>D&lTA%c3t(T|
z|9lUI<wVwSE5CnI-{Z~ilY;bhtV4!2FT?oU+JfSiDcSy!)aqL<&dy~&ol6C<2imTk
z?F>Q&Q>2HL&5T1T<{xqItuii19_r}<f(I<Di>1zpFWoWbRXk@||A5X$r@aVVswH*j
zE&BWV6UE88gCxG>wyjlWHnz~eU-KFom`~e@y#x7Qu9x|G`A3U%wBdMb&yeM+22*jL
z(o}-She@NRJlk+{TkIT%`-eKmv)~7er*(uEiKJB0XF$=J32Z#yzjMp|>ID6ctd)|#
zGBNctcx}M8+UM{<tMQ;F1Fuu_CdLqOUx?6z?zXKs?d^q>)#`%8?N{jRLz&TRF?w6K
zrL)8X8uA(zTB10;4~~%4COPp%@cCPMZZ>vyzQKLIAz#(NMZI`_Gg++1LhNr2^}TE|
z;cCrs+|;<N*ocH!{wV8BB57$JHzivV_y(heecIUk`|XXY`;L!8>y_QvXD2q_Q^W2s
zt1n{%kLoCICBY}R`7+cvHn%`Br}m*viLbv8WsjCyyUN^J88UxB%S%Vz&?UCF6?l<n
z11KXCt;L4?D;<E=IJUf^5E3e#Ok2K^s`rX@<Ew&SZXk`(`xeJ)pK{EeUqAp+=?nPz
z6P%M%eRE6lIHJk}2n}fo)wd6mU)+XxD++w=OjXr|?eDxNyot~y?!u_zL?I={8{p!f
zG<zoxTV_#ZO#sr_$;em|VQ#dHd-(Ompn=c$i!^VtZ<hdlQcRrddU;*m7iwaY@OOEL
z7A3G`m8E&6TTH_qSk^3FzA?;3PWkJ*0z%}Q;ATb!$-)AAhPg@%!g~g>OwKl49w5R1
znIIHETE@E7z=;gtcV3AF=(wL_7pduN_+SI5I07D45#4_&SE4!KJMadfi<Xo<*^s}y
z*q^;m15aY{imRyZMd!BNF7qXW$eV2K)~Pyd$sYfG_?F}eUqg`@=t(a2q7M!<K?@hb
zr;R2hVv3Wq?Yf`AfUNnVK;qk}it1UUD$tKEk}Jo6@AuJ5rhdvL?i1(cmWQ|?-V5q~
zmFJwVB!(NXkuhOf`-Y}$aiy1G6={J!1=H}j@h-L#=R-fYqobyal-UT0^e!>zlK^|&
z?`(4iadUF6;W!x)*}WFa3x$%=+alg#iJBSg93guh1O0LF^H|5%gR~?rGkiD!mq<aX
zZ_IltPn}M`ljPX|6l|(X%`)!en#wnRcUw{7=b5I4%F2d%&yb*`KKolgdAiN1lfWMW
zxX?~KZF<X0ncvr#*(xz+K+D=RZXJUWkUu@ws&KCx{A_LMG7UAZF%i`)#Hjq)GMj*i
z!L~1`r!e&_W|iM|VF)v6Dai>F3zLvT0S@@0msHr3PZqApp4F5;fy8|dl4yeYOP{Hz
zMz%lUZK|2KjpHU~OICZ#_Lp;WtF*r_lY?V0<5_b!db&uv-DR0~Hes3<ri{h}@_4~0
z_f0pbE(30WQy3VtWN;?t{bKGzY#0`XVdZU}?qSVZ2R|tEoDf`ZDz@Q`ey>7QvbNj8
zt!-@JusO3!N>hyu#GsfsDlv{~4uBKy&n5a25EI?5<XCILm#CXmuBAY|=$|~Fo}3Tj
z<6x{QT3rI$kWX{4L=#*PYT`aua&~e3jUlDICV0yT%^J7MeO#iD9ALK@d^?s3zeW_u
z9gZ$+q7jonU8UsKQ`H(!Z8}fJj}poaBc@JvH>|FRDWMjYX8#4TPShYfq-rKgX9Fc_
z7z!k#H07m5Ma86+h?_3xDLvH9I8QX&uDSaZJ;(OulGp1nqXKuQ-xWN+D(c?+1cC(s
zZ7n-@0{+Wi`F+}W6U7{y^LJ(DYGq;IDoOnjA7!!cpXzeYi1+<PW6=BA7Ih-N_UW4|
zp;t}lz<@<c-lAtEJk^NnWk)^np`le6))*x|`Y?*1>QSHf$!ddBzFz9eJZZho)$o~6
z;mg^ue#c(|#?vg{9=ik18~{_n+uHC4)y9tmoN<uS%%)g>rnZCo*Am;-i0kYbnZ(sC
zEc0FO-XQ0*^u53Vjtim||3D_#`O%qYEm+EA0uzg5Kf#uT;3Z_NtBj9BQggi0Ck?Jn
zaQ%~OiSk!c9Csuf#mD%~w`jszlE(kY*24}CsI|0)_0m+3E|I&{<0EtcwZ(@;EpHfE
zmI{Hsvvb@|2iNh5rA|M&A8_QNxzf4cJNW0rC^4yLy=KV(a6+_OQ^a$Y^bKUNZAdsz
z#H9zv?y~xRH|EkQ9$h%vrq&u5qzoV5@6x0bd}94ndK8ccyghsj>8gU}laZftnbiGV
zrr8$b`b)FUPbI)9F}z<VxUeO>H&n&wWF~R1GlNx*-Wf{@z|w@CCW0rt=M>o6*;TV{
z$lmsWdB>}3`5qp;-iQmh=t{B!gwH2eho;gq02|U;(62M~Lz_qE?QGma4c5ckN3&^f
zYjJA(?<BKkVSrpZ0GQ2!&K-$e3kr?T?tCa5ua|>b+KJpP7`fgMMvC&^EvY4KZ)a!U
zDwzCuO#gwJ4ff_cJDb3O9H8S+qS6`2{e-901Ou4b8lD@&E>`y=bGo`Nu@$A4mjMT0
zz#Z9qa^iNibG4iKosLB+lPg&yEKfO8;oXzzz1T6Ux}!_7?aMYxz9gAU+7mMn3%Q`2
ze--){%*T)CSP5H$>|dBXboTomsJBu7<Y;7STYGu1QgNU!bbwaQ{gHJA5Flu`#sVZ)
zqS~E0i}fG*@?U9h$MK`bWQ8RqpFWk8%MoQ-RrGI_PfUO28v;9@3O$x5X^d%CXLP~*
zJVI#md~1@r*68u%uopl&e`7462LYMVQmMJQ6{|SxT&w)~-2UJDQ$^huW$o1^w8b~Q
z7S`TRk$UcK)^=>myZcKM&z8578718ZWv#s4zO{M#CeZsa2b>(zZH%<mq#iE$kKRr8
z^meaLpl|5a;2&F~tLF6a>-;Hd3EF?HoYseDE=<MPpvFg}M(R3|yw96+uSrXb?i~(<
z*t>0O^BDxmOyws=?=39!Eg?qHI7gmGexvXjla;5Cdz={^2a4NJRo|o8<KsW!wJ=hf
zy%bJ*5%)pL`{{i$XS=WJh5O^F_R!zU@vPHoC1WObFii0XR8>`Vd$6-}B&o|jFwsNJ
zzCGkYXnkmTqp<u{U#ouQbI1+Pm1KQxx3<c6&1BM#10o{}2qA^OeoDyUQQzq2$@Kf?
z8$U}xG9erC5SPd;_+&TTTNiob9O@NAEHgYaGZSd?3JY|R5@P<4hqkjX3cmonFv>F6
zyS$qDj^|Ue)Nq=LaAai<V(vW~Nf2i+LqKA29?EH-AnWTJkG1ySl>cP%2I^n?HD#GI
z1R!AW<;4oUGSAb#U$$h6yRRm>*W&>qI7#ZRJ!%8qL2mh{m%h&~-p6N*f$?jWY@dV3
zZ_uezpv7`b*R<f%f$Zu*476rSwb0>IMa8+)M?4Fn@Js3eN!0ea^CeaSf<#V}nkcXX
zcBv}4wAgeAU`<h?Q+vD=3&<-u(Z&6ZjpME*Jns34T@k9(oEJN&7d-mTi|>um-$lqK
zU(XJvJ$qV@D!U5Ly86B5KH?kv9F%^C>;^vyHHGAVLUyJukvTZ5>=angsr?~Rh_8B*
zKxo-dqoho8uCWhEyhXv5rvHgUtm$OIp%FD~D+5~P*x%4KW;UA0;!sRK8m<rLxy?5U
z_4OU-T-3jsNHr`AZ2;k*2!%r2uzcvw=o3zd$~2WeCOb_*^!qz(l>SnVlxoS{*tyG?
ztHWAQZMx=m0RBPulBW!dEN;d$=zP`D4e*%V$plYMgs8c;x-56Q%m=<%&xNF@<*{RY
z<2ibZij(-0HKw$LjAv(;#ri@H9-BXi`1RS8u@ZIqs3>Usdz~y}FZir^bz*SQHqc?k
zNj)|f6+`PH$>g_tvO+C?R%HefFK;gTFy&r%U5KpYeLr~s?L|-1g{hWSnW0<J_~wH|
z&9i}lS|cL>|NUzSYV+o`=fA4utF!ywE%+Omo<@)rei3G4<veXABJT2<>dg%@@uMEC
zte-N0HK@jKJxez?2}OdMb6<bYe{ob8(SIvu;;S_<`{&O@!x>-oT0w(0y}cF0*9W%0
zffNE#Y}>F$$c(}36owzNci})bkUw7%0>oEAFsmp$k3&$aa~m>^%keo_w2CJZ9B-J-
zQQqYRzw3f-GP8XP`unwYLB~m~?<A7qKS^LBE3}W-65~^{WGT)3h?cA<^OaZT^dc$c
zF?!$j6zdo2G^voS&r^oO<K?VZaQL5z;r+GxTon~{bs}dlhhTW&!g*ZJkLuLuyFxi*
zP(c6nbq~sIK)%Y+Z+z3!N+(jLuX%U~PD%NiDHGkn6%o{E5p_BVs{LRm9gnTrh4<$k
z_V@3cQP-1^!R=ppff8I`v$H+}<fp;Z@)xcD5UjM$p!obmZTaKDj(kz3qPLAedfm)0
z-@kx|K#aUS4v|8&hF=>BpUAK;`nrcLKq->jfALfSCfZSXX|S|cnS=Z1-yN)Ax&4W+
zFA+ZD<6s8HF$RWD5kZL~gzPDfT162Pqed*or3MG=rzmdj4A)x2GRD)77P;84a8S6P
zSbarR-TorB>$0)@>3L;fct%5*!{D+CWmVf2(;JBwFc@sQ=%U+B<ayRM01BF#s+nUx
zoIpAmJxGwA=o_yY8nsHb2lrMNP2H$9)pg&6w2FS<@}8Z4Uz}Z6=~;yteiYG*+p~<@
zf=6N<z2goKE6$F9{@0nx;ojEj*kE%D(AcC1X=+^_%U><*TglVF$r~wU>m^KX1?#dj
z5CExQk8lQ9v?PAGCB7^qvDkLFx&&MR>;eBRZr`{3Ll4P4BVQ(MIeMy>Q!<uzB*%pD
z9k3E<=xPX?9M$J)Y^bRL%llTLG_+veGX3N2po_#eMiVNz5@va$y0c7d>3{bR!E=!-
zl#~F_jQDoenz1=^b(odcV)Y=4F~r8$XIla0CMIvca4q8f<Z9q{sIZ85i6~21s37+B
z3IuX?TzeJdIasGD?%H0&7Fg5LGuZX~C=#elVh8;YZsdW6<`?S+oYqh`nJF_9fJhK)
z1@8;N+_Ecm7Tl+304DElEc}QveihzspI%C+Yi<$L$oC2L@+bCag=A?IMzGrjS;R$h
zJo9+vcx&IkxN34I@TkLnODCi$L|y$!B4If3>h$We12^}kReH4UQdA1%z}gQw2DvIM
znQ~ryxKY*S8k)$iLW^A`V&{euJAlqR!7974<0PPT2yE{r#)R(yEX%<BD&9*3#jED%
zlLsr!4AnJ1-{H#Y5tR3@JU+(G5j2a9>3p&iOv@f8zo>Zj%fQ`h5HQXuCh8r@pa1=a
zA(V@&+*|2Ty*kmlQj!O|4uE}X`J}+n5u9AKvd6Qnz;rmexrHVYwiClI`Vfff2z2?(
zj2NWQ9l~HO?wp5ZEgf={4m?vSC?MnJ7ITx~L^rZ9{?j1%(t?hOoc2wZBFym=Qw=)`
zf?n#5Q08fKGdD0WZRc$>=Ww;WhJJM_=^enEymLta!o#f*g(78hFx}L~^+hc?dNoB5
z?jCMhg;;gFQpjU;Ug)_siC%04ZklJ1N9-Pu`XH0L`zI&ohdWI9dx%Q8j~q1~QjPmR
zv~i-m9W3BW)3DiVFS~HhMpRS<X#jG|<+7p#x)M*Rl)lsc0gjMEVmGSr{q~bb%ZH#p
z9|{Z=UDC{Q+>iDz7ss0_F_WVv_;^Bpn%#ul%;hp^M&N^{vNs*P=%4-{nmv>SXuBS9
zp_K$^o+doB{6W_<>bbO45SKtqizagesDNQTqSMCS%eUc^qkygrD3*ZlG$MoEH`<&M
z<WLY}efUMY7aVxh+zcdAP`oL!={3!D3vnLz!Q}raBMg@_Oa8S?Y+|$YmSO9JqLRqA
z$5`kpw`&Ei2*Ht&meaeFHxNOz-35w_&0CKX+;C(`G`$xI-v*WJZ8kPFR?lK%{*+XG
z-Q=WFh|VL^*cG)jYqY14sOn7T>S}MpWdco!#T85PH-O!kows&*6A~QKALu#FhG*?X
z3#H_JZ~6?VG%#4Kdf)zCO5Ar%0CAv6Z^b!F2YUpZwuN4l0YsjX+3YvWw7!M&=vZ!%
zR9?q(Wb4kHQ0OQ`>^v`gX2)^g-67EK5Vv(2z(?aY@!T_f!q`K@mNr52!KOGepqDRR
zr}%5Moi$B0gic(6IR8?hcKMYmsx9c{v55iY7;aob?5UKDc-vN}$HGbQiL;Ll0Qo%L
zga(RoMBld9h{<@s*Z33kso$ohlb&2UkMs$*YC(Z)Lqp&2O>r*wq*n+>$)GCKMd8(f
zyyEqya#QlrHTlXV$H4~dr#dP=gxUenu4o8W6C4A)b7Ecy*I^pLM|~129Z_^atX`j|
zY3Y5!Gcg>JBO=kt57)uGs_ZP?z&V2VyHTlW%~-=9`Zl;P5($=jg}#c+r`%~m_~J&Y
zl#XE_vxi)T0p29N(}E`13^lony)20ohJm=aUG&e{1zsZz{U>z8o9FkZ^_XSj;rON*
z37H`oy>Wj4=~LQ@GH>r-$GUe>WvRs6Uyal8v?#9=+q!#IBBkc(A=?*NVp{2Ci2cNT
zlxc1DKrOmzf4@gQilp(M>*3*|+Am?jZFW~5<=(UVYlHle&TE0}^`OL|eCw|{mgYXN
z(EQ#6euG@x{Ki}Bu5_8$#oZ+}ASe`~M&~w|S-yoF$s${GbdhfRf&2i9VK@VdZ>>?v
zg@v2)YP5&TfKe;o#4tw*^7E?R>gpCpS|&3St3+C#hOX16qvn<ok$5Gbn5JaO$q{Cp
zjAO18Q?G@*c3}+5^VW%3CT?<OWM+mOnWJ@2K3z^VNB9Q6x$I)h>i9jUkO$?`Y3=DB
zZW`WO2Es$*VU|1eiP>aGj7eEixw2d1ffJ8c5^_`lz4mI^H$3fRZ&62#wdbpv??bQD
zpJPDZ{4Ym&p+{Ky;2}b?zktI9vS+&ks(~1+dtJ$$dWpIYDSOd?kxUvE*~qlbf6_?H
zPPAstTG62DpIKS=q@JbE1GPY|+-NPE#}<`Cu$HBf$r78L(ns2>VvhTK%4oAYk3@^j
zDjw|*I(q^1lwx8c=lMA!OU4$xsMPt&3Lr_v%U|h<Fz|z+l3Kkmff=GXI$5_uS&+5D
zsok7Kjnxot#>WsHI@^~GOW^-XLY&tWMr~=at5k;3c}>oojsQo%09KiBx>|Vn&wC%3
zHv^n-0nCyX8R-XEfy2d*v{e0qjnhW;dCqlOCvf9hVKy*(l^kubV#>Xyuso9z-Fu-P
zK{96tDJaWO1G@SNMv2P)Y0__%6O8N$`T}Es-Lrl(!#=pt*g}r-yULg1pq<kG`A~Z3
zIDjldPt%*gIA^uwwWw2CK=t8A{p;`JiMEw*_M#@5A2gu^h3qKO4GC^K4NKUgRDDCZ
z`h$xdRYFiPZBH`zoak){75$vEO>}TQN(0X2$;dXiUF|zi)tY*>Hdi!NOC9}P2beX#
zM?>YM7^7KkH7|;5+skif^i!*8MAC*An3>Z3{<cK%l@u@sn4VCwjWh!KYQ6AR4tWdH
z)O$g+-h!d8?D}5!nDNoD8hm<?a+1N}kYZrTXTY%;Xf&XhB*hanz4i4-e2{)=ix|A(
zAn$dwze?H8xh9%V*0SU<(0H;?2;&3)42QF#^8mRx#fdLzNrR7Ar07+qDB(Cfc=U;J
z+2z-bj9J(hvZ07pcUOECfjpn2SfRkUv28^*;;wYy%tcI-CvY^7=(-;WY-diObo|p4
zlc8Vku=Ps2`!Laj<uMPEz44X|h*AaC@d;p(5FaxiXKw<u&Mu|*Eu$xBpsieJFu$}|
z{boD87177ioGem2m4AW6_S2-`3Ji44Fw2w!oM()27tzjPTv3B$6ENrh<30Y4B=r$b
zbIeIVn!N5Z{y<d)PU*Gs_2Y5PEhX>RE1bB^C*NQue|+W7&vj~pze4Li{=%EtzRP;K
zA0p|M*;z=jG{sVD0QCm?*TB#duau6w(e<(`R*HyofE8=il1IpBJgJ#o*PAQ_$2@B&
zv$w7^hMb++69Q+jSdU?)9<mS;RX&;{KuZZZSZe79Kc@co6pQ4yd}YPn%x2pR@h*jH
z4qxq9mE((adQvOH8F%*2J!a$6JHnK}mI8NXio}>RS_ZMB7qfZsMWbVmmLXE+-!lbd
z{dW&I<+@h9DA#Q;;bDq@VA$wbwc?JVpeY-ss$z3#^m#xq>x>SM5iNT6%_9tbuQQn_
zqw_Kkp}m?v=?lP3${n8wO+qlGoRT~ie{vJ5(YPm;K{UH(EH&46`Q7hH)-_{4l&ohU
zhFQ%rGXH`3Q!?PJ<zQ5+*X&1SE>#SK`s#1j$&QZZ>H#l|d2p#OP6%v%jqz!Gq&3Du
zlvr`OeMGjeCN-|P@@fe&JQ!NKkrnwgapCczCz@b;`qxPPmT)+Be<(o&IQ9iVG&)K0
z2n7<7s3b}@ji;i&t}AUEAoO0G3j8>8y-3n?!gi*<%`H148!FE1O^MG#_dT=6r|fd?
z?wAz^t@npYzck|*h-x~gU$R#l7(X|Mv2bp00t{D)OrTnq;zYL!oBb7?PYBzE)~Zd|
zN*zlyAg{G1>cz!T<xocrG(S(dj@Sm2JJrxro7vy|8<)J(_9mVYzodMf^89jiI#tZR
z)&{U`AEEUtCrimkHnvV}ES<Al0$N-2!A5kAFb_SNm^Sj{wTq_Hlje!KK4K8jgr1xY
zVA+B%x}LP@R!o*RxAbc?J`4-roca%GHy?t8{w~fS4!#}{LFk`LXRr!o2W507pLhK>
zypOu4rg!{Nq{q%}bco(HtK=WcwzZYHPDTZNm69p*+A<Z;k${uG@7*-ol9`G&H6tje
zzTJ6j65cf}D=B%=kI4uQR^X({3VWEL9uOZdVf1x%@?)f;OhdQ0hiDNI@7BLV2mLN+
zGKvW<Jvy5V6p)5CmR%+aCA^lRkR>!plD93qo;%Y_rxf=T-EIJ&1dtnaevHm=%FD^i
zSp=Q;rDO$}fs$FoMuK0v?SO7lfm~MUX$v(yW=dGSp!FJj(W_)e&4d@lx_xwf1f>v2
z65)<LRV!MlF^M0a*+MUEPDJk&Hl45n{u_WwUEbzPR<jJ=-8ubze$wUfG>b7vM9wHI
zd`hb5CAs?bC>E}2!zm#C$FxF*ATnHj4gMS?s+}uSGm|D6S+bM(oWCu@NV9vsB(nuE
zVAEMEpJ&M*A?o#(vECtKgE`hzyC<Q2bgwRz4il^MMp4;9gzWBV!4D?&jdOE3#l<ZZ
zcLG$-FG(0~#R1Go)A{jHFUlkDMpRV|+uBz$Dw-*&LW396q-}MIXPPOEt=XSPz5DM6
zTeqn#31k*FS8Qlxw0kAoMXh&leq@7fPMMWvT^!874iAaE?q+3g`4}j&&U>1i1q5$i
zT&kf3j$?JYSvPJ{IY;4Q0Zk6S6maGc3Xp$0EK7UqF&)hw0q*5MV|omfX*${<lY7c;
zXa(GNJgZ1_YC7l?_2B3N6ty^|YHUx6is3Bd0CAATwMI`_q|Uada!(Q2zJ34Zx9$?t
zcX)xY1R9gQnV`L;jw=H@@#W8TyC=1QGNymVrnI{rWpFR0D(=;ESdDj&h`hv?36nG8
ztfjv5ZbhNi8^!b(1k5{=U0>dU)ia+jN`&HZ;|{`UWy8`suKg>O|GFI;Cx0o1I~0Tl
ztj}xg_bCO$9o7kmW~nwHsHFMMuzpXin%Ml!aaSlT+zEFiAz@^n1xRk(DLr>E>fhNd
zlX#Q5mwz#hkf#l2``3>9mkkq~g1aPL8}%>kudFXSo4jdW3I}RTNBY!Qtcn@{hDZXS
zOwSN~_#2I`$5OIYbHqim51HR)qZ1VKjMn4Navq06#7GRuS!YVjEQILjh`-{?(`<y2
zayT!F6+W5Q53L!61681_?BAof38$A0%WCs1-b+~RxH=WWtgpY!@g*#q(d*mBHStaX
ze7qb}c$b*8mz$sG5dPuc{)%5Wsi3%+h~EIZ+(i`v6wmF<7BpOtXZ21Xll-5bI)_r~
zP0ZU{)oTacDFXQd20zYPj?XKy8vFB#6<!{5$!kP_atL#Cf!o2);-div|LLX<{mr;~
zo3Z?lQ&pbPib$pkC&J-sU@u>C>`^1En_<U{D3dw$x6oH1Ek^0VSAK@>(XU$vD5(t2
zi(R9PiwhOhlJvd%LtP(^7C-c_wBj?=`9|M8460taC%JXl|6C(xlB+~>TpkRTky56%
zuND5MQy4$0Y!q$+f~&T|;z<5VrEV<C<tn}6piosI%0hI^^#ntdE3^>w$KB(qE+|&;
z*m-n((2x5n^o5tsv@Uo_HPB(abAP{iA{A$U)i3$@hAJNW5}EW7Puf<bxTjgzf=G0t
zcPqbn$lblMRT*t|BKZw}JAXW=Si2xqu;%aIZVeLEM@$p1O)~<I4^FyXf)d|0(=@X1
zxr<4i!t_}*fObw8vK2%@qAHyx1CcZFKZJ#PwQe7bT?{nQ6y*Oh>;E}U8}NSX2&-DA
z*B$86o~C)Gda<c;K>h!idh4htzb{^R2<cL322e`6V`z}>?rub4=u}ETx*J5gLAqfO
zVWdMkhZdxfuJ`f#yYF3hE&gPkXV0#)_h-ks>;)p+>geCeq0z;^Br*)BqgCTvxD2XS
z9#E{Vs9Qz89J6vrBg!}wi5=RCq-sgs9pK<Bv1XUeV#&-m%O#hQ0edtWkQi(4w|j;5
zV|lD86udH}W6tD|0J~BpwY-T<<B8pu0q2L!!_R`2V<tNYAgw*?GiHr9q3l}166FWK
zk4j*tfOGN#XlH$~YG7s*@ON~uHyDxoQMrpFETnp3!eixwWnx)hQSMP=&&uXO(|+xc
zOJ|Ben(0+|9@TB!+f#YN>+q8DGCuO`VNalP*l~L|s{1DzWe@}GDc$=PUK5n-@$OBI
zp);LK0$NN~wPsrud&=y?o{pJ=a7LtU)PiR5c17q4FEoeh;9pe|-N<MXS~id4-&|+(
zBdKI1q{DRHV9LqOHQSJR<C2C|cTuz7A%AMRE;REyW3u3)FaSY_-OtpzSRgRaQGk||
zb9`z)H8s?=_%COadXvVmJ|CtX5rSyB#Zl_NEx*z=Z)tVDo)^2l%6xFRb9|f+1gr9%
zlCgsv4m{BMmc(z~0T}Sg%%f#rEKGyL!_Q$mNi5p0!bJFR%7BkMwJOnsVok?}Wz!})
z71|CZ82sQ)C>*(MsqFeqw;cj79<RBj`+EGTs6mJ<J{8r;L@?bql)S-+3i4Z9U}#B*
zcLOPOzKTHO8}3d;WnvVE)+qleUZ^oWM)ZmpH{XL^;MG+N8+5B-A-dt$Oq;<FSTaxT
z<l%Rl3ES^1f)h?t#lnO(oW&OZoMfu^J)<XuHe}^aD%(nb4!oQxR-vyF-))z>c@9+R
zOxiQ7`Mrla78G_EmFt?B=mFAro&MPqYcNPf)L|}Wo=-K`n91q4{E(8)0-tM}W|-T6
zD{lwM7}ci+cpbRoO7Xohr2sCt<InrN`#&zgphBjHmg5V5GDwz3d`0`$p0u~iwmMP%
z7X@Nn^VQEQiw>sSEj`5zR$|fwtWw>ItKX?XZjEtl&nJFtjXxb7x9z8gP%5kdc0?$$
zx@6*ec>uM0LlrxHh2N97`1f6AjM5r1)!>x|vK#5N)nS^q-%<ygQ0Ts4M*z`Ksswk3
z8?iA2)6uVQzTr^@tGM3V$J#!iz#lqc&u`YWf&q3>eNB`-Q_o)L)^4)oqSNw+$Zb^@
z){WMVF*M`Qtt}Y4d-*mq7Syn2^eJ0;@$XAvKvK<V=}&Xw4?UCWpI7K~uW7(9YIaC|
z4XlpABm?Q28b_-Laewzq$-1WNR;BZVc~l+{?x=S=v1xwX;D~UW325`>i5N3Kpr*JR
z?zwRx&sBwme7e8~0|f~q7M99}abQh>?u5eh^51vO{!&wpFCnakIz21bUx&FSE%J|R
zZ;F2Em@Hq)?Z!Q*U3Q*2A}LwdLN`-@vP<aZ=2%=@Wl|yVv&Qn1@fUcng#UgZPBmb2
znodfg7*1tAHD*d+tuifY4%sWzuel-lw#*B4WM#iU>UpxFA!Z@Q8U<S8A8P(`yJjn~
z6_jyVq)iC;W&U>9#q_&kvd$@G`I9*G3zRIF)oi3vICq7I_u)F)EX$D}=}+veIP{>V
z_FwQhHd>OTV6n^VdWShkgjH7-IW)=XO<QOG(<19^p2|b`K&VNPq3dx{r((vOxrHQV
zl<JzFgQmCW<j+PHD&MSMmn+oG(sAcYY0DLJKP|KqGgaB~*H1ahEQ^ltsc;2)EkzlZ
zRu+oD-}{Uyl?!kC(?{~&oRyv~`-)J@6VYT^)=U@Ce+R@gOT6=V@$?wsL8IXqqGGu;
zADg(4h0+35VeNNlYaOj7y86=}ilz}ETa_GXozzV7^u@-@e49q=!xqc&8|L+ZCPBFF
zw4sxo%bJn+gFy$paB}aHP|Phl9u@-dkTs*@#Am)1EnHjsYlB3iI_BE1Q!|<>{Btkg
z#XHU0=ql0+P-2V|4+m>|J&1^SZ!O{fND^GPs}Ml(5=?S44+yyL4P9NgXfy8paD)M_
zRjEvXG({n0`;Fx9aWhquH#cg%G*Ra09igk%Zcwg{(}b9aC~b{z_`1-jt-U#?Z}*B)
zX^z>J4KCDV2fCjgmc$>WfLWe!vO=eWn&-wdwIvR=YdPA>C5cg0iX|?EY8;pL(n4+W
z%zlG~@5`ss*mdS;QfK6CI5hI_CqHFM70-Hjc#n2IN$Q#PJT5Mw&YI++0E6r%x!EQ_
z_1Vdy+cn$08%H2GbgIQT-~J0raNLg~-54+ZwS6xfL1q5jeZIIDs!i_xB!RRq!e<<L
z&#oT0Mz#=~6m79F|FHKwb(14-H0+f8cU0nMX;Ism&r&>xQ=X)RXvNy>@6!JK78*)*
z=pISIz%GvNwqB=86OG(ve{theqx@7pHH*{tJO;=Fge?7{jB@iH;-7YV?0Cp5NI<6R
zQOxy}QPm!PoyZ;Z7TK~44tmjOxEn}?^W~PZni=hf;wMH!GtKff?SwTW5kn-IiZ#=-
zj#ey+O^e&Wq|Jrb@lTB0cR-C%6a}5{w})ueh?vpGTkH2W2J=xnj)(+aBeOiy;@|bZ
z*N$A{T1VJJW$FD#%d7g`=u<h4t_z1td+j2+t!pI2wbrDZWd2HeUtGm2j{}Xkzyyvn
ztpI9Vwx#XhAic>!nqwb-iHj6%`p-b?8LwaK#G~A)3ehv#`O<ZpG?_i}gq@L{d6d=)
zBw3b^zhaSrfZ*$!_O+*BaRCj4`Q||N0%>L>xn`nHe^IPzb*mQK!);>x=SPTBW8E90
zx+$-uiYhsl;e16#IBSYilJu}fg*MRKdi{V7^hGgL>Xh}B*&!H-qEF?mZJfQFEFPi$
zO7mA83(Q&383hU(?3Ev@R?faIt@FRTP`r6Bu>N;7jakP`q~S1L6ETlJu#qWpD=06g
zHwT-)2Ec{POp0P>DMTygbED?vuPI)?i8fUazp5PC-tlK3W3#35n`)PHBZ(SS(76}O
zmux9<g|d=FipV5r=jX7corkC%w`w4O+^n*pA@2cx?3U@+woDit`e)U?P3z&VXoJ7F
zX!I4yQVLB=T4vq4dgMqHf7mCcbI;sg;-+O^N-D7P&n)W6M|86sCb1e6KKKiZ#>8?u
z6`K1G%<@3D>J5O@8h|Or7Avl{q_45S2bR^xj@$Hv<<eCeKTAZL{Y~OD(hW*ehUr~|
z%7slBO@2)MAz6QONAf07x_N>SH{lzw%Hs+#@$+wEVWCvzua?(PV+t9pa`~b}CI68M
zt_a)ZVo!S;A(_ex$9qoOgktT;UBJwH)2$i2jOnm@wO^;P5e<!4rn#l=5x#?Vc#gt)
zoq8!dPo`e3<URfA0dU=KJX?@u*=6HBr2P18zQ}nVGX`fZ1sOs<5yM0|T4%jzR>eeF
zhW5$0PacnSSToi7HnfI<%GxwH4&{riGV(-<#iQHgUvj{?Z7!Y=z$y8m#d&bIb<}lt
ze}lF*5aFTjU%<Pmnvo-NSXx;Q62GC-PBCvic=d&{!}TNji|06Xa8_H%?399uPzFZ|
zyP{JY5E_iZs(8u$8%IZ!xtXq4e@RDn_)+8jSS%U;4}S+BBaMjJnpBoznqDRU8I6m2
zOSw921)`xz<vo$abB!H&600^#5hKMdCFA~Yva58?1Q2E-zk)*8>8M@aj(eLeCiuX2
zwIDcj&xe>xBXlE7>z^vK{i@5ih)(aZoElJaMPZo?@Z>OEh~&wn)h*i@Qb`mf#44WI
z1Cvq%h+o?1-iv+CeKJT=-TeOj!R^MzVDCp}s@gf~JE3{9Lhj5?G6tx6J!b_GRm0K8
zbgQ5590VL@+}?G?m1~y+yJos19B+6bfnW?E3h3mHkS%rhYK0%I9aEBT_~AW=d?d^*
zaD2y64*#0t##P*9EYzksQNP`}(HuCO&OG>*DV5`mTd{fxsXS3=`CGbSR@*^B<^{_(
z^&0-K^{cVS@X6KH{ey;5vyX}6yV?08j4dw`7RVbsk<kU-XusX<{6r?DF)YpCn{7l}
z(rBR<iQ|@-HMmeKh?1t7{<fGcrSeND3!$*;FP&R49Y+>SlOQ0o)IYd<Oq?wDUTf-D
z4Es;Y`gGh+CzY|q#plVJ0sKa_;+K4!JhJpJ$d>wEJ0iZ87#Aj7EaJR${-a#FQlnMr
zqUpIQRHmT3g(dtre~=jXAVR3Hd*rs0z>=!lVRhg80005m!!mhd$nZ*ys)Xo%;@B#9
z71+~$08CyP&Sb>?*Od>$M6BNp7##}Z>4&zH4iUDxWH`q=GWD?*ZhMErFHq2PVZfLY
zA!LV2l$97O1Q>cs#;frUJ%;t-27G33dAIGnYMee(DGq*qCw{u^Vpk}eZOp2vu*7IY
zx=oXuM5gdgFB<GnVpYigx<lV$$33UC@-A{np~5Y(yd;`Xntajyl9Ib^*|7nbU|I8j
zLXne;P>;|UhXET_r~)71quVxXHwJr8cE??7o6YqiE?dTea=KiEJWR~P`J&D({<iJ@
z?RIuo3)GiS{w<}uxgWePS5E(WEIAo9)09hS(DlEvB{raA*+oTkkrYo8%RD0vqKT{>
z4q&W64GN2n#vc>i_4nW_4nD=jDNL#PD@29%6*mgj0WM+DSnK~h_s+8HihsrDP4F%!
z47{{3C2&p=9qCc8zo(u|d-1Hqv2sPsZG8jLhH1u#8Xk-Umczi&fD!A4e{O@!gJ$1k
zyhGmky#K-6uwo|RnK2hah*_XWyNzmmM)%iDtTLZQRj)G?nkZ9^y)POhMMz>x)yoYV
z9F*-UaUpwkh73tT#nZ{wX_7$V<cySjC6Ov^u3<p=lKy)1`7YX{)U}HRKiadFAWl>V
zn&%X;e)=chmsuT3)UhI7O$}IZyw$U}f7_mwPSOx0SY%9DzOToMP1WP1YDYKgeVVM+
z)tg`%G0BerUFR;Y^_-68k=WT@dVBxvA~h6UG86>2Q-;1+Ix)OfyS<kZi&$fxkQRO+
zfTuNl)~WqoMD*v1k(#m#l{HHf0}gtg-~ou|>!2l20HPKOd`%ju&g%q%=W9|CYkc`G
zf=m?VOHopm>v~G)Dnwz~nY^_dSzL`1f1zwc|I7>|IpnE8-}mhbIc@>{3gk2*+KT_>
zw-6G<P>I>RLWfT$Zos0PSpxNo^t*mO^5x+_G|KU13T{%;S=?u5TOzyRvwB!B(C&8;
zYgi{N$S2?5zP5eAp8E~;J0d}5+6NC+PTS$tURGoEC!ywOsBbYt?{;U&PAT4qoOw`~
zzkf}@r9ij3{+|_by``W+)5^o+gXR0-Ikny0B!7RWg`J2!o3HWOSKL0ENR3(PNz(Hc
zRQPQ*9{!>Xak@8kb=yMfHGN+7$?yHog$Ip`bzQtNDhn7kp5@y??d>-LT1(|PvvCnV
zCS_+MaDt3A=_|;>^LSAAA}m3)+JNGiDGae4YWaapD|d~B?TwOun4bpaTAVjJo(7>E
z!?9Ramaz}-iUKU(!&%Fz<eAjeXaN!)HWp`Zh;B}QFK!3B<RWMnH2@`}F#pHbFV&rm
zv+9OiJGupENGHf2b-tl|MEO{Ts~<``BCu6WGqO9+G`N?QQ$1WPTS>QnsPy*mMMgX;
zzY*i2`^B#KRfL)tbj!W%uxV!S&z!&)cDrBY&5q}NMWZ&*PcTMwk9Gc2>Z{v8zS+^F
zR$G2FgmD_hhHb@(3x2vDzT1ME%Cx`klqoAbtlb}NU|hzED`E*yfj`LRy@?sgrLtY$
zGt@{gPt1RO$vT_kXEt-Hv8!mAb$7q(_o*ovU|+?ClpHT-X0~@+`;>$RNsW3fXJ~#C
zvV{*&`t;zw{G2yi&TJ!>AXuSd5KwnrK<5xd5}tqZ-e^uyOc@tbcjQRN9BJ53Lp7yX
z@g>?ja>JR?w}@|x$cew@%mUVr_opn=Bg&m%iJ#$lW8*4oT@5W=Cahaa^`rP&l?sk5
zu7-DL;pVfpOy38%%<#Np(M>+G)YiRAV(c|sn6ZAG{gs<}_~22_oLgsUkYynfi~t79
zu3%rq38P$`Nnt=E!+Q>Nx$x=<dET9nt{t`H1zCTcU?$2~|D_xB(|hBBq5)595d66%
zRA1b!Hw=H#ylFqbS{WF_WHO+vZV08}a97IP&a7~?K4yaYsF0OMa{BXXrQ<Vm?mX9X
z&{tH%CMds%E+amHIKk?=J9)1Vy~}_5MtUWi3hc18lm`*726grPRM3rBTxjiI4!o^-
zFZ!`3Y>r+Q7gRV!K<z|->_TU|IoL4U-<=vyNkO#-{O$i);tJYqgUx^@zSFCV;x(@g
z_Ahs4ziCUJp^-7-qlYpn#J>z%qG;>L_T{Uv26TAy^7#+N!gS;7GD_@h&c`2wt5oy`
z2G&gc=8Y)ka_tPE$4KrV0w&%qz|(xLu=dH}N9bn&^S1u}zRu0Sj-92{?o=*CO<qUG
zav~_>Xboo;?16v%?T_=yI>zWqt;Dmjp*iy5ySCch*}3F44~0Gb;>}5WM$U&*TleFM
z3D|ERM~`VxTpG;02y>)YV^gd(205c|C`oo~z~~u!c7N#9XzaliOQu8N!!|P-v{L~!
z{95quoCUY#TO{8cZuYd)Ckk#>69wHZX@gZJrKmUUI6n&)jy^V&;zDeX*RtDBH}}84
zT<O4SdQoZw%U@7^_oC(8v3A&v{UFZQ$&{zmu3j7qJCvSqREMJSZo&V32exo|u5umI
zm&h3+{pTvbfT0zsT?SbW6Yd}s4ST7tkyOIM8{6p1okm|rcvY#EjGtIBjJe)t4o&Mm
zMl?BAOqaEEC>0=qU6Qh8?%3wX16m{c^b2TpWf$2qLJNL~I20JaquI;qObMk#Tn;%o
z_q#0yS=}DxcB}=qba!e4OMOggQR#zGkR$lL1B~m~@E60J)A@GlyoA|QUt(jM^UYsb
zAiIO2dR5yP<M`+W^~%Lnib%Y)u!RSun=`~whFRE_TI9{v5N(l>m2)pn4<lM!a%~Xi
z3L|5QP_q91D?$C1NK1tr&U*e;74whFKednH=K{0!k#D<Zk9=B?z!5HB$#BPc84@u^
zxbpGBuPy7nun%O{hR+kXb9i$Jd*_TzYFdtQ@|Y1IlD<$Qfun${!-1iw?mtY`*|Agf
zX_^!e^E*s1i9Pp0kf=HOhs&?Hi)k;j>?*n;ueRqRloYGC>BuBy448HQoO)P@eaTr8
zn^)Za)vvhO7$F2ZraCyHBBjV~z0`0Be41PlwtERtm#1ijOJ4{rVD>OM+JJl$z9o+D
z1(<3}A%qr2bdOy~oU3fS09}^ZM?yD#>`ROnxrUp5@2l8Oo(xX1wyvZbEh)}SNhyQv
zFL*iK`~{)6z95gi1xP<OefsF{q+%C8X=k$c+N}&1j2h=V5|9TMqVfnkWGICpFRBkO
z{c+ONN0~r#L^*Ldi`uZE)7e*nk*Qrxou5u8`?v{cmE~SS&|Awa`)IB7YGB0TS0!Vw
zpb`S)gp`+WTh2ZT>=K#tVcAR<c9xnV!~JXpTtIN8a#XOnk0#{Bi-}6-fbWsmbbck*
zK0P!XyG8!!8@kVhyc*v(l%hjmtsF#W_%3VR-skX@(b1AsOmM3ucZCB9(MinD$)dHP
ztM)3cTG0(oBZH{dm?rho8vT2+<)gtrkPZnSZ%NWq-L+j5(ZkMcxm$96vcAzgRer5i
z!N1h?YDMr2EmSl#)GECuMXA3H{c4;L`t=(Z(LSQQESAjU{JHQZ&m=gkm;1DV$Gt`2
zpW!hhp~ulMyy)8Kg&*ku_@r@7R)G6eTgP-%DH(mrPjYA)2jQb)*^ns)$>{b+&w?KO
z@Ej-A(bYERdCeDu;+RCQz#`{AV%#%6`={A!VU!`9#xu&X5t)MV(vobuj6Gr|JcC8=
z<-&$0O;>BSq4>|8p(aBq$9+-v^4Bfn)Q88^T|VWym13D6ePn|QZC(#0wMLh=A07zy
z5ODH%#eo_vr1`~^U6Aqq-mFn+p+WC2_@Cp+b%Jkg5`Obr5$`t=m3Ha?c2@#Izs}+h
z+Vtcjj|EtoSw6UMca`LisWC?t&ap^u#hd|^fEyFWwpRu55KeQpDOX8o`HAv1v-_l|
zt8cD21ZC40n+pC+*Tt__>ewrmW=>=xt~iWd_KeA)QY+%%4_HTjg$T=(vqOc*gZU=E
z4c~u_h!<=t%eBDFnO=<F(cV)>sE;(P+xgwEA_075ei7QpW#2D$x}loU<+>xwjv5!j
z+Xm<eg?8->{}-_j0WN2Qg>so&lIS2fkJkC+SiNqX7e<wmc?XgMMEPU1xvkN{qfpW3
z=G%S|r8#@S(w-#_?8<L+<%{+u(KFIDtzHQ$@;e)Q-%V?@YXnq(VMVWOV_p5l%M-^R
zxSHC`{DljyhM~!=Qw1Y8PCD7qdJVkyvwiKrS_sxc4_o{d`aOUqooyyNY5EqjUV6Js
z{sO0}1V`9UTc&9GldkGa$+Az&x-CdfiA~9kB=oPrDVH!6UrV*Y{a_N{1U0G+O}=F3
zb_KflI<sf1DkasxCJohJ|7>pknE&l3@uDv#FWI+Dklm+4+q_iolbFoOH<EvS2heU=
zO{8x4)~*DeC6i=8qMQ8c)zKP}GOTPk8uB=HnP(KcW^68hM2J-3$uW{siU=T~p_1m6
zl0pof=0|YWximB=u<dE>^AAM^6K{pabE$|}nyhOY(+Bk&JPp!JJ%__pj4jwQHW1U&
zQMhzQ=~_DF>gmHO`m_2kErw%g7n3Mp!Hq9uxTIetit%te!qFW+MTW@k*r@{olbKPp
zdF*{yh`7=tA;xOU8H?RZWoPD$*qnD-LO4m)F?(mtQ>F9mb9*n0N@hoDh~O-`H6Htm
zjMGr)vwS;!U3OaW)w73gyW*nD_?;(5gI~e|<fl_9_KfT~q5h{#r)G)P_vZKD{s|Vf
z9W{EWhznPIhYz>4&25h3^w{laV<y9xF`c0b-=7P=Vr>?pB3l$BSnwke6!w-A18lES
zS2Z@X?V&O>ml&Yp>^b^#`c*(@IY${1_;V5?mVKWRZ93SkC-)@lCy($)z-LA?Z=e0m
zH3Et#&Q&68L|C_`Xyd-2B5|XPtqHImJEreWJDtSr);zekV7%bx_L_T$>Wiprv%-Of
zGBh`lMSD!;5EX?AzN}(HE8$!-;h!~hKtYX5rz)tl?PV-wNdE?Q_$_<@^2N-=81eyz
z6qL-s2_r`0A*yRw@nW#HVZ-T7%9yn2?m~u5mZj`(cg_dFPH!o;cGD6IimIyR-EeEF
zVNs#E+#c0v-f<o}%zStTc3eRy%2vp6*9L+NKl_Lm>}Y)B95!9Qu#&+}iBpw|%c*O`
zeg8uJop1wcU3g8A;%1+ntitjeQ{jwYEBUwPjOgQkeI1clj=9{$u!C?ZktxJwaP6BW
zsiv<ZLHeNY@;fZT3mdnRUM#6=qr_*aeod=Y0v2S$k+k@#1R}u_Pd_uvxoSB$av2ao
zz<!LS?~i9lJS$FiQn~|nB_OBYI&7Zp&wy?%hm=>)pAks#KS?QH_JRbtL3|GK^$fMU
z#Sc*_dTE9~^n`43ToEvh){G6SEmKn}{$VOves{Y5sYB7}mvktQ)dIIVpFbRHtRo^o
zL^{n(lp8Fifbii!s3R9~QijlReqnF|ZxZUCoEf&h?&&L@_bvAuaS>wuo2hm)TqYYW
zKE3qjYm}eVqWsQm(!!`Udm<YHcB*5WVMXsqoUSumVI41R)7aE(?d0>!`n<k@7$q#2
zxl!_Y5I;swX4HI!DLP4AomZT-THQ^<>MaQ2^BPm~{fnepsp0+6kc_gQ9rWebirzI1
zIAHUiQxMD7iAa*<oP!@iK83E2lEN%N@N6As!jJdA0@+7K=r)Wl3{}>QlD<=H`7gw1
zqK+k?sy!!;^U7{b=v&@wWW1<B#cuxe{$b?$;HMFNEhKJzd=99$;`{`w)ET>M0b34B
zT3r*Cl(#S4ih+!*rZ-4V%OS8&nNON0rf+kP0^IDsY*fio3W9u16$^J$v`YCJMg~0x
zK>}<I4WzihUE0&GKmg~UFOA6*EngCTpt~hExTC8vG@B5P(c+mF96CTC9OiL8Rc3%!
z&mFI1o{R=1g}J6gh23A7eRx(A+?DI|(lntR1^wC1E$u3b(V!JHj)CwBiv{j8Vmx8%
zmThj{H^zhL|CQA&?HegKPNJTI=IAs$<70+YWdB(+UvoI6V(_hvxZdI*u~&nP1XaI7
z*ESK_Dy=7HKmwtScbgv?`ij`o<?Ui58lE=SygBCdTdUXDl+D~0!pEU;rgU;-#f%ky
zGGLQQMZC}0coTgzOh*)=4VZKiD+(O1a%2z^sYmDR<dM*`1OqJY`p5(>X<3U;q1-`z
zpg4hwjPbzpr-vnAZNuOXXD!0#4@VNUYJY#9KTX=XsIM0O_2%O`>DTx){3G14#5sND
zoh7Q`x#suTsljOD*xkm{I9XHjvQ<L&R6`LHAX*d9y0HdOVLc?Tl=ra?g$5B~@*LbJ
zHe0ym*NfOOsM&p!qMQiqunh`|H-r$vP$vCr2Rm2%_&cA@@j>Z>PWX4N3B@&i*~zy~
zNO2@DY&?ozi7Q7%8*rJV`j+l)a*Pv0zee?@he`XPwo!M}k%u-;E|wsH(V*bsx9nHD
zPY*q5wsu-~{<rNPd!2O@KcNIjej&kSZgG*W6W4SU<VtxR`MD45Y0v?-jSu7LU3{6N
ztx3;oD5_B}YYOJ6m~QQkv3o^c{iU-oMVGanQK6|szhdU)f~E-WAng|>@Ye8+TXp$;
zb<s%RIGf1d@e2@jQNMHiz-?&a&!fv(1ynry-LL}Q;4?a*qmnlw9ug8NID->73JvDe
z6N9S>w+<Xo5T7-#fmHX}J9ayIU?a&{KZleZ8U!))Dk=k$&NeMVS(Ajtz4cSqy%7oo
z2LaIpK_0JbpXx;fvc(`1SL8w4RqBWZe81^L$UxGk$oyyFygVskg@+<2h2(V37Vl2v
zPDIsuS#gaYDDKtF3uY{FE#VE;>L1cnSCv2vApMj-qn1skWz*O*LSJK*+p<Q|lf&Ff
zwAp6<%!KQ|=Y5Z>p*?Gy@-xEu#G=`-<JL0Yp7;6M<Eh${Z%B}oh0Ujd$)L#J-s(t5
z_!t@4ea~K~f*}f<gwd9$mY@g*2Vp2^hK|=Xjhepy!{W--V0yQG?Vzpr1q^9`MGBUc
z;;ee~(wc-V8%ic;rb_V7j!ub*+!ksdPa?K&7L>Wm-6OHW4SdFIp6A#G(|na;R7wnD
z8)1Fcjl2lW(wCr$(Iw6wS17nx!>;hT6yVU<v{rOjNPWA;nX#0}tP8tJ^=p{2*ZxBw
z{3>hOq0OzjV0zXe@DoEc{q)Mq7}+cD4S}AU+aeG;FVh=!?9dKK)wnEPM;R!-E{NTb
z%P!{!4q`&r0fe3qQ!p$jsM^X(A|`<DPgaT2x28|vjTIF7gMdm-BxafA=ZDS%8#=7i
zK<)>!fBwuUWgHoC-L>)l%M=Mj9+~=YM@|3Rbbn;xG>6oI=A*OfY~k=S6a8Dw@lGBL
z<LoG1lW8n-n0$DWD6^=UVxl!F46a)8Ek}Ob@xX=7eNR*7uJ7f@jyc^1z8v0*4)5-#
z%OX&OgoOpR;JSsZ$){`?CglOsx@O)WDSseefDUsTzBKOdR+Cn%b#%-BL4jMViUgf!
zr29@=Xv_3NkzaEFU+L;Ub1y_?4-McyKYqHuD?JB%;G(BK^{X@*N`@oL>A><Oaj=Kv
zvQM*LaOZsp)nsQ^wVx`*{GErcaK2w!)9G3K$$Ke6rKSPX8s4^go~}gwmGP*8BCgmo
zhL^340l|n~(~Z?wYGE+M9xTgu&rkqY{51M0y${Sfguu9*3!Mew9TrnTC5$`<jIS>A
z9%ympq_?VE0(KS9@Hm4Ck*7u#OmYs2>0bteV#GXDdH?w*fZ!fup@-wZYda9QO}X79
z;sU82s{F&|4nj<h?@y!JFcuy?#D*S7wK{Pw@9`o>fxcY590k$Z)hXKYLA^$R4=?C6
z1c4nP`Y7QRc-&i^or?($dcz3j)5?g3KOj%qye=UA-fxLxyd-PNk;(m!qv&9DIyR%_
zRD}M_idn<8jgKLICYK@X^yIQSb8xVD0Y17j2*M+mLq&E~|3*$fGDxL}jFRnh9-4;)
z-bad9aKQDD5x?!{Kz>64F~6$y*k=KO)xP}32D9^slR_UIUvVSceMWNP<U$(vZ5UsK
z3ygWKTNbYdeCzgq&-7^T&S6yH;JAnsOiSp-0z<OhS4F}5jUHNn6KqIU1((I0k7Va@
zF4TyVR`@v_5vYp>wdc?YM(KA=vS8`%jq?6>a6rUF#SMQS0-JPP?Kq_c#ifSb01q3G
z!Gft572nqV2y5Q<B9A;d`)uH)k%XE4PFrlz3kJeV4MG`_w~g*6*}vUN@4=BRJX}1u
ztH4!aUhufB6u&pU!iZS<j*q^QhwITFFcEJIr<DW}J9ZHG7lnUIdP}Lmi+3RKB6|fR
z?70^@a`{*^v{6I~g@MNWd++e@COh%1-y~@WCGosZn=1;0H@yOe6pG4AZ`j3W=RL`z
z$>R@le^na>vQ|J&a0M#Dr}k&gmi|hFGAl~s>kvIOp}5UjWOULla2(_v9rI5-O)t&*
z^fWSM26fU#|3Cb=2z3+)4AT-acI5W3(b5zB<2L@+@?VGp3UrHG5f7f+W^Aa2H~}Fr
zm|*Lk5M0D>oGwtD92V3bKvuCC%phBss7e00$Y3nHuexaHjuuwm5+YA9zmfMVzs8A6
zf}G8+10L=YfH35vr1kSHE=X2FiR8RP8<c*St+@8`8r9B3wJo=pJ*?gAMcgRM&UV!%
z)_)0M`4J2tR2fs@xL?C#Lpbo+<a`%CDS_D=2nzAl7JZy5(V%6>;0d0P0-xl)Up)^U
z-T4;4OD4mHffN<mgox`r0GO_CM}ePXL?D4FX>x=6tk1%}uf9T!yAyEvjR7`iXK=L_
zvZK)uP?KgW(t}arIM{K%eD)kQuw{>wD@Y0-5DBS5RA;qie9CgD&iikJ`d=RSsz4}>
z8l!gg9Y)zLJ$GJCzUBGe!_3lqESL}!JXhp5uJa5b($8OFt_&4|V;uAqFwN1!#2N@b
z%mF>?`FPM*-%^ECxki5XN7t=Ss(T9{@Hti9#ZVqHML+cPJOu(up@Rl(oW_K$V}~WR
z>z0ES2^d+;8CJkMmc7{MjTVJmUp|eYLKgS+?#Czuf~4HvA%RiZe+7hk6L!(s*r|;k
zxI9!dMg;+rXwA*KdO)hXqVJofQtUCds&0(N8OCpq+%lDsD|?v2O7J-|q59K-4FOez
z^Y-<f-ZOweDrh6=<l*@<+Lg)23<1&?Beqc`P1blQ5bZ=HFxws;_z{{eK&pInxYBVN
zng&DqatFzJLAp3#jvTqDUp1`k=c{}}`#q5n1%--Qv&adM`V<HPMV7;;P;jL`Rv#2q
zZ<ZlfDc5J+X&{pzJ-ui;jJ@dc>C70Pd*5_P1@i|pe?<b@D8PnD<u<^Pb*Q$5>cVWo
zASePOy4M&N@1FUaz)-|b5Z(m<R)`ILtC~4FK|_A5VUK`Y)h#?rjx5@nZPyp}_Wu1k
zha3Slx_*uV5mIhPk^9P00FtxZmtzY;@e=Qa6~#30T5Q{=OL!Y#yonYhogVEg8}P6G
z0`A8CXI}iU;Ejw=&u#Qrk7I1u5|#7Y)8*-!TYx+8E^@_#+hAx{$3)>>Y8t4*US{P>
z8$<UQ5gf#BrHkgxoss%onQrJsJ*J#8f`#eVw~O(*0e(RHD`5G*Ww;}LZMyn)vFEKF
zo@Z9+rfv3)&v?ZO>A<+a9#64I;M^irP~2?N&=&q29|-T{{>{XvP}&c+LskU=49u3V
zO<0)|#vRn+0+}da`CYuoco4CPdis<t6r(bC-#1NlbzL1znX7BHa}^Hh#pd7mP(AXj
zFjM+9PH-b%)5Rq);`Fa8#<D2CE#RcU4MJ&3!ccp~YfeX|u{hKM*O~<3H3g&iuDYWT
z4;fbD#ltBuLKLR9&kY>CVBiYkZ;j}X$A`QpyWz!7Huzr)KMmp~7myrWJ`nL)`ab_e
z(o)X}@e0X7y*2sG0|U2xNrz)fGVKVjv6_YXr#2_yf0x5MbTA^x;$TVT$dx$TaA8UG
zX9`xBVKsC4Y?zVjumqA&P_P4ydYm*!Gsp$x#fb{T3nEMq!65Ad9j7Re!a}98G(Y;3
ziQc$cgCfvilbV%tOrx$LuY8atAv#{328VcQyGDnzItzPyD0qDlh3-W>P{uCp05(MH
zW0xY3h3V$&hGQ6(Ia5$Js|N`#Bfkc5!t#W>T3o$>dw`uSxG-w+y|1rBsoRGe#49r$
zVOBW{MhRT;h+D|WGnHKe(@1DzRAVo!1fhs!jZIn*TAi#d3Pyo6qQs>cdesqktZd?c
z^7ji^|JHZ-T$w>RH|77@4K_Gr0jExM`B~8B(bZZxmv>7N{{idsx~bj!`)|>wn2^fZ
z&ER^uf4Y|j(;(SyQvTr9@%PY=%fPw9<iP>Cv3GOROT>2Io>j3szdzCz;HDMAzC2ZV
z9}~6X4jts>6DpZy0VUc1qWLl!6o}yzB_t%VtOpwzo_nmlN366_7E3QHx||U~=`l%6
zZiVr;+A9hUnDnBO5(1R|)3!#e$>j0e!J>9v{VwX%b^co}#18(z>gZQ+=L39<1R+6~
zjt3%h?hz+EjKjle{~)$%jV$hXY`XXi+++47Z?pvPTnzvFFsvUX$STlVjvhh4*ts@p
zig!}z%wSHlI;naJ`A-cn!4gY10}r`pb1Y%GZwuKg{0F6#=WT$;K7_+wl#SV1entY{
zBFQP`yaG*s{&CxZj%I914L?6L(SL^z4Y-I{YoP%P-L8?rCWEJ_A?+O~CeK0OmY#=b
za@hJ-<ah@g$-U#W;@KzSNqay#=>sq%$mXQ!HU~@psBzb_x<EwXT+D}q*8_*GnbJ#N
zT>c^fRG9(4aOdRuA#|4k7$#d56Q7+8-~IoYNdaL6K|-EmfLk8VRF;BKjKip2-ehNZ
zeutxtd}8Rd07c+UkwPw`Vi!X9y({~hl-cxnf;Jr$yb&<W5ZerSGc!kP!cP4!E}P#K
z?}Ds8vS)J#ZD!&i?1BHlxbi@!nS7uGfz4VdA@<1FMnBEqthCMpwDx@zXwcuUVuLro
zP8-YX*18a;Yc**bRENx`;UIqV0?xR)IlwEOWoij%^rkx6vk<ItT5`sR-bcS!=LG6i
z|IRl<a2kN1e?f?O6rlGcZwU`fjCNed6S(w#-+Mx}W^_Tv1ppKmm8=l*soBGOi})19
z{nnnf^Nz<y9|1iQQn^Kmpvkh$F?9jjvwt+jJF41sgn*quamc7~;;iH2wn++r(7A&O
z=^ug%TLcIXSEJ!B0S~3kC=t1|R;oM0&iUi23kE0<)#|@Uah}g0ifGUrHct#_kOk(B
zTA<$CO}rSUhbN}3yAl5q9^&Wr|C6xQ#pVO|HX~&)N)B@J4EbL4v%<+AmzVLtgw7Ir
zY3Q4~+yjn+fLbJQsi7f9c}jNl;Nr!_#tUOjpjhWvE)|6G*}@?Em!OYxfr}3+r<_sq
z0u|!=*VCifa6?0R=!d%Uqixqu04F8(Fu-hgo%U7Y1d#{MPNq+rfsK@q91$}2dNbJ@
zDuDK;Mpbe)zTL~pwQ3?=o(todpX(5#eegf&Zr-SSkN@sh0`@&4;^7>6?@*wG=Qp)a
z<2`JnVyZ{<Ss;i9c~dPYVuikuZE(BK8o+dgkkKWR_#+zp&0!Qc0|K+S2+qH~fC718
z$I3+xndw>>I1VyKi&_C+2=eAi^6(J>L14p<b>{G~EqipJm47Yp;y5~<`uO+<#YxD2
zp}yVJa|mNrbH{R5XefK0%X_C85S|n@>tSpU)j>*+Dcg_p3W`9$VBP^|N)X;@B+o1Y
z!vSuO1wAavNz+^c^JqXv9G1Z2eI7OsPsb7fD~*Eiet_b3fpbaIJpH;pNcHijzjxm*
zM*@e7=^G+PROx4{4GgbU5xyu6FLTq(0dB97IAlEN(}quXWs3{Y)Cs)@k8;9S5U0R$
zBG%QLqouISz3W@QVn9A9|LUn8sCd68|6E<g#~{BoGcyHptO<0$9ofq(o;UmKEzN95
zmX}{XvjWMLmNx{U<ltppqK0%yNu`V5#cYOcI-gv_G?-G4);hVwAE54@#m3BoLPQm$
z|D3{e2x`Lu1<pl$>}kli_EvLHL_U668Z5CkQmK4#<?t-`P_v}Kd4SOpB)3~$2%L?N
z46nwMqa(gMI1aR_*RR`LnOp>cXB2Nvr>B?u(BCUX_Xn8P4(S6Hp)Q0BWGNTkGH7r(
zQ@DXIx66O0+rnP6kQFxE&2%gk-#j?v*W4OA{Eu=eLE6qi!u_M0{^O5!?n0O$BD1q`
z_~0f7Pgh&p%igZ-H|IAVi~pC~pwx(hf19jwUZw5Y{ZBLSAlBAgIv>6nWiGS3>{84C
zppBhsE*e+@2Y%CM(sO-yY%I3M^$P-!d|~MH!FTVps~o76>{)BR(7{KcV*Wo=|F1xy
zmV>^=F*XK3iN8aOaiKv5g-nA%{725|C0@*7S@YUYeq2F?zovs>k_}ZHq_+S=wz0z?
z>-z8hS-oswT}P83kFWP-?}IhXYw~~jyE|Y$s__C-BouAX`~^q$5oL=1b2hI{k#@SX
zOFF~mwp^s5)D+FrDkx4>%MLjLPJO*K%z=_vHfSk0RszrsRJc?bN{?5+bi3QRys1fF
z0HF1Mrr&pX<$Z-8V+xdTb$3dsfe!*yBSFnkb>Gq4_3y-1Plc|WxmC=rc69>fG><GH
zKwZ(4OXtL%e9KDVmJQT)T23H5&Uih=V)Pc5mAli3+|k(oKrfN>IM_OFxL-v00J|AG
z5tcjt(f{a1f_{ah)hGhqB=>OYZG9Re|6)hFz~Dd1(UH+*c-ZrfhwSn^FD@3qW1Ef@
zxUkp5_4AIaJ)Y-d-fPaawR{xhCd}f%-TEK>YcoU?WRyK_^m&6K-2yiM=?WT5LoT5@
zz@6LlW2;f*E`@_|R!_n|`@uuS%d#*wT}vGoKi)rVTBL+8Xj23g76bXp^5Z2(HVaFv
zY!@3vfZ2an-*ZUF<WX?lsry`w4c;ZS$|~P~7NmoaAVSR7e#S1p9UYxgZ2wa3kid4U
z{2zB-LPUaLay{4Fq>)+GvjFu@uv5hBsPNjyj_$KY4Rlz39~|&d=!$Z{y>y9}n+<uI
zgx_@t|MGVJA9MJj2s%M`^^O*!wjQl9?f$I&#{v$Ue~OM09BN@;#&|E#^VlRnVD0+|
z$#$TCigbRs10tSkag&<4iuTrQiht&b4T0@aNA`!0n}J}7^Q*|bj{mWx0ydd28S-g0
zQjdzRVz}JUB!%yX8=$+Ylo()E_%oVGv&UcJg3DA%(@WQt#d68sZvtDpyBqbZwLMNB
zfh!257#kXdPYpjkdPD+&H}z_doSgx&^!?`vb%F~g5=h)Pwp1?^>YL4`gf{=v#Zn}6
z4{{>q^)Fv~9%`RPEnEJ$IIT_{gx+1b+_%=B6d5z`X_CGF#}N`BPC^~!6h#RQefg4>
zg#F0TdAaA^Kf=@fV6TUMsv6vSHE`!u9Ri^(dr2d}#nSR$K`0`fK<&xi>>zsWVUtS*
zlE9A)-`LFD6K+Z0vBhr7NgBv+`tJ%t216uI7_^QjPJn)yr{5WXn~h^?3PO>Y!=6&E
z_jPH>VdRhEQ<%O_1ETIyz-evDw9I#}=PQZ-iE*xDt7c;xTkR1L7tK|mf1j#o)O-W@
z)BiXEpx|{&R(-T}iIet$J^vlc7X<Vd3fowV(T<g7Rc5-?EmpnP%RbZmPergHoG~Py
z?5hG#mfL{+?^gVpl8YGN)7T4O4F|QF%HbQYp?=H%=X?;Iw{KV7WZi0hzB!!(zz?g6
zLl}}ht&UX5WpQy;tBJks(2QSUxzc|2|G6T-@ZP?qi61wUN+c$x;*tdLW%H#V+P0pS
z=GJRK8LtOqU#B|_^RFoZ^nCR|iqm~Q2fOz14(x$bfBvV1J^&IdkI}A?Vyiio9OI#$
zh{acDTp6i?0{IHC5{v-th7>WT&v_s1&rB+%8>ERo9#%QQG+4JbDgJo(JbnD|jwxBO
z*(Up#{-0xP2cZw21M=@Zbx+hEIr0d$_$SoOGBy}e_(!R?iYnHnbU*_^e@>%b8na5<
zYKp^!VZ%ZS;F*I8lY>y;uHl;@i9fHmSwdg#x<WamCas(soM4mo(^uYJ&L7V&&XyhB
zTx!{t0yw%*@oHCW0I|>(VM9+sCV)|05m&M0Uo07;0GcaQ5{C({*NoM4rfF*rP?y=6
z+K`nLDjS+%Xj~?sFLwqUEnxM6Fv%oB7k*FptsJ}Q0VTQfF#i%7xSqB25>VJ1HEf=E
zpewQQ>d`IRED}J7C&{LsK|t0xG4c3$Jp?h*@4~qNAHn4bM)*9R*XNKok`Xjb<3H2v
zW)G!qW=8{@oSroZ9W}0#*Y~S96lhGWTd<;~H5WSEKYah+mn8N=LyZD&b_NUgx~`iU
zqX3vo7<hR&0=Z@!t>g9s9?<EM`x*qs7kJT<4!l%5q@(Zw0iteQaG?AG!4K-A#@j>%
zFa`*uey#tJX6T9>=2|gRHAjeG>=cFu1+S(gRD9kdcPn9dQ~6U?a*<7Gufo`&vj`W6
zM0(PYz~vR4719t;zO4s3US+knH7dK>l_wR{TB{uB^AULZy?!*CcBu<iefb|$`1Sq7
z@kvJf_SMG#$p)pQADAeREd1G*EosfvP6swf&@%DD=cvHa0XYt1FvNR|0w?4pK-;`N
z_l|Y<!SmaL6aYf~#exA&)$B4(SOtN{Es3}T_-u+^4|!q&xJ((XKarqD;w6h)J<aYu
zlx+LWldc)!w?@!rjtUZ<sGs?RG*DX6-Yyl~TMcg1NU6VNFIP`7=a;j309v1b#aON<
z_sfEUV2L*6+sDytwG!$OrfyC4miG<Ej1e$k3vk|rH}13CkAGYr6ynN>fjjS`GVOeF
zjbay9Q~MHf+}oxaB<KY1=3gH`6=GszS_8zSndWsdAtN}GPNh#ZbG(SJxjD8lNpsX#
z4e&J@Uy#&GBt)5>Vw0vRnm&{iDlsiF5&mL|u{QzDm=~!rv1T~3zSAs`dqyBG;32s0
zf%SW^7Y1|!3ktrP_0oKX;mO3ZqNZphgGo>kCx?s?8cr0LzaDuG?5NHe1lAQA2nQD?
z42yMpyF9Lkj?SdMWuL1V?Jjf_S=y}out-gX+b)IIFyQ}Gu1+Z8V1)?F+cSFGw%U5<
zu{$s|yE)pWSzRt^i|@kii_*J(PSSpNcjzoozyRe$C2rR2i8PR1Zp;>U4!ae`azm3`
zCxFNUshvihrpk8IpmO)5_L+zV*)lE{J<ThrX$fgmr=bZGpt}fx6UJE-AXO7hAh}Ot
zEajX0_gS3t%ge<2BFopk=KC0kSFfS!@W2eQ{6(hWbFw`P&1I&+u<$XPI*4RO^(?R<
z8dwi$uJ>u(SK>8%(Uu~(P@9o;baYJA=UaDUhS0prob8$haa?3;Ro;)cn-*%*HZwlQ
z;;C*GP-J+Vx1VbJP}4y5_8~>I5s%SbQ+OE?6li0Y&_jI%L?=rQ-me^x(c|)wcy2mA
z4!5RXU>PEzhZmya28VJ6Nzu}u&1^s1C+8X$uM*OeEn{(M4`^Hyuqy`f6P)m9DBx8`
zy0t}a{o&Loymj6*F++ULI;rIR9=yOvcua_R#S|`E$AbknlG$@L^h-&4K~z3Habs>c
zyThKxvHWXEoO|Q1kCAH}{y?u6vRtw8DlpyD0ko5RbQb8YcEw7{EDrTLm#doy``j{T
zHRm=LfdNq3hXKz-i_@%jwR-ml9##!Ex*IJi>kWdoikftFNxgj8t=>B0ATNplondVS
zk~Mz0suO!zKKcTJRpW&L7Kwr896l3vLRH;YtZ?(E_5Q$@TN|aKFhDr_g9`(Uh%b1t
zdyR0f<$y{nU)wx`faw&!QUcf}2rnyS@{T7G{O8#_A^Opx{?I7n$$ad6wP#}(qn!Mu
z4S|lV<e|DzF&m&ui;+oHMA@7}c~=+ws&uEcR6y^GgE1KkXUZINz%)tcG$rYYVB_+|
zYarp*sGGfB9~{8PHfk`sBd3Fce365Xf_s5$z&S7er8#r_BJ4DNJXk6l*zqcI`<ze}
z1p!<y6B39b_BX>V{BCQt){35WI*YLd<456e$=Ea?oq>-3=3Xbs*=nWq)Wn#14U>Eh
zf`BG+M|DzDJ3XExvQ(n?vW#ciXV0O*9i%cEwv}xBLW{z@Tezr9;WyvFQ(njs^NwlJ
z{XqLvroYy(djmNNx>6!Lk9U)RPqhH&3y=40f22@>#1>X(l|7zk9DHt8Hd`ycaP4a0
z?tCYaJxTCc+LE>qut?A#QY7s@3fu+V2?V)kc>C{H)KoFUBtZzsFGyu9Ou<BmaZP{x
z;}x%#lcLkEZC4PA&Q4iEBmn!!Re#P-BCFyF3Z;`Lw_VOtLFkVtCf{u&v$ATG{~<UR
zGA0cV-nDC~Z$|#sw|9ER@C&_B_uU&P=sSUotL@oQpK!}AmDt4fZ9c~G5RaZ8a^8>c
zyR@ck-XA`zOC#ZJu%e**5Rar*&gD6->M#1enEQDsHZ>;z<mrKq%hvqKgkfbkV5;Ez
zQ4ng}S4`yu^3gfc7$^pS(a}ORNiLPdYixQxWW8(56ZngS2jxI-AqXi#77=solO0V;
zPZLyry35vFi$Fnul6MzS<8ER+{MC$qMunj@y6u7Uqa5+xWSIL$go^}&hR>_1yWz4x
zc=P!?IR02gwDZIJ%U%E&kkR>$Z9zJuxmE1EHXczh=NFoFcoho|m7@Ehpm~fksd7=0
z!J2{uUH(9BrdY%`PfL0$8Y)#t!qG1)s~`8i+O8Z6>>PZrgTr3_X@stP289N##2O6*
z$RYv_`OU?k>E5lw4u={~Jr++EI{>2VDcBQA`{-A##ULY2c#<&Zo*qlIWf@_TUo;RI
zDoWx<QA&b!)6%@IwjafxqxM3V!_>qMsVP10?ol%?SM4lXMqx<2Pbcetw{qcE$1{~W
z3Q|29ocv5LdI&C_Ea`3)SgY>TWq^J-$s7v=@Q#^q<_11?Hva63_vjS@1kM-ysAXJk
zr<&uiS2Dk<F_m->(9^B8OM|hy)^B0vjqP`Rb`n`|d2+u%GEJ=@j;th+7QK5{wz~&K
z+1ML1e?(9nE~9<e!PiMDBqZ2#OL~?`CYYo;s$`-a0R#r}Pf4md{><WAH+2wHk>7_p
zpjOuLhF?gC*R`8S{^J$T%twTN*1u-9V<2tS%>P=q#u#a}TiDGJ-XXq+|2$*NMn}<+
zz?eU!MlQdUyO<dflO6p{+D6z!-QOF*O)z2$CBw<<nV9)?hkT*^4DXHFeJ9+l7cNsx
zR|=FMk?@WLp*d{|21=1h#!iay-q8Yc4FUq%r^Eo@VxEMG#K2I{WNT5JKoAj=S<J{H
zSQZDu!-0dKu%-Eh$`~hk5JVaTu6$NLOGZ{05w+c_t~L(fVE2k#hz@bR7HSCp7j~d8
z%HGz2J6WVmm-%qzdJ-ANMSK|`MtDO<Y|DiFizGn<)p&|C7IEO}r*wBS^<8y;cItA&
z*?~h()8E@1&(lW)K#v{@H@l(NGH;VBU>3Wd^JGRz9*pBtc{Rv$?XPj<kr3vD-se0*
z?Ts2HDOh~2LZ+=9sXZ;ZdR8O=7UL$YN2~=cAi^Y(|1tb(lej!SS;V6h1i<YhnJnLt
zy*CuKzNjh+yx5SfD-1@#p{iV=Iy$6mgHBQ(A*=ZvU*j*~gZ)phhrTCg4tAW5##)-D
zD*aWVfja&?zO{aJ@5*YuOZN8o6e|b?4ede<r;AXH#Fqcch0Ue*&~B=@VzC3okt9YM
z>EAQ8f?ca5aXuBu5wY|&pH$NC9Y<6bNMlubJp@YiW6WVc92>PXbY@CY*afH@cT1bG
z<6p|~dF9hXVVWqKm@X3N)}JeI;^vvQa%9MP6(nT?5fUlcWU}VG@SLV@f~1(O{WA~6
z_J%jksYQP1DCh*EoVM9cTlZo1PeB5tMfSHQV|sVNw0VP$)iq*S?ROp@*^?EUyf@{r
z31s8pUd4bL<sfa&W_r7uB6Pxu<UjBhJ-gwWwEbg3t|9PtH#olZJgj0r`aR+3Up!nS
z#OJ^LtX_A~leNrHeNsyrm>C{46mO{5K$wV=S_>xzN_w=zT)9keg>_M0eczY+eIuCp
zA)glok5u>-G^&Wx-u2XRo`BJk<~1}Xs~F>r=Xa4AEH@A$XdEXODq*OQlDNVR!aIEo
z&S0driCDu##-E~7kiEMDR^|Jlp|SBVb+A@7QbWiuZcPLH{oLGa_m6syoc#qpHh!IH
z92I$fii{vV6E;xX{WPkZk2T9JFX%r~mm<HWznm4&4s>+tP*nKuaIp#ptke8|EL{ad
zlx>uyks1UEl>wx?YiMauy1P4v?k)ity1S&idjydN>F)0C+WB_(7rgINH_kox9ykcB
z*4TehLJc*_zaZmrry7WEvFZ*x-3{Q*h7VUN$^R9}<;btm-kIi`Nn2H{7BOjs0tEfE
zhjQL(s5~oD4Y1kAQCB#zu(*oy<BO;9S|uyB+2!O})zgth@g69B%ar?mkiM+MRU3|u
zNg1^QPjV&6tbZNe!`a)x<=yZCg|Es97B@DxzT7y`2@sf0-C3iAo~T1Uo%2^;BMF^g
zr(K^q{_J^2ef`=qMgry(w-WLL`}%FIYLly!MV1M7<^jiZ-tH6T2TE9g)COs4YRCY{
zpZ1fHnfLBv!!BCVc4KVU_<!ll)I!<O)l}807Inu}?JM?n@4mG^q<?PzhXOLhA}qv0
z_h(xFW-<^fLDD?Hrf*y`_Rh%=4rJLeW7qxxApK#6%GAjqQzk;;s)jIzAnOZ+DcwA1
zV*kJF^DUsyzIeZR*%|g!zLvhcz{uUC%WbXotrM1(bN(nlWz#9!S7xJDUJat}7CqJX
z8kDFcFi?4fk6)IR<l9U?4QkkM5P8oLa$7V5&}Z5fA&l!L+**|>{<m6Z|7wQ!yc>)1
zU{(EHhvu(-cwy!AFM!cHN%+CdkEM8J>lV$Y+K6WK(M7?RH#5h|b(zfN>`Ab~FKr~l
zUm_&V=KF)szz8xWl22^k5ra%=s5%g-=~<29Iguf^#}#GL?8^2-YiB=VrY4)>p^ms7
zh}6sTE2mYfU4gZZ2DGM4nh?JRb!1Ro>2%LlT6nX)ePy-Ux3UzP4tlT!_TuOsMVEgE
z=Q^7+-(EDmpI>1-kJqmNvG^U2wsS*4M;oiB1N}B-4PU`f^N;Prt`}1|zpJj9@5*zU
z%AkP-v|`3NE@(L+502PTRwmq$^t4O#s$^sKD~*c?d+b`)Bh-;=m8R+{Nls!(j6ySk
zVi!Rn6%%d#-EN4eAsgngej+67GI|x#u3wcEhu1T6f7F}2sinlq%DsBEKTuK-tL^|A
zp1l$@VbQigFClYK>)go|@rsZv{`!DLy$uEi_Svewe_Q5v8zZ)dvJQ14%Kg{ys~0^0
zhr-eGbMZBK{+PA_oKpN=(_OK;`&s4bsd?1RufvDgpoL?sFzPBj3|HZ!Z*QVy2&iS5
zn=w5IhL9*fNRMeWL6(siJ{%CNwo_3#YxV0F<r#rB_Ez6fd0M4yW9gXOS6KWJlgBB?
zu+jv`Lt{1O1s?3~;Bd$ipM*f@Ba7hxBr{`>7mYkJ2g02*_Y4M4UY(-=mGiM4G|~66
zFD6^HadC$3Jj0Gsne1u-u&m?Q)_x2sn)D#<(|)oftj(Q$axvfa5duNd(~ru%SoNnz
zo-u-Z9%+b9GC~OVuyOQuGTXbD^{djgDa+|Mapr6HdXi+(y$%ztth#0?qz5;+td1LC
zp=lswMu^f?j&VrVw#4(5!S$!5CUU8_GTWP$-!)@2^EgL{$`z@JGzN-k`S)6BHhSFu
z6E|uT#5LbBs`nYBzGzuSD=lDUOQ#-(yv+GYWRFX$pc;2j5)wW7zn(GAcW0aTbavLp
zDN#X>`8Lgq(ZSR7NiOWX-fyctBiDzU#!Joq4Ib&&T5>7g&!jh@k2hy3*i#ragpKqT
zU-Kz7K1Wwu%))^gsg-ZSN<>V&6u$i95nyNKKE3qP%J#ph=7fW!CWMaQZ2KUL*(CBt
z8X~<^fC&1czl4AOmO`YEurqk_T(DwXR;bRL-Ugkpo(yBaT8pX3z2z9l)#@@1N7*yA
zxGoKcil|tSIpFy$6Codrb+yFC#m~qee0w`3f7f$xb%TW!ECc!&0aPL_M+XN)6)Q6f
zrup5&R5f5Ac$34MWgN)d{NQ)M(b-=wX7?x8?$K^Wh#-*=ccUbSTE*+d#87bKO0=mw
z;vyWnM0+@kE=+}|VUZYS86P!1!-Y%bqUeqE8+EOTENE3OgWjRDqgu`TmlmDqp1|V7
zQ+0bPwL!I+Au(lqkhb7HT0Hsctj~-Dg)jAX5dLHICGkIQf*-lkMRvyr{;CP4reqAh
z9~|uQcSQB<568XFXy8IS2B%kq;Yc35!ov-&YrXW!;KCWd8>{GgJX=1FWx@KG2J1e{
z5v<Xkm)GIpxGwm?M#61rriNNcrJp>XZz(PQ#f3Fp)D;~L`R%s1Mn8D4$EoyXUeF-q
zfE&8so*QF&I(>r{o_nS{sIUTp3(iZDlqW%&)n6?W`vO0FGz7$l`X0gvMj{FcNe9F&
z*>xHv<%w*OCD_1!KEWZ5K?M#=1h{D6fmDgZ4N95?94LHyOB|9&!r2ny%b(KeuO!8N
z)mx*%k;}D$OAtky)X;WsI54KX?0HbYhwzl6as(g~)A%UDdJC+V$Gjk~hzRw)#JW)V
z0U^bN!c(tMRIUSQ^Il)=AFUEKc+*egc&C-8@>Rzb#HP+>Y84oM<X=DfQc$D_y`*)Q
zM;W!|fR3%<fQCK~qtpFH@EtvH9u2Ke!588U%b=e^Hzz5S!}Sr9u$Hu2^Cra)L}jhy
zCFsD94Z(%0ML9IV6ae&3tb-=zY=7KBh){pse~gnI{@nNhBF#iKbSYM3p;NVbfKuRq
z3liy4EOEE=*zS?Yn0iQHy&7(Y(dNoAFgR2a?i^N15{HddZh8hZBn(sK3|U-zIU!d#
zED`^iD_vfs3N_vn5l9#<6V0T-c-5F44fbVGy7hP{OK3jhFyLnnB6Q>S$-q5(0uJ=P
zrA$;G9X-blZACqPX3R11kEQy-rkiwY0jwHENg=1yMjE~m-JZd#q+Bbjq_!TQz=wyN
zx>b4Rqg3uR!+e85Y{a{G2`c_r)P(|EJ0M<n{tqDWip3j_PH4`)6a`ogOz?9$t`;}M
z3SJA+BlOQ64lVbF!y2oGekrd<DqFFHqo1=%tmCBMv-S(?0oN^+*T!lsXa-<(Q&{-;
z%30qQH-b;^iiHcS2Uxkc!lXOK^;)gn+l{<eyOX)0MkWy=JWr0AA6+Kx<=dI<YZOC`
zlbULaGtC-R^%Conb_*xT+_;rgXYfP>*A;O=*$Zji!%td3G{+i6v#+t99V$UUO1TZn
zkq+Ucw28V&(Vc!hM?R{mU8C^%58Kd-5C7K{a=r{Bnq*9Q?t7~uLBxH$J>706wpU<f
zqHkJBT~bo-mgi3p_(^V`V`3zi&9li|T>~WXc@C$t`OqaNH|3qIUGKs}M^*FkMc(kl
z)8Y~0-oZigoIen>zudH{5v{M&Ej#2@AwQt8EWyU7y&wz0(U;TH%6}@Sw^Nm&`;oOg
zA}o(LH;J!ySM(VS?LbA4w!(g5ehc{Xo`xz$b6X?<&%8+fqe5(2E*XDd&g3~*PZZtt
zVSH(nw@64Lk?%|0b>1dY!qOQjkTl$FT>mWZObG`xIk^4z^1mtu3_=Lil`rZ9k_F~H
zcHFLIpOK#PXCaioz;~3*CIvSKY$fKmQ4X$+SFh<q#{XguHA<>X8*|~Z>e|AD25l?c
z!P2Z51`6tvD4=(kJG9SEu}`!E1^`RWdAR-{rJIV<$PLF;Av1>2gRISIH~WL!Oy&NG
z=TKE7z;WpBeSR36MUEL3!s|J}s8<_dO2cTJ`z=<?5w7=I|C2+zA;yoe4*l3S+;BgG
z#t##MJEK8v<Mwwj!G`r#=T*b~e|IJSfv;BXHa14PIH{*ogNRADP9bmv{77!B>yP0P
z^Wc9)SA7L|e}u7}_WjA4_2gju#|!^cCiwOFF+B0Fr0I#&@L@#VPWW(AEydwxt#g7F
z4e$VH?8iv`>nqs1$Z@;)NN?i^nMn2&ic-P+w!d6<KK%}JxzqUNulDJxn;(ZxW$ALG
z3e~zII)9=LSE}<W(__*6F1fun3F}}^8|4RT_aHJ<5Myc>LO?Lc?q~vzwJGw_oqu#^
zdC(Huy8$X)KW|$*F;V+n10inUf6oR=1=Ax+-ZTG?B@rwxIy^L=%vvNgYe(?fFGZo@
z9gJD({If=lv^+H+i(3_yUiHZ4Y2nSMfxW&phfafwe`TGb^R|x=uDtX27a8U1e!WI`
zNb=u~WhtW#3q5K`Vq+OZf-UH;QEae?yvc}`_wSoT*_%ggb8aQ&al`A-X+!`O_ty<j
zVCOiL6-PQYA<6zGKYAZ-9c~VkOI_4BWK|ZEWJ+m}l4Dx*Hg9Ww^zZol6~Ac)vV8QQ
z?ZGFK^cF9s<rU|WwUS6EyghH4s?*M3!r9waxwwxGu4|0~1z0w>^v%iYeCibpH5a`B
z;5J#SB@+B7-mbGk6Tmw)kNgky(OFuM-5qv~)<zQJ7ma*;p6iC!JOQ`X_9mA%AVKs|
zy~&{dz+GQ~zt)mKP(;E%c+9G@%qqvCDBRG;gqO+6=ws`$_|lT>@IrDhRDK3;q}hjb
z9j<p)lw7alxmN6FjWP{u#b(xz4|owd$>*$wQDHwT_KFS?uV3Up`1ns+6;R2)Z+k+8
zg?CZcefr~TQZU>g*Osrbso}cU|JBjLxj=uaL9vJmb2%3513h~N5j>8HvsBHmS^9ru
zDP$~PuS6<Q2|hH0OR|X$&D!pk7h3qX<GhnzqV|hR<h|h!|JMxvePST2EF8XS--rZ2
zmHLx;yaVU|yMJD*(ppWsv|#+P%%ulw)70i7*GD+JyE$o%g?swy$%{-aFgPDJQexGl
zOeDz(pC;O8H|VC8c!RHu^T(I<%lD9MbOnHtWSQK<ZnnqSS8W!kahJ+(qIdmQa9m@0
z?F1)L6UStwwucB(LKzF%dYv~XJg}-UjJ(iE+$mGi1LO{De}D6G#~=m>G@}!h+O@1~
zMO+8T?a&7>Cx0j{O<Hl-o2}dVoXXEt;2LH|Y=1{%@LE@1t-wmE|4>Qw9~j@DxTSx3
zRYGS-E^YVOp+^TJ0+&<XIgG5|5sCWMNzCgbi>&<)Ebr<|pI0Q!nn48gg=}>OA}S53
zc_4gh9H5}4qn6G(zs8y>&=CP_z94WD(|#pNqOLQDt2&E}nNrSMh0k%w_=B*%e?rvl
zMfLf}g7@`?rvwAoCn{9i$aS-YT^@xo*eQ79<`SYfuZMhgv-oD;;m)~zo9gN73r+lj
z8UmRz%Axt@)Hv~MWOVg+b9Pf6T{bg4lqW!z;5#jD=lMZ#pmfL<_8Ddc6*z$7aQ%l6
z>eZFK^N7g8r_oCgI58I-DTX##!~149BSDv4E@!_(`sa!$O<Qa-A4d_!0SM~}#TUj%
z6?>c}+mJ?Otbi8U{>;^p;JJ?oJ52vkXmgqHlhgA{)lSg|{ftWuSP$OJ62IRk1XLOz
zJ6So#e-a9v-NGDP52m{lvxkvh{CwK$UL5r<DN~ng)c|Z%U4cq9v2h+^tPv75?SX8t
zD(aPE(dzOb9?WBU?O6$ER0S@m3=j8jxb;g)!iwnNC&UpW9075ib+}FG<-P>Mq|JFF
z!pe!MJY1e$X#xtX0-@VrwUQ{6jMk@%o=Fj26)Wp0_Zmdlp=3{uP_mmQ3%d^!=u$S8
zws|eFi7W<~@%$OIBf|(&Esd}xC_IBHrv)XJW|1$$L4RMsDy0_;??Eue_5U79v{z^B
zIKwS0;1EbxcaU<xkJv&Gd$|>TE3)@b=@rFkqjsishM(2e<Q)`&c&P{sq`*+4HNA-H
zW3xlK=x;^_14NkF?Ou%*hW~b*l%_Xa^I(v7V4grUc1w#w&vVk3e#1HfE&KheFX27F
zzhy(HC6lpk7>%Ur9M0ZF9#!f#)*)lC+^mIG$Rj?_k#eBN&7OjKP|_{zqGZxD!}1{@
z3!0`9HcGlJE}=j24F;r^rt9)sW$nkPV}M}14-_a_>S%Shh~D~piCXnadm&%1v%lEb
ziA}YKCr6bCA&!kKE->t!?Xa<i)6k3<wW6-<k}+Y6QlIy$oYGLTO#sL1{XX4&I-Odh
zC%KQBA=u#MfiSR&IiXMVeYo&~4JNP#j3O0Gu=`E=9yIdgnK)UNLd2+%r{AE?cI~&w
zFii;f2AdLalvZZGfmIkBh&U2sj(bsmN#h1<Jpoqv#}*`^VFUyR*pbU?MpR&qMjFx`
zf7AEMB(P9c-k~H)Bc*RCL<kfseuw%66HInuZ@=96D(C_K`j6*rzz&D`4yg-x0$7w4
zkl1`w(`>Ah%2BI;TCXIy?0gwYtDMeYcv^TWZ(kdAFdf3T^N}#Xzh7=cMS;m{34>Pb
z!=9`X<_TdaX#kw8Hpu$ls2<=_!>2G;jfDpsu4JvIiCH&?Mx^wJzK+Zosy9A*oUFX#
zr6z{`YfM*JBoQ7dHJBo{9N?+=9`UF6z8ynA0|B;7CS@M>{GfKcI=xElN&Gb}va`e;
z!==^Gs%5EK5xd`xH75b0^W~9)A|dEK)j%!bTK3}xDjbX}C9x%RBa9=5E2!U}w7MSp
zW6l8|sZU0-Iv73#Q2o(N@X}PR;zv9t^?-QOy`i0hlbMB?u!<cg7r>wq2r{Oi5Pl0^
zOJ`J%{I%vn--rqT3w?^j)Lc-)z8ikGwcCK<)Np9x7|C^LvZl9A$Dv}s9JA+8vBzCM
zqpUa0exW6|#WGKy{6)woxpy6x40kt{te(>}z9K}{h_9bF5fj8}vpLQ$u@CurM#-8x
zB=_m-Umr=Y_$2N~<x0<QuuG2bz~1Nsg7HcLCrTB3;DF(SFSSqSw@grAtF0t#W!1y>
zo8BE`F($u7s#h#_J`v9$OjzLbSlBSoP!7PG5Jj7}X=W`6wRAV}x4Xtx&o;>6hXz%-
z5e&md(2c*op7H8~@=1T)Lg6#a<3h45VEy}qdbT-O?yTA;9|i8>@Z>MRYJG+fcSRem
zmq9-(YX<C83Ke^6mCQ@gL%!&s-{6jI7gh!|B-|Y%m1bIoG#RZsB<1@Olr%)@*z6zL
z!mR0K<aGwgv*?qu-xlcywPvtvUEhB+4_a8}=kz%}Yy>OZ<%K<J!%00F`rp33z?fFl
zP0d6%ZDsA=<xo~G=jBj)*mx-Sfiv*e?SCKQm8jCT(ufTE4S3&WW)->A)@6^Z=q{(n
z(73ZB>j4l)*t5SHf}fXn#$UsX7UsO0I%8o)5=giOZA=93US9QmNh+39qi1&DkxQkU
zJ?F8O!@eD^S*t1`tSaRBe!Th@{mie~^9p+w{35mEJnE@4DpcfDL|%s^pP#1Wrn+b0
zSIJDMvR_W_O(E)tkE-~;>_>|F`Z9G(a(epk#4jeoI#nel`<V>@lKJ6XQm*T88cISL
zdf7QyY3aJz8RhEJCpXXPfjazhQzTJVjN5JRFa8K{bBG-rjN}RY5K!3N-`8f*LUY(2
zYHSQXzDCiNT^LTXPQT9e*IVa^y1m2B&iL5r5s|+kdXuqQN(lakN5`6|@TF_t7~Z)i
zMEzu$Rd<kNM=^+9fESWn;Ud2<IM?MBuM46z8~P_9x#b<`wPL&xREYqT(j`8l6_xoy
z+&uIWglA}oP<o2^{UEfIvEu92?wA=QEF>}gatf#`qcs5KoBu0wD&ijk6|i-0eUy?6
zA2T=)<vb%;!u<(N`L=XauJEh)Y^5VFYHhzfs34J&H$AeYq8EOzwT8hGzXB+>pZYbD
zZn%<(p#~to3zxu_N;rq@6w`crR(WC%+#YhRRN>LKz5##kbg_bsa&muzlTngFioQVr
zoP*I6XT>*2k<)D8+lE7|XLKbZK)p`*pL?;jB)P6d^BEBrQ&;I$HHZH?&qSj9&99c}
zyS=7G7i7TO1-<UR!@OXFK{cP>n_@FflvG%xtzF5$<+?`k@^J*Js`53QB=5BTY{`U)
z3Y4zm{H-kevE`XE&cn*R%ENwm`vCBbIfTLstw<KcEh|)vjQc;$bX%y<`9_%}>F^(0
zneHs)u5jYGVLt%L+Q0lOgv35GrXlKc6Q`pfXFm_!NR}!3HMG8g1=-p=4eWj_7TY%<
zB~Um%AMOdGLO0Nm&MBrgVO3vr=DdOzz++HK*Dj5gZaHsTlHfNs&>;PhOBN{Kg-}<^
z;RnoFIb{FRh)>dOEKR!kYaqk5Zi!z;i+C~mN&c)=q%b2zYQ#x4)~@i+e%4p?6DcFS
za46koaFpZp2V3@;uW)vZ=6$U{8+4M<KXWxsOPQCC5(2QZ_~&K_>-n=_m(+J%F$mb_
z<7cvSK>D`kzp%Dq#eMxet#ea?_g(~@ab>Fx5~?dE<o%Bs+R{-KTBlju76>n1!I|#8
zu$hpxJ$*Pfq|dEZvHuRT9uaN6Fz)}75qRMowBX}1WewwB`@ka(iEq8QU3UNVAdF(w
zzCjBU0mT2cgs-akh`~^ehN&-;d>47sp7Bsk5MN^#nOsCy4dVfPO~f}H=u}-AD)dCS
zsJ%pv0&Y;EB7cxxs$0NLQN{$Y@SOjdm%(6QbrlnJ8@hA?wAtIjkSj4EvnnFtxT&p!
z!xN%x&>2=J!1YBGmbi&ufD~*U^xn2Kj)sR@WhH|JNyy#-zg==m;F^b>I_kit;=~2?
znrtG4P1iRPg*6gTPsr0JB40Um(%BbXMzxos+C<z0+qS793r`$*K&Ad%b}a3^?ME4i
zKRwAr@_8jsz}(KhQ<Rs-<`x{sAvpqqq)h^FxlA)p6ZjZ_Lqkrg#X(0P>(ofLy2LDN
zw?lf2m!4nIX{YxcR_{_S5v8A#_TK#fgyTfp0wM-Y_YDG+|MKNpBAc%;4AN^_G-$z#
zl`@kBux6VUhE_BrCPZSTwmG)#V28uX(J&HH178-WvxiZ(Bvh$-hP`xqtF*NL?icrs
zP1)pReUV&{ZRq9+!UspqzhYy4F)I!`o{`g2*Sc0Gzot{%|16@XhL%U0*C}Q%ETdMp
zo&*~=uKruzI#LVduyAgJ4U3Rs)`hi7IgCQ*h(S>BrZl4=xiH#ffqc(kZVR`(LnR6W
zXSHg@$JGKBWXl505AGO^4msxLANqoo#b#Obi|N5%+ds1ceqZ5_L^+J7Qn3CJC1(>k
z{ZL3t<LnWRH?&zeX(e$73dd}RBVTCi&`TsKE=tNwEXka0h$akj`~_AxTfcAJz#s&P
zc&KF8NkZY7%d{KYn%l2>N#9H!$LxHkU@m|19Y&cnu8LRLJ5GGJR2Hd@UU;dLmBPCp
zp*IpWUL<qfiUc*txzXWA5v4O(JL1$TlW&uGmWyjMH-jnuM=A*J4uWcJh^YA^*Xyj+
zD6PXn*7Fb!q<kd=y3}`YU`5QZgfJ$l@9ef2<o0GTIlRHjWqEyz??|x5r!m(dMcb`H
z6z*;FT;Bc?ty_-xv{<$k3>Ix02D|`<%Y80&H7W)YgN5|xxB5H%(Ku79^i?HhF$8$5
z!sH|^H9a-K{FL$*F^<nE=HK<>HMV26uv*;<7r^1$6$`TC^5utBRg7s#TBW%-@ALGC
z`<x-(;^g=NvLQ(4>MoqBk{;qMr2fwz&h9#>UR%nsx&X$!;%kc&??kuTP8-|Z&wO7W
zRuug6lK0(TcfbK+I4Bks3ng!lXRlK!Z`Vhx?@%0FvUI5j@&YNCxX9n_0G)cTD}DSt
z?Ys6pXK4j7C%qsOyXu8n=my7JT?T7UQ}s+YeIhjZ1;d4f-#X2z)>@x<-ZuOP@S|u-
z!-!DVrMb4Yp6YM?o%=HGj35CUc(LY)>bB!Zypp6GM3vKnUp9<8as1m?Uc+e`JLPd9
ze3OET>u|f9--=^S+_f+KQgxBOachEI;SabBN?6uQswGD1N{<HdoqrC!XT&j_8!>+>
zCBt)WD3!e*(6U`u=AXYFIUe=CJN3C7+#%wLsWAfLf&(}QaKa2;PGOy)yE${&LPm)Y
z?lB`#p!je9MTMf<(b7!sBIRdOv)!?tYh^l(OUVUgOXc&ATNA9PgygdGZUrwZi>Ey0
zGyO}bm9(FXRwU^yaVMivm{%UQrwm@&yLpY9g(@!K0Yya!4>R$12bs*fiX&`53xGJV
z4;TyjyT9|y9-bea8lf#sYTMYoX!+_{zy*--2}Xf5X!JQ|PA&O&QX5lO>R#+bcXT9u
zm`a|$ktq=DOrH-!05rBxu-oqLD{4h=k7GUjOHJWP;LxX9OgI6hRIMpCIKG^&3@tz7
zbg}dzLO2I%8=D@tf>Ga|@7^4WS4b*HJ$IXm>NB)7ek=<5E~O88cee;UJ?yl`5ERP_
zfn73E<!gB=8F~erTr`wqn-5Rc1hk+0d>!n%7a|fi76rTY7Q5;dTi*Hz?}VOoPu6IT
zJ4hMUYu=A&op*PqJ=v~mU*nK`yX4Q%b$EKew59S>z=ukAR_xYP_&&V2@vNC2o;Ye^
zJs1U$YoT&fTU-38>{7ibLKHRF6LooHcznod7MB3{^5qG}i3RmWITyO+kLzqM`CjNn
zpGmPBTG-(pw->G&jo-npZQqK)^X6qV5#)&YA{!eU6u{dM<mT<|dvdh)b~@NgdgtaQ
zIZvJuZ8O8|Bi`Jbjw^Q)%E!DHxjK_JxzcxFpr6g)$xULk_RYP-_7IIbBv{H(qH*HE
z%KNRoaRqj=?W4KGRJNGl-nx^`>FF7rW_$nV!6KVEe9z4Dm5&VTiWwE^FZ}pV^`1{x
zyycrB7VqF<|E5O-|0q9^8mDpw)7>FHx(Gk7MC}%I8a5~VEWx^U#exU9Sh9|Ox%2iz
zn4YtO_U76K68-vlUB)6vDcK&LW~Snub3`xL=>%vh6g!c^LB&4WEN=5y#A}aJT)X73
zrg{7YoXg5id$~`6>F*W9C~Fi_yn2*C^ZtCY;mNQW&+)tK7Z&oq-ZyklxteHE3lbX<
zX&9!Fzx(F8r`?k2tnmxoKsURc%RrxY7Z@aofAo*YESAD99T~AaT$xmqM!sxxte`TO
zl=~LX?zlPl$7LR5%qL@nk+WR4lu^IUXKzX&g~fnQP9bNx(z7A}F_o+BcvEL;mJs9i
zggwnIk0S(t+gbjhB(>M+OVgN+y~Ih+XsYl6cGrr%f8**RwiV~$WOQ~IJn-+(Ja>W#
z>P0KVZVg!psO{&qxjr**+s|o{g3(Hs&T+Ic=6RI!9+mp&V9lzg9d}gSl`{$Q-OnOp
zXm+%vGafsKjZZoLwLT}>o?egpcb@amyh1=F2-DB!e7zsl;O)5=+vwjXBS9%I+V}>B
zLL$+BT3>$(WH2T=`Fpx<q-g9CMrL>MeO%C8V4Tb=9RTwB3VRgV`_GsY8C0M8G;8be
zTh8*~z;@WSkmgLZw880Q@ur=0rNx=YfHAwqi(;k)K0N*r)55n8cxx~Mn}FG}2`E71
zBi==3(&^`A<rR*u6J46UAiUWhC#po%sciJh#Pl~FYUe_N8M7%3sF7B1q=QHnGm;q*
zW9y~9lD?BfAFk<ieV%d@piqps?IYmERa1>mr%dj*g6qXo+5G+wf~1QDS7!h6>5Mjy
zgUOQ^;ntfAnxt0V@w=GUCmgtNdrv}R|K`W%i!Fz@`<>ZE>jHJ64ZMYGRr^##qFq+5
z!oy7XJd=&2(w_d|r0&*w_ACt~_Mrp#UtXM8&bhDZ@nth9Y_GkKt2{O{4s-6!M<>Z_
zOCLS&>Pp}0@QrALy4?20U=|c#q@3fy`(pMZLinOr3N$iCIK%mL+;W#z(~x!~&y5Iy
zi4X_21!Ge7MOo*S=Fg+*PwgkSQ^7SH1UJ$wTrd{>B2>~lfLIW9ol_axx?nmIPxs2z
zekYOzM!~o-YSXvone+?eyOxpVC%3MTuEyRzyEFYtm9ST2Pm$zBGqdS)vwIRF^mIH4
z6OI$zm@gHC%~DX60iI}-kCO;4>gug5EYGhkpz+y-5{vOO0C8oVm(3+RYI(**-~CIB
zi_dW0c{^aSXG(H<-EXS|*jb`WXvu`HrcT+$s7gWBbtw~H{nxthx9U%5X1sE{K5^Mu
zhKnza;YUTXn(ywVFdHZV_0lqgXEm<nqRGH;Tl4$4E=A&}qw{z4vqcD(VH30&RL!pT
z5^PetqhNDqhJ%L0QS(bnmV2-In|y*3)B-0~|Kczd;DMRi=k1R`=l4jLNF)4_+}l#f
zO0|VCfz(SAl{8i|QcXR@8cD?^hyO4NrgPHUq@z+jrs4dn0;{d}N?=V8))#e7Cyy}4
zX1~%dEXZTQ-`}hsg9%F9q_v&~0Ls+*faMA~$Mz1*8PT+upUhB5!`qAwM1D-I;s^g(
z`GefSne=Ah?|L_++O@toKiR1s%uopO<5zJ_+v+Xn8+j^UGxy!D0p-12#KgRwyTDW%
zKh4NCoqnIn2{`hM%(5U%*-c5=OG*A^VLsCg+4F_=LSQ`2goiQyd&z}1VH3LD)Qbk*
z{@6_*Iv1xi=(EsR30dl5BVEdj+ogv>ioL)xmNoo$N$dD0bu28<q{%S*u2{+1OhI^&
zyKMy%-|61NXh)_iC0qME?Qeo0ef7@?6_})j_)awHVV|uhw&R_vn1@BF{cNGtNBbGO
zX+^j0GQZ1HhF6}RuQKjVt93hfA6{i1tEA9?)Q#lvv}Gq}C${#s)eg1}6=(K#GuXEY
zARI9k>QFth%)oHo+Fsag@P9a3N*R90M*zfg{mjj~{t2utwW6n`im^43?+|29Lck!y
zEW<zszCEP~zicer>hlBD{w$<^(19Eg44FxMtjCCQM&~lO_^zVT<cM=$!{cKch?rXB
zx!9KywY|mrG>fM-Lgo*%yMIAzqKC$J$L!&4kIUHmz1HU@jW1L7HFJ4`(!YL_6z9RC
z?#sFU8(}N?^Nk+iH(s2()ALlm=50vm*RxH_hCG1lz=1UC#H*oI*kj09uoi34`a$I2
z3}Ir_k6}{neGx?8Ie}oQe-lIa=!e$l3Ej`b3_SMoqa)epSwJdqA#P^*7L%p>=f=g;
zTXk2P`le<=DKa_Q0vS9>8Q>Hpfw44OOv>B>wQF9NCf&o^)!rO4{!52kT}V`#$K<f(
z&oBY~OQmllC3guFuW^Ac(VxP&uL%!zm`!^g-X2~a=Q0|D4NIJ<uEP>s>Y|IJ?&+7$
zpC_-Ur$<Jvk9G4jRo5$~Xp5okjwk>sqTcvmX2QyL{3G);M#9)|_)qtjX5^;xlOh1U
zamQb&Vkcddsdmlr7LEHG_Inac%T}c-k3SIH`>h6`c}Mvp`$K{H>_+dtp@V#0t+JU~
zMK8jIx{tU%{PX~eH?<KdC_C#}RV_fYc{!#PHy7m66XLSpXrM8BxS(nL_2tdU$|q8T
zxBb)O=b)6~taCA9L2#jRP7Xqpdci~maYOnj9y^|015vbFIljwc=EO#lJCqS2CBM&S
z>=m1b9)sjUM%`>q&Z48D2+j%$zL!!S68J>)TfbzhF<J(PT+k_i*G+j{+P}*0Z{c%z
z<+@TZcYGf6@L{S(;)X}nmKQqrbV?+z(?ds(g<g=U7LCgtpQs4{__er`%UPF6tNB-D
z`;_TeI5GwxlUG^&ge_d(^ND-SMs?D}uoW{+vs_Byt~bXmc*d)R^k3Xl3TYlpCVu~O
z%r9The*GMu8ZYRD41{R`C}#EfiOa4~!>PDJkiU}iE_XU#tU3);-iNxvEb+p_{xV*X
zs2dKO*>AS6jhiX9F70XOWv;G}|F(Ix&{vc&9ohA~XMz9}G%Nl}_OVFmJ*Rb}dFQGX
z7ag&TU@3JB9pfu~imcc!oTG>S*J?W?H-)QWVg77mF{A2ms^O;8UP-rt&vbSlxd|8e
z7kue(zXI0payyVa-oNK%bT_sf5hF(a+;z6&v!qU_PaxnkawoQh4J^fTuD~03(b_xZ
z)E_Iz7sOk0?)#L^YugL_u*Oh6_U<Iafphb$X$iahcfIz!%)KVHvcB~I6n><~>~E`1
z+QUD%v1bPasoUxIg}Z~DW$w<dsFIdZv5jM!uu+&dg`LPMCtvBn9Zdn53hV#Em?6Gb
z1>Vg<ulKv1-ule`PK$6R?|`L~R}_1hRA@!hAv}~HmGEn%g3B8%^ry)g122<&t5TE)
zm5Dyy<zrC%ATpoBst)1%+N@21g&1UCvUT3A0ww#R&0tXZkc7nV^h3v<8^2gIIPEhB
z9n^>{wRysaWUW%Od1%`jXV1<On`SIe@b~lq&56$MgnhJMx0bH@pmz(_Oy8CanssD2
zjBP`L_Y{6@AWF@W$c^|6G;o%!<=nRiAYR{soO?SbeL9;g$`8)J-*H~&RupoYK^m|n
ze&G{Qm%*=Ua*q>%3oUqAQZfv*yWaX(s+T)>x%f?<FW0sjW9Yy?la6b6+i#;+s`4nk
zut4m;?LXKxt8wvX>%U}>+1c|<$A$LSBTO(3T+I6Cy%Q7d;P5Zj%Ct!4kzM~7M2!pz
z;6_3u5n+&Usx)26rq+n`7@80&M0^z(A&H6rxE78CD(|MIt_0XfAt`Y<E0dg}2&)Bm
z2Drt?d2eS+!~AykVBKIPCc<?L9N_9&>+hpk?Ngq^Xsh7Lz^nbV5}zt&ar3TX<r06&
zs53I~0I=1vdfd~Kr6Antws$)6{4DcmXyBiTu?|x2N9-pv>xlFG@q1MP_2ZStL(N~s
zW+LY}Tp;|Xa94QX%M2<^EHxY&8D5=qGQL}JL?v)^@W}zuA>|~=#Zrg04~Qfy{i!tD
z^mj{MG)((px7S(`WB(qN+v_tLxR5>gs6JxhMK22i57C&Z+zk0e*)2tcSbeqMY1(Mt
z!zh%g{UOWpj8_;MH;GbvlGfU4(|qQ0QT?ixr}+rC2uBDbM|Ki|Es2@M0&<tS9}lm&
z()7M|Rh$ak_Ie+&oul`g0$wi_UH{6s{P(MLfnv3xp+;k(-#sq}Ghg~T1kD)GC!+2R
zg;QNZ&lZBBUk32gCc~O;BT3JY4XT>CGn6Qd6BRJ+0^$(D>ArA9;EUEpMhcx6pCJQt
zQ|910gM1Bra;Ct+4^hV-LRnHqSA}K$*V>O>4rk^rhlD1ELl7-RKUt~nyd;l0!v-JS
zi?>v1RH>f&Jsw2IoQ^UxYc~Z=W0&5w!9lieR-qT^UNQvpCb7&G*SAjz;#}CotP8)V
zyjwJ04?BhbIl}?po@3q)927h@oV?Opm*M)KMtnSXa7Kdf31G@t{P;(&KRXk}s4UJ$
z;3tv83e5`N73V?NR!CE0MS61P^22AwuxG}uf@yQN^vNH8NxlPqY5&YFHU^%hSxgD{
zHCXpBDK}iK_PW=u&|#gEGs>u*V1Qm+zO4x;Zf{(2-CuUwa}0T(aqq!{CT)s!yA;!M
z+8y^!XO^1x2vS^Zx5VxeU^hm;7#YHIU020v*TEIm-mfF)f{pg@m#}y`4HZ)Dca>rA
zw(>Um5L@M=fDL3JMGpvye%&#9Bdp)n#@S)?9p%BaU_FtvE^s*<(oA+KxpJY|;6K@J
zE+0kBIN56iPfAlHpg=(8KAg}vdWI!xf>%ZF&N<R^7ue?2X@(qpf$xNTeG$%WChVXZ
zxKLk@b<nTR615-!DKDO1Jv<Z@mH(G*_OW2>T++=o{P(-QsF3VBF;okV#Hag#v!Z$|
zU`Bbl!P{%|+x6RXmiBCTvf6}QxH-szlms1NO|)Cv>2;^hxl~#=b1?_|wT8<%k;`p9
z`;!?+{s5n@H^hFr7iK=+&htB0@=f-&{6wu1jwwGef#Eo;`tai1qQ@1AUlF9rG&Wlm
zV{~UVtkrq`Ud&p6675dg$GE{I&I!gC!YKx=Za266IlA56JQ}pw*-|V4TOL>d&{qPe
zdjF_l^c!S$0R@s39sOTE;_!O4)|`$dc>vDFD<%URbxMtPe)n%Rd^s|E^1|68w%xea
z#>V{2&uMBZNt~R<{9W=Vv7W!xpca2*4p7{G5!0_3XNFv;PL3}N*soUnK#Q4ATbKxm
z=dBaMS^i#~X+B4c1n!`2)Gt$;syi>a?XO1%T18lPX|k(uu(0U0*41<<XQ%ysX`$?b
z-C~$U_)yuIl@*TN_1atgR@>HyFSP;ARwZ;LTHn`De!kMWWFfd1MWAo{)AXa(=2&e6
z>;Anw>d0q*))2IhG7S_qC$lAFAbbI<(7}S2ZET&3obrZG3f3M40(x|b!-qR`pY6Fm
zXQ@YVaN~yes@CvtFxsSqlD5$5!S#oH^F4(e9rDtBXJDACHfZ%U@iL!v)0;159{%s3
z388EgWoKu?p7&dG-A^a={V~%)LYXvNp&sd=$D3N~bxlPmyfeYHO$9Ga>Nh{6Yaw3C
z-2fDJPRUQzkcJu)kEjZ~bPh_n!ZyOTgT|!ue$?x`jKMi{P`nH>WQRecdZnu%`6jq?
zWu|yM`}tn1UjO^1M~EGFC;RO*A*S!Y)MkwJRPj=5?TxeN$x9gQp<bn*k)3tp)Y>(Y
z;_-k7vt<>`0VetQ4NE#UHrU;s=Q9p(txe55BW+5?2c<5)C;)_?IwIV@^u%%#T#WIE
zz`nF!|6H#ENE*>xMuIW<2FYhO%yDT&MZ!d}#sX?HP(FjUw-!wi!yl*ZSKjUm#)Z0_
zwj_c5(Tl%NZ*Na$&0TG5{4I)SrmujK38rlAw%i6tX2Fspk1mrR#*x9Yk&{((uvea$
zp3Y6d!Eoiwadp*qnRxUR33{?YcZUbU<S#(f+MF_nPfxIv=y_N8?Pd2ciWVrTPK6~$
z!~-C@>4lb{0)-~(yS@F850Wgsl%;iK*zfY;OP9zEt@*E0wXjG_&SVJEl5D`{_7Us4
zdn)V>elLgA#GvWoWCpxb-`CJKCdO)7ebdChN)65R^_{g{jcr~v%}dstJ@WkM6gLc0
zCS2Po3s`QZPbqABe9KF3rwY#qpubwXy?>JJs9pFWuyNL-BO@bBBh1Xn3`st<C5mEt
z3|RRw8weoC9Bh>h(^~ZVF1O|U2Ct8#r2cO&W4nLB**vallLgQx$E0)Eq-&qgi4QHN
zKMLdl!C0=>+1$N={DFdT2r&v55(gSymKd8-v<98^WMHpjC(OL~UN7v;oh`#|>%m6#
zts3$lYj-=IjOaxXR}&K(J6CTLvAFO@UK7rYP^48OM9@dq{)#}`X=!e{cAKmlZn|~a
z51vbeIotcl;GfD4KB8?eA(~Zt_{G15lB}XXV_>u;muOyIdiIf;3k>D1PW}JQK2Rq7
zAyWKuT%6POaEZP4_E1jwNwSbn4{}ozd8#=!C9udJhzPtCVNW<$?k=oqWjYQ;daOSF
z8O(9~FQpq4?dDR+zxv(FEmS^te@L+kgX=mv*kym6h{eb$P^{DJa7dZy8m5w5UA5Y#
zr=<x7w2C_mrY0U~Ehx=b%n?03MQbx*27w|sLCS0N1WK~`uK{f4zfuqVjZiWG5cYPz
z0l}et<8UjBL13>}w`g0`XS~`Lqds?O3zB{dd=PE~N%+`Z+?C2U#GGQ4-ozy9*YBUv
zw&v8|8`xq`9(Y-b?YnY@A0B+F6ctN0JhB&QP&qaCYM5bW5%%s2zgPBI2UeY&z1-i-
zVZWX~!6wv!FvI_0#4>j;F0D`JoGC#a_Ydl#<P%c3EP@z2o%W3z#{0dk2NSzg;jr8a
zc~nf(<!}%j<md-a{n;x=SUvI>xC?&+z}qq|qJafcM6k#0`>5g1)m~FV@X}1MbD*@~
z2n<i>NX?HD_a!7&Er*?M@zlgDvDZ)TE!hv@Uj2W-kqOY@LB$gO{nlY1E0LNVipH*K
z$4Al%ah;t)*z9cK+&IK=xLAaaz+!{g1vPe#^k|Rpx?GE9$jHC2-&p;FI~eF7U5Sr}
zG)<?4D#GF~tOmRjVX)QK!h!{kFRq9AoC`h|n;Xq*Fl3Si->2leB%8;X(mMl^+hQvw
zel#%9PdzayzUNpQbt_QE-GyIka@Zi&2o;6pq2MWnCCe#PKE-k@cY!ee2qYExS?U{n
zKLsKXn;Hqk{@76AQ|j{Y7_D=62D75yC;rMDW66p{DSG7TSS+20ll|DmG*=Y+p&w$B
zddM#2pm6lN>Qx<`!5aTIdxxjX`A|pkdX3g>8%joo`^R3^pnP=Meq<RqD%qi;bs?v|
zkz|}lN9U}ofyyCo7xWyM0rMICu+J|aB9<2fPzX&y9oyA(b1m>d0T;1=#S@q}=@<5C
zzP&ye+m-b7H_)R7@J(O*ZHdILMe`S4hhuSWUYNG~aK*i5VG(&+7&(pIrV#b@j5m;%
z%yIzQnTq;#rDu|}FfOR?``G$ld+jcuf?pvu2553y8>W7pouQ-K`X358xx?^atW^0#
zBX}770gZ><Bd$xQ)1C3DK%_IExul&xaJ4XD)#1x~U?X+~;aa|wf4~f3Kz*0+%Rr!5
zTtm&W=|jQ&(B4JTxMTy4gT`&L3xiMn7ZW!!gc#BSwic{*IEcwkNb~}se-l5J_*R#N
zOg{?f-|F$Gxg(j|CF~6(PIDOpB~ZQFkH)hr1-;ukyH>5Id*ov&RrgoFvwgfDkiTdt
zUj-3^O-tX5I(cB{>oy%#>7tQUQC>7RPVSxbWu3{HR=#VzSInI{I-XDJH|K8PWY@Q;
z<8-&?Uos!!9=tloADl*1=+9$=)jyAp?OaXOJ4dCkFjeVhXJ@H31fptX@fbUz5UE|C
zyI)@9Y@dDxMd1LDfs;=6o5Ws6)$^4G(Uug{vM@*WGdEFQF~|2c37-?E*y1C|dMX7U
zjP#la?3U5<o%3_Gu(7jqwsUp=4+NRBPh)MAi5x!F9PARNJEZRPes|7}?z`Om;_~_R
zhOs3(K`8m&g%ofc_PZUETm?O_gr}p0s01W{&+zodvzFZJb9p&*m?X@mW}9oHW3?|@
zn0fKLI$v&Q-1VZL{>?mx;r@QT|5L2;G+1};LSXz(P#6|tn-dc3YN$837Hs|WLPTYh
z-&jR?d_3DZjHy#XMqIz2KtvUf*EHTm@4R8~dg~@BkP$PffZ0-IWn=l3Tfdz?L<VbY
z@(;WKXkIOPkGfHlmbNVcVQ3Wz-xezNo<KytdO>Y{YgcpqRLM;K7wOGZ>Ik|=(rJ7S
zfy{AfjN`hqe-osyOf>iNb}U=aKwyrL)9YbX@~-#P^6>ZFfG@)%N5Y=&JiEi;e5#+k
z?l<K2H<QqV6R6}M>M&gh+qZv?q~Y@6F*+*be+X*rPQbBK(QpqwwW{gqV}wzMG%x7`
ze6z-A%U(gR!~Tih8SF5*&NV3j@bMka1A6-nOZ@m-XHblh*O`0?%tq3RkY(1yl{?_O
zWv|1l{tR-22M}-nSP`vn0kissntaa=rjSAxk!!DzFWsjX`0HAncfgH@$VBa%wmzWS
zFzJB^C#6d{>N-o1p%8Uq7uBzLOYCDHD%tcQ-2tW+av=C9@QCG^CJSHfH?zkcSB1Mh
zeLVE5S=p7qSU_GbBCNyZ%Wwnoe%|jU*epO`-xuGs0IpNzBh&dH8{r=RXW_5y)C*s!
zsUakw03q4J1e3WgX}^oLAyEn3J@PTf2G|1h;v>0Pi(4PvUJX~Q)Z?1ePT#z_grIq#
zf~=gCoK{Ju7>e(JqVLufrrPigXhHvyev0uidyP1{827Ecl6BuE>G`53z(u~Mtas8i
z${fl@RJ!XyuqVf_kv5x16PX)#&l(w;Te65Yk~`>9)69zeuJ*nuTPRF7YT023yaD_k
zn%M!U+W>X~Xr4Z6?Vn9Muf6U~44xu``1vkF2n8&)bWoEdQlDl%?H)L*7E2HK9kS4m
z1X2#wZ{=>xKP^4UN&xlqQ--^<pQy)>FgaZDzx9z;9;)EELp9<0e-s5!&>Pq@`2j~(
zcisG^Gn~mNe#1u_nGjaJz-9X~82AYPcuiD=Aw_L24XnL{_Wv^cspuId8NLz!;cI5t
zV}m&a4JxWc1T;xYQ`Avi-(EY?SXx#I1w_w+zvv)P(+B>!F%1NNdbg-ZUL?`IkNkh7
zQ9!SzYB{=aQuJ6rm6Rn6Qg`#SpE@C1%YzNX2V;pPScm-Q3y3v0swB2S^3Gs_<1GZ>
zq4jSkJd2u#BcBI~TCmE!gp6%~O7WYcfSY6q#=10B<6RXj?qrQVX)%*vDpt88;t#eA
z6|AU502nUYk{7>!G;>us7h%#+`k{#DUx#slfhA1{%i3Te@AWtSG<>^%NRq_!%gBwy
zHO(mM{z#*OrBzcXrM2(?iXR~c1XmglJxpwkl<4>e_=P73KYoAdr&Gve4iMw%5~Xu7
z3|7KLmDjw>Sc>EZ;{j-+FNf-5K7k93#l!hvE5H6$t7G_wYXqJppSWNW8Qk#;WBp^T
zi)!%EPqYG7OK33D{iaUM4HD26BP)R9-pZ^afFj8ZqnmQqq2?jOcsITWVA$GLCf2^H
zC(hq6#t)`ltci!Upx75n<|iWn#7#zwkx7FsgM5ckeo}!g=k!C6>+n1kht<w;T9GA4
zB2I`dTc8jlSiG!11q<ucS#5ty;;ZKjuDB|$A!qTu)BXaWj7HsPyZH4N2Q=ODBf`b!
zV7t%&uTP7uv!^&k+*7Fy`K#m>wU9br4wQ_|BsGi@jV-#e#YBpU-*z1&&KOvHMd4)-
zO#{A8j7O!gKi<aeSEv9s>fJC=KuXU+sDgf5c^EKRB3KUOA_L{c{G98WdyY`%jSPGu
zs?(oo{LIN6t=Fr=+m8eCQeG0b-5@A5hD>JCjz{@O?EZ2giqiOpPqOE_BcK2!qlyQj
z!y{|NZn#<7d#?e~fBaS4_do%z`|P<}j|5UA^#IWFB0T47Gh&uS_whgQk4tN>295>u
z9$3O0ef0qXD2xj2BWyrqasVh~hS2f~XWo-~iR(RbJoVSiS<c&D&RJ+)k=<_>)>O?&
zCo>~S)#Qf}e6~(<Co@BD+z$coKo+Nnd&nS{2$Vg0i?xI4$`XnAcT<XaVe(l66S<O2
zMhS30NkvgP65t1jovTSQ(URXW0eSIPCXJG<y&zr`*xCQ@MqrkzDd|O=R35_Hw%gR{
z&6Os|BZk=JDg_fw!%;Yze)3+2OFQazTbxkQa4G8>{oY-u!nA|T)=3$8HOY|8unQW7
z=9P;e*T-|Z;vU>4)RbCL0C0*I1qTCofjHKtM7(U!IP~;MB}-){aYvNK&Of)MJEhg1
zYCqM2>Sn5$wR;}R|Nl>D|NE1$K6uO1qNGoYedSG9hiZ1p@+Nw;>1|&iE<2e>>-$3^
zEYtAVjjS-l2s182c|Na~Bs6jwJ|^E7XTz%$d%c9mJ%G;}8rPJ`N{c%}Cu2-w$uANt
zZkPGz2Td%8FOkpFAX?GNyIPWK&Yrm6q`zEBI-!~y$Q1I%tr1&)3G$PB00xE%hEhG#
zg0}Jca~_BPcUP~q9xr7@sSSaFHDp9O;61wewb)VLT(?%xwA$xLjxgo-Ubse>Y}xPE
zL5z*9^YMRXJqdVdoK<|Rah_5{`~p*cg_>YwNC!1cT$y%OB^*@1qb33`p!r-h%j_4J
zkrX-wC>$kmywZ?~@7yZG5df#$2-`V%iv@<u^^a^7Ap5Kh+S>26?!0a(A1u@j4Mf=w
zM>GG6`E6iE?-gAMf@nR*XW30}&62;1UDt{c6lO1=6dOkn0^uxl)HJtGhk)O+TS4=X
z>!rg;z-Q>)+gC(?+9)xu24%^zN2jcE+MB*u#PW`zfTbyoM;1f4->o!n>hYH@PE;j@
z(AH8JAoRc^M2}B6X}-^h*rD!WJGA4Cp3Yc`Ge*25L~twFQLzwmB*3-EUaX(4Vl5w$
zQG!MVMv~GZ0u4UfT&*L3zRoRnbb`A%-1mAGpL>y7zoOBIh-%liX+{653azOf=gSa*
z^{S{*YsXJHwtXEg>_wu+sXXm>x)aEIk3tfcr0Wtfz`LHTNtYt)=`vJI6+-|_Zf<qJ
zAo}hjnLIj(3`pR^i4eu2Bo{qWud|WTk#8{STXL%l*TP^!lgJJ}0*+uP#+n>BI9$>_
z{`)j;_F}4>B4jtv{NA_Zv<MTa4m9XkE?yZ)9y6~8S)sZ?ra%sKM&QL=z|EfeTZ5g@
zeG&ck{N3g(O}+}dkIZ~IuvZycJDJu!m;LsGKUB$KY+L&CSg!6GxpgCMISHRPaXA6)
z`j;#uabo$Syk*-39h@qT)Sqh7ApFU|jlohM@AfaaO>$9wptCRzaXdJuP#ec_^~}5g
zinQAsyCD<LaPQ=X*e{U+)a?T%%7MMI0ueHG7X3@|4Oaa+hZx`2Zr|A$&a$DRCA0Q#
zkO#Yiba5v?wHqV6n>t4!Pw>8-2|fNHD0YpLuMmI<XSh46fbpH!KB<%=W1epvr#&j7
zKCvZgq%2i+IMo+u!svf8-fGcJfm+TQ5oT5aGdpBI2vZ37o!zygx()3er!zR%f<)up
zY`MsvzSLOfRe}mg7H?u3jDbph<csA%<w!mzivlw{)Y-s9F|K(~1g4$k?$-pq7(!9k
z8Hr*2{{fvqV!t?-?<`~HDVoSmPwF=qD#D-zSN%RIdvq#=504f-O&(+%ubfY)$pQ`u
zCC98~QYUpwXHT~6Xj1`)`dWuHcz{HrO*JG>&v^h4!yH!_yvpE;lw^$N`03%*NXG>A
zZEUvc{Um^l0N+7O(Z+Kq>gvi<|1c9Y79EzrjzAtKd1}w<Jd3-e?x{V)tSOyp!Jazw
z#*PKYN>b*Y|33HRpK)_XoePHGxDUo3IIvA~GhyX={mQSXKRxQr8Dp7{1`ZP3jBz``
z3A5U<-AGX*BArBW2BKV-i}I{WLl4V_G$OT*wcB*I64>I9j{0R}GQ|%ttr(ryd<sIs
zvRKXw=iO-5iAx$W<e^i5VGcpCu(5Cm%R98}nrMeli!LiTEN5%-u<^uQvyDG+q+KUe
zr%rf;dB=)(bUY*4w&NW__pGEwXbtfY$+u3BSDyzGa9Y3>if#*87Qh_`=72g9sAxm2
z>R9)uOeCiZ9nTQ^h(3nw1>$?%*v4B01ybaZXI4pZ2DK}RF7jAR++}J{>+%ldnN-U~
zSIZlc0?{b<^tb-g-=a?4v~v&Rm>qNAkO(uU6qlC|uK$~)FsJsMQE$;WNg7iCCQ!^^
z!cj=AgTSh`t^I&RjD(35CM2LFMGf(m-AOSAM{z{zZF{Fpc4E{P@Q9;(NP=2vJ_Q=u
z7|(t4XldFYEa%1*1ssYtFn{;umbN~Eia8Ws@SIHx4lTJ!S*KbQf+!HtEiD!n1nDA=
zNq8&97C7`)89y$rOEh@PiWOVzT5;8hHf(*{RNpEJF~N*ur7pFn8M?{fH4dhw9O?D6
zHiLmW6sT!K1BZe3k!{Y0N_{jj6jjKcqvU%inn%*cVQGI3j$LL=$KG=6t|X2w@1TyU
zEhQy^9g_>Yz>ZWBa%wfU{pWvhSHIRRD#PmN9(UkS3o-F%Zl-qQUq|K3%*kKuFj~?K
zz7`TC3<uQO>)?7s8j-czwzpd9TLm0QUBao;w*H?vg{NVHH{LuQPeyS<nl<NnhwLS&
zBX#g{WakTm8YrcWv~*)U_sk;&p(K_fg?P#jmo#lK=j8ub62yF4p+;QECDS=N<*BcA
z%p>Ormq_jN0W!C-an)D?hdySg;tb3?m^LkXU?)3Hu<C}ZiZj#?5s#oo4QlK(PPqN*
z(%EP59)njntVn4MdwEI^4#VVWDg~v1jmbM^fQfA+Q0zhW1koqz3n1xxtwa(kq)<nQ
zBap+aGPUO-?^5htGUXl9j1+ZkDfZ2*meGf!MkaM2@Pvd7Z~cL@^&>f0gY5m@=hJA+
zfdlA~NEWm6?Zx}S?478zBJg?dfr3<rG;olhKygA$YN5MUC)KuM4iqsMGeo&!k<|SX
z=n!k_17uF#2!if^J?S_Hq=8*++1qVWWhfMY51Bc-3ul%|(W|D$jY(WMHEj^?D_(HJ
zIWMXpZoQI8ImrX)R11<8<~r44CzX6Wn@bdblw9HKJd66dvGEwwcV~=%!&r<nGu9*~
ztZ5|&rWAC`imP@~CCPyz4@?`~`iu{G2B8Z`uX1!%$dUl|FivJ&%+QB-dWT@j=WsF)
znzU{MiaKP^ba;br0U4iW4N};_agN&4%&Jg(MyFbIk%x|XaGV#&m569M(OoT*_;!7m
zOd6d<iZ-nJruX7cq`rZ|*3iNmU=n~sm-%BWDa?0f?{sEwGq)s&BQuxVb0g!{g_zn~
z1a8Nq9@^D5*$;3dQa7s>;#Lep3f{<@nDr;k?dl{2H1Lsr3l60!B#?{*9c#B`Z-w}P
z4uv^-&ki$zbjj=mHYV^Bh6WQnCz*DmSvQ;}%+u2%K2!=RgnGQZ!wQZ`wRpP1V_FxP
za^Fhb!vsd-*3~i&z#&bbLLeUNf>72_Y+;NvHr(Ka6RlgxuKIbOo(l=Mz|d_DS2!pR
zI=Axj;7FqyhiGGPPdZ?wnUor28;Jb~`L1b8>6Z}49(Cqo_fq6tPP~=Go@MqFCq+&Q
zy22y#Ed^(nJhU;Lwx<&evczidS@jKP|GB;O6O4vR8(<=ULrY!rS>f~*#T;>QiFsvi
z`x0T@1OL`M!I@Dvbpk2JZEd81+Ofh5Yp3n5*U4T7HDj2Zw0+vdTmei|73uo)YR*DE
zL16DT?2QODx^a#{31+rf@a5WxUS6Y3rgUh6C=g&JFI@1#X)EccRb85DNh-N`RtG$2
z*;5q4b2jrV?ke)YX)Q<}pYek=THw%gOrT7?G(s!hbHa5uc&cu8yhUgo@d)X>3G3rh
zE1^1Xl}&DCS%4`i2Xft<T_&W_Ka_C>NS|puKKKukzS@D}0J2rY9z(tZWO%42r61B=
zEkx+X7EeJ&;x0x0mB_!U;6rz{;L;)NnB2GVT~eGOkVcIdB_WEM-q!c_-gDfnLK+Rn
zd*iSs1UU3Q!->PZsjzY_Dql|Wv)s-JY?;6qp5(*rD51m{X~YaSB73vxtkvy}rurIn
z67?&{6%xFsF=#eu%!E3y$+PH!iS$=c=T>mk^442qC&UK~#<IT$e)c@s0-3FvDF99S
zs%hR=B0M{pa-%svm?O-EqOZYq!xK8BVPRnt-O@6XOXl+Nd?B9pb#1AsDwPP196Lq=
z9NmzHDb&!xjAX+J*X(f1imKX3gC1bkQ4}(mz@2*2Z2^~bF$cITV5x7+ksU7SL5tFO
z#$izJ!&8h>($sCVAb+7VDQwNq#=y>krk|EsMdnN~cbYks#94}*mDpLK)-1yXJ%I6S
z)RszfI7k7xI#mQDs9B92+}^`soiuk)(11xeqG_BH0vsUAtuU`l{VD2K62C%o73P+?
zomUr@GMy4`{%*wEc{=HK5@9BuaN+K?ood^zw$Xlw_dDny#LXDSOryr>c9tx#(ao@!
zIuE4ZKO_>;Zadp;dn-hB4wHT{2h8jz4B?>ki<b-MqzeLds(0*U+6!mgaMq%}+F1wp
zbUM}I5}vn3*=5syQt^|iTvYawg3CNh5s8_BH8O%5K5*#CYM2LvHwdd)Y~PL7yii9q
zNVumKT*&(w&v=K_JMIX$%;0qnSA@(-aN3@_UiJi`ZUk_$QzvhV0@2iVqU<qb8^&^D
zpn}F42dSeK+DH;Nv1b)+gzoj&xs+H7jFcEIapa54!($TPYJClgnC1)=w^7t2LEUOq
zt=c+n?V_k9M?8&la)6^Ni3qp-#GgqD^E5X@{b}yx)lazPN^DOsp6c>piDPE9V(q9A
zCjMsA+h{nOO<9X%$OPkqST!|sq;;A&>t~6agOoX9)aE+QajISPm7Ftr2^^EN#~mw#
zrE9T*7c3~?u;b!s>NZX)b;w!>xfuBBnVqEUg_V3X<;O*j=4|Hb!cuOJCipi@;7A9-
z3&NXj{4C%3&JTX{qMwQAK#?d4(U}t}f%YRGLc_QE+<gIN8M@2Ck^rR-e!i?8H1*m|
zvnOZhaCs@&fP53uM~JPOCfEUgKxPyzBoGn+i8S9L9nwG+$HmxQZu|E;{>PDXm6FP#
zW|m2L=gqsP=W{Zvy>Hi6o$4dp*v3H}&;$yunS0cue<l$)w9Kwz@+>a*N>On+DlNyQ
zCF)HHZ0k0bNvrKJfek?d>g~3RKkfRfHEX{O6Ar1)n@BD=)i=Qgw!?G-wMZS0SaPS+
z$USe{)fhLq{BT3C^ok5+?f~FSE}ZIW$)aUHSnxY@R+58q7>?4=!HPDZx)J@h>VykI
ziZGIb8_wj~i>1zNA)fNnfwV(TvJ3+_v^}Wk5LR>JH78zo=!Q+J7TvSh0bvbYqG3XF
zI<(9nP}so*6k_mk4x*TY!zHd8WtTW8f%jq0EZ~<BM#dQsPKNu+drF=ELde&2CWStQ
zvJFnL%A810ryC(gS#QcK=}w&y(_JlOnp%~_nvd<p*tw(-M19SXKM~C=IBJsiuGQSe
z?HUf$t*-825<nJ@&-m|21&*$C=_t0jonuacx<%&cYzxg*s6WLmU*fSh3X>8?%x*^B
zcGKSPSha{WBfA!)9^|^~B%@X!xD-rqrr<*kE-IFFuOJ{XqfV>iZv}2OB6Zo@l#@LO
zguPz9EU?inc^lA%k4oxQ5htGZq8TrkSG4icynJv%S!@H^NPThGPcrRlVV>F$hvuCm
z??z=$VMkQ-xNB*r)1iC-g98qU1VtjiqHVFdMR)CF%Zr}5@pGGQEB-M4p{a|;%MH*!
z<Ay+n#~gVMR~Wp^;j)yTx`saL&kuWPn8W5w1_57{qKyFZs<zx<tGZBh@Uabj8Jfm6
z-fqJI4R%1&)sjoBnaH`SZaURMW*8}RTr}j-YiSt+$<#%ujpL323(`5T8e3L<9k&lq
z5&%XIg)~OqHI`}8fkO*IX<9!8Cfv^J@{athy6I*Xr@$>w5KsMTtlT^Fn0W1_LG=*V
zX5<_M{(8;c?O2T%CQR3G$k)&BhnPbc<{0oMs@(yL*xwJlosPGowv``eLV7rL0(%K(
zaE2F7-2`j#e40sdqB0yzcfu<&w4uWrj)@K9w>+IRj&A}Z=8$OGkEV0sR8E(7_%?G1
zcPuer5060rN18g}mI-Ni(IY?nNqu3_J!1@-K)~P;Bq6k?u4WFVz8bWFe`<VQHvSwp
zIGC3p_s+Ki_KHEfjVC>ijWaA6La__!L&RP{aWL@Mh9U`*Ha5u=c>)hsBq0{i)?F>Q
z5IR>v_jcgjj@+wMx3swFV-9$mkCrs46OLHu?mV`4pIEhZsIeo0JT}>r_v|JZmd*lj
zyp*X2Qo9PaI8n=MImypQrIom}%)FvNR(kzD$_-3sm`Gr?B5%8uTdTS2b?YF+9f~MB
zJm}=@|5`JLNaGv>%&qhUfj~5|o1Nlj=<Ot=eMA9i&x{<Uvt7HLFK1w{dY9DVMR-2n
zUUI`3D=8dhUfxGJDQys)`9jC6oLN^3LEI(^ID(mcFjoj>3p8h|pU8okU-uI@Of_iR
zW_xzBZPP7tU$xktA`i@3SeO<{Dd5qy&1ua(H~wBsM?40+9IN-$5wK`#NH23RCqVv{
zU%!lJbn8GfRzKT^49MD2_$K5glOpPRPTOFwzfCU>NrA(}HjaOTvuKAY@30vzGBQO;
zC9&obdm*-$VtbidGaTile#D_ln>4b>YE?;VhqMo1)Fzz+ojQqHkh4RD8skVC;H&`$
z$jXp)B{CMo<(AK#0@JCMGWDkuzrwr{w{sE=J0%B&M3mbHfwSLHH>(j@^^i0o(vES&
zVCoGj!LiGr6f%u-Fec@DWH~-i+L;c=iQ5YNt<c?5@bSu1nnO8r9qL}4otegyqorQ3
zos`{Z#tY}IB#*iCes-cCAcYqMK^G%i9kl3J+DMf~JJbc9A`IqP)VFEgi3@IA^x~42
z6ddO2u9p68>1lz(q(EYeDx_#?dr)3ekfCV9p<5Q+!@PxLWIV|E$%dX7rSsa<g3P4p
z@)~pj9g@J2u*Bgd23G`FkWc|BKExU?Yc;w9gwOgxlNo&NLiS9@Hh9(8i4Hi!rQTwk
z0*8M4-*eed$-{VfXzS8EB{PY=7&$A6wWyebkut*tMIPO-$6zD`;0dA;*4dLbid$B5
zn=}=0?1LmkECHMXMH^$x89kjj;OHtXK!#Wwbzqx2IqFX({)}#^b;|)RF*^rr2NN>T
ziY&FV5tBE;orH7}XRqz-ww=8IoAIsCcxfCR)p%X{Z#8pprVB_Fa|}9grdMY|BX>Xa
zc0;eqNF))5-J~ddl{Ub+ST@xTLkRP|aL$Z@En{vEyihcy4F@3y8`^m9av0q=j&+_z
z7kT)0TyWx&AD7%D@9M4=M|ZX8e%gMdT0Rgs3=uFhSuM0!&2Rtch0p9{)8Y*b+E{k5
z=$Hh`hxVID9S0G*o<o{?jzPN~Ddte;syTsH7`!Ur6hIzA<ZwviJRB{DlxXvE`cs!S
zqJh(f4nykF4UnePPxWT&4i^O$9Qleo7^%dXJTB`x4||DP6{%}?QV);*TzRBf5q(uj
z6BIVA)=sYe!fsd9*C_7jW^Wn-K5XZ%Q|inD$6@J!2NA>(#AS9qbfz}(m7uUB3Kb{s
zS_EPQOpR8b$ivu!rX+!5>TS2&t)}7(s}bo^(14<lLT<*le%PwnWe#DQR>a%J!1h<V
z(4T~fTMPZ2(BBhQqzk@LW?h;Fh{t=HSU;tEZn)=%3vQUwhMQVm4D>01rAtJSi&0v)
zahjtQX4s(!gL)QK<Wcm3N-iq<Nx{vS<8<y}9|9aua>D9Pw5EN><6S}z^aNM7OJoDX
z1VRS2AC!2X$!c$tZlTr80ZjF^t|1+8JYP4;!YK(CIk_zHJVYf^<$Iov7$bG+gnS3_
zXC{-f4@59PgRfN3G|3s@(A}?nI7ng26FTOBT!ssbOzS+0xheig!yW>8eeq_9DCmTs
z-T|!HcH3LCohOUoBQM$44x#G&A%_s9>$B2wC1Mjy&NOg<mu<8ZIdwSoXa30sx!Un&
z{k&by!>K$d=YeOd>(*00kD1^~+Ob=0+x3t%W4jjU>`5y!sS`a6#Y~DnRW>AJ4rXdd
z=>VHndJ>3p5>mSv<@ac=CcL(;i#rG9ZEpygF|gBquwW-8MIJ~D*!M*}Hp!|)k#%a?
z$R1NOlJ+FU3Og`$Et+$Zg1Whh&bGK|h3N+~#|eQ$CpnM^32PBrL#%BlyKeZxiB?In
zuLq!rHi8jG6e0m&|8{X{7HXz%8aTwD1JUZLSDk@Mf~-h#8Q^7rJaBa1${7>~Vn6MG
zMWSkGgAMixO)60zIlb6MKM&G0ey;N@0_6;OOhxumVl5^1JS7!Iin^->=X6)gi31+G
zD4K(qf+zuD44MIGbihFi&~_&uY_B9wZp$BM#EvUFW1l&ByUr1C7zuz5MEMz8{zH6!
zT`qNS+3|@&4Fw$21yIa^ybC->-z*H!$>U;bmtwl>gmiQOgR~Q?8M)g{yB1<oqJd(j
zC<O4g^qzdMG-c>ZHL1-xxEOr;PD;%jG4&cr{($BWxYGe>!s2<S7Sv;4qly>JInfm6
z?!cR1)lsPqO-&mJ*{DCX@#^CXqzg+qF_URsO9MyAO;YA?t<*qF5d2;hrbh#ZOuJN(
zNObBXIdI|)H+W*j`y|=3l3k1LW8Tpv8hY5ce*K{D9X0AO<mN`T`wbj8u&ZkwTjCi(
zt_X4+pg91Y^E4ry=_XkE7_q02Z9+MO*hWShX>4P_y#g=|cu+FM@RYXku;*iYIoABK
zU?$U=K`rlgOqXeq1_z9TFwu}vYiZ6<_lh}M0pM|xXSHRp_6zdkRkS(__Yn|q0--|#
z2R6Wg&pvQS06WrqoLu@ky7^snZI@4lz$FAKyvTc?;OQX8Q~^{9`ab6Y*8*5u;J%YQ
zU}`|FC%Ed1f2$sP)s|H=rJ$|EZUi_;U~Ez+1A0Z8Idq&u*K=?=_^E$V$Gz={`ieRB
zlftgBA_>n6bLb8zX*uzXAI>Z0&|_f5fJ={cXR>zMK%S}FAcGy9q1I*H&!Vuyx2bO@
zc_%4(k*O_B?b1y%Ejo!~`Vqh(P3oj+B|CP!ZN<BGvTH}1UibpjI$}Xu!vT@d1Cj<r
z8`*}Kt8OMu4JjBxF#&+Cz_XHE7S?TmrU4janc>(->IqE^J(!LD1o<`;ZSz(S_~Hm-
z_>wl{;8RzrF@r`50UbuB6muxrFiDm<suM1=W<;F#W>-sErO^sOvjggFoj_6dHA5Sn
z2*e3sI&C6d5SL-&4te%5`RO)#T7WG)XlNUNpjyN%9o|4^&7uEwsr`Wh>!;+>pTk?<
z#5Z=>bR=yq^?*&CuvYsf)`5+puW2LAu#|J4l+$4k_4Bt}-ARdKZndMd-^9{xU7@qr
zw(1cID5N~akwK@}(m00(4r-WV@X)K{99G1<W>VToay4!T<6jwldg%zNaBW)5h09Jf
zZP6SYd?rO|^Kxw`ik$((Hs1B5X_FVuOiQy{(bfEscNB=|fColLZ_Mk!p+g!XBD{rJ
zTPINBsuQg{(V87sF>9tj)cygw<;0AD)_w_wHU`$YtChw%m;_V~#kT-Ub;>~%Y26g~
zGQhJy4_i6Q%dUBg6>Y2``lw4A12&j9xpM{Sx*rIGq0q)FGN~4aBah>}x|#Bhlsx7c
znbxTmlvlrH(n>f=Qzt<LYHc0TIB4qdhT;tM^O)*@2k#bXU?3cr%;UY=_}P8(=sJ3l
zhaEELv{YZ!%crEa)1%&;0ZQ$2ZQ*b6%9r8YALA>lbUu_0m+0`ms5`YWunBN1O&A3a
zl=3>-F<s1<!?S@yq=O`hD2^BoDQU+}EwJ}H_CY|}iJ5*v^$=H<=7op#>ZGoI<7qty
zA9$mzK`p}^emySiQpFrr*v}06*eUIIa%@_5!#OXS(SzCepff4DzyjJPlj2}Bxa<5Q
zHUMhoP&Yl9HfP6Kd50O);@Rn-7M*H&+lHmUk)}>46cqCiv$_*+*zvX<?~-`ej(4o2
zN@!jE_7%e}U9kc);28XC*3X<W2OAD^AQR_U6xK~it^!n2ul9`QR!js*#*n|zRifIw
zJRAaTXfHmDp_PUkM!PEMt`>%i)SA}KwANfq7D8(=Br6>_+ZLsEY$?vDw{%EDafZ4z
z0}#ZTGv2xzszcI)@e<y-jh}yEeZPpd3!sGt9+~T#6lY+J6>yyG<}5`Ok#yGC+_%y7
zKSj4U=xj@R;z-K`MPCX#a;^?|lyWB8Vd^|eo-87kZ*=^cx&?MKbn2ni(BTc8Iyv<O
z*AG_49HyRQC?=%3o<mqslHZRDdo*_-Fa>a8_Wbt})PCT^W+gLpe%?y_!Pjl*!E6AV
zo)kwdo})iJO+SmBdUzyxH!Uw!UsKQ024cGS^cCw;4IFyb2@eR}BeZ5E`*ytL1y9`Y
zg%xij8W<LNBeb5{(mKX9VQ7S<;~Y>VLLb1xxKL29%NCYStVnVlK;JOO*;{|Lc{vb!
zIQa&$H7Htx&!lMcC7pxRv?@kT8$D$<*bL@6c(G1y?4VC~<n3y*wAb;g4Y=0;`%MiQ
z!kj*iUc1#^;=*VS9sJV%?i2j*GFrDmG7-fbI;Me<&Zl5}26y(Zba$#mn|$^`bn~Br
zPqtYlkS;%gK~p;VO|SeW)iP5Avt=-s6SFv3tR5_E@6YVibM25MOr3d8*>chsrS%+o
zz*{zKW$;gkB)0=a8`1P8b6Nr?XD`l?)@@+nd*PBF%(-EC;HQQ(wqYzcuuI@D&%8$~
zYivP!P)pv?V`<Bt4tV5Ug&k>aX^%PJx0}xqkE~?R3m)6yx*b;uHO8R4gLr5RFy6MW
z81rdh9dDu9Uu7nwOqijvLvT-0be5BNLD=^tng^(;5abLoN1CZ>L$QPC&w4zYXn+s4
zPC21;BEt-wH)CMOhBnj=MG|30!t3zD0iWMtS5}id8_D&Zc(I=3;siz%Bov&ynE(Uf
z!gvAieNMjrh4tey+_C^Y#%6bf>P-YyyrE#@OgE<pfFfbnMgC9G-3QT)$H}GOjZDh1
z(p>^3;NjRHk40G~%bn&*tFh8<RN^qt5??S!a0>`D>W=7MZbipA25$(aZJH3{c1TSD
zDfOC?#PSR=hoKFd=+W=felTyxMPpt*(5EyzoMqA|z1YTB9iZC70}7&3E!@?<rAfh!
z%Dyozb-AtcEK<?Z>UaN}Vha-QxzVZ>rKywXm}U??lmG!cZTub9>**@99Lr2dhmc!Q
zdzUZCRY9&vyl8SO)(LI5$6L}g90!nZX?HL7#EgMW2K=OEq=haNHFX<!#Ajb~nTyp;
z(ME^m>uhQ-nW@He)nvXJ>)U=Z+n}XTcpvuoiu-LyZ{XEWt)KqF`nCk>E{Mm9IeJuK
zoSIO2f3{0EbS6dEyS)4}UHN@@@8@K>&I{snhcl7Fm3*2-v-%dy>HBbog%uVTc%puV
zrNHVUP`=MV>b@#9=NOs^sa~fs7j_sIstP-(-;{_-H1Hzy!Ao1kAz@j(VCzY+b55ja
z!x{L~c4HfwHf%I@wDGEpT{>p2-81k=vn|ZCVEFg{Bcg4@Iw$Qo)iwSawV*w+SFHHi
z)SU2cZe{S}5g`)fmLNB!wE|!cfXVNbHM9X_6(x@ld#(qw4P3^e4r5?pMELNlL=Q{1
z@#&r?9C9z<IYk=^GS;I@&w^{ug6li+LW>oTPUoLo7Gx`U``>%Nz7Ahhz<~t@O?4+#
z&$u5TlSw)2r~%C9&LrCB<wwb-{}O)s*w98FA0Ha{nBwtD(z%i}uO+Q{8mMn`f_j44
z>MX2>NsUHnoP#B4qwFyHR+O0AO7i<rd51e~Ns>wLl{K`XuGVvIH0wrlURZ%cU`S|c
zC2fp6tmnbLZ4B(#N@6{$C7Q|wv-zm(LHf7<1_<^ZgHH4eTzvy0eA%f@4mG(IA%>D$
z(LSUS&zZiJWq_st^!n~mH7uz&kLwOtzGZq+cA#tyV+?F>REjl%o|K*hKsux$NF>}g
zD{Mq7tKpUB!L@3#P@_}oCjs{o;V{{^VQ;2}G+My>|JMHfC*<KYIKb-tAKj&1Z}eam
z&*+XmKHDXtz|ck_Nt5S(NUlDJZ+#Wr3WP`dJ?cVzvX+#tV2Usbg3hpLk#?>otrgl<
zU*|ZrfWi)mb+lvH`#?J2Evx4kO23Rub1S-6wo3hmutEtZHO^t?{<#({8rrB>G(Yf6
z3NTl@1ZmoEyR<P`$EfM2)pqGN5$c7o|Ld>c;~ygf9Cqq7GO$fNiKK~hXe$s2vu=SQ
z3}yC>KgU&xmlb>f=$bOp$&xzSDG*J_*L7fntwYfnxR)qM#}f83DZ{4?oj?{kq>E!=
zA0(A(JinuF3p>ezzK`eItQZT24`$Mm>6{mzSU-J1zW<E;kOOT~&oS&}w>yat_8=p(
z**N>7kF{cHHAMbdvh=6u&JXd`4K_2-r_+U{Quu;R@pz7f^E8}e!JN6T@TjQBLoH$E
z;%S&~y)Gclaw|hHAvMp4xFAWA->3Nl(<>V(3Yj$KFjI!P>m+3-uDJ1xMRSN-gMZqT
zHcTc(-G*B+IS9QEaKNlqREIalqdrz}om&A^KyHS859dkAlEhaexgl}Iw608$_qjUA
z6ChfUuj(pMwhHwO*da`KGF775tj1J{4)@$<3N;8-*H$9e;eLabo(0z)ckcY$xwRf%
zii9^H$aqr@Om36s|DF5m6|hl)&Ec7I!0bQN6FxM=^L&T{R2PL+I{&BW?$^=H4LVrb
zcvA{5rdYf}+qa|I4cc1aodTyGXSU!(4#7kDr84HAT<BGENY5)sO!M`)v_t*LV~%vP
zh?7it(R>=)0K>?n=*lY187@KTMgHXL#J~Yfc!Ox$_A$yN=$cU|7*fokhsvHjF?1S1
zTcWbWi-O#ec)^sBj>+3`jHI3cyNBot#2!Pw547LL;7yOsb+oZ;(cz8Zzg0|HO<vwk
zR=#b0{-kqlBbaZ|V!-`~d$DxV`JKbr5(s1wwJ+hVe`o#fHhxlujUfa%vM>gQ+N9i6
zh4%R4{73-Qmj2UZ`9XZ+x52#{FC=pCm#42PE$^@;_XVpEx=7+1QR8Z-u^hCfqR`eC
zPs3*pGi+rzS87lSl5nRJt79>Dz?`;3?`VM>GbvCf*;KZ9J1J@B^5I;fq_GW;ph?W6
zyhA4j4rIa`))*vHUXz|H2XzGkmwL*@ka8=Igat{KCB7uc5<um#w<2X4FGLlw4a8Q5
zHF4h11~x;6Qvds5o!JF|vGCixRO2)IY<`a|R+Ht`=*mWCcDGXq)m7zt_CWSa1aKdP
zpOGIvB@gf5Ck5CZP@E%W3w?!zvb;$zdve~y01kxrf-O9VZhjMAf1WJR{uSuFmrQS?
zbS;^8WZ7bKG?<A)b*n_7VveaeEGLo2nKgu=QQD_JYg*B{l_4>Q5STH)L31_g*O;p<
zI!x=z*a{&@EUIb4jVg9h#@sRPUISK|Ot5j5NjXC;>L&vZnAM7A#v9|NY{s1Fl@-Hb
z4wIind5IS!xg_ukfCXLB0mltHbm;<+36w1}1NH^tn~?7rvyH(Y=Q{6ca&X4He9&n)
zsb^+kD(zT$k?<92?9%1+<oYJPy3ZDyyiA1^#Hby@Ai+8uHi}P5S5N^ti)tT{pZ~)8
z<_cQxBXeZS63n6+y5$6;UMc9=S+w3q0-%=gw|V93=+=Yi#?xdekz`aA%LoAr$(%1e
zTRKELwO}c2&Wkje586vXYpK(kilYKe9M06wi5#qlhY+$mY-MP<6)6>SIBm@w`2*&3
z1c`N9IvmP{;(JK<B_e5Kk@Lce6HS|m^ET{L=h~6aY|geCH4swFLC|=eQckB600-<E
zZ&;%--Z+tjiE}V0sW4_`L!f5O911cd%mX|t@v^{663?4c>-b0qHXvVzY!mS<AR2lA
ztTx*iicc#tu?^kOWaiEfSOVY{FYU7B&E)Djy}n16>bw&0VkG@UI!s#WO!<U@Rv=@F
zm>5lvL&=784(;D2&%YqwUO{V9uyOjw%&I|gR-}<}#`&lQJwl;$SK0h`(e*E*yPLGq
z5#A{+H$GVEXs|8mInsBeMKb(`#tmG7g~OP~na^k?3g^R)B9FzOtpgrxfbC;?9-$s8
zJG=pJ+0*JSv4lAR^BUBzGrwU%9plq6s{^x6H08uoPBLvJc@x;MhCv%ZkAVg07+4#j
z0gr(lzD@ufNQY-L+8Emo;B+920BLST>X_tkm;>pk2J|JGl1O34tRDG>$^hj?8tTyJ
zRw(LF>;t|B`7RU(P&5IEwYBJQjHk50S31}aykppVAEd5dnY0^hy2fW~eC~kF?X&p<
zHm|;I^HMDJ=rsi*y#$JG2<9?MWDvtR(UuG&v0{Qi=3qF3Yxl{cyZFgfv{r;o`~ja!
z8q9#*zSeH`Bn?BJbJS4#1_jo0y6{7M^_%F1`l2n={xE{;fz&0^CerQF21c*_f!-0-
zZmP&bF-I|p%W*UvhtqL16^BzvREnb<qeS%o$koij4Rf#|GKcQW5du?ThurBfx5eDH
zj&|51Zkp95Q`{pgXVHS46xF@%M$xE&heaDYlL8%_R*8;dKH+pa32<~fQ^q#DkxFL6
zR%ANJUW&n+kfwqrs^LiJ15}cDQQ~=tXC(9hbW9J+FyA#{{7FI}JCJXg+pcbW)fF2w
zdyfV!nAtuX*Ny(uMw&WFq!UR$6!|tUR_V$PyR<`B6lZjJF_gJPJ5^h6E!0pu1yjrs
z>*;H;o_8_iw!}>7P}xglO9976_~*-L-G|``b1S_R2{a`#shdXHGIyS{Cx@jz_dvS)
zqWpDq^SkKU&+&3g`lF%^&E80(hUZAfJ}R}SqozVAuy6!-6?xD^VaGzyo(+R3ZI@16
z#%!T({Vej(%wcF_sLYYNDQQm}Dy)clO=fO_#96dss8;A^?7ARWI5sWXaoLH>iabmX
zg$xNbvbqHXjd^(%+c<N_@o~TbyTD<i$*|TG=^%S`8;&7ZPg%4>!XiLZ3OEG0Eb%OW
z`5}6esu#?l*hgssMfagJpa^tJ;4m*5%!EKwx&h$;vKERq6jJQ7h0WyZ7QM2=R+@ae
z#mj9`iiO7kIo2UmGY6AVqUX!&8C%1)Ldc}9Ykd@5Mw=gzC!dgqi)beg+Q<K^G?sz8
zhFvJjot)2t(07Revdt^s#y7qSZ#_>IYTCSfG-G>^o^G#;Hhfpw*6Xp2qyC{($jm*)
z@{|^6tbk)K3Kl!9`LLrXMEi#IkvWVZSn3HT#Bc}BrO^%&b35d2oBDMHAKd8-vxh}p
z9uekSwCIHuixmj<v1vsa>Jf#zqf&Gx1&wbq;dD9<IJ#;0v1?9wmt>DQw2v?7>tT7E
zOuMjV4i~_jNw1VmF=<XBU*AJ@Px|UlDovF}0z?POj%EvWFY7vi!fU!MMVD&~nKqD2
z%~~{VfPP)3D9DJV8;C-kSL$rG#%B-s+&)z&lGz5IPNYkv&80#OEKY`ZLg=}#VXUwN
z#te=u&H;HDwwCbDJ@WHy{B#*^=V0f}UfILmpuHT5_8{+p#zY*OLy<I|wrh0mVRHHF
z=+=v5UeQLZD|m)(HfJuJZ2}xqx{=bx$zxAxd4~cEB7`On&PqwF^DNzd7WHj0iCspC
zp3i!^15KJ?D`vo(X<8XxoI}enheRyxo8@-Eolu85^eqvDs$cb$KeU;@o--zFGiuC1
z!XexvG-oG8EFASKJ&0_$w4q}gx-A81r?1I3_<EO)1CF%l&zwJowMnN|#vC&9AsuR*
zBNdX`bRws1!JsEmL82mnMRV`!mRewe%#{Ln`QzBPH+=~r8}SO5X$4Mnu0#)DYe3O7
zttcG;0$nI7qG6*3FzYM9SzF4fX~T@Yu&8um;e{gC6jOCJQ)SD0Y_Z1XTA~z)d?a$Q
z^o0BnhEvQznG9n+1~#T@HyI6cSdbQB=L+6X%yA1pTSi+pNRX-LcqMgmsKNE3AoK_&
zz^;qJx6$?Q;%g7%%MHDgjD|LlJ{o{)N!OOHqZ2D1{Bday4<T$F@Sr(L^E8=>gGv<4
zL}4+B)K3(SIGm}!`S7Bom&{>$WrrN+Fk7G(YeF?);DlT1bBokHw<FWZl46I@(^#Mx
zg=E<B1P^Nt6=_=LvKv9t(vZPC!d!KaxvRca{DHV*{^0*_@64YgIkNj+Syvyp1_R6h
zoZ(!Y84k(eO)kk@t*n)_4%<>l4qM>}hr>VGKlqRG503CJ4*LiBkk_^xvc0mT^)7c;
zyWHjSKIX)YZuC)ISElo2R$;)o3P?1%y1KugXo48b3^FlY$ERMtd~dWz3nlnuu?^CW
z$+ZouKsZ!g)hu1K66-1ZDCgkHIao5XWR6Es#eP(HL&Z5}EPGZk`I@ur89^@MQ<?*5
zhn@fVM-lnQlu}fz#Nq)-2I)nYiJs~&-&H{lsT$#kazY<P75}BO_hcJ~ycRqLm7-y*
zjwh~EigvoRldNnf&+KP|%CGeJd_0W8P0~4{*a{*m2(36}yrjLdu9eQ)-D}R*FS(z-
z?0$TTwQE+WE|B)aWyq(jJm^v3mb1g>J_;}WZ1DW2(X;ExVj@Z?q;F~4u*o)b-iAB8
z+6}gfc`U@?LNrjhr2}amOM_r33})1RS|=-JXL15kL9jI2D?6H!Mvq6Ql)4f3bdV$D
z<R2kfh!a_kS}$jGkx&<mCw>?8A6;E-PAM98>N#nRk~4T+rD#a!&=C&3-?fZ0ix!}n
zU3Z<DZF{yg(Y9d~3x}tKql!gURUkmeIkHCf<-qbt29>@Nw2iiDQK+M-grg>JH%$Mo
z+I+14q{vQ{G+Q5{TtfN8K?_BUVjBaCR!=(Q86sfWx=E`3WJwnZsTht52D-<x4JjGD
zbf%S@ZYPV~biOAR_xSP-m#VQUztZP(iRC52ONUoVAxW(`A>kNAOtl{_Cz(S!$CA^!
z<lKGP{p6ba^@_9Iw4;Nzfo#x2z&81*&!T6465RMQI=7LY3V5w7+mIJdy$QDFk!=k3
zeWNWcf~%z#KAXg+Xg^D^td?39qHrz>XXCh@#-7oxmMobgRgLV^(l(5cPpG99l_Q>L
z?Vy_Iw8BE2?kV9^{VpZv$QNBT_0OwZ-BN)H%EM5%be$8LdUjfO)B1sJu67>MDC5jx
zs+_3K67?rMwxM~laIkDQY{k}74#KIwin?EOOXYKvJs}Disr8ha#eB;4pzwyR%ebmV
z7FTtHbF;D)RGuqQJAD)76Pz}?(od!GHsnLF{3z6KmHcBV+mJ8M#5M$NZ6(hbqz(CT
zCthBQp501T_xMs|%?_;jz?$pRGJHKbfpXNeQC7z}Xl;eX2^&>&iHE7PXwhzybNHWK
z^X{DYc4|&6uapzt#C0g7meb+QkE4qpgwOqIaAiAP==0hk6MBY=ZP7|fO|7I*Y{Q|&
zloLW879LOQY0`}2*(90|!^J2Ic+5-fNTOPrQm+<%gaTr;RzW$WT;+3&sHtqhl$g>B
zd7W@nGKY?VswEhU8Zy$0uBHxWy8e&a#i~8yfK}M4xx7m@$eq$c8v8JHZ>7Z))hcDo
zH-Qd`CkqEXZ&TiE_104kLe4=OWvxUNJ|9!`4i{1lkvWI{7td^imQlzy#<B*mUP;lh
z4d)29L6-{Qr1Z4n_tTmC;rXrT%yzWA8Lez2=Xd#Pz!rs67+Ytbo*>#e1`!)XRuHi?
zEzLPRmdvx>3;tI(>tDWH|9Z)3H&|F=Bm1f#kEI^3e;GgX)4>bUHtr?Mk#I}04cY-)
zb5(4kW_iPoZ9EB`VcJNOIh9x{g+qR%8Xh67yv)XtbPif-u@0ABstTX;gr_kruZ-~l
zC{zb%E}!FUPf!GzHdCrL97;HBZjW%2;89R{t5i$0?%2LFCAMKbRX8eAexs1AIERXJ
z@DkTno({`DvID;q2bM_2aM~;jUOFzF?amQOILarK0dI8D`MqReFPYzomOt&ka4WbZ
zZ6n|_%<&!1b-gS@@+5zR3{{+iQb)6bU?m+UbU(28qSJZKzyD_A)0?#~&p5j^D=J|s
z)j>*bk2mhd%YQw1<u~CaX&V8>HcD9<v#1)jOC>jS-p0wrHXe(uwyRK!xHO$fB550|
z{qEVIw>;?2#gY6<Bca^VLuN+{wP_`ZIc1QJ<-?9b=;t-tu^i8K^cD}&uY(uTF@x#7
zpUO6BQ)C;~(}Y9shV?2^e&eao`ITB@?;O=a+lJ~puU1l6QJDkUb;7+!_#vl_C)?5T
zo$%7_;Nn)ayc;j<L}xnbLTEJ|*R6T-(NK8KNUQo%4U>eNBaqIKNdFjR!|-q5v*fh1
zcgbIWr}3K`{;d^f+p##}9FK)tcEJ6w<7a*qUis<Z##(Z^N3~c=xMs0DwxRc=cq6xs
zgJ|ujC&^4gH9Y2{a48IygT6G6Q(;(76Q8G^>QDPL`N#^Ns~pmFEY?<@h^mq$Z9~3n
zZ@iZv^-7AXV;hwBHa)gsJyAHAUQbcNF&Y0Hbn>V!_L*~(J)dfGz&2cFyXjL760V-R
zsGuMvYRv7%r#GXs?fBGM_{^=rm0Q83o#=Fs*5&tf9eJ^~sA7RDj#RN=Sm@#$YHfu{
z^C)q9lgE--J9xeR`5X05Uao&J%la;*@8GEY22w0S;jbsBe?GV_ZR4wWb-?{nR#NmP
zSh9^89l+(<#zV-{PwK^D7@QgO&yaHjr^3O!w2*L6=ZTkcM{vC&^XLhu^EtAOvT3RN
zRtix`hmONsTA>)%^lBa3@NHY|gH`DYV>!<g<MF~lQ7Kn#PN_=0ufsuWE3trc91mq1
z<moQ+g#FZ&6k*vh?QE+DX``FY-3y=nynp@I-Pi61t9$WW$URl6i=IfN*-~GtI@ty*
zuVazCq{fLgpg4y#54)_xM6a#P+5I;fpa0IxFD`p`XIS8nbASwCv4QY+)A^r<H{K6k
z_)U1RtR1kH-j>2dvnh{Z+MF_OMPIc~sM4jpk;c#TyU%tz7kcf}gJ3R>>Iv;<c}izm
z<s2f7I3Me^6@oT)c{Z)aj-hj~tiYG8wxvv4Y(w(|;c)i*e2&?vb3D}AipbYi#$n$|
z1yOraRBYq%D=Dfd4@-rcT29Doo6*Yc!R4=m%WH#YcB0d}@#0Q=I!K$5yu_(zDr%0X
zmc8pfePWm0ACW8P2qSWiFkwkacX`??%hEGW>-pN<@6G(}MR#r9?mDIKNE#2cZEU2c
zKaDQ@RsZF$;?;IKTh_^JTXftus8tGm;yB}b$)tUvTr`t-CZXzKi{W5-&_5gW&IG+v
z(LjEk`W#x1th4B~6<zqe0&6SG^=(HNJ02hB&^ur~rgp$OY~tF$9+D>uht3$CxShe|
z7@WG;)4mlr$5ByDj+k@=m)Vc(Nzu=j3HSQExgDLAVj*Am!}GU-E4PA+o8j3YttH$!
z@Xhj`-Kx`s>x@ggqO9;a6$GQTl~RgxSo-$B_=4U0?#!=VuYY>gyW3=eJ@xq<Twb*-
zcQZZpQF!U6gBN~1xV*=kWle@D+o=0urcV7}k5f)`#K>tjsfNekOdy@3E6qdt#{$*x
zh#G0^r|Cn^Ap{9Ws)}=PG5R{BN5FR3egf%Oyd9Zs*mf;nNg0c2mB15(!&Mt%-70U0
zeJWJ3GZupCbBuS0aI8>y8_ZQpr0&BjDMFXv5q2k;TZ^9k+1@+9?!5AO|GB+rE>7LY
zUY%?e+nBA3*@n7OkK~6qB)X|=e;{9M5I=tYqd^+RtQ~xB_7}f5^YayF%eP{CJU2*>
zir8{{qVZvP<wwEIzwX^Et1Fw8Z7LJ9O{vRNRJ6pUz+>WaJ|BlG{od8R-AkR;YS5MD
z@n}k^&gV#DmCrHW$Dni$T3GQ$w$bg$sOJXTSJl1h&NNi_dJ0bv4yyMx$-+Ux&UJ$~
z%Nli$w`!s~&g;ycNBg8C!rO_LKkncBx_{~Z;M{h!BwwxMR4<v0xyv7y2%p(TgTfnB
zu3%I@$Kj#E=ZOfjrn1gse~J;H*H$ign=jYC_^sxzR^9Dc)}LDEh%9eAo&PF6_cy`K
zPr?fu$*HpPHYBcNHEO(BqcUHmq&W|ZtbkaO%qH<%6rPF(X9m61UUxO<of-69s`;Ot
z@8X+lD`R`rWNP1oD{u1-D>Kevt2?P~l|oHI#_YLj<UBz*{9HID_+Lllbx2d);|<$o
zpMYNHaF||6+3z@?3Mb$*?Raq`I=h!FY=kSH_HW#wZLUkbq?yoSu`M2-{7$yvt3b3A
zjuCHvJv>6>4c;OVgm#qJWjTkWX@@KB&RdO-U-G}Y=&dhMKF4&et#HeZgu9-e{xUxI
z!Qi<M!^>Ogf;`O1nvX6gDi2`aqqZsIc?=(({f#P8FY45pc5pW6ttjD`4+ry6I7dq@
z<lPq6h0nRJLpr`!O}$apQ~4aDU#wL-m#7(=m-m33tb|B2o+KQVZJ}~h@=~Po1?PAa
zp)2B16*yIXo!SnlPSV2D<v~C1-}w37+xG{nt!Sa2HX`n+Ht|o3a;s%;+LJQZ<W%^1
zjE^#*@_dq1^aAZ1PI=LLQDgBbr}K8><Jaq-UG?ua*}$VJv{P}!a*Kt+-%jU0jIR80
zaP^nra|2#0Yg-E4n{7)c9yM#_r#TN7>Z~g7m8wxojlv%BxnB2Tw|%j@C*@-%jyz5^
zYJ_TJPcOQJj_E-tJ;U)RpTl-+Hp+e}$~G)7D_d@RQ@8!~Njy$C<h$gvtV!%NAcZ4q
zXHQ#KN~>!<eh5bC8oIR$QymH9i4^hLZgTqW;Npkfmv8kit%WO_(b;~|jJThwF0Yj2
z{^akeS7v6^m0CU^vat^_YUhYzDI8XRU?se?wH4dqK1){I9cdeH)IYo8-(PlGQ&NX?
zk2mip%O8f9eiL2(I$qsL7gAA9YhR|~b9IkwqwZ&!&XWgIr?Ku5r>ciV3*mtF)Ashx
z_d2J-ftOONL#}$frF!eiSY9}7c@0x>4z+1zBtufmEXF*Cy0YosAX9QDJp_*v4qFLF
zb$hlQ6{==K%1$j;QuWG;iI3$8G#YgN8*NCT=Cx7_Qp*i^vz0F1ADq8Cc=mR1>GS^e
z&2YJ!%!Is_ss)t8d{-Tamck)Fx}}A~kA^%B(lm1p)l{~$wH0|AsIzF<ZA<5PsrL1A
z-n~_4t8Pcm<fe2;i{0ZhU&kw-MbCa1UA~)~X{B?qC?}0ql@q1aKstbR?$M-QBN;gd
z)h(^1sq~DMpewawrQcgpOD&B!W=Tr>RuW1h72~&ig+jCr35V@6`=k>#^QC9<44<~8
zWE)Z@{UA9!j|d0LBOKEs92)5yJQI$rQJPV6=jy|<M!~xH8)XXEvE_G?`Hg7htKhkh
zdoSJYUzDoRP8J3!sm9^IHQ9zQW~kFd#g@HwgSR*ly?~q}k<L-lRfJLP^LWng->BVw
z(f{fN|Le2vZqpu2q;n*~>GI~6@#=@+<&UF_x8jw)s7u=@WimRpL5<n;F77F?je|(p
z^;6zR;)N(Y8}u&p_RjV8&h~rKIlP$a)u?KuVjP{r&XPHF0_n+&q1SKJGKwl#u97ya
z={iIX0fgfKx^QonNvh3boNM`>0IHG~a|CUC)m?&_H4u&a;j^Fhp8u?W{mb5!weXpC
zOsc^xYCn0%e;vK-UGu0o(oCJp$HdC5Y3j9=L1+c)mGTmuLt36V?X)j?>o@#cFV?<3
z?`@v4yQNI#<Pa9yN>6<mJ@Y~M+~?8xd&!cN4{nvWlEQQwSgTQ=irB`Z=yev4bJZD+
zvP#eQIv2X_GyUFNI1sA*IXOo<UYVp!S3Rd72PKf6!~nu(6hV=yp^JK{yf*|k9_2B@
zLH|-ZV|3bt!^-V~KhTbBZF0<aoeu$}7rH%)T0;?xMWVKoEZrMC`&s|S=e=vUg9}^H
zazAaxlo@)o4b$=)yN+nqDAlg+i;7;Xv!=3<)ekLQ5Uj*~D>W7`*xhs9mUNEm{+&zS
zx^xbgr4yjYLY4N~NKSnoo%<-dByD3eJ=NjOvi79t#%!J=8opJp3Evx|Rw<*0_Gxob
zOOx3+S_*?_yL;z*d(ZT`3xmLqs0EQw{bj{CC6m&^ifZlVcthQ>qPL>xc!rmMVp~{7
zc@mEo4jtjB-b3iH5P4!p%BlSd*Be;$Z;i_-G$is9gXwe)y0S7`#FpRZ&E0tE%l_3*
zdM|w1yRkM{X~m}oY2D!G-%s73JUfrfW5_?m2+5kQs3N3MqMf6($#^W8v4acl<~9G0
z)DGz!b9TSRBBdQwB@*sH)b{wyC((tE!i%4gZ7c@DKhome5ZSj4dFblchEtK;qm#x}
zomrL#!D_#Iq1(RD-CGR$%_w$~L_Vr<^|ExZV+_uC+o2!?wUZsn!irW6TbB@3$)PUG
zR-&i%ws{yHCmgzq$}|hdKIG}NhlR9V)$L#twaB6x59sYDwu*4jN(%kPPP}}3aQU;|
z^^dwQe$l_SK3Iv49@W@~^6WgTS?6P0<LgN1M)o>^R5g_?^9QmmA)RBz-MQ?o-SBT;
z^ww9Loq4BM(e1Kw(p%}Nd&%;xWc9<rrQ7k!R=N<2N9x*+3bn#4{Jf8G&7bPn#-q>{
z_cWc0qcelv<-OL$?%uh6=Ts0lX)5yNl`+{j%T$hqLsidpDX?Q4QM7AM83vW)c9<$@
zTKVhRNPuuW6?K}Z9MUY4l<DQkEHSG5v&aahYceyIc?LO$DoP_5ODykxc<zh-^HMcF
z?_FIBS6k8IfY-!ROKUs@TA=f?q6P9X(W(CRTCcE0N#4jlu?|#XECH9L4Hhmq-DlkG
zOYXXKj&ttTqSKkR`@VcXtAMarAp8z*?xb^f;+3!CRr%UTXc;9Geu=hWGvVr$6hE_#
zimnEp9JboSQcsf8VQ`L8I`-siDd^8eq3Zc2_Om)v3zjmkn$%0yA>puH+cvnn*;zt8
z-6Hd46wApoHozf(a2yJi$-yYMV}B2e$Q!>^Xpu!<EOlOR9@tQy&=<Mo1oDa>Fa4tP
z=11L^q;0GZR#eSU^GyM?m}1kiH}%r=C#pnJDxD+NjqF*RT2u_FyvaycRLd)aGfwNA
zyM5l<xa6&`x;qPYx2{%L#<LW<Ac41I%aumE&FAmMOVTs$CCh8c(q_64azC}~5-XQG
zj1;-%(E%(!I@J%(ogDICrj{mZ-)!$<w|#l9^-RAr6Gyf@PgEwHE``qXr?qm-LuZew
zg%#)U-Qii5lfl%+J=@K?SJI6VyIzmTBf??l!r?$T9zjbw&&)&ZTR31I;|#NOOhcVE
zl*6f_8bUj}>iWvUw7wRe`%UlVzufuW7yYZd(E{hkZHtwaNK&1<UAMdh%ab8haSqkp
zjl~HYhi%jj<4qPWQB(Un&w2NsbvMpBJ97?&I#dP8F*;DmHY|I<{WhOnOHSX4S3Zx=
ze-d6$Q4Oy|&(P3f0p)G&eP>it+txOMKmZ9Ks0g7cMFD9Fgd#|93epvjDk4%6dIzON
z4gyl7_W)7_DWQV|F%${COCZua0)nCC+j!5t_niBF|KIVBar0-55!idq^{ly`xz;mx
z_Ua#48!OeU)x3H&I{WG1LUs_c#sgUskW>4<I7eSWMRR3VdN^lCLq%gva0iRBpe_}e
z30`Qt;ofG;zhpaQj-tz7zg``84;tNhdM)x{Btd$SYriHWD#gFT@d{Ulh;+cALT`WR
zM80Lj+nD5DnUKiV^`=wF#+hbG?*hiYj&FAtRV<eNz^YGWn++6i-uI#QMLII;lNRxV
zR2>8sv^83?B<5P)eVuHJ8)}(#`nC<rI*>?8zuSx!15a<*GyVb3Gpr_jedc@U>AxSp
zj6Qj4FO#vg>zlhalK97qdX<`$Jrt9jBJe^HHj_|29&{o_TZi+}yNsxjKrb$qU-reU
z-%2P^j$|~(Iu3{5rMgR=wN&K#mdft4zqk1$7;{cWQ~X=$v*(K(Q1&-3;mOx3Un1W1
zP-fgo54b+7Yb5@8oiV@~RKTb>;**Qbr3_Mi<k{)q*M&aWKJJ@>1@-&<jNjblI*{T(
zYhScyZQ<wVcWM`SZ!{EvqzTqodW&XI7Bs|)g1d_x;)J9#c5$Oso8fn2c7;Y(pO5GC
z=wZHt%c|Z8E#~Z$Z46iH<3A@(EktFwYZrgXc)FnN`s|kZr2ea@f%}Uq{a7-@ev8Dh
z{Y^e;v;8DvA+O24+FBvc18u~sBv+Y8$ESGOGB$25X{F6<kMw2TB94|F^UBc>c7YVt
zesX=`q-8VO4G4jUsn`X=32A@nEW@-v>&qIceRFySE0(*^eM0*oag|NS?$U}BlHYuE
z4i&z}?kMwP5D+RXJj_qlrnhjL7V5v?>_SDH1!@r|z0wB|2U1s+EYeF$ugfey&10aq
zs-PI;_#0uF4FTMV11`hROO3zt&E4mdArv$Yf}YH`=!;jtL4&K=cGqME(_d|q>8|bi
zCP~%~hBbEW06O=MjX;J#z_|rZrYX2RrC^Pwi_4`upBd0|E4>-LS4>U&Ha4(oIo0$_
z*#_H!i?R7$+kzZIkv@<3yhn!fKjp!p4YtW;V#|+P9AaeK2VT*xY3R~ho)5KApC=%{
zcDJ+pYTXhy9(nM*0~vJsr~-DXXxONK?m}CohuT`3;@tHuZt<hV8l$FPR$K3~YG+P0
z)=U8zBVjb$BU-Ed?buq1bbjPye2eXUj8v}rp3=L%*vYx73RT<GN2^tJZMo!)jq7?w
zD^gxs-GDspJRXa&HYS%1pV~4<+{v@cyIhv(?gM1<nnc0rsJ_zt_g;g9yEq739`)^_
z=~wwsTw<=*r%?xk0FE@vC|x?a+?3BiJ}-BMnXRm6UfpBWP#pVwBA;LzvwBxBaR)4*
zwbLK9rE<CyzBl^?eEua{pJ%{SkrbWSJ+>#>?I`zd@b|0j6lfPxATGGvKTAjYyrw)y
z*CzH#en%=#DUi@&q%~i}{MaO3uE!&MSs#0uFm|}|Rkixi>R`lTvw7d;;LG&vF+8is
zfxk&qe=bw<5+>F&T7lbLP7RIel)BSEr8UI<b*h=1;Mx$Wy;MCEJIQ4c>1j6#UKP{}
z(px893h<Y+f1rR75u3td2D0{40%H2sxpz%hjy)SH(y%qZ98FsWC%~}txkg4>3GZhg
z;==jEO?!;=3T8X+KAwN)%o|~RG=0Tns?Wo-&+8ynI%<y#oQgTEjO^FCWprwILLj4&
z^0y%WDbLnnDeadT+HR{o?ZFbgux4J_ph`0OK${+f>AJq-7QRF->rN9V7<!}S2Oq~m
zth#C-dcK5j{W)L6F%84P7<!lEr}OCob}MkQ8O4^#zS*mbRgugtKe8?!JepHpMlXeo
zYh(JPz~3tjRy(e~uUXwp_o_Aew!vcu!>#C6w`;QT%Dc+M`1cD}mG>v|+7BAUeR0*Z
zde4u!Jwmv8D3Ex|R<WT&wbDCFk)>yC<-4;qhwjOTA5qNX2HFYHrat|LLe{M9%H||O
z9wx%oDCbSb59gaz<DiJ=mt!}c;!|LtSQ<nP$1!yHYJuCm0|B}X;Y^X65b-hR22W&g
zb4D>$s7<J>uj}g&iy(T^0iqpcRmwh*xa{Zp+3P05=CkUZNNk!s?qt8u6t*|G2#-{~
z?Xmt<yl60KD@tFwy(?baG@_`;k$I|J^R*OLAr(X`->Oa!_`&=NjkXtVv#-K3TsITp
z8@AUSbd#;4KuF2+lfzx}t)8T}!rfo{%QFjm%4-KF?&8)X!|%|U80uaYGm2n|$<^A@
z((>fHyHLm^o0+-hkq2+8*20R$e@2|7&AiTHJ3b5%PeKGr()?gQKK`WC7vfOt3T|8+
zcf$>P@ZX{WVVF7D4|*`CQyfRMR13YFQYUGfJ@WR=yFJZgqm*_CTrOI-M)Da8|B|zr
z(UKbFQZ?#gs5Sk-=sS1jqX2ED=4;j^gI02pYo7Cucj7<$ZEM~Y7|p6PLO<tAWHXIU
zh)}QFL7w^(FHylbk6#<KPxrC1*%<`8jk@F9$~5?OB#i(~-yq5uHCDc{Avd%(T=WR{
z102Oy-+A2y&zIxusRuPH=y83?NP!kr0R)`rq}El7lb|wKP{qM&*{n4h0XyGPGNxZA
zS>|FtGW(#A0#=R6mFSK>DoTJEFx+1t`RF*LxleedQ<<fFDY8e-gig+G0ydC~uk#C6
zz0}@o&Dw$(|3YO=qdV6%vcDPGXgW3}(-YFt*Mlt|RfsNd7%Sq@Ou3x`=7bCdH=T2j
zC-fak;$W@2k}@-o>5M7totBZEJzl+xyS+s{IByWv-pQ6e(%GUL;q>hQoPMWxMV5Tt
zeTZOx*HSICY`;vlw)SWTyBIY(s>r0dbi+^kg<+VORDm$Nj4LNZUx7dU?U?*Z^RM0J
z+Q8AkBTu4YmY!sI(3OO^fx=k0_a^tAy$ra>Gy38A;vz?B908&avMKhiCvu`hYXW7(
z=H)Be2`eIX{nL&0RX+7oCM<i+u4$y}lv1feVp7^HAj~|{n$_(9y}MOAbEI<gQ^&9G
zAdZXgk4>eKY==?D5MM`a0v=hbh>2hV7qJQ6FXT*4{=hx?BkT_iX`}X~7mR{C5~`ZF
z9$ap31GG8TvW=dMQETS${7hz`&VnDO9s3~l+9l%#eRLP!<<pI}j;xv)g3DU7u&=Sn
zkD_>)#)bA=q5ZHWl_-DjNd4}mW!h41T|e8N%!?I<Nm;4D&YBiTNav8DmF`1(?#!|?
zlYu!Z1PI+FE;d4_fiWt4?#>f;TNzzWNPORw69*1=bE3=9l*NALRFt;Lah|l1dV4bL
z;pvm!to`jTa*9iC+||YspvO#AdDK#QjBjK$1B{)5%UnwH63BVp7OVjKpZqF6H?Lj)
z+S^wUwiHs3v=K+U(H`lx;P`WB(XP+vHQwJy*&ms5tT#{oaYb=6>!Ei@H*9>=KfZ6+
zUQ$r#`_XdEJMK%>_9_d2%4&XMRB*o7%(-MdeDb{Mf#E<v6CDp%h7v3xpr!c)y*XMR
zSnKlZJ46W)4EdV!BhORh%8C&md8mzbY|KE$)6<^WLyOI0tng&{3|NTUfbn}CPTyxE
zu`hC$_QRO|Cna@29%?pD>?r!f?UR&hWEG6{1&=Lt<mWf6(e!S*-XCUsocvCF{p|8*
zZi#ocJ(~7N1@Gc>ejCsTbCdVqM>Mt)hek~;_CKt5@J+?*o42HSXwDYaTTA!An9y|V
zrV$qtT|Y~yBASwYgch9c1eE5zp}B9!nGu5qMmw!BP0~xkj4Rrd_N%`Hf2Zi$$A*w=
zmV7|^x1NYfl3Q)wTQVii4s8NDkd)lVVcMvs)IQ0ZdK>kmNjrQ%U6EfA*i`7&T#i-s
z%`G%J8h+lgs7q<neKE}G4K0dZP6rSTgg2d=Ydm10kYDy1@1zW>EN?<Ql{R8J7+gv3
zL3!zOq(g!RgMOTh`VsAp{8;f5=7X{;3JV^`!-CgFItrUBjhO8S5T>PBcr@cH+ai_W
zcV&zE-tAuYI@BK=Y{C*Y^#^7(-~U`(oOJVRq;Yv<{<huqnSlbBPOU3~1fP7b4o-^u
zH6s&rfRJfDa#<p9I;AU9?S?FqBDHqSGT%Saxv6aa061*sn!syEdv=!>F41mIofS=v
z^+1Jfb-7#O%kbb+pZ?ZKTmb9@3yk*X9VAMqQ`f6M@09x`{66QPM9ZoLF>+&zSod@D
z(2|D%tFgqV*#*e?_R%&$-CQ}Ssc(N+OT4~0$-u|7bWamg(J7HPp1T>5YDWk}xlvOt
zd0W$n#w*)}oYszQn!#XMSND2SBltV<ledMG6rveP(4zKmD;UP^v=4g_RDFbd|Ae1k
zI=GlFLDYot{WB>eOpJ1>3B#>&kp+lR+_floP+=ZzkDL7~9cskV<L%iWm^pvmX!D5)
zZx6qduu;@4P3l9bVUv!O-J4NlKPs%q@X2>5noezrldbhf!t!h84wzkJ{VUz8`3=bq
zoNQa2g%{b33Q;|pyRUuh*T&*sfo+Drm1=YkqXa)dcIv#yfr`rvuIXU9W-5wX=zVOd
zY@k0T<DiP#vM!bO5(uN*7IxwTpTlfy9rs0T!9wlO)pEi5M(jMah685Ol!s0%*-6Ie
zM=vN@l?{NWGV&;7)hD;h!iD`~Tve`uJ6E$W8+~6gof?$-P~(-R@wFRDm;7Ec`mmUk
zIXW|k6rT(UwM8`T2YIy~%+#K44`FKp2cbD&CpxYe;5jPsUx|GQ>eXUOay|Kv$=zS<
zUhZJp&yG89t5eD^VmQ|0)ph$tOTHI!mefef4BJ;ciEIrZ?(bx8?YQr4<us8EV#mX;
z_mYuIh0}!EDAMngG2yhEj<d#y13@N4H3dD^#}Xtp5A6qisrlg$#%XUAX$)s|@C~h%
zPt;mm4W)s-`Ql8?tmGIgm4W<E*b9e2dn1@6nT-i3%L$rVJjTPxZ`4+tl6DPocKf%e
z0nN+A1MJLE$;QlK#jc`noZ(jvMe}buy{;>eaW`*&Wpjw2b{S`N`|CK3f%OfI!cXDb
zhAQO^uzGOiYks<)k2G>6QKJ@91(gtU=^ajlNxIvTEVXNPdH2It@cSS#a|^mGLhZq6
z2jzw_s$E46ZJHo^|MJo=Ge$OR1cj{!NFcY{(kRd9kpbIY<$H1M<-%}>AtR=n5NR7S
zLJs3guxshQ-;8<d?&4^3O5K}v-C~l(2|cL40SPNFeYD0)8av^~zpm9Cmcvd;fE-~%
z4SNIfya(NWDy2Lxa|6obsg4IJYK<wpe>zws9QNTLr;|^o`9}?2f5MejT!I&5xRoB{
zx3Lc^)8|ECw8k54C5w))loeZ+cW(o8jr1JMpUo_w^<<N7lxTTZR;F7buK|6LN{tLH
z>hE57{Xvl!^FsU}`{l##VP4PW(;a@P1UX-DoDv`73Z#79v8mZ*>ky}XJNk+J3{s^y
zoC!?r3LP&Iy91=3doof#YyDuvm<{<~9!L4wz|C`39uIxg?%jS2tcbIfSO%ry5;Qhm
z7s@ej*bPJq>R)3A>K+1!2B8|NgiJ1ZX$hzHFNQDl>d$g@BVqG!y5k0OfSM$~l!=#9
zjWIb|RFD%gqIzII_1cK&df-R2KhZ%^Mh;MUg#~~{ewqq?eaHp|EOCWKdx{jXxF`w;
z?%1SO8r*mNq?9!J)`*Kktmf&jOy>yFk!1fx<Tk*0M_#RF8(wyC-k(eOzkYl??NS)a
z>Kvv-hSqhegI~i34YcmJqFRX-qeST9=8Z9Z!Asxw-@)%V&`0ZL8$Y_Jy~w~b9HnxF
zI;|-|57qkeyDpi;O^9>L%i!xyEO4o$Vy-Zy7Z_`1Z~y8N{x<`0-K7qG@Tr`0_(BPW
z@(muEt*zz*W0}?yWX6H&OhicWEg$O^Dm*iTqHyK1qSZ~U!F6Qy+l1SM4o%~mcj*T?
zYvJ$U-p=eJmd`&)sEBY~Mz+;TY&KUn`m~JM^Zt0vXE~M!_eQ}?3%`hR15oj*r?C#K
zX2DMIIwo8Gqs?N6R1e#Dcp$VO%yR($gsz-b&*!`SZ7~UUdV23}-7>lE_;aurFO?W=
z*Gcx(B{ZsJz(6ei^Vp;e%n8?u!##dYah*MbfVw?ryU+^%MN0-!t6AaR^`b~RJ(-k0
zvOTJqejd2T`1T+Ks0gH0%P^pIsq1|nYO3WLo9<LlCJ8%~-j+>1?6cwz$D6Q+-C5o}
zQKp3$487?a%2(LVsF^C?EET3aVc?)ikeqa1Pj#rjAdW?lh9c4M9_Nloi@kDUqaScS
zC{`<EnBxR8fBU&UwHi*HJVEhtSARsl9<(wU;R?<aN9fn*-=ETmfPkJA@?4aOd{HM|
ztkC;pH=mIPCAtAsyc0Js<4}wHW+F4QHSV8xcP&NB2Pu(Se1Q(678c>{bl2phVz)c%
z!%3H2vjb9R*3ty}f*T@EhZenjBfk?kx2BWQj=x<gAZ+N%<ye^GK<c%fR;bzDkGBC|
z4V8>R?~HQRLMKz;PkmUW^Ipw?o-b3k6V3*z-h)_={g73F1<iT53zSMV;BEj$$pNDP
ziWZc8&A>?u!l=M4XZRV47=*uw)2O|UV5p7kz)nt>l5k_*%xj-V4f19RXiR+IT-R0|
z*yfSol!3Kr_br3NjIu;6vv=wE@o^7QYHuIAxt|+9uXst?&5h3?1v(X;eDhC}#*8}N
zF}zAmA5C4wP<GmIG)bI1Jw^Blud7BPvq(a1j(zCc=_kNfYCa~~6Z^G9WQpmS>>O0y
zg~Z!yY0~IQ;^$X=w@)mO;uP@I_;tT<oS(Hk$YZ(nHIhO$qbFluOC}BGIBh{4;+y)$
z*>YL}wKAy(l?7qwU&0NNr$V&O*4X7~K~0y_H~69kbV$&;Dxu>sPRpMtWVQ*CfjyH4
zmtwoZPQSMZbP89PLHEVc*s$wCRDSXvWCFai%Yt-=W2Q1QxVqi@<+pEl_kOHC#iTzo
zhcQ7|0T2nfK_}&&L~PavV!XLoOuft@6|g+IkVD390u?M{nHYQLwBFjb+Ke5+TLx0(
z2j^;EWaf|JZW**c!Jd>0drSg#+rf`c&-&Ey@FEsUs04j<@ioDH`>ii@UV#Vl--z#T
z)~aQRzEFVjGFjafwO5k8<)rkAgo0TDMGw?<W*QGhfc;X@bCE&kpZ9B`MtqQUT<m~j
zJPe5$paaS2H2H6*xFEA5O#XN{Ii7^%O{iNl7FIs(+fq~3I1=M*>BH(cAF%pScVYY<
zlwX7Yn_L!Q0p~#UTG~2}iE6bN1z48kB}2u<J={dy5wLQ8(eK24{VVIc+O`I*5$Hph
zJM-CfpB<*UQVyoJPM<Hy$WQvz{t`~VKo2JQ1bW22XEALK93M+?gu#TORV77`(fp-3
zVPpZTF*Kpbxbsau!cE&_jjbo~qcW||tp<M@g!4nbJ$GtFH3t?=nOsmCH&CHLM8oUo
zqvuHRh1|{V`#rOh07As~WwkA<PXrxUep^e9Y}d-zPcwBeo|3VnI2oW7goU&Khk}RN
zfX=++OCi<~2Q3_l&8<$YAK3+y#A!j4B$nra2T{bATYxm9>Tr}2=;cnP1P!MKoU4x4
zZ{2J;Trv&Xj@)<Hc>bZ({vMQs<a%~uL8R_BkSmfrC4~3(RV6E$XniG0N}~ALL+9$w
zED1b5w%m#$q6i3JbF|j+v$6nqsGj5vNzCp9)E8KhmQ1lGHI(TB@1<C+%KQipolE|G
zmHF`$u;Z*CsI^Y|<tKdDWBKhKG<Yn24<HYV8S}=$t2OXto=Z~*IOGa2%0PW8sO4av
zPU3Vq1S_CxqNwXe8%jnZLh8unj|~D&omvC1IPg@Hx<jSbi!Dx@WAT#Jegt)=GHFt4
ze`ZXD37Y;jXR*<I(e3@8eS1lTr{)Tq>n*Es*vN<lZ!Ds9)1KoyrCHJ)U8<~T5Wg1r
zj>@j=w+_v>SRj?DF@2LWhgDHQzt*rlRKjH?^uMhqyGCz)nD%u5D$$jp?OAoGP#?1A
zhZQr55u%<I0&@?q7Q;IyTw@<RIY|0Sp(`JfQCpK)T3gBl=q59POMRmn&~BjKs&Iz&
zeB%MEwT36m#xLPyDj6AylyX6HZH*MsN4%iwT`}&KVg6Yd&tfTX4n7Vy9i`QP?!A$s
zQj_yo%Z5KiSqW@Z<gj5DUc#HuYU9#BxXyw(_D4pI49s~tsHJ(M-)8i+kiWZ9snkSV
z_frt%bZPzzID?x2L+~!8*M_Y0y(k;Av|JgXo_QPQ3rbLT%j=hnQXLSZeK2L{^80L^
zdC9SviEy{%Dn{YvneJ<l1p>tx0Ma<q)}t?@C#+>oI&g_%PDIl*KR!E(Kb{kk$D&vq
z{#yT#o8iTi@1Jg^+2U!%&fSExJg~1)npAdm#M2Y#vKO5${iH3(`utHn0|G^Gp{@0x
zfrGvWeWS!*?bzOncBE&)^u|kKv!$hZU(sPoXK0|TxYM*;M~feO9)zg4QNd8)|H&tP
z@Yc~y;ve0zh5aucw5;bancU5UKc9MS=sib|%Apu`5O`4@Tar!&VQ`+98c5;TYS|5m
zl0SS<Ta9(PeAW*|9I!(;Ok|2KJG>DVBAU^z>w|ym8B5L1ZT(g+R7rM3;?6t-wRf($
zP}wSY?t~1Y1FcheMJx4lk6xenrQ(jVgyy@MHoaN&#2f5!-p@@SPPeb0#kBN8^hcpE
zWFjvR`sz2P=v}(~sAB3o5{BjT&!g_niOp~=K`Ag7!M3c`EKlFIAYJvCcORoX$RVi)
zP}6}4j#}Iaj5UY^fZ;wB42B!i;;-QjheN2kFGkga^yJi+zXWjKAPl0`P($2HQ0$#(
zJ_y;nMc?Fi379vfRY4x4_J%VZdN1K5Bn9*!1Q!!-*7|M1wDK)AW@QkwTgu%vU7Zx0
z<Lk-Ph~jDmbS%V0bb-@#F;MQI_zdRXm+c6#y_e<0i+rSw>P^3Dd@2Ls^V?%a1NgYE
z6;80uFl*Vm*1edab~Zv#pwE#cD{?}f_4`t9+|M}=-rYhcPY?f8|C%<QLXE&tvql65
zi0i0r?fv9}04w8v{5LP?BG{f)ky;H7!B;pwAt}SNz=XvwMH_5{M|H%;J>j@&R$e^L
z4Keh;t_8f){kH|)`9`ZQDfIC1kx1lf?C=x2FXE?OA{W82G-}qVqN%hW9EuAK-|@G^
z@|;o9eJ*-1qrpevi_tH;VaY)pssZck4Rc?8@<E7h=DP)Oks93&HdjP)*FQVJ`y9W_
zSIs3MH~Po<pC3zPHf2L?QvV4g)e)Kj(oBj`0AxC<vj7Ua2fhCiJ|CiV*8Br(D*9-D
zI0!*?M%YZGc#(7HSUT`o^QZgwpgV0`5Z*JQ)dz*Pp9iVQLC+c>YN%hqlS%NMl!&wD
zPv1Eqgjt{qXA}G8d9)R2=yeXrS@U1x{|m6A6KD{!hx7TWE%RJt9p{EZ<aWe&I<wF=
z9RC^_G!r#t5+zF#$5rFvHaC1f*6Oy^)Ha>St7YU#TU+1Cs>8?i*(}uczg$sGg^>Lm
z7aI2QlB%F~sj|7hR1`PD&9TQtx%VB?)RlDSy9|%9xd?5iX|e3&f)&RX!8o<RZg)qW
z@6erL#!Lrse|#f4CHk+o+yf!}^Wv{OzIm0bjOC_QeN9krP33m@Ft}l-yT`e=R@Tl$
zsKqi^x47-v&54hfI_?K%#@VgSAnDxar}p9~o2s3BwvTZ09E9JY_d5a$l%exKl{Lft
zQLKf0vJJD;9y_vkD8&m~c18nAHUZI4j(F~&?z~H8@uzU<ovy0-3ijq^v5c-ZLHntl
z<npl_!(4qBDo^m))cD5?8RCTOSjSNdfKvRsdW6PMKMdv>xcP<(BT`Ze3FBg9#hP((
zb_W#QRYTveXQj7ujW`!xpQ%w3>k$KryMN9T5n41?);5LcT8V>my6obQ&5!X`61J{)
z{7W7)eh`4)f7Q(ubA02O!skOStvKtc{&9XRR~Ql>c{o2Q@vq4j8gT{u;j;cA6RrZu
zZP6eHag}rBb(PzxT(h<!H;B4{s&-Nzkvop<8!o;!;TZ)!)p)S@7Z-k@WAhStQo|Am
zIcQe8f;@E3Z4X>2)lAyg9-(A|`B?S~kA(BaaW=aWnZdGycasK_=er6S)%ocD4F#hx
zWbk(I+iMVA*HA=Lz<j>Zq^dr-6z@(Y4e!M#u1dw>1{<7DDZD6r#18qJ#*+KD+5hG}
z^-a1P#s0}}>eW6vm1LF|dvC%E&VSNSO4HY?j0#j|kPF%3jPal0naV8MjgZ~>%|E|s
z=zbGieWahxN9~EuK&O(1+)`JMGg7r=vOR^7gzv(VQ9|K$`P?Smkge?6P6>a}vAkQA
zN?BGb|E9fUZ~QWaj{zaJm=$=JJ*I&h(#x`O34%>0fm-dIGTnl>SbGbtWZ-u-p}fMc
zsQx`q?f@a0a?8f_G44kGnil>o2jVs#i8k|-buDTPr(7ajy(<wd8ati#H(%XJM`>;#
z+Tlh9=L93+_n`L-p%1rc&_BF6&lvSjVx@jYjwiWv9<BRVdR1#H<%DDh--G^*WN##2
z3MDh32dSN<iGNWoc~vm{B{eDj#$O2+X=y|ceh4uC-#DM?D>eEYKPVIlq}hMQHGOpO
zV+H6v@>lS`@xQK!0En`XlRg?qlmB)0Ux5Hf5&uON`rnxSZx{fi@P8o;-qgSW8OaQU
zNd_45ul)Jt3Doh6KM3>dKfdRL9N8#9FT8~RjVx`1AUl4dF`~x#F0z+FYDItVe5lJ6
zFd^XXGarc%_#2+TGpbc-m{QP4U)bEonagNh{=fe*hZLRTSyaK7?{W{SNsj&-=^EUF
zej`KwSoR8sCjk1#UulOq2%imG(o0tYli-;pIU#>d0gB|IN`aDyYmgW^*Z=QL1#6^6
z4PBzu9MYBkr%fg3c#B&Fq89kg^8fHh3A#segm$Umr3^(H{D)E7P^IsMqJ^u44R6<g
vN_75zfLhEAA)qylRv>6mivNV}Vl<KNQK6PBM4!+~0(>-7w3R<7S_c0=WN(_e

literal 0
HcmV?d00001


From a4a101712cd935879958b7dd620a0096e6ce398f Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Thu, 24 Apr 2025 13:59:39 +0700
Subject: [PATCH 47/61] fix: incorrectly swapped data

---
 .../FormEmployeeVisa.vue                      | 24 ++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/components/03_customer-management/FormEmployeeVisa.vue b/src/components/03_customer-management/FormEmployeeVisa.vue
index 876c7a52..bba22dad 100644
--- a/src/components/03_customer-management/FormEmployeeVisa.vue
+++ b/src/components/03_customer-management/FormEmployeeVisa.vue
@@ -78,6 +78,12 @@ onMounted(async () => {
   await fetchProvince();
 });
 
+const visaIssueCountryOptions = ref<Record<string, unknown>[]>([]);
+let visaIssueCountryFilter: (
+  value: string,
+  update: (callbackFn: () => void, afterFn?: (ref: QSelect) => void) => void,
+) => void;
+
 const visaTypeOptions = ref<Record<string, unknown>[]>([]);
 let visaTypeFilter: (
   value: string,
@@ -97,6 +103,12 @@ onMounted(() => {
     'label',
   );
 
+  visaIssueCountryFilter = selectFilterOptionRefMod(
+    ref(optionStore.globalOption?.nationality),
+    visaIssueCountryOptions,
+    'label',
+  );
+
   workerTypeFilter = selectFilterOptionRefMod(
     ref(optionStore.globalOption?.workerType),
     workerTypeOptions,
@@ -107,8 +119,14 @@ onMounted(() => {
 watch(
   () => optionStore.globalOption,
   () => {
+    visaIssueCountryFilter = selectFilterOptionRefMod(
+      ref(optionStore.globalOption?.nationality),
+      visaIssueCountryOptions,
+      'label',
+    );
+
     visaTypeFilter = selectFilterOptionRefMod(
-      optionStore.globalOption.nationality,
+      optionStore.globalOption.visaType,
       visaTypeOptions,
       'label',
     );
@@ -422,11 +440,11 @@ watch(
           class="col-md-4 col-6"
           :dense="dense"
           :readonly="readonly"
-          :options="visaTypeOptions"
+          :options="visaIssueCountryOptions"
           :hide-dropdown-icon="readonly"
           :for="`${prefixId}-select-issue-country`"
           :label="$t('customerEmployee.form.issueCountry')"
-          @filter="visaTypeFilter"
+          @filter="visaIssueCountryFilter"
           :model-value="readonly ? issueCountry || '-' : issueCountry"
           @update:model-value="
             (v) => (typeof v === 'string' ? (issueCountry = v) : '')

From 1d38dbc6cfcd6f78ff223bee6faeb5edd5050a0f Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Thu, 24 Apr 2025 14:10:11 +0700
Subject: [PATCH 48/61] refactor: copy now

---
 src/pages/04_product-service/MainPage.vue | 104 +++++++++-------------
 1 file changed, 40 insertions(+), 64 deletions(-)

diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 09d4f118..98146be4 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -104,10 +104,6 @@ const {
   importProduct,
 } = productServiceStore;
 
-const currentCopy = ref<{
-  id: string | undefined;
-  type: 'service' | 'product';
-}>();
 const { workNameItems } = storeToRefs(productServiceStore);
 const allStat = ref<{ mode: string; count: number }[]>([]);
 
@@ -1848,65 +1844,49 @@ function handleSubmitSameWorkflow() {
   );
 }
 
-async function paste() {
-  if (
-    !!currentCopy.value &&
-    currentCopy.value.type === 'service' &&
-    !!currentCopy.value.id
-  )
-    dialogWarningClose(t, {
-      message: t('dialog.message.warningPaste'),
-      action: async () => {
-        const res = await fetchListServiceById(currentCopy.value.id);
-        if (res) {
-          formService.value = {
-            code: res.code,
-            name: res.name,
-            detail: res.detail,
-            attributes: res.attributes,
-            work: res.work.map((v) => ({
-              id: v.id,
-              name: v.name,
-              attributes: v.attributes,
-              product: v.productOnWork.map((productOnWorkItem) => ({
-                id: productOnWorkItem.product.id,
-                installmentNo: productOnWorkItem.installmentNo,
-                stepCount: productOnWorkItem.stepCount,
-              })),
-            })),
-            status: res.status,
-            productGroupId: res.productGroupId,
-            selectedImage: res.selectedImage,
-            installments: res.installments,
-          };
+async function copy(id: string) {
+  {
+    const res = await fetchListServiceById(id);
+    if (res) {
+      formService.value = {
+        code: res.code,
+        name: res.name,
+        detail: res.detail,
+        attributes: res.attributes,
+        work: res.work.map((v) => ({
+          id: v.id,
+          name: v.name,
+          attributes: v.attributes,
+          product: v.productOnWork.map((productOnWorkItem) => ({
+            id: productOnWorkItem.product.id,
+            installmentNo: productOnWorkItem.installmentNo,
+            stepCount: productOnWorkItem.stepCount,
+          })),
+        })),
+        status: res.status,
+        productGroupId: res.productGroupId,
+        selectedImage: res.selectedImage,
+        installments: res.installments,
+      };
 
-          workItems.value = res.work.map((item) => {
+      workItems.value = res.work.map((item) => {
+        return {
+          id: item.id,
+          name: item.name,
+          attributes: item.attributes,
+          product: item.productOnWork.map((productOnWorkItem) => {
             return {
-              id: item.id,
-              name: item.name,
-              attributes: item.attributes,
-              product: item.productOnWork.map((productOnWorkItem) => {
-                return {
-                  ...productOnWorkItem.product,
-                  nameEn: productOnWorkItem.product.name,
-                  installmentNo: productOnWorkItem.installmentNo,
-                };
-              }),
+              ...productOnWorkItem.product,
+              nameEn: productOnWorkItem.product.name,
+              installmentNo: productOnWorkItem.installmentNo,
             };
-          });
-        }
-      },
-    });
-  else {
-    dialog({
-      color: 'warning',
-      icon: 'mdi-alert',
-      title: t('form.warning.title'),
-      actionText: t('dialog.action.ok'),
-      message: t('dialog.message.warningCopyEmpty'),
-      action: async () => {},
-    });
+          }),
+        };
+      });
+    }
   }
+
+  dialogService.value = true;
 }
 
 watch(
@@ -3278,11 +3258,7 @@ watch(
                               :id-name="props.row.name"
                               @copy="
                                 () => {
-                                  notify('create', $t('dialog.message.copy'));
-                                  currentCopy = {
-                                    id: props.row.id,
-                                    type: productAndServiceTab,
-                                  };
+                                  copy(props.row.id);
                                 }
                               "
                               @view="

From 28395b4f80cfe57633a1dece8b55ead2513b10d2 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Thu, 24 Apr 2025 14:25:03 +0700
Subject: [PATCH 49/61] refactor: edit name model

---
 src/components/03_customer-management/FormEmployeeVisa.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/03_customer-management/FormEmployeeVisa.vue b/src/components/03_customer-management/FormEmployeeVisa.vue
index bba22dad..572d66a1 100644
--- a/src/components/03_customer-management/FormEmployeeVisa.vue
+++ b/src/components/03_customer-management/FormEmployeeVisa.vue
@@ -32,11 +32,11 @@ const entryCount = defineModel<number>('entryCount');
 const issuePlace = defineModel<string>('issuePlace');
 const issueCountry = defineModel<string>('issueCountry');
 const issueDate = defineModel<Date | null | string>('visaIssueDate');
-const type = defineModel<string>('visaType');
+const type = defineModel<string>('type');
 const expireDate = defineModel<Date>('expireDate');
 const remark = defineModel<string>('remark');
 const workerType = defineModel<string>('workerType');
-const number = defineModel<string>('visaNumber');
+const number = defineModel<string>('number');
 
 const calculatedVisaDate = computed(() => {
   if (!issueDate.value) return undefined;

From 56a63185a1610da82904627cb52e4e786dba1591 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 24 Apr 2025 14:31:08 +0700
Subject: [PATCH 50/61] feat: update responsibleGroup type to string array and
 initialize in workflow steps

---
 .../04_flow-management/FormFlow.vue           | 280 +++++++++++++-----
 src/pages/04_flow-managment/FlowDialog.vue    |   2 +
 src/pages/04_flow-managment/MainPage.vue      |  13 +-
 src/stores/workflow-template/index.ts         |   2 +-
 src/stores/workflow-template/types.ts         |   2 +-
 5 files changed, 215 insertions(+), 84 deletions(-)

diff --git a/src/components/04_flow-management/FormFlow.vue b/src/components/04_flow-management/FormFlow.vue
index 3db8aa6f..711526f2 100644
--- a/src/components/04_flow-management/FormFlow.vue
+++ b/src/components/04_flow-management/FormFlow.vue
@@ -6,12 +6,14 @@ import { useI18n } from 'vue-i18n';
 
 import useUserStore from 'src/stores/user';
 import useOptionStore from 'src/stores/options';
+import { useWorkflowTemplate } from 'src/stores/workflow-template';
 import { baseUrl } from 'stores/utils';
 import { getRole } from 'src/services/keycloak';
 import {
   WorkflowUserInTable,
   WorkflowTemplatePayload,
   WorkFlowPayloadStep,
+  Group,
 } from 'src/stores/workflow-template/types';
 import { User } from 'src/stores/user/types';
 
@@ -20,6 +22,7 @@ import ToggleButton from 'src/components/button/ToggleButton.vue';
 import NoData from '../NoData.vue';
 import SelectBranch from '../shared/select/SelectBranch.vue';
 import AddButton from '../button/AddButton.vue';
+import { QField } from 'quasar';
 
 defineProps<{
   readonly?: boolean;
@@ -29,6 +32,7 @@ defineProps<{
 const { t } = useI18n();
 const userStore = useUserStore();
 const optionStore = useOptionStore();
+const workflowStore = useWorkflowTemplate();
 
 const userInTable = defineModel<WorkflowUserInTable[]>('userInTable', {
   default: [],
@@ -51,7 +55,9 @@ let objectOptions = [
 const options = ref(objectOptions);
 const role = ref<string[]>([]);
 const userList = ref<User[]>([]);
+const groupList = ref<Group[]>([]);
 const responsiblePersonSearch = ref('');
+const responsibleMenu = ref(false);
 
 async function getUserList(opts?: { query: string }) {
   const resUser = await userStore.fetchList({
@@ -60,10 +66,10 @@ async function getUserList(opts?: { query: string }) {
   if (resUser) userList.value = resUser.result;
 }
 
-// async function getUserById(responsiblePersonId: string) {
-//   const resUser = await userStore.fetchById(responsiblePersonId);
-//   if (resUser) userInTable.value.push(resUser);
-// }
+async function getGroupList() {
+  const resGroup = await workflowStore.getGroupList();
+  if (resGroup) groupList.value = resGroup;
+}
 
 function selectResponsiblePerson(stepIndex: number, responsiblePerson: User) {
   const currStep = flowData.value.step[stepIndex];
@@ -78,6 +84,7 @@ function selectResponsiblePerson(stepIndex: number, responsiblePerson: User) {
       userInTable.value[stepIndex] = {
         name: flowData.value.step[stepIndex].name,
         responsiblePerson: [],
+        responsibleGroup: [],
       };
     }
 
@@ -101,6 +108,33 @@ function selectResponsiblePerson(stepIndex: number, responsiblePerson: User) {
   }
 }
 
+function selectResponsibleGroup(stepIndex: number, responsibleGroup: string) {
+  const currStep = flowData.value.step[stepIndex];
+  const existGroupIndex = currStep.responsibleGroup?.findIndex(
+    (p) => p === responsibleGroup,
+  );
+
+  if (existGroupIndex === -1) {
+    currStep.responsibleGroup?.push(responsibleGroup);
+
+    if (!userInTable.value[stepIndex]) {
+      userInTable.value[stepIndex] = {
+        name: flowData.value.step[stepIndex].name,
+        responsiblePerson: [],
+        responsibleGroup: [],
+      };
+    }
+
+    userInTable.value[stepIndex]?.responsibleGroup.push(responsibleGroup);
+  } else {
+    currStep.responsibleGroup?.splice(Number(existGroupIndex), 1);
+    userInTable.value[stepIndex]?.responsibleGroup.splice(
+      Number(existGroupIndex),
+      1,
+    );
+  }
+}
+
 function selectItem(
   val: Record<string, unknown>,
   responsibleInstitution?: string[],
@@ -142,6 +176,7 @@ watch(
 onMounted(async () => {
   role.value = getRole() || [];
   await getUserList();
+  await getGroupList();
   await userStore.fetchHqOption();
 });
 </script>
@@ -467,92 +502,128 @@ onMounted(async () => {
                   </div>
 
                   <!-- RESPONSIBLE-PERSON -->
-                  <q-select
+                  <q-field
                     v-if="step.responsiblePersonId"
-                    behavior="menu"
                     :for="`select-responsible-person-${index}-${onDrawer ? 'drawer' : 'dialog'}`"
                     :bg-color="readonly ? 'transparent' : ''"
                     :readonly
                     outlined
-                    dense
-                    v-model="step.responsiblePersonId"
-                    multiple
-                    :options="[1, 2, 3]"
-                    hide-bottom-space
-                    option-label="label"
-                    option-value="value"
-                    emit-value
+                    :stack-label="
+                      userInTable[index]?.responsiblePerson.length > 0 ||
+                      userInTable[index]?.responsibleGroup.length > 0
+                    "
                     :label="$t('flow.responsiblePerson')"
+                    dense
                     class="col-md-6 col-12"
-                    :hide-dropdown-icon="readonly"
+                    :class="{ 'cursor-pointer': !readonly }"
                   >
-                    <template v-slot:selected-item="scope">
-                      <div class="column full-width">
-                        <div
-                          class="row items-center no-wrap"
-                          v-for="person in userInTable[
-                            index
-                          ]?.responsiblePerson.filter(
-                            (p) => p.id === scope.opt,
-                          )"
-                          :key="person.id"
-                        >
-                          <q-avatar class="q-ml-sm" size="md">
-                            <q-img
-                              class="text-center"
-                              :ratio="1"
-                              :src="`${baseUrl}/user/${person.id}/profile-image/${person.selectedImage}`"
-                            >
-                              <template #error>
-                                <div
-                                  class="no-padding full-width full-height flex items-center justify-center"
-                                  :style="`${person.gender ? 'background: white' : 'background: linear-gradient(135deg,rgba(43, 137, 223, 1) 0%, rgba(230, 51, 81, 1) 100%);'}`"
-                                >
-                                  <q-img
-                                    v-if="person.gender"
-                                    :src="
-                                      person.gender === 'male'
-                                        ? '/no-img-man.png'
-                                        : '/no-img-female.png'
-                                    "
-                                  />
-                                  <q-icon
-                                    v-else
-                                    size="sm"
-                                    name="mdi-account-outline"
-                                    style="color: white"
-                                  />
-                                </div>
-                              </template>
-                            </q-img>
-                          </q-avatar>
-                          <div
-                            class="column q-pl-md"
-                            style="color: var(--foreground)"
+                    <template #control>
+                      <q-item
+                        dense
+                        class="items-center full-width no-padding"
+                        v-for="person in userInTable[
+                          index
+                        ]?.responsiblePerson.filter((p) =>
+                          step.responsiblePersonId.includes(p.id),
+                        )"
+                        :key="person.id"
+                      >
+                        <q-avatar class="q-ml-sm" size="md">
+                          <q-img
+                            class="text-center"
+                            :ratio="1"
+                            :src="`${baseUrl}/user/${person.id}/profile-image/${person.selectedImage}`"
                           >
-                            <span>
-                              {{
-                                `${optionStore.mapOption(person.namePrefix || '')} ${
-                                  $i18n.locale === 'eng'
-                                    ? person.firstNameEN
-                                    : person.firstName
-                                } ${
-                                  $i18n.locale === 'eng'
-                                    ? person.lastNameEN
-                                    : person.lastName
-                                }`
-                              }}
-                            </span>
-                            <span class="text-caption app-text-muted">
-                              {{ person.code }}
-                            </span>
-                          </div>
+                            <template #error>
+                              <div
+                                class="no-padding full-width full-height flex items-center justify-center"
+                                :style="`${person.gender ? 'background: white' : 'background: linear-gradient(135deg,rgba(43, 137, 223, 1) 0%, rgba(230, 51, 81, 1) 100%);'}`"
+                              >
+                                <q-img
+                                  v-if="person.gender"
+                                  :src="
+                                    person.gender === 'male'
+                                      ? '/no-img-man.png'
+                                      : '/no-img-female.png'
+                                  "
+                                />
+                                <q-icon
+                                  v-else
+                                  size="sm"
+                                  name="mdi-account-outline"
+                                  style="color: white"
+                                />
+                              </div>
+                            </template>
+                          </q-img>
+                        </q-avatar>
+                        <div
+                          class="column q-pl-md"
+                          style="color: var(--foreground)"
+                        >
+                          <span>
+                            {{
+                              `${optionStore.mapOption(person.namePrefix || '')} ${
+                                $i18n.locale === 'eng'
+                                  ? person.firstNameEN
+                                  : person.firstName
+                              } ${
+                                $i18n.locale === 'eng'
+                                  ? person.lastNameEN
+                                  : person.lastName
+                              }`
+                            }}
+                          </span>
+                          <span class="text-caption app-text-muted">
+                            {{ person.code }}
+                          </span>
                         </div>
-                      </div>
-                    </template>
+                      </q-item>
 
-                    <template v-slot:option></template>
-                    <q-menu v-if="!readonly" :offset="[0, 4]">
+                      <div
+                        v-if="step.responsibleGroup.length > 0"
+                        class="full-width app-text-muted text-weight-medium"
+                        style="font-size: 10px"
+                      >
+                        {{ $t('general.group') }}
+                      </div>
+                      <q-item
+                        class="items-center full-width no-padding"
+                        v-for="group in userInTable[
+                          index
+                        ]?.responsibleGroup.filter((g) =>
+                          step.responsibleGroup.includes(g),
+                        )"
+                        :key="group"
+                        dense
+                      >
+                        <q-avatar class="q-ml-sm" size="md">
+                          <q-img
+                            class="text-center"
+                            :ratio="1"
+                            :src="`/img-group.png`"
+                          />
+                        </q-avatar>
+                        <span class="q-pl-md">
+                          {{ group }}
+                        </span>
+                      </q-item>
+                    </template>
+                    <template #append>
+                      <q-icon
+                        name="mdi-menu-down"
+                        :class="{ rotated: responsibleMenu }"
+                        class="transition-rotate"
+                      />
+                    </template>
+                    <q-menu
+                      v-if="!readonly"
+                      no-focus
+                      no-refocus
+                      :offset="[0, 4]"
+                      @before-show="() => (responsibleMenu = true)"
+                      @before-hide="() => (responsibleMenu = false)"
+                    >
                       <q-list>
                         <q-item>
                           <q-input
@@ -581,6 +652,7 @@ onMounted(async () => {
                           {{ $t('general.noData') }}
                         </q-item>
                         <q-item
+                          v-else
                           v-for="(person, i) in userList"
                           dense
                           :key="i"
@@ -655,6 +727,7 @@ onMounted(async () => {
                           {{ $t('personnel.MESSENGER') }}
                         </span>
                         <q-item
+                          dense
                           clickable
                           @click="step.messengerByArea = !step.messengerByArea"
                           class="column"
@@ -670,9 +743,49 @@ onMounted(async () => {
                             </div>
                           </div>
                         </q-item>
+
+                        <span class="text-caption app-text-muted-2 q-px-md">
+                          {{ $t('general.group') }}
+                        </span>
+                        <q-item
+                          v-if="groupList.length === 0"
+                          class="app-text-muted q-px-lg"
+                        >
+                          {{ $t('general.noData') }}
+                        </q-item>
+                        <q-item
+                          v-else
+                          v-for="(group, i) in groupList"
+                          dense
+                          clickable
+                          @click="selectResponsibleGroup(index, group.name)"
+                          class="column"
+                        >
+                          <div class="row items-center">
+                            <q-checkbox
+                              size="xs"
+                              :model-value="
+                                step.responsibleGroup.includes(group.name)
+                              "
+                              @click.stop="
+                                selectResponsibleGroup(index, group.name)
+                              "
+                            />
+                            <q-avatar class="q-ml-sm" size="md">
+                              <q-img
+                                class="text-center"
+                                :ratio="1"
+                                :src="`/img-group.png`"
+                              />
+                            </q-avatar>
+                            <div class="column q-pl-md">
+                              <span>{{ group.name }}</span>
+                            </div>
+                          </div>
+                        </q-item>
                       </q-list>
                     </q-menu>
-                  </q-select>
+                  </q-field>
 
                   <!-- RESPONSIBLE-AGENCIES, RESPONSIBLE-INSTITUTION -->
                   <q-select
@@ -815,4 +928,11 @@ onMounted(async () => {
 :deep(.q-dialog.fullscreen.no-pointer-events.q-dialog--modal) {
   visibility: hidden;
 }
+
+.transition-rotate {
+  transition: transform 0.3s ease;
+}
+.rotated {
+  transform: rotate(180deg);
+}
 </style>
diff --git a/src/pages/04_flow-managment/FlowDialog.vue b/src/pages/04_flow-managment/FlowDialog.vue
index 77d8bd12..e3958ac8 100644
--- a/src/pages/04_flow-managment/FlowDialog.vue
+++ b/src/pages/04_flow-managment/FlowDialog.vue
@@ -60,6 +60,7 @@ async function addStep() {
   flowData.value.step.push({
     responsibleInstitution: [],
     responsiblePersonId: [],
+    responsibleGroup: [],
     value: [],
     detail: '',
     name: '',
@@ -166,6 +167,7 @@ function triggerPropertiesDialog(step: WorkFlowPayloadStep) {
         id="flow-form-dialog"
       >
         <FormFlow
+          v-model:user-in-table="userInTable"
           v-model:flow-data="flowData"
           v-model:register-branch-id="registerBranchId"
           @trigger-properties="triggerPropertiesDialog"
diff --git a/src/pages/04_flow-managment/MainPage.vue b/src/pages/04_flow-managment/MainPage.vue
index 1285a99c..f8d45b37 100644
--- a/src/pages/04_flow-managment/MainPage.vue
+++ b/src/pages/04_flow-managment/MainPage.vue
@@ -103,6 +103,7 @@ const columns = [
 function triggerDialog(type: 'add' | 'edit' | 'view') {
   if (type === 'add') {
     registeredBranchId.value = '';
+    userInTable.value = [];
     formDataWorkflow.value = {
       status: 'CREATED',
       name: '',
@@ -207,7 +208,7 @@ async function submit() {
       ...formDataWorkflow.value,
     });
   } else {
-    await workflowStore.creatWorkflowTemplate({
+    await workflowStore.createWorkflowTemplate({
       registeredBranchId: registeredBranchId.value,
       ...formDataWorkflow.value,
     });
@@ -223,7 +224,11 @@ function assignFormData(workflowData: WorkflowTemplate) {
       status: workflowData.status,
       name: workflowData.name,
       step: workflowData.step.map((s, i) => {
-        userInTable.value[i] = { name: s.name, responsiblePerson: [] };
+        userInTable.value[i] = {
+          name: s.name,
+          responsiblePerson: [],
+          responsibleGroup: [],
+        };
         s.responsiblePerson.forEach((p) => {
           userInTable.value[i].responsiblePerson.push({
             id: p.user.id,
@@ -237,12 +242,16 @@ function assignFormData(workflowData: WorkflowTemplate) {
             code: p.user.code,
           });
         });
+        s.responsibleGroup.forEach((g) => {
+          userInTable.value[i].responsibleGroup.push(g);
+        });
         return {
           id: s.id,
           name: s.name,
           detail: s.detail,
           messengerByArea: s.messengerByArea || false,
           value: s.value.length > 0 ? JSON.parse(JSON.stringify(s.value)) : [],
+          responsibleGroup: s.responsibleGroup.map((g) => g),
           responsiblePersonId: s.responsiblePerson.map((p) => p.userId),
           responsibleInstitution: JSON.parse(
             JSON.stringify(s.responsibleInstitution),
diff --git a/src/stores/workflow-template/index.ts b/src/stores/workflow-template/index.ts
index 9f186a17..ef1e83d5 100644
--- a/src/stores/workflow-template/index.ts
+++ b/src/stores/workflow-template/index.ts
@@ -2,7 +2,7 @@ import { ref } from 'vue';
 import { defineStore } from 'pinia';
 import { api } from 'src/boot/axios';
 import { PaginationResult } from 'src/types';
-import { WorkflowTemplate, WorkflowTemplatePayload, Group } from './types';
+import { Group, WorkflowTemplate, WorkflowTemplatePayload } from './types';
 import { Status } from '../types';
 
 export const useWorkflowTemplate = defineStore('workflow-store', () => {
diff --git a/src/stores/workflow-template/types.ts b/src/stores/workflow-template/types.ts
index 7307c2cf..c2c64036 100644
--- a/src/stores/workflow-template/types.ts
+++ b/src/stores/workflow-template/types.ts
@@ -50,7 +50,7 @@ export type WorkflowTemplatePayload = {
 
 export type WorkflowUserInTable = {
   name: string;
-  responsibleGroup: Group[];
+  responsibleGroup: string[];
   responsiblePerson: {
     id: string;
     selectedImage?: string;

From 92b4db45d2e8006ca9ebbde72fd98470780fecfe Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 24 Apr 2025 14:32:10 +0700
Subject: [PATCH 51/61] feat: detect can edit request list

---
 src/pages/08_request-list/RequestListView.vue | 65 +++++++++++++------
 src/stores/user/index.ts                      | 11 ++++
 2 files changed, 55 insertions(+), 21 deletions(-)

diff --git a/src/pages/08_request-list/RequestListView.vue b/src/pages/08_request-list/RequestListView.vue
index 9327f419..4675b124 100644
--- a/src/pages/08_request-list/RequestListView.vue
+++ b/src/pages/08_request-list/RequestListView.vue
@@ -54,6 +54,7 @@ import { Invoice } from 'src/stores/payment/types';
 import { CreatedBy } from 'src/stores/types';
 import { getUserId } from 'src/services/keycloak';
 import { QuotationFull } from 'src/stores/quotations/types';
+import useUserStore from 'src/stores/user';
 
 const { locale, t } = useI18n();
 
@@ -62,7 +63,9 @@ const route = useRoute();
 const optionStore = useOptionStore();
 const requestListStore = useRequestList();
 const flowTemplateStore = useWorkflowTemplate();
+const userStore = useUserStore();
 
+const currentUserGroup = ref<string[]>([]);
 const workList = ref<RequestWork[]>([]);
 const statusFile = ref<Attributes>({
   customer: {},
@@ -158,6 +161,10 @@ onMounted(async () => {
   initTheme();
   initLang();
 
+  const result = await userStore.fetchUserGroup();
+
+  currentUserGroup.value = result.map((v) => v.name);
+
   // get data
   await getData();
 });
@@ -283,26 +290,38 @@ async function triggerViewFile(opt: {
   if (!opt.download) window.open(url, '_blank');
 }
 
-const responsiblePersonList = computed(() => {
-  const temp = workList.value?.reduce<Record<string, CreatedBy[]>>(
-    (acc, curr: RequestWork) => {
-      curr.productService.service?.workflow?.step.forEach((v) => {
-        const key = v.order.toString();
+const responsibleList = computed(() => {
+  const temp = workList.value?.reduce<
+    Record<string, { user: CreatedBy[]; group: string[] }>
+  >((acc, curr: RequestWork) => {
+    curr.productService.service?.workflow?.step.forEach((v) => {
+      const key = v.order.toString();
+      const responsibleGroup = (
+        v.responsibleGroup as unknown as { group: string }[]
+      ).map((v) => v.group);
 
-        if (!acc[key]) acc[key] = v.responsiblePerson.map((v) => v.user);
+      if (!acc[key]) {
+        acc[key] = {
+          user: v.responsiblePerson.map((v) => v.user),
+          group: responsibleGroup,
+        };
+      }
 
-        const current = acc[key];
+      const current = acc[key];
 
-        v.responsiblePerson.forEach((lhs) => {
-          if (current.find((rhs) => rhs.id === lhs.userId)) return;
-          current.push(lhs.user);
-        });
+      v.responsiblePerson.forEach((lhs) => {
+        if (current.user.find((rhs) => rhs.id === lhs.userId)) return;
+        current.user.push(lhs.user);
       });
 
-      return acc;
-    },
-    {},
-  );
+      responsibleGroup.forEach((lhs) => {
+        if (current.group.find((rhs) => rhs === lhs)) return;
+        current.group.push(lhs);
+      });
+    });
+
+    return acc;
+  }, {});
 
   return temp || {};
 });
@@ -496,11 +515,11 @@ function toEmployee(employee: RequestData['employee']) {
           <span class="app-text-muted">{{ $t('flow.responsiblePerson') }}</span>
           <span>
             <template
-              v-if="responsiblePersonList[pageState.currentStep]?.length"
+              v-if="responsibleList[pageState.currentStep]?.user.length"
             >
               <AvatarGroup
                 :data="
-                  (responsiblePersonList[pageState.currentStep] || []).map(
+                  (responsibleList[pageState.currentStep].user || []).map(
                     (v) => ({
                       name:
                         $i18n.locale === 'eng'
@@ -798,11 +817,15 @@ function toEmployee(employee: RequestData['employee']) {
               :cancel="data.requestDataStatus === RequestDataStatus.Canceled"
               :readonly="
                 data.requestDataStatus === RequestDataStatus.Canceled ||
-                (responsiblePersonList &&
-                  !!responsiblePersonList[pageState.currentStep]?.length &&
-                  !responsiblePersonList[pageState.currentStep]?.find(
+                (responsibleList &&
+                  !responsibleList[pageState.currentStep]?.user.find(
                     (v) => v.id === getUserId(),
-                  ))
+                  ) &&
+                  !responsibleList[pageState.currentStep]?.group.some((v) =>
+                    currentUserGroup.includes(v),
+                  )) ||
+                (!!responsibleList[pageState.currentStep]?.user?.length &&
+                  !!responsibleList[pageState.currentStep]?.user?.length)
               "
               :order-able="value._messengerExpansion"
               :installment-info="getInstallmentInfo()"
diff --git a/src/stores/user/index.ts b/src/stores/user/index.ts
index a1a625ff..ac0b4b00 100644
--- a/src/stores/user/index.ts
+++ b/src/stores/user/index.ts
@@ -16,6 +16,7 @@ import axios from 'axios';
 import useBranchStore from '../branch';
 import { Branch } from '../branch/types';
 import { getSignature, setSignature } from './signature';
+import { getUserId } from 'src/services/keycloak';
 
 const branchStore = useBranchStore();
 
@@ -38,6 +39,14 @@ const useUserStore = defineStore('api-user', () => {
 
   const data = ref<Pagination<User[]>>();
 
+  async function fetchUserGroup(id?: string) {
+    return await api
+      .get<
+        { id: string; name: string; path: string }[]
+      >(`/user/${id || getUserId()}/group`)
+      .then((res) => res.data);
+  }
+
   async function fetchHqOption() {
     if (userOption.value.hqOpts.length === 0) {
       const res = await branchStore.fetchList({
@@ -334,6 +343,8 @@ const useUserStore = defineStore('api-user', () => {
     setSignature,
 
     typeStats,
+
+    fetchUserGroup,
   };
 });
 

From 9f6d972c910e22aafa3bb3300ae506f11fb64e0e Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 24 Apr 2025 15:16:09 +0700
Subject: [PATCH 52/61] feat: enhance AvatarGroup to display responsible groups
 alongside users

---
 src/components/shared/AvatarGroup.vue         |  6 +-
 src/pages/08_request-list/RequestListView.vue | 12 ++-
 .../08_request-list/TableRequestList.vue      | 80 ++++++++++++++-----
 3 files changed, 74 insertions(+), 24 deletions(-)

diff --git a/src/components/shared/AvatarGroup.vue b/src/components/shared/AvatarGroup.vue
index a3f3d85e..ed8f63ef 100644
--- a/src/components/shared/AvatarGroup.vue
+++ b/src/components/shared/AvatarGroup.vue
@@ -25,7 +25,11 @@ withDefaults(
         alt="Image"
       />
     </div>
-    <div v-if="data.length > 3" class="avatar remaining-count">
+    <div
+      v-if="data.length > 3"
+      class="avatar remaining-count"
+      style="cursor: default"
+    >
       <q-tooltip>
         <div v-for="(person, i) in data.slice(3)" :key="i + 3">
           {{ person.name }}
diff --git a/src/pages/08_request-list/RequestListView.vue b/src/pages/08_request-list/RequestListView.vue
index 4675b124..fc6e69c2 100644
--- a/src/pages/08_request-list/RequestListView.vue
+++ b/src/pages/08_request-list/RequestListView.vue
@@ -518,8 +518,8 @@ function toEmployee(employee: RequestData['employee']) {
               v-if="responsibleList[pageState.currentStep]?.user.length"
             >
               <AvatarGroup
-                :data="
-                  (responsibleList[pageState.currentStep].user || []).map(
+                :data="[
+                  ...(responsibleList[pageState.currentStep].user || []).map(
                     (v) => ({
                       name:
                         $i18n.locale === 'eng'
@@ -531,8 +531,12 @@ function toEmployee(employee: RequestData['employee']) {
                           : `/no-img-female.png`
                         : `${baseUrl}/user/${v.id}/profile-image/${v.selectedImage}`,
                     }),
-                  )
-                "
+                  ),
+                  ...responsibleList[pageState.currentStep].group.map((g) => ({
+                    name: `${$t('general.group')} ${g}`,
+                    imgUrl: '/img-group.png',
+                  })),
+                ]"
               />
             </template>
             <template v-else>-</template>
diff --git a/src/pages/08_request-list/TableRequestList.vue b/src/pages/08_request-list/TableRequestList.vue
index 7b99bf78..fec64111 100644
--- a/src/pages/08_request-list/TableRequestList.vue
+++ b/src/pages/08_request-list/TableRequestList.vue
@@ -42,9 +42,14 @@ defineEmits<{
 
 const selected = defineModel<RequestData[]>('selected');
 
-function responsiblePerson(quotation: QuotationFull): CreatedBy[] | undefined {
+function responsiblePerson(quotation: QuotationFull) {
   const productServiceList = quotation.productServiceList;
   const tempPerson: CreatedBy[] = [];
+  const tempGroup: {
+    group: string;
+    id: string;
+    workflowTemplateStepId: string;
+  }[] = [];
 
   for (const v of productServiceList) {
     const tempStep = v.service?.workflow?.step;
@@ -55,7 +60,18 @@ function responsiblePerson(quotation: QuotationFull): CreatedBy[] | undefined {
           tempPerson.push(rhs.user);
         }
       });
-      return tempPerson;
+      tempStep.forEach((lhs) => {
+        const newGroup = lhs.responsibleGroup as unknown as {
+          group: string;
+          id: string;
+          workflowTemplateStepId: string;
+        }[];
+        for (const rhs of newGroup) {
+          tempGroup.push(rhs);
+        }
+      });
+      console.log({ user: tempPerson, group: tempGroup });
+      return { user: tempPerson, group: tempGroup };
     }
   }
 
@@ -261,7 +277,7 @@ function handleCheckAll() {
           {{ props.row.quotation.code || '-' }}
         </q-td>
         <q-td v-if="visibleColumns.includes('responsiblePerson')">
-          <AvatarGroup
+          <!-- <AvatarGroup
             :data="
               responsiblePerson(props.row.quotation)?.map((v) => {
                 return {
@@ -277,7 +293,26 @@ function handleCheckAll() {
                 };
               })
             "
-          />
+          /> -->
+          <AvatarGroup
+            :data="[
+              ...responsiblePerson(props.row.quotation).user.map((v) => ({
+                name:
+                  $i18n.locale === 'eng'
+                    ? `${v.firstNameEN} ${v.lastNameEN}`
+                    : `${v.firstName} ${v.lastName}`,
+                imgUrl: !v.selectedImage
+                  ? v.gender === 'male'
+                    ? `/no-img-man.png`
+                    : `/no-img-female.png`
+                  : `${baseUrl}/user/${v.id}/profile-image/${v.selectedImage}`,
+              })),
+              ...responsiblePerson(props.row.quotation).group.map((g) => ({
+                name: `${$t('general.group')} ${g.group}`,
+                imgUrl: '/img-group.png',
+              })),
+            ]"
+          ></AvatarGroup>
         </q-td>
         <q-td v-if="visibleColumns.includes('status')">
           <BadgeComponent
@@ -423,22 +458,29 @@ function handleCheckAll() {
             </div>
             <div class="col-8">
               <AvatarGroup
-                v-if="(responsiblePerson(props.row.quotation) ?? []).length > 0"
-                :data="
-                  responsiblePerson(props.row.quotation)?.map((v) => {
-                    return {
-                      name:
-                        $i18n.locale === 'eng'
-                          ? `${v.firstNameEN} ${v.lastNameEN}`
-                          : `${v.firstName} ${v.lastName}`,
-                      imgUrl: !v.selectedImage
-                        ? v.gender === 'male'
-                          ? `/no-img-man.png`
-                          : `/no-img-female.png`
-                        : `${baseUrl}/user/${v.id}/profile-image/${v.selectedImage}`,
-                    };
-                  })
+                v-if="
+                  (responsiblePerson(props.row.quotation).user ?? []).length >
+                    0 ||
+                  (responsiblePerson(props.row.quotation).group ?? []).length >
+                    0
                 "
+                :data="[
+                  ...responsiblePerson(props.row.quotation).user.map((v) => ({
+                    name:
+                      $i18n.locale === 'eng'
+                        ? `${v.firstNameEN} ${v.lastNameEN}`
+                        : `${v.firstName} ${v.lastName}`,
+                    imgUrl: !v.selectedImage
+                      ? v.gender === 'male'
+                        ? `/no-img-man.png`
+                        : `/no-img-female.png`
+                      : `${baseUrl}/user/${v.id}/profile-image/${v.selectedImage}`,
+                  })),
+                  ...responsiblePerson(props.row.quotation).group.map((g) => ({
+                    name: `${$t('general.group')} ${g.group}`,
+                    imgUrl: '/img-group.png',
+                  })),
+                ]"
               />
               <span v-else>-</span>
             </div>

From aac82ce4775f0d1efb4bca5e4ccf10b6aed1a67e Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 24 Apr 2025 15:17:46 +0700
Subject: [PATCH 53/61] refactor: remove unnecessary console log from
 responsiblePerson function

---
 src/pages/08_request-list/TableRequestList.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/08_request-list/TableRequestList.vue b/src/pages/08_request-list/TableRequestList.vue
index fec64111..72278d4e 100644
--- a/src/pages/08_request-list/TableRequestList.vue
+++ b/src/pages/08_request-list/TableRequestList.vue
@@ -70,7 +70,6 @@ function responsiblePerson(quotation: QuotationFull) {
           tempGroup.push(rhs);
         }
       });
-      console.log({ user: tempPerson, group: tempGroup });
       return { user: tempPerson, group: tempGroup };
     }
   }

From 9a8363091d1036d48266fdfd0156ba3c9c1d4b72 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Thu, 24 Apr 2025 15:45:02 +0700
Subject: [PATCH 54/61] refactor: delete btn paste

---
 src/pages/04_product-service/MainPage.vue | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 98146be4..aebcc54e 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -33,7 +33,6 @@ import {
   SaveButton,
   UndoButton,
   ToggleButton,
-  PasteButton,
   ImportButton,
 } from 'components/button';
 import TableProduct from 'src/components/04_product-service/TableProduct.vue';
@@ -4554,11 +4553,7 @@ watch(
               @click="serviceTreeView = false"
             />
           </div>
-          <PasteButton
-            id="btn-info-basic-paste"
-            icon-only
-            @click="() => paste()"
-          />
+
           <SaveButton id="btn-info-basic-save" icon-only type="submit" />
         </div>
 

From 5c12bcbab78d666b013d47ddccab24b8af396876 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Thu, 24 Apr 2025 15:52:15 +0700
Subject: [PATCH 55/61] refactor: trim the last 3 characters from the code

---
 src/pages/04_product-service/MainPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index aebcc54e..d70b6b6a 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -1848,7 +1848,7 @@ async function copy(id: string) {
     const res = await fetchListServiceById(id);
     if (res) {
       formService.value = {
-        code: res.code,
+        code: res.code.slice(0, -3),
         name: res.name,
         detail: res.detail,
         attributes: res.attributes,

From dfc17e962369b60dde14f1e94dcf78b39c9bab52 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 24 Apr 2025 17:58:48 +0700
Subject: [PATCH 56/61] feat: update importNationality to support multiple
 selections and adjust related logic

---
 .../02_personnel-management/FormByType.vue         | 11 ++++++-----
 src/components/shared/SelectInput.vue              |  2 +-
 src/pages/02_personnel-management/MainPage.vue     | 14 +++++++++-----
 src/stores/user/types.ts                           |  4 ++--
 4 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/components/02_personnel-management/FormByType.vue b/src/components/02_personnel-management/FormByType.vue
index 7f850999..ec3619a1 100644
--- a/src/components/02_personnel-management/FormByType.vue
+++ b/src/components/02_personnel-management/FormByType.vue
@@ -29,7 +29,7 @@ const discountCondition = defineModel<string | null | undefined>(
 const sourceNationality = defineModel<string | null | undefined>(
   'sourceNationality',
 );
-const importNationality = defineModel<string | null | undefined>(
+const importNationality = defineModel<string[] | null | undefined>(
   'importNationality',
 );
 const trainingPlace = defineModel<string | null | undefined>('trainingPlace');
@@ -179,18 +179,19 @@ function deleteFile(name: string) {
             (v) => (typeof v === 'string' ? (sourceNationality = v) : '')
           "
         />
+
         <SelectInput
-          :model-value="readonly ? importNationality || '-' : importNationality"
+          v-model="importNationality"
           id="input-import-nationality"
           for="input-import-nationality"
           :option="optionStore.globalOption.nationality"
           class="col-md-3 col-6"
           :readonly
+          multiple
+          :hideSelected="false"
           clearable
+          fillInput
           :label="$t('personnel.form.importNationality')"
-          @update:model-value="
-            (v) => (typeof v === 'string' ? (importNationality = v) : '')
-          "
         />
 
         <SelectInput
diff --git a/src/components/shared/SelectInput.vue b/src/components/shared/SelectInput.vue
index ff7403d4..690b8642 100644
--- a/src/components/shared/SelectInput.vue
+++ b/src/components/shared/SelectInput.vue
@@ -106,7 +106,7 @@ watch(
     :rules
     @clear="
       () => {
-        model = '';
+        multiple ? (model = []) : (model = '');
       }
     "
   >
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index b3ea5058..b0aa4f02 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -99,7 +99,7 @@ const userFileList = ref<{ name: string; url: string }[]>([]);
 const typeStats = ref<UserTypeStats>();
 const userStats = ref<BranchUserStats[]>();
 
-const searchDate = ref<Date[]>([]);
+const searchDate = ref<[]>([]);
 
 const urlProfile = ref<string>();
 const profileFileImg = ref<File | null>(null);
@@ -126,7 +126,7 @@ const defaultFormData = {
   streetEN: '',
   street: '',
   trainingPlace: null,
-  importNationality: null,
+  importNationality: [],
   sourceNationality: null,
   licenseExpireDate: null,
   licenseIssueDate: null,
@@ -178,7 +178,7 @@ const formData = ref<UserCreate>({
   streetEN: '',
   street: '',
   trainingPlace: null,
-  importNationality: null,
+  importNationality: [],
   sourceNationality: null,
   licenseExpireDate: null,
   licenseIssueDate: null,
@@ -555,6 +555,7 @@ async function triggerChangeStatus(id: string, status: string) {
 async function assignFormData(idEdit: string) {
   if (!userData.value) return;
   const foundUser = userData.value.result.find((user) => user.id === idEdit);
+  console.log(foundUser);
 
   if (foundUser) {
     currentUser.value = foundUser;
@@ -576,7 +577,10 @@ async function assignFormData(idEdit: string) {
       street: foundUser.street,
       streetEN: foundUser.streetEN,
       trainingPlace: foundUser.trainingPlace,
-      importNationality: foundUser.importNationality,
+      importNationality:
+        typeof foundUser.importNationality === 'string'
+          ? [foundUser.importNationality]
+          : foundUser.importNationality,
       sourceNationality: foundUser.sourceNationality,
       licenseNo: foundUser.licenseNo,
       discountCondition: foundUser.discountCondition,
@@ -750,7 +754,7 @@ watch(
     formData.value.responsibleArea = null;
     formData.value.discountCondition = null;
     formData.value.sourceNationality = null;
-    formData.value.importNationality = null;
+    formData.value.importNationality = [];
     formData.value.trainingPlace = null;
     formData.value.checkpoint = null;
     formData.value.checkpointEN = null;
diff --git a/src/stores/user/types.ts b/src/stores/user/types.ts
index 28dcfc8b..2f6daeb5 100644
--- a/src/stores/user/types.ts
+++ b/src/stores/user/types.ts
@@ -13,7 +13,7 @@ export type User = {
   createdBy: string;
   status: Status;
   trainingPlace: string | null;
-  importNationality: string | null;
+  importNationality: [] | null;
   sourceNationality: string | null;
   licenseExpireDate: Date | null;
   licenseIssueDate: Date | null;
@@ -82,7 +82,7 @@ export type UserCreate = {
   streetEN: string;
   street: string;
   trainingPlace?: string | null;
-  importNationality?: string | null;
+  importNationality?: string[] | null;
   sourceNationality?: string | null;
   licenseExpireDate?: Date | null;
   licenseIssueDate?: Date | null;

From ef815225611558fe6522a00109ee083011bca161 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 24 Apr 2025 17:59:11 +0700
Subject: [PATCH 57/61] feat: add QR code upload functionality and enhance bank
 management logic

---
 .../01_branch-management/FormBank.vue         |  2 +-
 .../07_agencies-management/AgenciesDialog.vue | 95 ++++++++++++++++++-
 src/pages/07_agencies-management/MainPage.vue | 31 +++---
 src/stores/institution/index.ts               | 51 +++++++++-
 4 files changed, 157 insertions(+), 22 deletions(-)

diff --git a/src/components/01_branch-management/FormBank.vue b/src/components/01_branch-management/FormBank.vue
index 66f4241b..8c2b53bd 100644
--- a/src/components/01_branch-management/FormBank.vue
+++ b/src/components/01_branch-management/FormBank.vue
@@ -177,7 +177,7 @@ watch(
 
       <div
         v-if="!single"
-        class="bordered q-mr-sm rounded col text-center overflow-hidden"
+        class="bordered q-mr-sm rounded col-4 text-center overflow-hidden"
         :class="{ 'pointer-none': readonly, 'q-my-sm': $q.screen.lt.md }"
       >
         <ImageHover
diff --git a/src/pages/07_agencies-management/AgenciesDialog.vue b/src/pages/07_agencies-management/AgenciesDialog.vue
index c71cb3e9..5c32096b 100644
--- a/src/pages/07_agencies-management/AgenciesDialog.vue
+++ b/src/pages/07_agencies-management/AgenciesDialog.vue
@@ -21,6 +21,7 @@ import {
 import AddressForm from 'src/components/form/AddressForm.vue';
 import ImageUploadDialog from 'src/components/ImageUploadDialog.vue';
 import { BankBook } from 'src/stores/branch/types';
+import QrCodeUploadDialog from 'src/components/QrCodeUploadDialog.vue';
 
 const institutionStore = useInstitution();
 
@@ -33,6 +34,10 @@ const imageListOnCreate = defineModel<{
   selectedImage: string;
   list: { url: string; imgFile: File | null; name: string }[];
 }>('imageListOnCreate', { default: { selectedImage: '', list: [] } });
+const deletesStatusQrCodeBankImag = defineModel<number[]>(
+  'deletesStatusQrCodeBankImag',
+  { default: [] },
+);
 
 const imageState = reactive({
   imageDialog: false,
@@ -45,6 +50,14 @@ const imageState = reactive({
 const imageFile = ref<File | null>(null);
 const imageList = ref<{ selectedImage: string; list: string[] }>();
 
+const qrCodeDialog = ref(false);
+const qrCodeImageUrl = ref<string>('');
+const currentIndexQrCodeBank = ref<number>(-1);
+const statusQrCodeFile = ref<File | undefined>(undefined);
+const refQrCodeUpload = ref();
+const statusQrCodeUrl = ref<string>('');
+const statusDeletesQrCode = ref<boolean>(false);
+
 const props = withDefaults(
   defineProps<{
     readonly?: boolean;
@@ -163,6 +176,35 @@ function clearImageState() {
   imageState.refreshImageState = false;
 }
 
+function triggerEditQrCodeBank(opts?: { save?: boolean }) {
+  if (opts?.save === undefined) {
+    qrCodeDialog.value = true;
+    statusDeletesQrCode.value = false;
+    statusQrCodeUrl.value =
+      formBankBook.value[currentIndexQrCodeBank.value].bankUrl || '';
+    statusDeletesQrCode.value = false;
+  } else {
+    formBankBook.value[currentIndexQrCodeBank.value].bankUrl =
+      statusQrCodeUrl.value;
+
+    formBankBook.value[currentIndexQrCodeBank.value].bankQr =
+      statusQrCodeFile.value;
+
+    if (statusDeletesQrCode.value === true) {
+      deletesStatusQrCodeBankImag.value.push(currentIndexQrCodeBank.value);
+    }
+    if (statusDeletesQrCode.value === false) {
+      deletesStatusQrCodeBankImag.value =
+        deletesStatusQrCodeBankImag.value.filter(
+          (item) => item !== currentIndexQrCodeBank.value,
+        );
+    }
+
+    currentIndexQrCodeBank.value = -1;
+    statusDeletesQrCode.value = false;
+  }
+}
+
 watch(
   () => imageFile.value,
   () => {
@@ -177,7 +219,6 @@ watch(
     imageList.value
       ? (imageList.value.selectedImage = data.value.selectedImage || '')
       : '';
-    console.log(imageState.imageUrl);
     imageState.refreshImageState = false;
   },
 );
@@ -327,8 +368,19 @@ watch(
           title="agencies.bankInfo"
           class="q-pt-xl"
           dense
-          single
           v-model:bank-book-list="formBankBook"
+          @view-qr="
+            (i) => {
+              currentIndexQrCodeBank = i;
+              triggerEditQrCodeBank();
+            }
+          "
+          @edit-qr="
+            (i) => {
+              currentIndexQrCodeBank = i;
+              refQrCodeUpload && refQrCodeUpload.browse();
+            }
+          "
         />
       </div>
     </div>
@@ -518,9 +570,20 @@ watch(
               title="agencies.bankInfo"
               class="q-pt-xl"
               dense
-              single
               :readonly
               v-model:bank-book-list="formBankBook"
+              @view-qr="
+                (i) => {
+                  currentIndexQrCodeBank = i;
+                  triggerEditQrCodeBank();
+                }
+              "
+              @edit-qr="
+                (i) => {
+                  currentIndexQrCodeBank = i;
+                  refQrCodeUpload && refQrCodeUpload.browse();
+                }
+              "
             />
           </div>
         </div>
@@ -561,5 +624,31 @@ watch(
       </div>
     </template>
   </ImageUploadDialog>
+
+  <QrCodeUploadDialog
+    ref="refQrCodeUpload"
+    v-model:dialog-state="qrCodeDialog"
+    v-model:file="statusQrCodeFile as File"
+    v-model:image-url="statusQrCodeUrl"
+    @save="
+      (_file) => {
+        qrCodeDialog = false;
+        if (currentIndexQrCodeBank !== -1) {
+          triggerEditQrCodeBank({ save: true });
+        }
+      }
+    "
+    @clear="statusDeletesQrCode = true"
+    clearButton
+  >
+    <template #error>
+      <div
+        class="full-width full-height flex items-center justify-center"
+        style="color: gray"
+      >
+        <q-icon size="15rem" name="mdi-qrcode" />
+      </div>
+    </template>
+  </QrCodeUploadDialog>
 </template>
 <style scoped></style>
diff --git a/src/pages/07_agencies-management/MainPage.vue b/src/pages/07_agencies-management/MainPage.vue
index 9f40a0c4..13d6158e 100644
--- a/src/pages/07_agencies-management/MainPage.vue
+++ b/src/pages/07_agencies-management/MainPage.vue
@@ -81,7 +81,7 @@ const pageState = reactive({
   isDrawerEdit: true,
   searchDate: [],
 });
-
+const deletesStatusQrCodeBankImag = ref<number[]>([]);
 const blankFormData: InstitutionPayload = {
   group: '',
   code: '',
@@ -177,16 +177,15 @@ function assignFormData(data: Institution) {
     contactEmail: data.contactEmail,
     contactName: data.contactName,
     contactTel: data.contactTel,
-    bank: [
-      {
-        bankName: data.bank[0]?.bankName,
-        accountNumber: data.bank[0]?.accountNumber,
-        bankBranch: data.bank[0]?.bankBranch,
-        accountName: data.bank[0]?.accountName,
-        accountType: data.bank[0]?.accountType,
-        currentlyUse: data.bank[0]?.currentlyUse,
-      },
-    ],
+    bank: data.bank.map((v) => ({
+      bankName: v.bankName,
+      accountNumber: v.accountNumber,
+      bankBranch: v.bankBranch,
+      accountName: v.accountName,
+      accountType: v.accountType,
+      currentlyUse: v.currentlyUse,
+      bankUrl: `${baseUrl}/institution/${data.id}/bank-qr/${v.id}?ts=${Date.now()}`,
+    })),
   };
 }
 
@@ -212,14 +211,10 @@ async function submit(opt?: { selectedImage: string }) {
     provinceId: formData.value.provinceId,
     status: formData.value.status,
     bank: formData.value.bank.map((v) => ({
-      bankName: v.bankName,
-      accountNumber: v.accountNumber,
-      bankBranch: v.bankBranch,
-      accountName: v.accountName,
-      accountType: v.accountType,
-      currentlyUse: v.currentlyUse,
+      ...v,
     })),
   };
+  console.log('payload', payload);
   if (
     (pageState.isDrawerEdit && currAgenciesData.value?.id) ||
     (opt?.selectedImage && currAgenciesData.value?.id)
@@ -230,6 +225,7 @@ async function submit(opt?: { selectedImage: string }) {
         id: currAgenciesData.value.id,
         selectedImage: opt?.selectedImage || undefined,
       }),
+      { indexDeleteQrCodeBank: deletesStatusQrCodeBankImag.value },
     );
 
     if (ret) {
@@ -982,6 +978,7 @@ watch(
     v-model:data="formData"
     v-model:form-bank-book="formData.bank"
     v-model:image-list-on-create="imageListOnCreate"
+    v-model:deletes-status-qr-code-bank-imag="deletesStatusQrCodeBankImag"
   />
 </template>
 <style scoped>
diff --git a/src/stores/institution/index.ts b/src/stores/institution/index.ts
index 5c52bfed..b9f8e18d 100644
--- a/src/stores/institution/index.ts
+++ b/src/stores/institution/index.ts
@@ -75,18 +75,67 @@ export const useInstitution = defineStore('institution-store', () => {
       }
     }
 
+    if (res.data.bank && data.bank.length > 0) {
+      for (let i = 0; i < data.bank?.length; i++) {
+        if (data.bank[i].bankQr) {
+          await api
+            .put(
+              `/institution/${res.data.id}/bank-qr/${res.data.bank[i].id}`,
+              data.bank[i].bankQr,
+              {
+                headers: { 'Content-Type': data.bank[i].bankQr?.type },
+                onUploadProgress: (e) => console.log(e),
+              },
+            )
+            .catch((e) => console.error(e));
+        }
+      }
+    }
+
     if (res.status < 400) {
       return res.data;
     }
     return null;
   }
 
-  async function editInstitution(data: InstitutionPayload & { id: string }) {
+  async function editInstitution(
+    data: InstitutionPayload & { id: string },
+    opts?: { indexDeleteQrCodeBank?: number[] },
+  ) {
     const res = await api.put(`/institution/${data.id}`, {
       ...data,
       id: undefined,
       group: undefined,
     });
+
+    if (!!res.data.bank && !!data.bank.length) {
+      for (let i = 0; i < data.bank?.length; i++) {
+        if (data.bank[i].bankQr) {
+          console.log(i);
+          console.log(data.bank[i].bankQr);
+          await api
+            .put(
+              `/institution/${res.data.id}/bank-qr/${res.data.bank[i].id}`,
+              data.bank[i].bankQr,
+              {
+                headers: { 'Content-Type': data.bank[i].bankQr?.type },
+                onUploadProgress: (e) => console.log(e),
+              },
+            )
+            .catch((e) => console.error(e));
+        }
+      }
+    }
+
+    if (opts.indexDeleteQrCodeBank && opts.indexDeleteQrCodeBank.length > 0) {
+      console.log('delete');
+      opts.indexDeleteQrCodeBank.forEach(async (i) => {
+        await api
+          .delete(`/institution/${res.data.id}/bank-qr/${res.data.bank[i].id}`)
+          .catch((e) => console.error(e));
+      });
+    }
+
     if (res.status < 400) {
       return res.data;
     }

From 8c9e9abc18efe71cdea5fda7748fe3a3093f2165 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 25 Apr 2025 10:59:54 +0700
Subject: [PATCH 58/61] fix: update rules for agency prefix name field

---
 src/components/02_personnel-management/FormPerson.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/02_personnel-management/FormPerson.vue b/src/components/02_personnel-management/FormPerson.vue
index e2e842c8..7335391d 100644
--- a/src/components/02_personnel-management/FormPerson.vue
+++ b/src/components/02_personnel-management/FormPerson.vue
@@ -102,7 +102,9 @@ watch(
           :option="optionStore.globalOption?.prefix"
           :id="`${prefixId}-select-prefix-name`"
           :for="`${prefixId}-select-prefix-name`"
-          :rules="[(val: string) => !!val || $t('form.error.required')]"
+          :rules="
+            agency ? [] : [(val: string) => !!val || $t('form.error.required')]
+          "
           :label="$t('personnel.form.prefixName')"
           class="col-md-1 col-6"
           v-model="prefixName"

From 21699b14c52abbbe83985506bf0b8ef3c7f0e8eb Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Fri, 25 Apr 2025 15:15:37 +0700
Subject: [PATCH 59/61] feat: troubleshooting page

---
 quasar.config.ts                 |  2 +-
 src/i18n/eng.ts                  |  3 ++-
 src/i18n/tha.ts                  |  1 +
 src/layouts/DrawerComponent.vue  |  4 ++++
 src/pages/00_manual/MainPage.vue | 35 +++++++++++++++++++++++---------
 src/pages/00_manual/ViewPage.vue | 34 +++++++++++++++++++++++--------
 src/router/routes.ts             | 10 +++++++++
 src/stores/manual/index.ts       | 32 ++++++++++++++++++++++++++---
 8 files changed, 97 insertions(+), 24 deletions(-)

diff --git a/quasar.config.ts b/quasar.config.ts
index cc0715ad..38bb94c1 100644
--- a/quasar.config.ts
+++ b/quasar.config.ts
@@ -31,7 +31,7 @@ export default defineConfig((ctx) => {
     devServer: {
       host: '0.0.0.0',
       open: false,
-      port: 5173,
+      port: 5174,
     },
     framework: {
       config: {},
diff --git a/src/i18n/eng.ts b/src/i18n/eng.ts
index fd4edc0e..73b4b096 100644
--- a/src/i18n/eng.ts
+++ b/src/i18n/eng.ts
@@ -254,7 +254,8 @@ export default {
 
     manual: {
       title: 'Manual',
-      usage: 'การใช้งาน',
+      usage: 'Usage',
+      troubleshooting: 'Troubleshooting',
     },
   },
 
diff --git a/src/i18n/tha.ts b/src/i18n/tha.ts
index fe0045bb..31adb4c6 100644
--- a/src/i18n/tha.ts
+++ b/src/i18n/tha.ts
@@ -255,6 +255,7 @@ export default {
     manual: {
       title: 'คู่มือ',
       usage: 'การใช้งาน',
+      troubleshooting: 'การแก้ปัญหา',
     },
   },
 
diff --git a/src/layouts/DrawerComponent.vue b/src/layouts/DrawerComponent.vue
index c1b01436..6875f9e8 100644
--- a/src/layouts/DrawerComponent.vue
+++ b/src/layouts/DrawerComponent.vue
@@ -215,6 +215,10 @@ function initMenu() {
           label: 'usage',
           route: '/manual',
         },
+        {
+          label: 'troubleshooting',
+          route: '/troubleshooting',
+        },
       ],
     },
   ];
diff --git a/src/pages/00_manual/MainPage.vue b/src/pages/00_manual/MainPage.vue
index adcb668f..a0b85ef8 100644
--- a/src/pages/00_manual/MainPage.vue
+++ b/src/pages/00_manual/MainPage.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 // NOTE: Library
 import { storeToRefs } from 'pinia';
-import { onMounted } from 'vue';
+import { onMounted, watch } from 'vue';
 
 // NOTE:  Components
 
@@ -10,22 +10,33 @@ import { onMounted } from 'vue';
 import { useManualStore } from 'src/stores/manual';
 import { useNavigator } from 'src/stores/navigator';
 import { Icon } from '@iconify/vue/dist/iconify.js';
+import { useRoute } from 'vue-router';
 
 // NOTE: Variable
+const route = useRoute();
 const manualStore = useManualStore();
 const navigatorStore = useNavigator();
-const { dataManual } = storeToRefs(manualStore);
-
-async function fetchManual() {
-  const res = await manualStore.getManual();
-  dataManual.value = res ? res : [];
-}
+const { dataManual, dataTroubleshooting } = storeToRefs(manualStore);
 
 onMounted(async () => {
   navigatorStore.current.title = 'menu.manual.title';
   navigatorStore.current.path = [{ text: '' }];
-  await fetchManual();
 });
+
+watch(
+  () => route.name,
+  async () => {
+    if (route.name === 'Manual') {
+      const res = await manualStore.getManual();
+      dataManual.value = res ? res : [];
+    }
+    if (route.name === 'Troubleshooting') {
+      const res = await manualStore.getTroubleshooting();
+      dataTroubleshooting.value = res ? res : [];
+    }
+  },
+  { immediate: true },
+);
 </script>
 
 <template>
@@ -34,7 +45,7 @@ onMounted(async () => {
   >
     <section class="scroll q-gutter-y-sm">
       <q-expansion-item
-        v-for="v in dataManual"
+        v-for="v in $route.name === 'Manual' ? dataManual : dataTroubleshooting"
         :key="v.labelEN"
         :content-inset-level="0.5"
         class="rounded overflow-hidden bordered"
@@ -58,7 +69,11 @@ onMounted(async () => {
           clickable
           dense
           class="dot items-center rounded q-my-xs"
-          :to="`/manual/${v.category}/${x.name}`"
+          :to="
+            $route.name === 'Manual'
+              ? `/manual/${v.category}/${x.name}`
+              : `/troubleshooting/${v.category}/${x.name}`
+          "
         >
           <Icon
             v-if="!!x.icon"
diff --git a/src/pages/00_manual/ViewPage.vue b/src/pages/00_manual/ViewPage.vue
index 35f2d6d6..1cdf5881 100644
--- a/src/pages/00_manual/ViewPage.vue
+++ b/src/pages/00_manual/ViewPage.vue
@@ -56,14 +56,28 @@ onUnmounted(() => {
 
 async function getContent() {
   if (!category.value || !page.value) return;
-  const res = await manualStore.getManualByPage({
-    category: category.value,
-    pageName: page.value,
-  });
-  if (res && res.ok) {
-    const text = await res.text();
-    content.value = text;
-    contentParsed.value = md.parse(text, {});
+
+  if (ROUTE.name === 'ManualView') {
+    const res = await manualStore.getManualByPage({
+      category: category.value,
+      pageName: page.value,
+    });
+    if (res && res.ok) {
+      const text = await res.text();
+      content.value = text;
+      contentParsed.value = md.parse(text, {});
+    }
+  }
+  if (ROUTE.name === 'TroubleshootingView') {
+    const res = await manualStore.getTroubleshootingByPage({
+      category: category.value,
+      pageName: page.value,
+    });
+    if (res && res.ok) {
+      const text = await res.text();
+      content.value = text;
+      contentParsed.value = md.parse(text, {});
+    }
   }
 }
 
@@ -184,7 +198,9 @@ async function scrollTo(id: string) {
           md.render(
             content.replaceAll(
               'assets/',
-              `${baseUrl}/manual/${category}/assets/`,
+              $route.name === 'ManualView'
+                ? `${baseUrl}/manual/${category}/assets/`
+                : `${baseUrl}/troubleshooting/${category}/assets/`,
             ),
           )
         "
diff --git a/src/router/routes.ts b/src/router/routes.ts
index e05049fd..c3ef0438 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -155,6 +155,16 @@ const routes: RouteRecordRaw[] = [
         name: 'ManualView',
         component: () => import('pages/00_manual/ViewPage.vue'),
       },
+      {
+        path: '/troubleshooting',
+        name: 'Troubleshooting',
+        component: () => import('pages/00_manual/MainPage.vue'),
+      },
+      {
+        path: '/troubleshooting/:category/:page',
+        name: 'TroubleshootingView',
+        component: () => import('pages/00_manual/ViewPage.vue'),
+      },
     ],
   },
 
diff --git a/src/stores/manual/index.ts b/src/stores/manual/index.ts
index fef42284..e2842bd3 100644
--- a/src/stores/manual/index.ts
+++ b/src/stores/manual/index.ts
@@ -5,10 +5,11 @@ import { getToken } from 'src/services/keycloak';
 import { Manual } from './types';
 import { baseUrl } from '../utils';
 
-const ENDPOINT = 'manual';
+const MANUAL_ENDPOINT = 'manual';
+const TROUBLESHOOTING_ENDPOINT = 'troubleshooting';
 
 export async function getManual() {
-  const res = await api.get<Manual[]>(`/${ENDPOINT}`);
+  const res = await api.get<Manual[]>(`/${MANUAL_ENDPOINT}`);
   if (res.status < 400) {
     return res.data;
   }
@@ -20,7 +21,28 @@ export async function getManualByPage(opt: {
   pageName: string;
 }) {
   const res = await fetch(
-    `${baseUrl}/${ENDPOINT}/${opt.category}/page/${opt.pageName}`,
+    `${baseUrl}/${MANUAL_ENDPOINT}/${opt.category}/page/${opt.pageName}`,
+  );
+  if (res.status < 400) {
+    return res;
+  }
+  return null;
+}
+
+export async function getTroubleshooting() {
+  const res = await api.get<Manual[]>(`/${TROUBLESHOOTING_ENDPOINT}`);
+  if (res.status < 400) {
+    return res.data;
+  }
+  return null;
+}
+
+export async function getTroubleshootingByPage(opt: {
+  category: string;
+  pageName: string;
+}) {
+  const res = await fetch(
+    `${baseUrl}/${TROUBLESHOOTING_ENDPOINT}/${opt.category}/page/${opt.pageName}`,
   );
   if (res.status < 400) {
     return res;
@@ -30,11 +52,15 @@ export async function getManualByPage(opt: {
 
 export const useManualStore = defineStore('manual-store', () => {
   const dataManual = ref<Manual[]>([]);
+  const dataTroubleshooting = ref<Manual[]>([]);
 
   return {
     getManual,
     getManualByPage,
+    getTroubleshooting,
+    getTroubleshootingByPage,
 
     dataManual,
+    dataTroubleshooting,
   };
 });

From a0b7fb3a1b02f3fa59ac86ee5fae1484d6253f03 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Fri, 25 Apr 2025 16:52:25 +0700
Subject: [PATCH 60/61] feat: table border and spacing

---
 src/pages/00_manual/ViewPage.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/pages/00_manual/ViewPage.vue b/src/pages/00_manual/ViewPage.vue
index 1cdf5881..bac74c09 100644
--- a/src/pages/00_manual/ViewPage.vue
+++ b/src/pages/00_manual/ViewPage.vue
@@ -331,4 +331,20 @@ async function scrollTo(id: string) {
 .markdown :deep(video) {
   width: 100%;
 }
+
+.markdown :deep(table) {
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: 1.5rem;
+}
+
+.markdown :deep(:where(table th)) {
+  background: #f3f3f7;
+  border: 1px solid #e1e1e8;
+}
+
+.markdown :deep(:where(table td, table th)) {
+  border: 1px solid #e1e1e8;
+  padding: 0.25rem 1rem;
+}
 </style>

From 84d3e0d7777af1c50f817ca7fc9646615b83dc69 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Fri, 25 Apr 2025 17:00:16 +0700
Subject: [PATCH 61/61] fix: dark mode manual table

---
 src/pages/00_manual/ViewPage.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/00_manual/ViewPage.vue b/src/pages/00_manual/ViewPage.vue
index bac74c09..05e08147 100644
--- a/src/pages/00_manual/ViewPage.vue
+++ b/src/pages/00_manual/ViewPage.vue
@@ -339,12 +339,12 @@ async function scrollTo(id: string) {
 }
 
 .markdown :deep(:where(table th)) {
-  background: #f3f3f7;
-  border: 1px solid #e1e1e8;
+  background: var(--surface-2);
+  border: 1px solid var(--border-color);
 }
 
 .markdown :deep(:where(table td, table th)) {
-  border: 1px solid #e1e1e8;
+  border: 1px solid var(--border-color);
   padding: 0.25rem 1rem;
 }
 </style>