From 661aaf39b05aaeb96ce1765101ee43c56fa41666 Mon Sep 17 00:00:00 2001
From: Edwin Eames <eddwinn@gmail.com>
Date: Thu, 30 Oct 2025 20:39:14 -0400
Subject: [PATCH] fixed auto query profile

---
 src/pages/admin/authorize.vue                 |   2 +-
 src/pages/card/addcard.vue                    |   1 +
 src/pages/customer/profile/profile.vue        | 325 ++++++++----------
 .../update_tickets/finalize_ticket.vue        |   1 +
 .../finalize_ticket_auto_nocc.vue             |   2 +-
 src/pages/pay/oil/capture_authorize.vue       |   2 +-
 src/pages/pay/oil/pay_oil.vue                 |   2 +-
 .../pay/service/authorize_preauthcharge.vue   |   2 +-
 src/pages/pay/service/capture_authorize.vue   |   1 +
 src/pages/pay/service/pay_service.vue         |   2 +-
 src/pages/service/ServiceEditModal.vue        |   7 +-
 11 files changed, 157 insertions(+), 190 deletions(-)

diff --git a/src/pages/admin/authorize.vue b/src/pages/admin/authorize.vue
index 86e7c35..2de66c3 100644
--- a/src/pages/admin/authorize.vue
+++ b/src/pages/admin/authorize.vue
@@ -1,4 +1,4 @@
-<!-- src/pages/admin/oilprice.vue -->
+<!-- src/pages/admin/authorize.vue -->
 <template>
   <div class="flex">
     <div class="w-full px-4 md:px-10 py-4">
diff --git a/src/pages/card/addcard.vue b/src/pages/card/addcard.vue
index 9a05d09..3138eea 100755
--- a/src/pages/card/addcard.vue
+++ b/src/pages/card/addcard.vue
@@ -1,3 +1,4 @@
+<!-- src/pages/card/addcard.vue -->
 <template>
   <div class="flex">
     <div class="w-full px-4 md-px-10 py-4">
diff --git a/src/pages/customer/profile/profile.vue b/src/pages/customer/profile/profile.vue
index 3be6fcd..e064c38 100755
--- a/src/pages/customer/profile/profile.vue
+++ b/src/pages/customer/profile/profile.vue
@@ -3,26 +3,25 @@
   <div class="w-full min-h-screen bg-base-200 px-4 md:px-10">
     <!-- ... breadcrumbs ... -->
 
-      <div v-if="customer && customer.id" class="bg-neutral rounded-lg p-4 sm:p-6 mt-6">
+    <div v-if="customer && customer.id" class="bg-neutral rounded-lg p-4 sm:p-6 mt-6">
 
       <!-- Current Plan Status Banner - Same as ServicePlanEdit.vue -->
-      <div v-if="servicePlan && servicePlan.contract_plan > 0"
-           class="alert alert-info mb-6"
-           :class="servicePlan.contract_plan === 2 ? 'border-4 border-yellow-400 bg-yellow-50' : ''">
+      <div v-if="servicePlan && servicePlan.contract_plan > 0" class="alert alert-info mb-6"
+        :class="servicePlan.contract_plan === 2 ? 'border-4 border-yellow-400 bg-yellow-50' : ''">
         <div class="flex items-center">
           <div class="flex-1">
             <div class="flex items-center gap-3">
               <h3 class="font-bold">Current Plan: {{ getPlanName(servicePlan.contract_plan) }}</h3>
               <!-- Premium Star Icon -->
-              <svg v-if="servicePlan.contract_plan === 2"
-                   class="w-8 h-8 text-yellow-500 fill-current"
-                   fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <svg v-if="servicePlan.contract_plan === 2" class="w-8 h-8 text-yellow-500 fill-current" fill="none"
+                stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                      d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"/>
+                  d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" />
               </svg>
             </div>
             <p>{{ servicePlan.contract_years }} Year{{ servicePlan.contract_years > 1 ? 's' : '' }} Contract</p>
