From 11750a3ffc4882add72f3a045e09ec501c233ae4 Mon Sep 17 00:00:00 2001
From: nyavokevin <nyavoevin@gmail.com>
Date: Mon, 2 Mar 2026 15:46:38 +0300
Subject: [PATCH] Ventes et modules transverses: devis, factures, messages,
 stats et webmailing

---
 .../InternalMessagePresentation.vue           |  29 ++--
 .../InterventionPresentation.vue              | 140 +++++++++++-------
 .../Invoice/InvoiceDetailPresentation.vue     |  33 +++--
 .../Quote/QuoteDetailPresentation.vue         |  21 +--
 .../Statistics/StatisticsPresentation.vue     |   4 +-
 .../Webmailing/WebmailingPresentation.vue     |  23 +--
 .../InternalMessages/MessageTypeSelect.vue    |  16 +-
 .../atoms/Statistics/DateRangeFilter.vue      |   6 +-
 .../components/atoms/Statistics/StatCard.vue  |   4 +-
 .../atoms/Webmailing/WebmailingAttachment.vue |   4 +-
 .../InternalMessages/InternalMessageForm.vue  |  17 +--
 .../InternalMessages/InternalMessageList.vue  |  35 +++--
 .../molecules/Invoice/InvoiceLinesTable.vue   |  48 ++++--
 .../molecules/Invoice/InvoiceSummary.vue      |   4 +-
 .../molecules/Quote/QuoteLinesTable.vue       |   4 +-
 .../molecules/Quote/QuoteSummary.vue          |   6 +-
 .../Statistics/ThanatometerPerformance.vue    |   7 +-
 .../molecules/Tables/Ventes/InvoiceTable.vue  |   2 +-
 .../molecules/Webmailing/WebmailingForm.vue   |  21 +--
 .../molecules/Webmailing/WebmailingList.vue   |   5 +-
 .../molecules/form/NewEmployeeForm.vue        |   4 +-
 .../molecules/location/LocationModal.vue      |   2 -
 thanasoft-front/src/services/tvaRate.ts       |   4 +-
 thanasoft-front/src/stores/invoiceStore.ts    |  25 +++-
 .../src/views/pages/Ventes/NewInvoice.vue     |  18 ++-
 25 files changed, 281 insertions(+), 201 deletions(-)

diff --git a/thanasoft-front/src/components/Organism/InternalMessages/InternalMessagePresentation.vue b/thanasoft-front/src/components/Organism/InternalMessages/InternalMessagePresentation.vue
index 5169ed4..2dc6c14 100644
--- a/thanasoft-front/src/components/Organism/InternalMessages/InternalMessagePresentation.vue
+++ b/thanasoft-front/src/components/Organism/InternalMessages/InternalMessagePresentation.vue
@@ -9,9 +9,7 @@
           <small class="text-muted">Communiquez avec votre équipe</small>
         </div>
         <div>
-          <span class="badge bg-info">
-            {{ unreadCount }} non lu(s)
-          </span>
+          <span class="badge bg-info"> {{ unreadCount }} non lu(s) </span>
         </div>
       </div>
     </template>
@@ -22,19 +20,21 @@
           <button
             class="nav-link"
             :class="{ active: activeTab === 'inbox' }"
-            @click="activeTab = 'inbox'"
             type="button"
+            @click="activeTab = 'inbox'"
           >
             <i class="fas fa-inbox"></i> Réception
-            <span class="badge bg-danger ms-2" v-if="unreadCount > 0">{{ unreadCount }}</span>
+            <span v-if="unreadCount > 0" class="badge bg-danger ms-2">{{
+              unreadCount
+            }}</span>
           </button>
         </li>
         <li class="nav-item" role="presentation">
           <button
             class="nav-link"
             :class="{ active: activeTab === 'compose' }"
-            @click="activeTab = 'compose'"
             type="button"
+            @click="activeTab = 'compose'"
           >
             <i class="fas fa-pen"></i> Nouveau message
           </button>
@@ -43,8 +43,8 @@
           <button
             class="nav-link"
             :class="{ active: activeTab === 'sent' }"
-            @click="activeTab = 'sent'"
             type="button"
+            @click="activeTab = 'sent'"
           >
             <i class="fas fa-paper-plane"></i> Envoyés
           </button>
@@ -72,17 +72,10 @@
             @form-data-change="updateNewMessage"
           />
           <div class="mt-4 d-flex justify-content-end gap-2">
-            <soft-button
-              color="secondary"
-              variant="outline"
-              @click="resetForm"
-            >
+            <soft-button color="secondary" variant="outline" @click="resetForm">
               <i class="fas fa-redo"></i> Réinitialiser
             </soft-button>
-            <soft-button
-              color="success"
-              @click="sendMessage"
-            >
+            <soft-button color="success" @click="sendMessage">
               <i class="fas fa-check"></i> Envoyer
             </soft-button>
           </div>
@@ -260,7 +253,9 @@ const sendMessage = () => {
     return;
   }
 
