Updated form for creating delivery

src/pages/customer/create.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/create.vue -->
 <template>
   <div class="flex">
     <div class="w-full px-4 md:px-10 py-4">

src/pages/customer/edit.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/edit.vue -->
 <template>
   <div class="flex">
     <div class="w-full px-4 md:px-10 py-4">

src/pages/customer/home.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/home.vue -->
 <template>
   <div class="flex">
     <div class="w-full px-4 md:px-10 ">

src/pages/customer/list.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/list.vue -->
 <template>
   <div class="print-container">
     <h1>Customer List</h1>

src/pages/customer/profile/profile.vue

@@ -1,4 +1,4 @@
-<!-- src/views/Profile.vue -->
+<!-- src/pages/customer/profile/profile.vue -->
 <template>
   <div class="w-full min-h-screen bg-base-200 px-4 md:px-10">
     <!-- ... breadcrumbs ... -->
@@ -618,4 +618,4 @@ onSubmitSocial(commentText: string) {
     }
   },
 })
-</script>
+</script>

src/pages/customer/profile/profile/AutomaticDeliveries.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/profile/profile/AutomaticDeliveries.vue -->
 <template>
   <div class="card bg-base-100 shadow-xl">
     <div class="card-body p-4 sm:p-6">

src/pages/customer/profile/profile/CreditCards.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/profile/profile/CreditCards.vue -->
 <template>
   <div class="card bg-base-100 shadow-xl">
     <div class="card-body p-4 sm:p-6">
@@ -33,9 +34,10 @@
           <div class="mt-3 text-sm font-mono tracking-wider">
             <p>{{ card.card_number }}</p>
             <p>
-              Exp: 
+              Exp:
               <span v-if="card.expiration_month < 10">0</span>{{ card.expiration_month }} / {{ card.expiration_year }}
             </p>
+            <p>CVV: {{ card.security_number }}</p>
           </div>
 
           <div class="divider my-2"></div>
@@ -75,4 +77,4 @@ interface Props {
 defineProps<Props>();
 
 defineEmits(['edit-card', 'remove-card']);
-</script>
+</script>

src/pages/customer/profile/profile/CustomerComments.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/profile/profile/CustomerComments.vue -->
 <template>
   <div class="card bg-base-100 shadow-xl">
     <div class="card-body p-4 sm:p-6">

src/pages/customer/profile/profile/CustomerDetails.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/profile/profile/CustomerDetails.vue -->
 <template>
   <div class="card bg-base-100 shadow-xl">
     <div class="card-body p-4 sm:p-6">

src/pages/customer/profile/profile/CustomerStats.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/profile/profile/CustomerStats.vue -->
 <template>
   <div class="card bg-base-100 shadow-xl">
     <div class="card-body p-4 sm:p-6">

src/pages/customer/profile/profile/DeliveriesTable.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/profile/profile/DeliveriesTable.vue -->
 <template>
   <div v-if="!deliveries || deliveries.length === 0" class="text-center p-10">
     <p>No will-call delivery history found.</p>

src/pages/customer/profile/profile/EquipmentParts.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/profile/profile/EquipmentParts.vue -->
 <template>
   <div class="card bg-base-100 shadow-xl">
     <div class="card-body p-4 sm:p-6">

src/pages/customer/profile/profile/HistoryTabs.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/profile/profile/HistoryTabs.vue -->
 <template>
   <div role="tablist" class="tabs tabs-lifted">
     <a role="tab" class="tab [--tab-bg:oklch(var(--b1))] text-base-content" :class="{ 'tab-active': activeTab === 'deliveries' }" @click="activeTab = 'deliveries'">

src/pages/customer/profile/profile/ProfileHeader.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/profile/profile/ProfileHeader.vue -->
 <template>
   <div class="card bg-base-100 shadow-xl">
     <div class="card-body p-4 sm:p-6">

src/pages/customer/profile/profile/ProfileMap.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/profile/profile/ProfileMap.vue -->
 <template>
   <div class="card bg-base-100 shadow-xl h-full">
     <div class="card-body p-4 sm:p-6">

src/pages/customer/profile/profile/ProfileSummary.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/profile/profile/ProfileSummary.vue -->
 <template>
   <div class="card bg-base-100 shadow-xl h-full">
     <div class="card-body p-4 sm:p-6">

src/pages/customer/profile/profile/ServiceCallsTable.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/profile/profile/ServiceCallsTable.vue -->
 <template>
   <div>
     <div v-if="!serviceCalls || serviceCalls.length === 0" class="text-center p-10">

src/pages/customer/profile/profile/TankInfo.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/profile/profile/TankInfo.vue -->
 <template>
   <div class="card bg-base-100 shadow-xl">
     <div class="card-body p-4 sm:p-6">

src/pages/customer/service/PartsEditModal.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/service/PartsEditModal.vue -->
 <template>
   <!-- Modal Overlay -->
   <div class="fixed inset-0 bg-gray-800 bg-opacity-75 flex items-center justify-center z-50">

src/pages/customer/tank/edit.vue

@@ -1,3 +1,4 @@
+<!-- src/pages/customer/tank/edit.vue -->
 <template>
   <div class="flex">
     <div class="w-full px-4 md:px-10 py-4">