-            <p class="text-sm">Expires: {{ formatEndDate(servicePlan.contract_start_date, servicePlan.contract_years) }}</p>
+            <p class="text-sm">Expires: {{ formatEndDate(servicePlan.contract_start_date, servicePlan.contract_years) }}
+            </p>
           </div>
           <div class="badge" :class="getStatusBadge(servicePlan.contract_start_date, servicePlan.contract_years)">
             {{ getStatusText(servicePlan.contract_start_date, servicePlan.contract_years) }}
@@ -35,35 +34,22 @@
 
         <!-- FIX: Changed `lg:` to `xl:` -->
         <div class="xl:col-span-8 space-y-6">
-          
-          <div class="grid grid-cols-1 xl:grid-cols-12 gap-6">
-        <ProfileMap 
-    v-if="customer && customer.customer_latitude != null && customer.customer_longitude != null"
-    class="xl:col-span-7"
-    :customer="customer" 
-  />
-  
-  <!-- You can add a placeholder for when the map isn't ready -->
-  <div v-else class="xl:col-span-7 bg-base-100 rounded-lg flex justify-center items-center">
-    <p class="text-gray-400">Location not available...</p>
-  </div>
 
-            <ProfileSummary
-              class="xl:col-span-5"
-              :customer="customer"
-              :automatic_status="automatic_status"
-              :customer_description="customer_description.description"
-              @toggle-automatic="userAutomatic"
-            />
+          <div class="grid grid-cols-1 xl:grid-cols-12 gap-6">
+            <ProfileMap v-if="customer && customer.customer_latitude != null && customer.customer_longitude != null"
+              class="xl:col-span-7" :customer="customer" />
+
+            <!-- You can add a placeholder for when the map isn't ready -->
+            <div v-else class="xl:col-span-7 bg-base-100 rounded-lg flex justify-center items-center">
+              <p class="text-gray-400">Location not available...</p>
+            </div>
+
+            <ProfileSummary class="xl:col-span-5" :customer="customer" :automatic_status="automatic_status"
+              :customer_description="customer_description.description" @toggle-automatic="userAutomatic" />
           </div>
-          
-          <HistoryTabs
-            :deliveries="deliveries"
-            :autodeliveries="autodeliveries"
-            :service-calls="serviceCalls"
-            :transactions="transactions"
-            @open-service-modal="openEditModal"
-          />
+
+          <HistoryTabs :deliveries="deliveries" :autodeliveries="autodeliveries" :service-calls="serviceCalls"
+            :transactions="transactions" @open-service-modal="openEditModal" />
         </div>
 
 
@@ -75,7 +61,8 @@
             <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
               <div class="flex items-center gap-3 mb-3 md:mb-0">
                 <svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v4a3 3 0 003 3z"/>
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                    d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v4a3 3 0 003 3z" />
                 </svg>
                 <span v-if="isLoadingAuthorize" class="text-sm font-medium">
                   <span class="loading loading-dots loading-xs mr-2"></span>
@@ -91,52 +78,32 @@
               <div class="flex gap-2" v-if="!isLoadingAuthorize && !authorizeCheck.valid_for_charging">
                 <!-- CREATE ACCOUNT SECTION - Only show when account doesn't exist -->
                 <div class="flex gap-2">
-                 
-                  <button
-                    @click="createAuthorizeAccount"
+
+                  <button @click="createAuthorizeAccount"
                     :class="['btn btn-sm', credit_cards_count === 0 ? 'btn-disabled' : 'btn-primary']"
-                    :disabled="credit_cards_count === 0"
-                    v-if="credit_cards_count > 0"
-                  >
+                    :disabled="credit_cards_count === 0" v-if="credit_cards_count > 0">
                     Create Account
                   </button>
-                  <button
-                    v-else
-                    @click="addCreditCard"
-                    class="btn btn-secondary btn-sm"
-                  >
+                  <button v-else @click="addCreditCard" class="btn btn-secondary btn-sm">
                     Add Card First
                   </button>
                 </div>
               </div>
               <!-- DELETE ACCOUNT SECTION - Only show when account exists -->
               <div v-if="authorizeCheck.valid_for_charging" class="mt-3 lg:mt-0 lg:flex lg:gap-2">