-  const recipient = users.value.find((u) => u.id === parseInt(newMessage.value.recipientId));
+  const recipient = users.value.find(
+    (u) => u.id === parseInt(newMessage.value.recipientId)
+  );
 
   const sentMessage = {
     id: sent.value.length + 101,
diff --git a/thanasoft-front/src/components/Organism/Interventions/InterventionPresentation.vue b/thanasoft-front/src/components/Organism/Interventions/InterventionPresentation.vue
index 833304e..7080bde 100644
--- a/thanasoft-front/src/components/Organism/Interventions/InterventionPresentation.vue
+++ b/thanasoft-front/src/components/Organism/Interventions/InterventionPresentation.vue
@@ -6,37 +6,54 @@
       </soft-button>
     </template>
     <template #header-pagination>
-      <div class="d-flex justify-content-center" v-if="pagination && pagination.last_page > 1">
-           <soft-pagination color="success" size="sm">
-             <soft-pagination-item 
-               prev 
-               :disabled="pagination.current_page <= 1"
-               @click="changePage(pagination.current_page - 1)" 
-             />
-             
-             <soft-pagination-item 
-               v-for="page in visiblePages" 
-               :key="page"
-               :label="page.toString()" 
-               :active="pagination.current_page === page"
-               @click="changePage(page)" 
-             />
-             
-             <soft-pagination-item 
-               next 
-               :disabled="pagination.current_page >= pagination.last_page"
-               @click="changePage(pagination.current_page + 1)" 
-             />
-           </soft-pagination>
+      <div
+        v-if="pagination && pagination.last_page > 1"
+        class="d-flex justify-content-center"
+      >
+        <soft-pagination color="success" size="sm">
+          <soft-pagination-item
+            prev
+            :disabled="pagination.current_page <= 1"
+            @click="changePage(pagination.current_page - 1)"
+          />
+
+          <soft-pagination-item
+            v-for="page in visiblePages"
+            :key="page"
+            :label="page.toString()"
+            :active="pagination.current_page === page"
+            @click="changePage(page)"
+          />
+
+          <soft-pagination-item
+            next
+            :disabled="pagination.current_page >= pagination.last_page"
+            @click="changePage(pagination.current_page + 1)"
+          />
+        </soft-pagination>
       </div>
     </template>
     <template #select-filter>
-      <soft-button color="dark" variant="outline" class="dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
+      <soft-button
+        color="dark"
+        variant="outline"
+        class="dropdown-toggle"
+        data-bs-toggle="dropdown"
+        aria-expanded="false"
+      >
         <i class="fas fa-filter me-2"></i> Filtrer
       </soft-button>
       <ul class="dropdown-menu dropdown-menu-lg-start px-2 py-3">
-        <li><a class="dropdown-item border-radius-md" href="javascript:;">Par date</a></li>
-        <li><a class="dropdown-item border-radius-md" href="javascript:;">Par statut</a></li>
+        <li>
+          <a class="dropdown-item border-radius-md" href="javascript:;"
+            >Par date</a
+          >
+        </li>
+        <li>
+          <a class="dropdown-item border-radius-md" href="javascript:;"
+            >Par statut</a
+          >
+        </li>
       </ul>
     </template>
     <template #intervention-other-action>
@@ -104,7 +121,7 @@ const props = defineProps({
   pagination: {
     type: Object,
     default: null,
-  }
+  },
 });
 
 // Emits
@@ -115,8 +132,9 @@ const go = () => {
 };
 
 const changePage = (page) => {
-  if (typeof page !== 'number') return;
-  if (page < 1 || (props.pagination && page > props.pagination.last_page)) return;
+  if (typeof page !== "number") return;
+  if (page < 1 || (props.pagination && page > props.pagination.last_page))
+    return;
   if (page === props.pagination.current_page) return;
   emit("page-change", page);
 };