-                <button
-                  @click="showDeleteAccountModal"
-                  class="btn btn-error btn-sm lg:self-start"
-                >
+                <button @click="showDeleteAccountModal" class="btn btn-error btn-sm lg:self-start">
                   Delete Account
                 </button>
               </div>
             </div>
           </div>
 
-          <CustomerComments
-            :comments="comments"
-            @add-comment="onSubmitSocial"
-            @delete-comment="deleteCustomerSocial"
-          />
+          <CustomerComments :comments="comments" @add-comment="onSubmitSocial" @delete-comment="deleteCustomerSocial" />
           <CustomerStats :stats="customer_stats" :last_delivery="customer_last_delivery" />
           <TankInfo :customer_id="customer.id" :tank="customer_tank" :description="customer_description" />
           <EquipmentParts :parts="currentParts" @open-parts-modal="openPartsModal" />
-          <CreditCards
-            :cards="credit_cards"
-            :count="credit_cards_count"
-            :user_id="customer.id"
-            :auth_net_profile_id="customer.auth_net_profile_id"
-            @edit-card="editCard"
-            @remove-card="removeCard"
-          />
+          <CreditCards :cards="credit_cards" :count="credit_cards_count" :user_id="customer.id"
+            :auth_net_profile_id="customer.auth_net_profile_id" @edit-card="editCard" @remove-card="removeCard" />
 
           <!-- Automatic Delivery Actions Box -->
           <div v-if="automatic_status === 1 && autodeliveries.length > 0" class="bg-base-100 rounded-lg p-4 border">
@@ -162,7 +129,7 @@
         </div>
       </div>
     </div>
-    
+
     <!-- A loading indicator is shown while the API call is in progress -->
     <div v-else class="flex justify-center items-center mt-20">
       <span class="loading loading-spinner loading-lg"></span>
@@ -174,26 +141,17 @@
 
 
   <!-- Modals remain at the root of the template for proper display -->
-  <ServiceEditModal
-      v-if="selectedServiceForEdit"
-      :service="selectedServiceForEdit"
-      @close-modal="closeEditModal"
-      @save-changes="handleSaveChanges"
-      @delete-service="handleDeleteService"
-  />
-  <PartsEditModal
-      v-if="isPartsModalOpen && currentParts"
-      :customer-id="customer.id"
-      :existing-parts="currentParts"
-      @close-modal="closePartsModal"
-      @save-parts="handleSaveParts"
-    />
+  <ServiceEditModal v-if="selectedServiceForEdit" :service="selectedServiceForEdit" @close-modal="closeEditModal"
+    @save-changes="handleSaveChanges" @delete-service="handleDeleteService" />
+  <PartsEditModal v-if="isPartsModalOpen && currentParts" :customer-id="customer.id" :existing-parts="currentParts"
+    @close-modal="closePartsModal" @save-parts="handleSaveParts" />
 
   <!-- Delete Account Confirmation Modal -->
   <div class="modal" :class="{ 'modal-open': isDeleteAccountModalVisible }">
     <div class="modal-box">
       <h3 class="font-bold text-lg">Confirm Account Deletion</h3>
-      <p class="py-4">This will permanently delete the Authorize.net account and remove all payment profiles. This action cannot be undone.</p>
+      <p class="py-4">This will permanently delete the Authorize.net account and remove all payment profiles. This
+        action cannot be undone.</p>
       <div class="modal-action">
         <button @click="deleteAccount" class="btn btn-error">Delete Account</button>
         <button @click="isDeleteAccountModalVisible = false" class="btn">Cancel</button>
@@ -214,7 +172,9 @@
         <div v-else class="text-center">
           <div class="text-success mb-3">
             <svg class="w-12 h-12 mx-auto mb-2" fill="currentColor" viewBox="0 0 20 20">