@@ -126,7 +144,11 @@ const visiblePages = computed(() => {
   const { current_page, last_page } = props.pagination;
   const delta = 2;
   const range = [];
-  for (let i = Math.max(2, current_page - delta); i <= Math.min(last_page - 1, current_page + delta); i++) {
+  for (
+    let i = Math.max(2, current_page - delta);
+    i <= Math.min(last_page - 1, current_page + delta);
+    i++
+  ) {
     range.push(i);
   }
 
@@ -142,50 +164,56 @@ const visiblePages = computed(() => {
   if (last_page > 0) finalRange.push(1);
   // Simplified logic for now: just range around current if total pages is large, else all
   if (last_page <= 7) {
-     return Array.from({length: last_page}, (_, i) => i + 1);
+    return Array.from({ length: last_page }, (_, i) => i + 1);
   }
-  
+
   // Complex logic if needed, but for now let's do simple sliding window
   // [1] ... [current-1] [current] [current+1] ... [last]
-  
+
   let pages = [1];
-  
+
   let start = Math.max(2, current_page - 1);
   let end = Math.min(last_page - 1, current_page + 1);
-  
+
   if (current_page <= 3) {
-      end = 4; // Show 1, 2, 3, 4 ... Last
+    end = 4; // Show 1, 2, 3, 4 ... Last
   }
   if (current_page >= last_page - 2) {
-      start = last_page - 3; 
+    start = last_page - 3;
   }
-  
+
   if (start > 2) {
-      // no dots, just gap logic handled by UI usually, but here we return numbers
-      // SoftPaginationItem expects label, maybe I handle dots logic elsewhere?
-      // Let's stick to simple window: 
+    // no dots, just gap logic handled by UI usually, but here we return numbers
+    // SoftPaginationItem expects label, maybe I handle dots logic elsewhere?
+    // Let's stick to simple window:
   }
-  
+
   // Re-implement simplified:
   const p = [];
   const total = last_page;
   if (total <= 7) {
-      for(let i=1; i<=total; i++) p.push(i);
+    for (let i = 1; i <= total; i++) p.push(i);
   } else {
-      p.push(1);
-      if (current_page > 3) p.push('...');
-      
-      let midStart = Math.max(2, current_page - 1);
-      let midEnd = Math.min(total - 1, current_page + 1);
-      
-      // pinned logic adjustment
-      if (current_page < 4) { midStart = 2; midEnd = 4; }
-      if (current_page > total - 3) { midStart = total - 3; midEnd = total - 1; }
-      
-      for(let i=midStart; i<=midEnd; i++) p.push(i);
-      
-      if (current_page < total - 2) p.push('...');
-      p.push(total);
+    p.push(1);
+    if (current_page > 3) p.push("...");
+
+    let midStart = Math.max(2, current_page - 1);
+    let midEnd = Math.min(total - 1, current_page + 1);
+
+    // pinned logic adjustment
+    if (current_page < 4) {
+      midStart = 2;
+      midEnd = 4;
+    }
+    if (current_page > total - 3) {
+      midStart = total - 3;
+      midEnd = total - 1;
+    }
+
+    for (let i = midStart; i <= midEnd; i++) p.push(i);
+
+    if (current_page < total - 2) p.push("...");
+    p.push(total);
   }
   return p;
 });
diff --git a/thanasoft-front/src/components/Organism/Invoice/InvoiceDetailPresentation.vue b/thanasoft-front/src/components/Organism/Invoice/InvoiceDetailPresentation.vue
index 78d09bc..f22396c 100644
--- a/thanasoft-front/src/components/Organism/Invoice/InvoiceDetailPresentation.vue
+++ b/thanasoft-front/src/components/Organism/Invoice/InvoiceDetailPresentation.vue
@@ -23,7 +23,11 @@
       <div>
         <h6 class="mb-3 text-sm">Historique</h6>
         <div v-if="invoice.history && invoice.history.length > 0">
-          <div v-for="(entry, index) in invoice.history" :key="index" class="mb-2">
+          <div
+            v-for="(entry, index) in invoice.history"
+            :key="index"
+            class="mb-2"
+          >
             <span class="text-xs text-secondary">
               {{ formatDate(entry.changed_at) }}
             </span>
@@ -38,13 +42,15 @@
       <div>
         <h6 class="mb-3 text-sm">Informations Client</h6>
         <p class="text-sm mb-1">
-          <strong>{{ invoice.client ? invoice.client.name : 'Client inconnu' }}</strong>
+          <strong>{{
+            invoice.client ? invoice.client.name : "Client inconnu"
+          }}</strong>
         </p>
         <p class="text-xs text-secondary mb-1">
-          {{ invoice.client ? invoice.client.email : '' }}
+          {{ invoice.client ? invoice.client.email : "" }}
         </p>
         <p class="text-xs text-secondary mb-0">
-          {{ invoice.client ? invoice.client.phone : '' }}
+          {{ invoice.client ? invoice.client.phone : "" }}
         </p>
       </div>
     </template>
@@ -68,17 +74,20 @@
             {{ getStatusLabel(invoice.status) }}
             <i class="fas fa-chevron-down ms-2"></i>
           </soft-button>
-          <ul 
-            v-if="dropdownOpen" 
+          <ul
+            v-if="dropdownOpen"
             class="dropdown-menu show position-absolute"
-            style="top: 100%; left: 0; z-index: 1000;"
+            style="top: 100%; left: 0; z-index: 1000"
           >
             <li v-for="status in availableStatuses" :key="status">
               <a
                 class="dropdown-item"
                 :class="{ active: status === invoice.status }"
                 href="javascript:;"
-                @click="changeStatus(status); dropdownOpen = false;"
+                @click="
+                  changeStatus(status);
+                  dropdownOpen = false;
+                "
               >
                 {{ getStatusLabel(status) }}
               </a>
@@ -178,9 +187,9 @@ const changeStatus = async (newStatus) => {
 
     if (invoice.value?.id === currentInvoiceId) {
       invoice.value = updated;
-      
+
       notificationStore.success(
-        'Statut mis à jour',
+        "Statut mis à jour",
         `La facture est maintenant "${getStatusLabel(newStatus)}"`,
         3000
       );
@@ -188,8 +197,8 @@ const changeStatus = async (newStatus) => {
   } catch (e) {
     console.error("Failed to update status", e);
     notificationStore.error(
-      'Erreur',
-      'Impossible de mettre à jour le statut',
+      "Erreur",
+      "Impossible de mettre à jour le statut",
       3000
     );
   } finally {
diff --git a/thanasoft-front/src/components/Organism/Quote/QuoteDetailPresentation.vue b/thanasoft-front/src/components/Organism/Quote/QuoteDetailPresentation.vue
index cea0a5f..0cd8d20 100644
--- a/thanasoft-front/src/components/Organism/Quote/QuoteDetailPresentation.vue
+++ b/thanasoft-front/src/components/Organism/Quote/QuoteDetailPresentation.vue
@@ -51,17 +51,20 @@
             {{ getStatusLabel(quote.status) }}
             <i class="fas fa-chevron-down ms-2"></i>
           </soft-button>
-          <ul 
-            v-if="dropdownOpen" 
+          <ul
+            v-if="dropdownOpen"
             class="dropdown-menu show position-absolute"
-            style="top: 100%; left: 0; z-index: 1000;"
+            style="top: 100%; left: 0; z-index: 1000"
           >
             <li v-for="status in availableStatuses" :key="status">
               <a
                 class="dropdown-item"
                 :class="{ active: status === quote.status }"
                 href="javascript:;"
-                @click="changeStatus(status); dropdownOpen = false;"
+                @click="
+                  changeStatus(status);
+                  dropdownOpen = false;
+                "
               >
                 {{ getStatusLabel(status) }}
               </a>
@@ -161,10 +164,10 @@ const changeStatus = async (newStatus) => {
     // Only update if we're still viewing the same quote
     if (quote.value?.id === currentQuoteId) {
       quote.value = updated;
-      
+
       // Show success notification
       notificationStore.success(
-        'Statut mis à jour',
+        "Statut mis à jour",
         `Le devis est maintenant "${getStatusLabel(newStatus)}"`,
         3000
       );
@@ -172,12 +175,12 @@ const changeStatus = async (newStatus) => {
   } catch (e) {
     console.error("Failed to update status", e);
     notificationStore.error(
-      'Erreur',
-      'Impossible de mettre à jour le statut',
+      "Erreur",
+      "Impossible de mettre à jour le statut",
       3000
     );
   } finally {
     loading.value = false;
   }
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/thanasoft-front/src/components/Organism/Statistics/StatisticsPresentation.vue b/thanasoft-front/src/components/Organism/Statistics/StatisticsPresentation.vue
index 38956f9..3151df4 100644
--- a/thanasoft-front/src/components/Organism/Statistics/StatisticsPresentation.vue
+++ b/thanasoft-front/src/components/Organism/Statistics/StatisticsPresentation.vue
@@ -113,9 +113,7 @@ const practitioners = ref([
 const applyFilter = (filterData) => {
   filterStartDate.value = filterData.startDate;
   filterEndDate.value = filterData.endDate;
-  alert(
-    `Filtre appliqué: ${filterData.startDate} à ${filterData.endDate}`
-  );
+  alert(`Filtre appliqué: ${filterData.startDate} à ${filterData.endDate}`);
 };
 
 const exportPDF = () => {
diff --git a/thanasoft-front/src/components/Organism/Webmailing/WebmailingPresentation.vue b/thanasoft-front/src/components/Organism/Webmailing/WebmailingPresentation.vue
index 7ab6ca7..d8991af 100644
--- a/thanasoft-front/src/components/Organism/Webmailing/WebmailingPresentation.vue
+++ b/thanasoft-front/src/components/Organism/Webmailing/WebmailingPresentation.vue
@@ -3,10 +3,10 @@
     <template #webmailing-header>
       <div class="d-flex justify-content-between align-items-center mb-4">
         <div>
-          <h3 class="mb-0">
-            <i class="fas fa-envelope"></i> Webmailing
-          </h3>
-          <small class="text-muted">Gérez vos campagnes d'email marketing</small>
+          <h3 class="mb-0"><i class="fas fa-envelope"></i> Webmailing</h3>
+          <small class="text-muted"
+            >Gérez vos campagnes d'email marketing</small
+          >
         </div>
       </div>
     </template>
@@ -17,8 +17,8 @@
           <button
             class="nav-link"
             :class="{ active: activeTab === 'compose' }"
-            @click="activeTab = 'compose'"
             type="button"
+            @click="activeTab = 'compose'"
           >
             <i class="fas fa-pen"></i> Composer
           </button>
@@ -27,8 +27,8 @@
           <button
             class="nav-link"
             :class="{ active: activeTab === 'history' }"
-            @click="activeTab = 'history'"
             type="button"
+            @click="activeTab = 'history'"
           >
             <i class="fas fa-history"></i> Historique
           </button>
@@ -45,17 +45,10 @@
             @form-data-change="updateFormData"
           />
           <div class="mt-4 d-flex justify-content-end gap-2">
-            <soft-button
-              color="secondary"
-              variant="outline"
-              @click="resetForm"
-            >
+            <soft-button color="secondary" variant="outline" @click="resetForm">
               <i class="fas fa-redo"></i> Réinitialiser
             </soft-button>
-            <soft-button
-              color="success"
-              @click="sendEmail"
-            >
+            <soft-button color="success" @click="sendEmail">
               <i class="fas fa-paper-plane"></i> Envoyer
             </soft-button>
           </div>
diff --git a/thanasoft-front/src/components/atoms/InternalMessages/MessageTypeSelect.vue b/thanasoft-front/src/components/atoms/InternalMessages/MessageTypeSelect.vue
index 02a8c45..aa2b048 100644
--- a/thanasoft-front/src/components/atoms/InternalMessages/MessageTypeSelect.vue
+++ b/thanasoft-front/src/components/atoms/InternalMessages/MessageTypeSelect.vue
@@ -8,21 +8,13 @@
       @change="handleChange"
     >
       <option value="">-- Sélectionner un type --</option>
-      <option value="text">
-        <i class="fas fa-comment"></i> Texte
-      </option>
+      <option value="text"><i class="fas fa-comment"></i> Texte</option>
       <option value="phone">
         <i class="fas fa-phone"></i> Appel téléphonique
       </option>
-      <option value="email">
-        <i class="fas fa-envelope"></i> Email
-      </option>
-      <option value="meeting">
-        <i class="fas fa-calendar"></i> Réunion
-      </option>
-      <option value="note">
-        <i class="fas fa-sticky-note"></i> Note
-      </option>
+      <option value="email"><i class="fas fa-envelope"></i> Email</option>
+      <option value="meeting"><i class="fas fa-calendar"></i> Réunion</option>
+      <option value="note"><i class="fas fa-sticky-note"></i> Note</option>
     </select>
   </div>
 </template>
diff --git a/thanasoft-front/src/components/atoms/Statistics/DateRangeFilter.vue b/thanasoft-front/src/components/atoms/Statistics/DateRangeFilter.vue
index e690d15..1fb9201 100644
--- a/thanasoft-front/src/components/atoms/Statistics/DateRangeFilter.vue
+++ b/thanasoft-front/src/components/atoms/Statistics/DateRangeFilter.vue
@@ -22,7 +22,11 @@
         />
       </div>
       <div class="col-md-3">
-        <select v-model="localPeriod" class="form-select" @change="handlePeriodChange">
+        <select
+          v-model="localPeriod"
+          class="form-select"
+          @change="handlePeriodChange"
+        >
           <option value="">-- Période personnalisée --</option>
           <option value="today">Aujourd'hui</option>
           <option value="week">Cette semaine</option>
diff --git a/thanasoft-front/src/components/atoms/Statistics/StatCard.vue b/thanasoft-front/src/components/atoms/Statistics/StatCard.vue
index 0d95ca1..88f2c8a 100644
--- a/thanasoft-front/src/components/atoms/Statistics/StatCard.vue
+++ b/thanasoft-front/src/components/atoms/Statistics/StatCard.vue
@@ -54,9 +54,7 @@ const trendClass = computed(() => {
 });
 
 const trendIcon = computed(() => {
-  return props.trendPositive
-    ? "fas fa-arrow-up"
-    : "fas fa-arrow-down";
+  return props.trendPositive ? "fas fa-arrow-up" : "fas fa-arrow-down";
 });
 </script>
 
diff --git a/thanasoft-front/src/components/atoms/Webmailing/WebmailingAttachment.vue b/thanasoft-front/src/components/atoms/Webmailing/WebmailingAttachment.vue
index b9a2638..75ef623 100644
--- a/thanasoft-front/src/components/atoms/Webmailing/WebmailingAttachment.vue
+++ b/thanasoft-front/src/components/atoms/Webmailing/WebmailingAttachment.vue
@@ -10,7 +10,9 @@
       multiple
       @change="handleFileChange"
     />
-    <small class="text-muted">Formats acceptés: PDF, DOC, DOCX, XLS, XLSX, JPG, PNG</small>
+    <small class="text-muted"
+      >Formats acceptés: PDF, DOC, DOCX, XLS, XLSX, JPG, PNG</small
+    >
   </div>
 </template>
 
diff --git a/thanasoft-front/src/components/molecules/InternalMessages/InternalMessageForm.vue b/thanasoft-front/src/components/molecules/InternalMessages/InternalMessageForm.vue
index 2517f60..5ce5ead 100644
--- a/thanasoft-front/src/components/molecules/InternalMessages/InternalMessageForm.vue
+++ b/thanasoft-front/src/components/molecules/InternalMessages/InternalMessageForm.vue
@@ -24,15 +24,9 @@
           class="form-select"
           @change="emitFormData"
         >
-          <option value="low">
-            <i class="fas fa-arrow-down"></i> Basse
-          </option>
-          <option value="normal">
-            <i class="fas fa-minus"></i> Normale
-          </option>
-          <option value="high">
-            <i class="fas fa-arrow-up"></i> Haute
-          </option>
+          <option value="low"><i class="fas fa-arrow-down"></i> Basse</option>
+          <option value="normal"><i class="fas fa-minus"></i> Normale</option>
+          <option value="high"><i class="fas fa-arrow-up"></i> Haute</option>
         </select>
       </div>
     </div>
@@ -69,10 +63,7 @@
     </div>
 
     <div class="form-section mb-4">
-      <message-content
-        v-model="formData.content"
-        @blur="emitFormData"
-      />
+      <message-content v-model="formData.content" @blur="emitFormData" />
     </div>
 
     <div class="form-section">
diff --git a/thanasoft-front/src/components/molecules/InternalMessages/InternalMessageList.vue b/thanasoft-front/src/components/molecules/InternalMessages/InternalMessageList.vue
index 1189317..7e578b8 100644
--- a/thanasoft-front/src/components/molecules/InternalMessages/InternalMessageList.vue
+++ b/thanasoft-front/src/components/molecules/InternalMessages/InternalMessageList.vue
@@ -4,7 +4,11 @@
       <i class="fas fa-info-circle"></i> Aucun message
     </div>
     <div v-else>
-      <div v-for="message in messages" :key="message.id" class="message-item mb-3">
+      <div
+        v-for="message in messages"
+        :key="message.id"
+        class="message-item mb-3"
+      >
         <div class="message-header">
           <div class="d-flex justify-content-between align-items-start">
             <div>
@@ -14,19 +18,15 @@
                   {{ getTypeLabel(message.type) }}
                 </span>
               </h6>
-              <small class="text-muted">{{ formatDate(message.createdDate) }}</small>
+              <small class="text-muted">{{
+                formatDate(message.createdDate)
+              }}</small>
             </div>
             <div class="d-flex gap-2">
-              <span
-                v-if="message.priority === 'high'"
-                class="badge bg-danger"
-              >
+              <span v-if="message.priority === 'high'" class="badge bg-danger">
                 <i class="fas fa-exclamation-circle"></i> Haute priorité
               </span>
-              <span
-                v-if="message.isUrgent"
-                class="badge bg-warning"
-              >
+              <span v-if="message.isUrgent" class="badge bg-warning">
                 <i class="fas fa-fire"></i> Urgent
               </span>
               <span :class="getStatusClass(message.read)">
@@ -57,13 +57,22 @@
           </div>
         </div>
         <div class="message-actions mt-2">
-          <button class="btn btn-sm btn-outline-primary" @click="markAsRead(message.id)">
+          <button
+            class="btn btn-sm btn-outline-primary"
+            @click="markAsRead(message.id)"
+          >
             <i class="fas fa-envelope-open"></i> Marquer comme lu
           </button>
-          <button class="btn btn-sm btn-outline-info ms-2" @click="replyMessage(message.id)">
+          <button
+            class="btn btn-sm btn-outline-info ms-2"
+            @click="replyMessage(message.id)"
+          >
             <i class="fas fa-reply"></i> Répondre
           </button>
-          <button class="btn btn-sm btn-outline-danger ms-2" @click="deleteMessage(message.id)">
+          <button
+            class="btn btn-sm btn-outline-danger ms-2"
+            @click="deleteMessage(message.id)"
+          >
             <i class="fas fa-trash"></i> Supprimer
           </button>
         </div>
diff --git a/thanasoft-front/src/components/molecules/Invoice/InvoiceLinesTable.vue b/thanasoft-front/src/components/molecules/Invoice/InvoiceLinesTable.vue
index 281e429..86a8475 100644
--- a/thanasoft-front/src/components/molecules/Invoice/InvoiceLinesTable.vue
+++ b/thanasoft-front/src/components/molecules/Invoice/InvoiceLinesTable.vue
@@ -3,22 +3,34 @@
     <table class="table align-items-center mb-0">
       <thead>
         <tr>
-          <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
+          <th
+            class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"
+          >
             Produit
           </th>
-          <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
+          <th
+            class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2"
+          >
             Description
           </th>
-          <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
+          <th
+            class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"
+          >
             Quantité
           </th>
-          <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
+          <th
+            class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"
+          >
             Prix Unit.
           </th>
-          <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
+          <th
+            class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"
+          >
             Remise
           </th>
-          <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
+          <th
+            class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7"
+          >
             Total HT
           </th>
         </tr>
@@ -26,22 +38,34 @@
       <tbody>
         <tr v-for="(line, index) in lines" :key="index">
           <td>
-            <span class="text-xs font-weight-bold">{{ line.product_name || 'Produit' }}</span>
+            <span class="text-xs font-weight-bold">{{
+              line.product_name || "Produit"
+            }}</span>
           </td>
           <td>
-            <span class="text-xs text-secondary">{{ line.description || '-' }}</span>
+            <span class="text-xs text-secondary">{{
+              line.description || "-"
+            }}</span>
           </td>
           <td class="text-center">
-            <span class="text-xs font-weight-bold">{{ line.units_qty || line.qty_base || 1 }}</span>
+            <span class="text-xs font-weight-bold">{{
+              line.units_qty || line.qty_base || 1
+            }}</span>
           </td>
           <td class="text-center">
-            <span class="text-xs font-weight-bold">{{ formatCurrency(line.unit_price) }}</span>
+            <span class="text-xs font-weight-bold">{{
+              formatCurrency(line.unit_price)
+            }}</span>
           </td>
           <td class="text-center">
-            <span class="text-xs font-weight-bold">{{ line.discount_pct || 0 }}%</span>
+            <span class="text-xs font-weight-bold"
+              >{{ line.discount_pct || 0 }}%</span
+            >
           </td>
           <td class="text-center">
-            <span class="text-xs font-weight-bold">{{ formatCurrency(line.total_ht) }}</span>
+            <span class="text-xs font-weight-bold">{{
+              formatCurrency(line.total_ht)
+            }}</span>
           </td>
         </tr>
         <tr v-if="!lines || lines.length === 0">
diff --git a/thanasoft-front/src/components/molecules/Invoice/InvoiceSummary.vue b/thanasoft-front/src/components/molecules/Invoice/InvoiceSummary.vue
index ddca6d4..2739d2a 100644
--- a/thanasoft-front/src/components/molecules/Invoice/InvoiceSummary.vue
+++ b/thanasoft-front/src/components/molecules/Invoice/InvoiceSummary.vue
@@ -12,7 +12,9 @@
     <hr class="horizontal dark my-2" />
     <div class="d-flex justify-content-between">
       <span class="text-sm font-weight-bold">Total TTC:</span>
-      <span class="text-sm font-weight-bold text-success">{{ formatCurrency(ttc) }}</span>
+      <span class="text-sm font-weight-bold text-success">{{
+        formatCurrency(ttc)
+      }}</span>
     </div>
   </div>
 </template>
diff --git a/thanasoft-front/src/components/molecules/Quote/QuoteLinesTable.vue b/thanasoft-front/src/components/molecules/Quote/QuoteLinesTable.vue
index 5cd4d98..e64b3c4 100644
--- a/thanasoft-front/src/components/molecules/Quote/QuoteLinesTable.vue
+++ b/thanasoft-front/src/components/molecules/Quote/QuoteLinesTable.vue
@@ -92,8 +92,8 @@ const props = defineProps({
 });
 
 const formatCurrency = (value) => {
-  const numberValue = typeof value === 'string' ? parseFloat(value) : value;
-  if (isNaN(numberValue)) return '0,00 €';
+  const numberValue = typeof value === "string" ? parseFloat(value) : value;
+  if (isNaN(numberValue)) return "0,00 €";
 
   return new Intl.NumberFormat("fr-FR", {
     style: "currency",
diff --git a/thanasoft-front/src/components/molecules/Quote/QuoteSummary.vue b/thanasoft-front/src/components/molecules/Quote/QuoteSummary.vue
index 4ce6462..2abb6d9 100644
--- a/thanasoft-front/src/components/molecules/Quote/QuoteSummary.vue
+++ b/thanasoft-front/src/components/molecules/Quote/QuoteSummary.vue
@@ -32,9 +32,9 @@ const props = defineProps({
 });
 
 const formatCurrency = (value) => {
-  const numberValue = typeof value === 'string' ? parseFloat(value) : value;
-  if (isNaN(numberValue)) return '0,00 €';
-  
+  const numberValue = typeof value === "string" ? parseFloat(value) : value;
+  if (isNaN(numberValue)) return "0,00 €";
+
   return new Intl.NumberFormat("fr-FR", {
     style: "currency",
     currency: "EUR",
diff --git a/thanasoft-front/src/components/molecules/Statistics/ThanatometerPerformance.vue b/thanasoft-front/src/components/molecules/Statistics/ThanatometerPerformance.vue
index e23d005..b0dc37d 100644
--- a/thanasoft-front/src/components/molecules/Statistics/ThanatometerPerformance.vue
+++ b/thanasoft-front/src/components/molecules/Statistics/ThanatometerPerformance.vue
@@ -33,7 +33,12 @@
             </td>
             <td>
               <div class="satisfaction-stars">
-                <span v-for="i in 5" :key="i" class="star" :class="getStarClass(i, practitioner.satisfaction)">
+                <span
+                  v-for="i in 5"
+                  :key="i"
+                  class="star"
+                  :class="getStarClass(i, practitioner.satisfaction)"
+                >
                   <i class="fas fa-star"></i>
                 </span>
               </div>
diff --git a/thanasoft-front/src/components/molecules/Tables/Ventes/InvoiceTable.vue b/thanasoft-front/src/components/molecules/Tables/Ventes/InvoiceTable.vue
index 6a0d628..02bfea4 100644
--- a/thanasoft-front/src/components/molecules/Tables/Ventes/InvoiceTable.vue
+++ b/thanasoft-front/src/components/molecules/Tables/Ventes/InvoiceTable.vue
@@ -35,7 +35,7 @@
             <!-- Due Date -->
             <td class="font-weight-bold">
               <span class="my-2 text-xs" :class="getDueDateClass(invoice)">{{
-                formatDate(invoice.due_date) || '-'
+                formatDate(invoice.due_date) || "-"
               }}</span>
             </td>
 
diff --git a/thanasoft-front/src/components/molecules/Webmailing/WebmailingForm.vue b/thanasoft-front/src/components/molecules/Webmailing/WebmailingForm.vue
index 95d3751..4220d84 100644
--- a/thanasoft-front/src/components/molecules/Webmailing/WebmailingForm.vue
+++ b/thanasoft-front/src/components/molecules/Webmailing/WebmailingForm.vue
@@ -21,23 +21,24 @@
 
     <div class="form-section mb-4">
       <h5 class="mb-3">Contenu du message</h5>
-      <webmailing-body-input
-        v-model="formData.body"
-        @blur="validateBody"
-      />
+      <webmailing-body-input v-model="formData.body" @blur="validateBody" />
     </div>
 
     <div class="form-section mb-4">
       <h5 class="mb-3">Pièces jointes</h5>
-      <webmailing-attachment
-        @files-selected="handleFilesSelected"
-      />
+      <webmailing-attachment @files-selected="handleFilesSelected" />
       <div v-if="formData.attachments.length > 0" class="mt-3">
         <h6>Fichiers sélectionnés:</h6>
         <ul class="list-unstyled">
-          <li v-for="file in formData.attachments" :key="file.name" class="mb-2">
+          <li
+            v-for="file in formData.attachments"
+            :key="file.name"
+            class="mb-2"
+          >
             <span class="badge bg-info">{{ file.name }}</span>
-            <small class="ms-2 text-muted">({{ formatFileSize(file.size) }})</small>
+            <small class="ms-2 text-muted"
+              >({{ formatFileSize(file.size) }})</small
+            >
           </li>
         </ul>
       </div>
@@ -129,7 +130,7 @@ const formatFileSize = (bytes) => {
   const k = 1024;
   const sizes = ["Bytes", "KB", "MB", "GB"];
   const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return Math.round(bytes / Math.pow(k, i) * 100) / 100 + " " + sizes[i];
+  return Math.round((bytes / Math.pow(k, i)) * 100) / 100 + " " + sizes[i];
 };
 </script>
 
diff --git a/thanasoft-front/src/components/molecules/Webmailing/WebmailingList.vue b/thanasoft-front/src/components/molecules/Webmailing/WebmailingList.vue
index 6c62e0b..846187b 100644
--- a/thanasoft-front/src/components/molecules/Webmailing/WebmailingList.vue
+++ b/thanasoft-front/src/components/molecules/Webmailing/WebmailingList.vue
@@ -34,7 +34,10 @@
               <button class="btn btn-sm btn-info" @click="viewEmail(email.id)">
                 <i class="fas fa-eye"></i>
               </button>
-              <button class="btn btn-sm btn-danger ms-2" @click="deleteEmail(email.id)">
+              <button
+                class="btn btn-sm btn-danger ms-2"
+                @click="deleteEmail(email.id)"
+              >
                 <i class="fas fa-trash"></i>
               </button>
             </td>
diff --git a/thanasoft-front/src/components/molecules/form/NewEmployeeForm.vue b/thanasoft-front/src/components/molecules/form/NewEmployeeForm.vue
index 3818ca2..7097311 100644
--- a/thanasoft-front/src/components/molecules/form/NewEmployeeForm.vue
+++ b/thanasoft-front/src/components/molecules/form/NewEmployeeForm.vue
@@ -215,7 +215,7 @@ watch(
   (newErrors) => {
     fieldErrors.value = { ...newErrors };
   },
-  { deep: true },
+  { deep: true }
 );
 
 // Watch for success from parent
@@ -225,7 +225,7 @@ watch(
     if (newSuccess) {
       resetForm();
     }
-  },
+  }
 );
 
 const submitForm = async () => {
diff --git a/thanasoft-front/src/components/molecules/location/LocationModal.vue b/thanasoft-front/src/components/molecules/location/LocationModal.vue
index 2cd205e..93b8607 100644
--- a/thanasoft-front/src/components/molecules/location/LocationModal.vue
+++ b/thanasoft-front/src/components/molecules/location/LocationModal.vue
@@ -240,8 +240,6 @@
               </div>
             </div>
 
-
-
             <div class="form-check mb-3">
               <input
                 id="isDefaultCheckbox"
diff --git a/thanasoft-front/src/services/tvaRate.ts b/thanasoft-front/src/services/tvaRate.ts
index 07578da..6eb1329 100644
--- a/thanasoft-front/src/services/tvaRate.ts
+++ b/thanasoft-front/src/services/tvaRate.ts
@@ -61,7 +61,9 @@ export const TvaRateService = {
     return response;
   },
 
-  async deleteTvaRate(id: number): Promise<{ success: boolean; message: string }> {
+  async deleteTvaRate(
+    id: number
+  ): Promise<{ success: boolean; message: string }> {
     const response = await request<{ success: boolean; message: string }>({
       url: `/api/tva-rates/${id}`,
       method: "delete",
diff --git a/thanasoft-front/src/stores/invoiceStore.ts b/thanasoft-front/src/stores/invoiceStore.ts
index c9cc0ca..5472ede 100644
--- a/thanasoft-front/src/stores/invoiceStore.ts
+++ b/thanasoft-front/src/stores/invoiceStore.ts
@@ -81,7 +81,9 @@ export const useInvoiceStore = defineStore("invoice", () => {
       return response;
     } catch (err: any) {
       const errorMessage =
-        err.response?.data?.message || err.message || "Failed to fetch invoices";
+        err.response?.data?.message ||
+        err.message ||
+        "Failed to fetch invoices";
       setError(errorMessage);
       throw err;
     } finally {
@@ -124,7 +126,9 @@ export const useInvoiceStore = defineStore("invoice", () => {
       return response.data;
     } catch (err: any) {
       const errorMessage =
-        err.response?.data?.message || err.message || "Failed to create invoice";
+        err.response?.data?.message ||
+        err.message ||
+        "Failed to create invoice";
       setError(errorMessage);
       throw err;
     } finally {
@@ -146,7 +150,9 @@ export const useInvoiceStore = defineStore("invoice", () => {
       return response.data;
     } catch (err: any) {
       const errorMessage =
-        err.response?.data?.message || err.message || "Failed to create invoice from quote";
+        err.response?.data?.message ||
+        err.message ||
+        "Failed to create invoice from quote";
       setError(errorMessage);
       throw err;
     } finally {
@@ -174,14 +180,19 @@ export const useInvoiceStore = defineStore("invoice", () => {
       }
 
       // Update current invoice if it's the one being edited
-      if (currentInvoice.value && currentInvoice.value.id === updatedInvoice.id) {
+      if (
+        currentInvoice.value &&
+        currentInvoice.value.id === updatedInvoice.id
+      ) {
         setCurrentInvoice(updatedInvoice);
       }
 
       return updatedInvoice;
     } catch (err: any) {
       const errorMessage =
-        err.response?.data?.message || err.message || "Failed to update invoice";
+        err.response?.data?.message ||
+        err.message ||
+        "Failed to update invoice";
       setError(errorMessage);
       throw err;
     } finally {
@@ -210,7 +221,9 @@ export const useInvoiceStore = defineStore("invoice", () => {
       return response;
     } catch (err: any) {
       const errorMessage =
-        err.response?.data?.message || err.message || "Failed to delete invoice";
+        err.response?.data?.message ||
+        err.message ||
+        "Failed to delete invoice";
       setError(errorMessage);
       throw err;
     } finally {
diff --git a/thanasoft-front/src/views/pages/Ventes/NewInvoice.vue b/thanasoft-front/src/views/pages/Ventes/NewInvoice.vue
index 4bac7ce..8f64cce 100644
--- a/thanasoft-front/src/views/pages/Ventes/NewInvoice.vue
+++ b/thanasoft-front/src/views/pages/Ventes/NewInvoice.vue
@@ -6,7 +6,12 @@
           <div class="card-header pb-0 p-3">
             <div class="d-flex justify-content-between align-items-center">
               <h6 class="mb-0">Nouvelle Facture</h6>
-              <soft-button color="secondary" variant="outline" size="sm" @click="goBack">
+              <soft-button
+                color="secondary"
+                variant="outline"
+                size="sm"
+                @click="goBack"
+              >
                 <i class="fas fa-arrow-left me-2"></i>Retour
               </soft-button>
             </div>
@@ -14,11 +19,16 @@
           <div class="card-body p-3">
             <div class="alert alert-info">
               <i class="fas fa-info-circle me-2"></i>
-              La création de facture directe sera disponible prochainement. 
-              Pour l'instant, vous pouvez créer une facture à partir d'un devis accepté.
+              La création de facture directe sera disponible prochainement. Pour
+              l'instant, vous pouvez créer une facture à partir d'un devis
+              accepté.
             </div>
             <div class="text-center py-4">
-              <soft-button color="success" variant="gradient" @click="goToQuotes">
+              <soft-button
+                color="success"
+                variant="gradient"
+                @click="goToQuotes"
+              >
                 <i class="fas fa-file-invoice me-2"></i>
                 Voir les Devis
               </soft-button>