-              <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
+              <path fill-rule="evenodd"
+                d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
+                clip-rule="evenodd" />
             </svg>
           </div>
           <p class="text-lg font-semibold mb-2">Account Created Successfully!</p>
@@ -236,7 +196,7 @@
         <div class="text-center">
           <svg class="w-16 h-16 mx-auto mb-4 text-warning" fill="none" stroke="currentColor" viewBox="0 0 24 24">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                  d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"/>
+              d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z" />
           </svg>
           <p class="text-lg font-semibold">Duplicate Account in Authorize.net</p>
           <p class="text-sm text-gray-600 mt-2">
@@ -293,7 +253,7 @@ import shadowUrl from 'leaflet/dist/images/marker-shadow.png';
 import { LMap, LTileLayer } from "@vue-leaflet/vue-leaflet";
 import dayjs from 'dayjs';
 import ServiceEditModal from '../../service/ServiceEditModal.vue';
-import PartsEditModal from '../service/PartsEditModal.vue'; 
+import PartsEditModal from '../service/PartsEditModal.vue';
 
 // Import new child components
 import ProfileMap from './profile/ProfileMap.vue';
@@ -326,7 +286,7 @@ interface AutomaticDelivery {
   customer_full_name: string;
   gallons_delivered: number | string;
   fill_date: string;
-    auto_status: number | string;
+  auto_status: number | string;
   open_ticket_id: number | string;
 }
 
@@ -384,7 +344,7 @@ export default defineComponent({
     ServiceEditModal,
     PartsEditModal,
     // Register new components
- ProfileMap,
+    ProfileMap,
     ProfileSummary,
     CustomerStats,
     TankInfo,
@@ -394,12 +354,12 @@ export default defineComponent({
     HistoryTabs,
   },
   data() {
-   return {
+    return {
       zoom: 14,
       user: null as { user_id: number; user_name: string; confirmed: string; } | null,
       automatic_status: 0,
       customer_last_delivery: '',
-      comments: [ { id: 0, created: '', customer_id: 0, poster_employee_id: 0, comment: '' } ],
+      comments: [{ id: 0, created: '', customer_id: 0, poster_employee_id: 0, comment: '' }],
       CreateSocialForm: { basicInfo: { comment: '' } },
 
       // --- UPDATE THESE LINES ---
@@ -429,7 +389,7 @@ export default defineComponent({
       isDuplicateErrorModalVisible: false, // Add for duplicate detection popup
     }
   },
-   computed: {
+  computed: {
     hasPartsData() {
       if (!this.currentParts) return false;
       return !!(this.currentParts.oil_filter || this.currentParts.oil_filter_2 || this.currentParts.oil_nozzle || this.currentParts.oil_nozzle_2);
@@ -456,12 +416,12 @@ export default defineComponent({
   methods: {
     // ALL YOUR METHODS from the original file go here without any changes.
     // getCustomer, userStatus, userAutomatic, etc...
-     getPage: function (page: any) {
+    getPage: function (page: any) {
       if (this.customer && this.customer.id) {
         this.getCustomerDelivery(this.customer.id, page);
       }
     },
-     getCustomer(userid: any) {
+    getCustomer(userid: any) {
       if (!userid) return;
       let path = import.meta.env.VITE_BASE_URL + '/customer/' + userid;
       axios({
@@ -470,14 +430,14 @@ export default defineComponent({
         headers: authHeader(),
       }).then((response: any) => {
         this.customer = response.data;
-        
+
         // --- DEPENDENT API CALLS ---
         this.userStatus();
-        
+
         // FIX: Pass the correct ID for payment-related calls
         this.getCreditCards(this.customer.id);
         this.getCreditCardsCount(this.customer.id);
-        
+
         // These other calls are likely correct as they are customer-specific
         this.getCustomerSocial(this.customer.id, 1);
         this.getPage(this.delivery_page);
@@ -494,7 +454,7 @@ export default defineComponent({
         this.checkAuthorizeAccount();
 
       }).catch((error: any) => {
-          console.error("CRITICAL: Failed to fetch main customer data. Aborting other calls.", error);
+        console.error("CRITICAL: Failed to fetch main customer data. Aborting other calls.", error);
       });
     },
     userStatus() {
@@ -505,9 +465,9 @@ export default defineComponent({
         withCredentials: true,
         headers: authHeader(),
       }).then((response: any) => {
-          if (response.data.ok) {
-            this.user = response.data.user;
-          }
+        if (response.data.ok) {
+          this.user = response.data.user;
+        }
       }).catch(() => { this.user = null });
     },
     userAutomaticStatus(userid: any) {
@@ -518,7 +478,7 @@ export default defineComponent({
         headers: authHeader(),
       }).then((response: any) => {
         this.automatic_status = response.data.status
-        if (this.automatic_status === 1){
+        if (this.automatic_status === 1) {
           this.getCustomerAutoDelivery(this.customer.id)
         }
         this.checktotalOil(this.customer.id)
@@ -623,14 +583,15 @@ export default defineComponent({
       })
     },
     getCustomerAutoDelivery(userid: any) {
-      let path = import.meta.env.VITE_AUTO_URL + '/delivery/auto/customer/' + userid ;
+      let path = import.meta.env.VITE_AUTO_URL + '/delivery/all/profile/' + userid;
       axios({
         method: 'get',
         url: path,
         headers: authHeader(),
       }).then((response: any) => {
         // Handle the case where response.data might be null (no auto delivery found)
-        this.autodeliveries = response.data ? [response.data] : []
+        this.autodeliveries = response.data || []
+        console.log(this.autodeliveries)
       })
     },
     getCustomerDelivery(userid: any, delivery_page: any) {
@@ -646,30 +607,30 @@ export default defineComponent({
     editCard(card_id: any) {
       this.$router.push({ name: "cardedit", params: { id: card_id } });
     },
-removeCard(card_id: any) {
-  let path = import.meta.env.VITE_BASE_URL + '/payment/card/remove/' + card_id;
-  axios({
-    method: 'delete',
-    url: path,
-    headers: authHeader(),
-  }).then(() => {
-    // --- EFFICIENT FIX: Manipulate the local array directly ---
-    
-    // 1. Filter the 'credit_cards' array to remove the card with the matching id.
-    this.credit_cards = this.credit_cards.filter(card => card.id !== card_id);
-    
-    // 2. Decrement the count.
-    this.credit_cards_count--;
+    removeCard(card_id: any) {
+      let path = import.meta.env.VITE_BASE_URL + '/payment/card/remove/' + card_id;
+      axios({
+        method: 'delete',
+        url: path,
+        headers: authHeader(),
+      }).then(() => {
+        // --- EFFICIENT FIX: Manipulate the local array directly ---
 
-    // --- END EFFICIENT FIX ---
-    
-    notify({ title: "Card Status", text: "Card Removed", type: "Success" });
-  })
-  .catch(() => {
-    
-      notify({ title: "Error", text: "Could not remove card.", type: "error" });
-  });
-},
+        // 1. Filter the 'credit_cards' array to remove the card with the matching id.
+        this.credit_cards = this.credit_cards.filter(card => card.id !== card_id);
+
+        // 2. Decrement the count.
+        this.credit_cards_count--;
+
+        // --- END EFFICIENT FIX ---
+
+        notify({ title: "Card Status", text: "Card Removed", type: "Success" });
+      })
+        .catch(() => {
+
+          notify({ title: "Error", text: "Could not remove card.", type: "error" });
+        });
+    },
     deleteCall(delivery_id: any) {
       let path = import.meta.env.VITE_BASE_URL + '/delivery/delete/' + delivery_id;
       axios({
@@ -724,40 +685,40 @@ removeCard(card_id: any) {
           }
         })
     },
-onSubmitSocial(commentText: string) {
-  if (!this.user) {
-    console.error("Cannot submit comment: user is not logged in.");
-    return;
-  }
-  
-  let payload = { comment: commentText, poster_employee_id: this.user.user_id };
-  this.CreateSocialComment(payload);
-},
+    onSubmitSocial(commentText: string) {
+      if (!this.user) {
+        console.error("Cannot submit comment: user is not logged in.");
+        return;
+      }
+
+      let payload = { comment: commentText, poster_employee_id: this.user.user_id };
+      this.CreateSocialComment(payload);
+    },
     getServiceCalls(customerId: number) {
-        let path = `${import.meta.env.VITE_BASE_URL}/service/for-customer/${customerId}`;
-        axios({
-            method: 'get',
-            url: path,
-            headers: authHeader(),
-            withCredentials: true,
-        }).then((response: any) => {
-            this.serviceCalls = response.data;
-        }).catch((error: any) => {
-            console.error("Failed to get customer service calls:", error);
-        });
+      let path = `${import.meta.env.VITE_BASE_URL}/service/for-customer/${customerId}`;
+      axios({
+        method: 'get',
+        url: path,
+        headers: authHeader(),
+        withCredentials: true,
+      }).then((response: any) => {
+        this.serviceCalls = response.data;
+      }).catch((error: any) => {
+        console.error("Failed to get customer service calls:", error);
+      });
     },
     getCustomerTransactions(customerId: number) {
-        let path = `${import.meta.env.VITE_BASE_URL}/payment/transactions/customer/${customerId}/1`;
-        axios({
-            method: 'get',
-            url: path,
-            headers: authHeader(),
-        }).then((response: any) => {
-            this.transactions = response.data;
-        }).catch((error: any) => {
-            console.error("Failed to get customer transactions:", error);
-            this.transactions = [];
-        });
+      let path = `${import.meta.env.VITE_BASE_URL}/payment/transactions/customer/${customerId}/1`;
+      axios({
+        method: 'get',
+        url: path,
+        headers: authHeader(),
+      }).then((response: any) => {
+        this.transactions = response.data;
+      }).catch((error: any) => {
+        console.error("Failed to get customer transactions:", error);
+        this.transactions = [];
+      });
     },
     openEditModal(service: ServiceCall) {
       this.selectedServiceForEdit = service;
@@ -780,23 +741,23 @@ onSubmitSocial(commentText: string) {
       try {
         const path = `${import.meta.env.VITE_BASE_URL}/service/delete/${serviceId}`;
         const response = await axios.delete(path, { headers: authHeader(), withCredentials: true });
-        if(response.data.ok) {
-            this.getServiceCalls(this.customer.id);
-            this.closeEditModal();
-             notify({ title: "Success", text: "Service call deleted!", type: "success" });
+        if (response.data.ok) {
+          this.getServiceCalls(this.customer.id);
+          this.closeEditModal();
+          notify({ title: "Success", text: "Service call deleted!", type: "success" });
         }
       } catch (error) {
         console.error("Failed to delete service call:", error);
       }
     },
     async fetchCustomerParts(customerId: number) {
-        try {
-            const path = `${import.meta.env.VITE_BASE_URL}/service/parts/customer/${customerId}`;
-            const response = await axios.get(path, { headers: authHeader() });
-            this.currentParts = response.data;
-        } catch (error) {
-            console.error("Failed to fetch customer parts:", error);
-        }
+      try {
+        const path = `${import.meta.env.VITE_BASE_URL}/service/parts/customer/${customerId}`;
+        const response = await axios.get(path, { headers: authHeader() });
+        this.currentParts = response.data;
+      } catch (error) {
+        console.error("Failed to fetch customer parts:", error);
+      }
     },
     openPartsModal() {
       if (this.currentParts) {
@@ -809,19 +770,19 @@ onSubmitSocial(commentText: string) {
       this.isPartsModalOpen = false;
     },
     async handleSaveParts(partsToSave: ServiceParts) {
-        try {
-            const path = `${import.meta.env.VITE_BASE_URL}/service/parts/update/${partsToSave.customer_id}`;
-            const response = await axios.post(path, partsToSave, { headers: authHeader() });
-            
-            if(response.data.ok) {
-                this.currentParts = partsToSave;
-                 notify({ title: "Success", text: "Equipment parts saved successfully!", type: "success" });
-            }
-            this.closePartsModal();
-        } catch (error) {
-            console.error("Failed to save parts:", error);
-            notify({ title: "Error", text: "Failed to save equipment parts.", type: "error" });
+      try {
+        const path = `${import.meta.env.VITE_BASE_URL}/service/parts/update/${partsToSave.customer_id}`;
+        const response = await axios.post(path, partsToSave, { headers: authHeader() });
+
+        if (response.data.ok) {
+          this.currentParts = partsToSave;
+          notify({ title: "Success", text: "Equipment parts saved successfully!", type: "success" });
         }
+        this.closePartsModal();
+      } catch (error) {
+        console.error("Failed to save parts:", error);
+        notify({ title: "Error", text: "Failed to save equipment parts.", type: "error" });
+      }
     },
     formatDate(dateString: string): string {
       if (!dateString) return 'N/A';
@@ -836,7 +797,7 @@ onSubmitSocial(commentText: string) {
       return typeMap[typeId] || 'Unknown Service';
     },
     getServiceTypeColor(typeId: number): string {
-       const colorMap: { [key: number]: string } = { 0: 'blue', 1: 'red', 2: 'green', 3: '#B58900', 4: 'black' };
+      const colorMap: { [key: number]: string } = { 0: 'blue', 1: 'red', 2: 'green', 3: '#B58900', 4: 'black' };
       return colorMap[typeId] || 'gray';
     },
     formatEndDate(startDate: string, years: number): string {
@@ -1009,9 +970,9 @@ onSubmitSocial(commentText: string) {
 
         // Check for E00039 duplicate error
         const errorMessage = error.response?.data?.error_detail ||
-                           error.response?.data?.detail ||
-                           error.response?.data?.message ||
-                           error.message || "Failed to create Authorize.net account";
+          error.response?.data?.detail ||
+          error.response?.data?.message ||
+          error.message || "Failed to create Authorize.net account";
 
         if (error.response?.data?.is_duplicate || errorMessage.includes("E00039")) {
           // Show duplicate account popup
diff --git a/src/pages/delivery/update_tickets/finalize_ticket.vue b/src/pages/delivery/update_tickets/finalize_ticket.vue
index d72ca85..d5470ae 100755
--- a/src/pages/delivery/update_tickets/finalize_ticket.vue
+++ b/src/pages/delivery/update_tickets/finalize_ticket.vue
@@ -1,3 +1,4 @@
+<!-- src/pages/delivery/update_tickets/finalize_ticket.vue -->
 <template>
   <div class="flex">
 
diff --git a/src/pages/delivery/update_tickets/finalize_ticket_auto_nocc.vue b/src/pages/delivery/update_tickets/finalize_ticket_auto_nocc.vue
index 77f95ef..c6c70b4 100644
--- a/src/pages/delivery/update_tickets/finalize_ticket_auto_nocc.vue
+++ b/src/pages/delivery/update_tickets/finalize_ticket_auto_nocc.vue
@@ -1,4 +1,4 @@
-<!-- src/pages/delivery/update_tickets/finalize_ticket_auto.vue -->
+<!-- src/pages/delivery/update_tickets/finalize_ticket_auto_nocc.vue -->
 <template>
   <div class="flex">
 
diff --git a/src/pages/pay/oil/capture_authorize.vue b/src/pages/pay/oil/capture_authorize.vue
index f146dd1..db919eb 100644
--- a/src/pages/pay/oil/capture_authorize.vue
+++ b/src/pages/pay/oil/capture_authorize.vue
@@ -1,4 +1,4 @@
-<!-- src/pages/pay/capture_authorize.vue -->
+<!-- src/pages/pay/oil/capture_authorize.vue -->
 <template>
   <div class="flex">
 
diff --git a/src/pages/pay/oil/pay_oil.vue b/src/pages/pay/oil/pay_oil.vue
index 2962df2..f5fcc0b 100755
--- a/src/pages/pay/oil/pay_oil.vue
+++ b/src/pages/pay/oil/pay_oil.vue
@@ -1,4 +1,4 @@
-<!-- src/pages/pay/pay_oil.vue -->
+<!-- src/pages/pay/oil/pay_oil.vue -->
 <template>
   <div class="flex">
  
diff --git a/src/pages/pay/service/authorize_preauthcharge.vue b/src/pages/pay/service/authorize_preauthcharge.vue
index 2e57132..21ac37e 100644
--- a/src/pages/pay/service/authorize_preauthcharge.vue
+++ b/src/pages/pay/service/authorize_preauthcharge.vue
@@ -1,4 +1,4 @@
-<!-- src/pages/pay/oil/authorize_preauthcharge.vue -->
+<!-- src/pages/pay/service/authorize_preauthcharge.vue -->
 <template>
   <div class="flex">
 
diff --git a/src/pages/pay/service/capture_authorize.vue b/src/pages/pay/service/capture_authorize.vue
index 93cdcc9..ef35c3d 100644
--- a/src/pages/pay/service/capture_authorize.vue
+++ b/src/pages/pay/service/capture_authorize.vue
@@ -1,3 +1,4 @@
+<!-- src/pages/pay/service/capture_authorize.vue -->
 <template>
   <div class="flex">
     <!-- Main container with responsive horizontal padding -->
diff --git a/src/pages/pay/service/pay_service.vue b/src/pages/pay/service/pay_service.vue
index 2259c67..2803958 100755
--- a/src/pages/pay/service/pay_service.vue
+++ b/src/pages/pay/service/pay_service.vue
@@ -1,4 +1,4 @@
-<!-- src/pages/pay/pay_oil.vue -->
+<!-- src/pages/pay/service/pay_service.vue -->
 <template>
   <div class="flex">
  
diff --git a/src/pages/service/ServiceEditModal.vue b/src/pages/service/ServiceEditModal.vue
index d19bf79..3e2714e 100644
--- a/src/pages/service/ServiceEditModal.vue
+++ b/src/pages/service/ServiceEditModal.vue
@@ -21,7 +21,10 @@
       <!-- Customer & Parts Info Section (Remains the same) -->
       <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
         <div v-if="customer" class="p-4 bg-base-200 rounded-md">
-          <div class="font-bold text-lg">{{ customer.account_number }}</div>
+          <div class="flex justify-between items-center font-bold text-lg">
+            <div>{{ customer.account_number }}</div>
+            <router-link :to="{ name: 'customerProfile', params: { id: customer.id } }" class="btn btn-sm btn-primary">Profile</router-link>
+          </div>
           <div class="text-sm">{{ customer.customer_first_name }} {{ customer.customer_last_name }}</div>
           <div class="text-sm">{{ customer.customer_address }}</div>
           <div class="text-sm">{{ customer.customer_town }}, {{ getStateAbbrev(customer.customer_state) }} {{ customer.customer_zip }}</div>
@@ -105,7 +108,7 @@ import authHeader from '../../services/auth.header';
 // --- Interfaces ---
 interface ServiceCall { id: number; scheduled_date: string; customer_id: number; customer_name: string; customer_address: string; customer_town: string; type_service_call: number; description: string; service_cost: string }
 interface EditableService extends Omit<ServiceCall, 'scheduled_date'> { date: string; time: number; }
-interface Customer { account_number: string; customer_first_name: string; customer_last_name: string; customer_address: string; customer_town: string; customer_state: number; customer_zip: string; customer_phone_number: string; }
+interface Customer { id: number; account_number: string; customer_first_name: string; customer_last_name: string; customer_address: string; customer_town: string; customer_state: number; customer_zip: string; customer_phone_number: string; }
 interface ServiceParts { customer_id: number; oil_filter: string; oil_filter_2: string; oil_nozzle: string; oil_nozzle_2: string; }
 
 export default defineComponent({