From 52f42708876bc110bdb5ebb970131c27d623cb3c Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Fri, 31 Oct 2025 09:35:31 +0000
Subject: [PATCH 1/6] Update webhook configuration and error logging for
 improved diagnostics

N/A

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1e4433b5-47ab-464c-b663-fea2e53367dd
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 35e1cde2-4481-4c54-b19c-bd5aef6f0500
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/1e4433b5-47ab-464c-b663-fea2e53367dd/7RN8LqE
---
 attached_assets/image_1761903272202.png | Bin 0 -> 6355 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 attached_assets/image_1761903272202.png

diff --git a/attached_assets/image_1761903272202.png b/attached_assets/image_1761903272202.png
new file mode 100644
index 0000000000000000000000000000000000000000..720d613f480bc8efb716e7c21bbe7ad3750f5284
GIT binary patch
literal 6355
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

literal 0
HcmV?d00001


From 9750bb1139d4fd9b3b19109e6aac90b2c2d2bb62 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Mon, 3 Nov 2025 11:10:00 +0000
Subject: [PATCH 2/6] Transitioned from Plan to Build mode

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1e4433b5-47ab-464c-b663-fea2e53367dd
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: f9327213-9523-4efb-b054-63694be068f7
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/1e4433b5-47ab-464c-b663-fea2e53367dd/7RN8LqE

From ae80aa3f0f658b9a677e1be5ec9005fab35008ec Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Mon, 3 Nov 2025 11:12:04 +0000
Subject: [PATCH 3/6] Add a refresh button to reload the sales analysis iframe

Adds a refresh button to the Sales Analysis page that allows users to force a full reload of the embedded sales analysis iframe by incrementing a state key which is used as the iframe's `key` prop.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1e4433b5-47ab-464c-b663-fea2e53367dd
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Event-Id: 514e3cfa-4217-4b22-ae44-47651cf2b253
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/1e4433b5-47ab-464c-b663-fea2e53367dd/7RN8LqE
---
 client/src/pages/SalesAnalysisPage.tsx | 29 ++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/SalesAnalysisPage.tsx b/client/src/pages/SalesAnalysisPage.tsx
index 1b64665..c942eb1 100644
--- a/client/src/pages/SalesAnalysisPage.tsx
+++ b/client/src/pages/SalesAnalysisPage.tsx
@@ -1,6 +1,7 @@
+import { useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { Loader2, TrendingUp, AlertCircle } from "lucide-react";
+import { Loader2, TrendingUp, AlertCircle, RefreshCw } from "lucide-react";
 import { Link } from "wouter";
 import { Button } from "@/components/ui/button";
 
@@ -12,10 +13,18 @@ interface UtilitiesConfig {
 }
 
 export default function SalesAnalysisPage() {
+  // State pour forcer le rechargement de l'iframe
+  const [iframeKey, setIframeKey] = useState(0);
+  
   // Récupérer l'URL configurée
   const { data: config, isLoading } = useQuery<UtilitiesConfig>({
     queryKey: ['/api/utilities']
   });
+  
+  // Fonction pour recharger l'iframe
+  const handleRefresh = () => {
+    setIframeKey(prev => prev + 1);
+  };
 
   if (isLoading) {
     return (
@@ -52,8 +61,24 @@ export default function SalesAnalysisPage() {
   }
 
   return (
-    <div className="w-full h-screen">
+    <div className="w-full h-screen relative">
+      {/* Bouton de rechargement flottant */}
+      <div className="absolute top-4 right-4 z-10">
+        <Button
+          onClick={handleRefresh}
+          variant="default"
+          size="sm"
+          className="shadow-lg"
+          data-testid="button-refresh-iframe"
+        >
+          <RefreshCw className="w-4 h-4 mr-2" />
+          Recharger
+        </Button>
+      </div>
+      
+      {/* iframe avec clé pour forcer le rechargement */}
       <iframe
+        key={iframeKey}
         src={salesAnalysisUrl}
         className="w-full h-full border-0"
         title="Analyse des Ventes"

From 4535ccd84a36a1e0d134a553de6a853f408e21eb Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Mon, 3 Nov 2025 11:14:33 +0000
Subject: [PATCH 4/6] Add a refresh button to the sales analysis page to reload
 the iframe

Add a button to the sales analysis page that, when clicked, will reload the iframe component.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1e4433b5-47ab-464c-b663-fea2e53367dd
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: aa4ca92f-cd5b-431e-a289-cb4c285ad16e
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/1e4433b5-47ab-464c-b663-fea2e53367dd/3IDrmAf

From eeb9b5b34b33dbbf8cc13dd88e2e032a5e115612 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Mon, 3 Nov 2025 15:48:21 +0000
Subject: [PATCH 5/6] Transitioned from Plan to Build mode

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1e4433b5-47ab-464c-b663-fea2e53367dd
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: a823c77c-3d9c-4d5b-922d-124ce939f2e1
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/1e4433b5-47ab-464c-b663-fea2e53367dd/3IDrmAf

From 6f298c4df77072cb246e1d84bf1ac1d01d100fd0 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Mon, 3 Nov 2025 16:02:12 +0000
Subject: [PATCH 6/6] Add payment schedule view with filtering and supplier
 payment methods

Adds a new payment schedule page to display due dates and amounts, incorporating supplier payment methods and date filtering.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1e4433b5-47ab-464c-b663-fea2e53367dd
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Event-Id: e9c65355-546d-41f7-885b-728c905f4497
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/1e4433b5-47ab-464c-b663-fea2e53367dd/9uIte90
---
 client/src/components/RouterProduction.tsx |   2 +
 client/src/components/Sidebar.tsx          |   9 +-
 client/src/pages/Groups.tsx                |  30 ++-
 client/src/pages/PaymentSchedulePage.tsx   | 288 +++++++++++++++++++++
 client/src/pages/Suppliers.tsx             |  36 +++
 server/routes.ts                           | 126 +++++++++
 shared/schema.ts                           |   2 +
 7 files changed, 488 insertions(+), 5 deletions(-)
 create mode 100644 client/src/pages/PaymentSchedulePage.tsx

diff --git a/client/src/components/RouterProduction.tsx b/client/src/components/RouterProduction.tsx
index f65bd7f..421731e 100644
--- a/client/src/components/RouterProduction.tsx
+++ b/client/src/components/RouterProduction.tsx
@@ -25,6 +25,7 @@ import Avoirs from "@/pages/Avoirs";
 import WeatherSettings from "@/pages/WeatherSettings";
 import Analytics from "@/pages/Analytics";
 import SalesAnalysisPage from "@/pages/SalesAnalysisPage";
+import PaymentSchedulePage from "@/pages/PaymentSchedulePage";
 import Layout from "@/components/Layout";
 
 function RouterProduction() {
@@ -106,6 +107,7 @@ function RouterProduction() {
         <Route path="/avoirs" component={Avoirs} />
         <Route path="/analytics" component={Analytics} />
         <Route path="/sales-analysis" component={SalesAnalysisPage} />
+        <Route path="/payment-schedule" component={PaymentSchedulePage} />
         
         {/* Routes de compatibilité - redirection vers utilities */}
         <Route path="/backup" component={Utilities} />
diff --git a/client/src/components/Sidebar.tsx b/client/src/components/Sidebar.tsx
index 44c798b..d141104 100644
--- a/client/src/components/Sidebar.tsx
+++ b/client/src/components/Sidebar.tsx
@@ -35,7 +35,8 @@ import {
   FileUp,
   Send,
   Receipt,
-  TrendingUp
+  TrendingUp,
+  CreditCard
 } from "lucide-react";
 
 export default function Sidebar() {
@@ -270,6 +271,12 @@ export default function Sidebar() {
       icon: TrendingUp, 
       roles: ["admin", "directeur"] 
     },
+    { 
+      path: "/payment-schedule", 
+      label: "Échéance", 
+      icon: CreditCard, 
+      roles: ["admin", "directeur"] 
+    },
     { 
       path: "/avoirs", 
       label: "Avoirs", 
diff --git a/client/src/pages/Groups.tsx b/client/src/pages/Groups.tsx
index c99de45..8b7b776 100644
--- a/client/src/pages/Groups.tsx
+++ b/client/src/pages/Groups.tsx
@@ -51,6 +51,7 @@ export default function Groups() {
     nocodbBlColumnName: "",
     nocodbAmountColumnName: "",
     nocodbSupplierColumnName: "",
+    nocodbDueDateColumnName: "",
     webhookUrl: "",
   });
 
@@ -101,9 +102,13 @@ export default function Groups() {
         name: "",
         color: "#1976D2",
         nocodbConfigId: "",
-        nocodbTableId: "",
         nocodbTableName: "",
-        invoiceColumnName: "Ref Facture",
+        invoiceColumnName: "",
+        nocodbBlColumnName: "",
+        nocodbAmountColumnName: "",
+        nocodbSupplierColumnName: "",
+        nocodbDueDateColumnName: "",
+        webhookUrl: "",
       });
     },
     onError: (error) => {
@@ -142,9 +147,13 @@ export default function Groups() {
         name: "",
         color: "#1976D2",
         nocodbConfigId: "",
-        nocodbTableId: "",
         nocodbTableName: "",
-        invoiceColumnName: "Ref Facture",
+        invoiceColumnName: "",
+        nocodbBlColumnName: "",
+        nocodbAmountColumnName: "",
+        nocodbSupplierColumnName: "",
+        nocodbDueDateColumnName: "",
+        webhookUrl: "",
       });
     },
     onError: (error) => {
@@ -251,6 +260,7 @@ export default function Groups() {
       nocodbBlColumnName: "",
       nocodbAmountColumnName: "",
       nocodbSupplierColumnName: "",
+      nocodbDueDateColumnName: "",
       webhookUrl: "",
     });
     setShowCreateModal(true);
@@ -267,6 +277,7 @@ export default function Groups() {
       nocodbBlColumnName: group.nocodbBlColumnName || "",
       nocodbAmountColumnName: group.nocodbAmountColumnName || "",
       nocodbSupplierColumnName: group.nocodbSupplierColumnName || "",
+      nocodbDueDateColumnName: group.nocodbDueDateColumnName || "",
       webhookUrl: group.webhookUrl || "",
     });
     setShowEditModal(true);
@@ -631,6 +642,16 @@ export default function Groups() {
                           placeholder="ex: Fournisseur"
                         />
                       </div>
+
+                      <div>
+                        <Label htmlFor="nocodbDueDateColumnName">Colonne Date d'Échéance</Label>
+                        <Input
+                          id="nocodbDueDateColumnName"
+                          value={formData.nocodbDueDateColumnName}
+                          onChange={(e) => handleChange('nocodbDueDateColumnName', e.target.value)}
+                          placeholder="ex: Date_Echeance"
+                        />
+                      </div>
                     </div>
                   </div>
 
@@ -693,6 +714,7 @@ export default function Groups() {
                     nocodbBlColumnName: "",
                     nocodbAmountColumnName: "",
                     nocodbSupplierColumnName: "",
+                    nocodbDueDateColumnName: "",
                     webhookUrl: "",
                   });
                 }}
diff --git a/client/src/pages/PaymentSchedulePage.tsx b/client/src/pages/PaymentSchedulePage.tsx
new file mode 100644
index 0000000..6334206
--- /dev/null
+++ b/client/src/pages/PaymentSchedulePage.tsx
@@ -0,0 +1,288 @@
+import { useState, useMemo } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { useStore } from "@/contexts/StoreContext";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Loader2, Calendar, DollarSign, Building, CreditCard, AlertCircle } from "lucide-react";
+import { format, parseISO, startOfMonth, endOfMonth, eachMonthOfInterval, isWithinInterval } from "date-fns";
+import { fr } from "date-fns/locale";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+
+interface PaymentSchedule {
+  id: string | number;
+  invoiceReference: string;
+  dueDate: string;
+  amount: number;
+  supplierName: string;
+  paymentMethod: string | null;
+  groupId: number;
+  groupName: string;
+}
+
+interface PaymentScheduleResponse {
+  schedules: PaymentSchedule[];
+  message?: string;
+}
+
+export default function PaymentSchedulePage() {
+  const { selectedStoreId } = useStore();
+  const [selectedMonth, setSelectedMonth] = useState<string>(() => {
+    const now = new Date();
+    return format(now, 'yyyy-MM');
+  });
+
+  // Récupérer les échéances
+  const { data, isLoading, error } = useQuery<PaymentScheduleResponse>({
+    queryKey: ['/api/payment-schedule', selectedStoreId],
+    queryFn: async () => {
+      const response = await fetch(`/api/payment-schedule?groupId=${selectedStoreId}`, {
+        credentials: 'include'
+      });
+      if (!response.ok) {
+        throw new Error(`Erreur ${response.status}: ${response.statusText}`);
+      }
+      return response.json();
+    },
+    enabled: !!selectedStoreId,
+  });
+
+  // Calculer les mois disponibles (12 derniers mois + 12 prochains mois)
+  const availableMonths = useMemo(() => {
+    const now = new Date();
+    const startDate = new Date(now.getFullYear(), now.getMonth() - 12, 1);
+    const endDate = new Date(now.getFullYear(), now.getMonth() + 12, 1);
+    
+    return eachMonthOfInterval({ start: startDate, end: endDate })
+      .map(date => ({
+        value: format(date, 'yyyy-MM'),
+        label: format(date, 'MMMM yyyy', { locale: fr })
+      }));
+  }, []);
+
+  // Filtrer les échéances par mois sélectionné
+  const filteredSchedules = useMemo(() => {
+    if (!data?.schedules) return [];
+    
+    const monthStart = parseISO(`${selectedMonth}-01`);
+    const monthEnd = endOfMonth(monthStart);
+    
+    return data.schedules
+      .filter(schedule => {
+        try {
+          const dueDate = parseISO(schedule.dueDate);
+          return isWithinInterval(dueDate, { start: monthStart, end: monthEnd });
+        } catch {
+          return false;
+        }
+      })
+      .sort((a, b) => {
+        const dateA = parseISO(a.dueDate);
+        const dateB = parseISO(b.dueDate);
+        return dateA.getTime() - dateB.getTime();
+      });
+  }, [data?.schedules, selectedMonth]);
+
+  // Calculer le total du mois
+  const monthTotal = useMemo(() => {
+    return filteredSchedules.reduce((sum, schedule) => sum + schedule.amount, 0);
+  }, [filteredSchedules]);
+
+  // Grouper par mode de paiement
+  const paymentMethodTotals = useMemo(() => {
+    const totals: Record<string, number> = {};
+    filteredSchedules.forEach(schedule => {
+      const method = schedule.paymentMethod || 'Non défini';
+      totals[method] = (totals[method] || 0) + schedule.amount;
+    });
+    return totals;
+  }, [filteredSchedules]);
+
+  if (!selectedStoreId) {
+    return (
+      <div className="flex-1 flex items-center justify-center">
+        <Card className="w-96">
+          <CardHeader className="text-center">
+            <AlertCircle className="w-12 h-12 text-orange-500 mx-auto mb-4" />
+            <CardTitle>Sélectionner un magasin</CardTitle>
+            <CardDescription>
+              Veuillez sélectionner un magasin pour afficher l'échéancier
+            </CardDescription>
+          </CardHeader>
+        </Card>
+      </div>
+    );
+  }
+
+  if (isLoading) {
+    return (
+      <div className="flex-1 flex items-center justify-center">
+        <Loader2 className="w-8 h-8 animate-spin text-blue-600" />
+      </div>
+    );
+  }
+
+  if (error) {
+    return (
+      <div className="flex-1 flex items-center justify-center">
+        <Card className="w-96">
+          <CardHeader className="text-center">
+            <AlertCircle className="w-12 h-12 text-red-500 mx-auto mb-4" />
+            <CardTitle>Erreur</CardTitle>
+            <CardDescription>
+              Une erreur est survenue lors du chargement des échéances
+            </CardDescription>
+          </CardHeader>
+        </Card>
+      </div>
+    );
+  }
+
+  if (data?.message) {
+    return (
+      <div className="flex-1 flex items-center justify-center">
+        <Card className="w-96">
+          <CardHeader className="text-center">
+            <AlertCircle className="w-12 h-12 text-blue-500 mx-auto mb-4" />
+            <CardTitle>Configuration requise</CardTitle>
+            <CardDescription>{data.message}</CardDescription>
+          </CardHeader>
+        </Card>
+      </div>
+    );
+  }
+
+  return (
+    <div className="p-6 space-y-6">
+      {/* En-tête */}
+      <div className="flex justify-between items-center">
+        <div>
+          <h1 className="text-3xl font-bold">Échéancier des Paiements</h1>
+          <p className="text-gray-600 mt-1">Gestion des échéances fournisseurs</p>
+        </div>
+        <div className="w-64">
+          <Select value={selectedMonth} onValueChange={setSelectedMonth}>
+            <SelectTrigger data-testid="select-month">
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              {availableMonths.map(month => (
+                <SelectItem key={month.value} value={month.value}>
+                  {month.label}
+                </SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+        </div>
+      </div>
+
+      {/* Statistiques du mois */}
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">Total du Mois</CardTitle>
+            <DollarSign className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold" data-testid="text-month-total">
+              {monthTotal.toFixed(2)} €
+            </div>
+            <p className="text-xs text-muted-foreground">
+              {filteredSchedules.length} échéance{filteredSchedules.length > 1 ? 's' : ''}
+            </p>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">Modes de Paiement</CardTitle>
+            <CreditCard className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-sm space-y-1">
+              {Object.entries(paymentMethodTotals).map(([method, total]) => (
+                <div key={method} className="flex justify-between">
+                  <span className="text-gray-600">{method}:</span>
+                  <span className="font-semibold">{total.toFixed(2)} €</span>
+                </div>
+              ))}
+            </div>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">Période</CardTitle>
+            <Calendar className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold capitalize">
+              {format(parseISO(`${selectedMonth}-01`), 'MMMM', { locale: fr })}
+            </div>
+            <p className="text-xs text-muted-foreground">
+              {format(parseISO(`${selectedMonth}-01`), 'yyyy', { locale: fr })}
+            </p>
+          </CardContent>
+        </Card>
+      </div>
+
+      {/* Liste des échéances */}
+      <Card>
+        <CardHeader>
+          <CardTitle>Échéances du Mois</CardTitle>
+          <CardDescription>
+            Liste détaillée des paiements à effectuer pour le mois sélectionné
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          {filteredSchedules.length === 0 ? (
+            <div className="text-center py-8 text-gray-500">
+              Aucune échéance pour ce mois
+            </div>
+          ) : (
+            <div className="space-y-3">
+              {filteredSchedules.map((schedule, index) => (
+                <div
+                  key={`${schedule.id}-${index}`}
+                  className="flex items-center justify-between p-4 border rounded-lg hover:bg-gray-50 transition-colors"
+                  data-testid={`schedule-item-${index}`}
+                >
+                  <div className="flex-1">
+                    <div className="flex items-center gap-3">
+                      <Calendar className="w-4 h-4 text-blue-600" />
+                      <span className="font-semibold">
+                        {format(parseISO(schedule.dueDate), 'dd/MM/yyyy', { locale: fr })}
+                      </span>
+                    </div>
+                    <div className="mt-2 space-y-1 text-sm text-gray-600">
+                      <div className="flex items-center gap-2">
+                        <Building className="w-3 h-3" />
+                        <span>{schedule.supplierName}</span>
+                      </div>
+                      <div>Facture: {schedule.invoiceReference}</div>
+                      {schedule.paymentMethod && (
+                        <div className="flex items-center gap-2">
+                          <CreditCard className="w-3 h-3" />
+                          <span>{schedule.paymentMethod}</span>
+                        </div>
+                      )}
+                    </div>
+                  </div>
+                  <div className="text-right">
+                    <div className="text-xl font-bold text-blue-600">
+                      {schedule.amount.toFixed(2)} €
+                    </div>
+                  </div>
+                </div>
+              ))}
+            </div>
+          )}
+        </CardContent>
+      </Card>
+    </div>
+  );
+}
diff --git a/client/src/pages/Suppliers.tsx b/client/src/pages/Suppliers.tsx
index 5e2b093..bea80f4 100644
--- a/client/src/pages/Suppliers.tsx
+++ b/client/src/pages/Suppliers.tsx
@@ -5,6 +5,13 @@ import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Checkbox } from "@/components/ui/checkbox";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import { 
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
 import { useAuthUnified } from "@/hooks/useAuthUnified";
 import { useToast } from "@/hooks/use-toast";
 import { apiRequest } from "@/lib/queryClient";
@@ -39,6 +46,7 @@ export default function Suppliers() {
     hasDlc: false,
     automaticReconciliation: false,
     requiresControl: false,
+    paymentMethod: "",
   });
 
   const { data: suppliers = [], isLoading } = useQuery<Supplier[]>({
@@ -193,6 +201,7 @@ export default function Suppliers() {
       hasDlc: false,
       automaticReconciliation: false,
       requiresControl: false,
+      paymentMethod: "",
     });
   };
 
@@ -230,6 +239,7 @@ export default function Suppliers() {
       hasDlc: supplier.hasDlc || false,
       automaticReconciliation: supplier.automaticReconciliation || false,
       requiresControl: supplier.requiresControl || false,
+      paymentMethod: supplier.paymentMethod || "",
     });
     setShowEditModal(true);
   };
@@ -399,6 +409,13 @@ export default function Suppliers() {
                           {supplier.phone}
                         </div>
                       )}
+                      {supplier.paymentMethod && (
+                        <div className="flex items-center text-sm text-gray-600">
+                          <Package className="w-4 h-4 mr-2" />
+                          <span className="font-medium">Mode de paiement:</span>
+                          <span className="ml-1">{supplier.paymentMethod}</span>
+                        </div>
+                      )}
                       <div className="flex items-center justify-between text-sm">
                         <div className="flex items-center space-x-2">
                           {supplier.hasDlc && (
@@ -511,6 +528,25 @@ export default function Suppliers() {
               />
             </div>
 
+            <div>
+              <Label htmlFor="paymentMethod">Mode de paiement</Label>
+              <Select
+                value={formData.paymentMethod}
+                onValueChange={(value) => handleChange('paymentMethod', value)}
+              >
+                <SelectTrigger id="paymentMethod" data-testid="select-payment-method">
+                  <SelectValue placeholder="Sélectionner un mode de paiement" />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="">Aucun</SelectItem>
+                  <SelectItem value="Virement">Virement</SelectItem>
+                  <SelectItem value="Traite">Traite</SelectItem>
+                  <SelectItem value="Traite Magnétique">Traite Magnétique</SelectItem>
+                  <SelectItem value="Chèque">Chèque</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+
             <div className="flex items-center space-x-2">
               <Checkbox 
                 id="hasDlc"
diff --git a/server/routes.ts b/server/routes.ts
index d68cfcb..e4229b5 100644
--- a/server/routes.ts
+++ b/server/routes.ts
@@ -278,6 +278,132 @@ export async function registerRoutes(app: Express): Promise<Server> {
     }
   });
 
+  // Route pour récupérer l'échéancier des paiements fournisseurs
+  app.get('/api/payment-schedule', isAuthenticated, async (req: any, res) => {
+    try {
+      const userId = req.user?.claims?.sub || req.user?.id;
+      if (!userId) {
+        return res.status(401).json({ error: 'Utilisateur non authentifié' });
+      }
+
+      const user = await storage.getUser(userId);
+      if (!user || (user.role !== 'admin' && user.role !== 'directeur')) {
+        return res.status(403).json({ error: 'Accès refusé - Admin ou Directeur uniquement' });
+      }
+
+      // Validation du groupId avec Zod
+      const groupIdSchema = z.coerce.number().int().positive();
+      const validation = groupIdSchema.safeParse(req.query.groupId);
+      
+      if (!validation.success) {
+        return res.status(400).json({ error: 'groupId invalide - doit être un entier positif' });
+      }
+      
+      const groupId = validation.data;
+
+      // Vérifier l'autorisation : directeur ne peut voir que ses groupes
+      if (user.role === 'directeur') {
+        const userGroupIds = await storage.getUserGroups(user.id);
+        if (!userGroupIds.includes(groupId)) {
+          return res.status(403).json({ error: 'Accès refusé - Vous ne pouvez accéder qu\'aux données de votre groupe' });
+        }
+      }
+
+      // Récupérer le groupe avec la configuration NocoDB
+      const group = await storage.getGroup(groupId);
+      if (!group || !group.nocodbConfigId || !group.nocodbTableId) {
+        return res.json({ schedules: [], message: 'Pas de configuration NocoDB pour ce groupe' });
+      }
+
+      // Récupérer la configuration NocoDB
+      const nocodbConfig = await storage.getNocodbConfig(group.nocodbConfigId);
+      if (!nocodbConfig) {
+        return res.json({ schedules: [], message: 'Configuration NocoDB non trouvée' });
+      }
+
+      // Vérifier que les colonnes nécessaires sont configurées
+      if (!group.nocodbDueDateColumnName || !group.invoiceColumnName || !group.nocodbAmountColumnName) {
+        return res.json({ 
+          schedules: [], 
+          message: 'Configuration incomplète: colonnes date échéance, facture ou montant manquantes' 
+        });
+      }
+
+      // Récupérer tous les enregistrements de NocoDB
+      const url = `${nocodbConfig.baseUrl}/api/v1/db/data/noco/${nocodbConfig.projectId}/${group.nocodbTableId}`;
+      
+      console.log('📅 Récupération échéances NocoDB:', {
+        url,
+        groupId,
+        dueDateColumn: group.nocodbDueDateColumnName
+      });
+
+      const response = await fetch(url, {
+        method: "GET",
+        headers: {
+          "xc-token": nocodbConfig.apiToken,
+          "Content-Type": "application/json",
+        },
+      });
+
+      if (!response.ok) {
+        console.error('❌ Erreur NocoDB:', response.status, response.statusText);
+        return res.status(500).json({ error: 'Erreur lors de la récupération des données NocoDB' });
+      }
+
+      const data = await response.json();
+      
+      // Récupérer tous les fournisseurs pour le mapping
+      const allSuppliers = await storage.getSuppliers();
+      
+      // Fonction de normalisation pour comparer les noms de fournisseurs
+      const normalizeName = (name: string) => {
+        return name
+          .toLowerCase()
+          .trim()
+          .normalize("NFD")  // Décompose les accents
+          .replace(/[\u0300-\u036f]/g, "")  // Supprime les diacritiques
+          .replace(/\s+/g, ' ');  // Normalise les espaces multiples
+      };
+      
+      // Créer une map avec noms normalisés
+      const supplierMap = new Map(allSuppliers.map(s => [normalizeName(s.name), s]));
+
+      // Traiter les données et filtrer les enregistrements avec une date d'échéance
+      const schedules = (data.list || [])
+        .map((record: any) => {
+          const dueDate = record[group.nocodbDueDateColumnName!];
+          const invoiceRef = record[group.invoiceColumnName!];
+          const amount = record[group.nocodbAmountColumnName!];
+          const supplierName = record[group.nocodbSupplierColumnName || 'Fournisseur'];
+          
+          if (!dueDate) return null;
+          
+          // Chercher le fournisseur correspondant avec normalisation
+          const normalizedSupplierName = normalizeName(supplierName || '');
+          const supplier = supplierMap.get(normalizedSupplierName);
+          
+          return {
+            id: record.Id || record.id,
+            invoiceReference: invoiceRef,
+            dueDate: dueDate,
+            amount: amount ? parseFloat(amount) : 0,
+            supplierName: supplierName,
+            paymentMethod: supplier?.paymentMethod || null,
+            groupId: group.id,
+            groupName: group.name
+          };
+        })
+        .filter((s: any) => s !== null);
+
+      res.json({ schedules });
+      
+    } catch (error: any) {
+      console.error('❌ Erreur récupération échéances:', error);
+      res.status(500).json({ error: 'Erreur serveur', details: error.message });
+    }
+  });
+
   // Route BAP pour envoi webhook n8n
   app.post('/api/bap/send-webhook', isAuthenticated, async (req: any, res) => {
     try {
diff --git a/shared/schema.ts b/shared/schema.ts
index 9ed9b97..5a5136a 100644
--- a/shared/schema.ts
+++ b/shared/schema.ts
@@ -58,6 +58,7 @@ export const groups = pgTable("groups", {
   nocodbBlColumnName: varchar("nocodb_bl_column_name"), // Nom de la colonne BL dans leur table
   nocodbAmountColumnName: varchar("nocodb_amount_column_name"), // Nom de la colonne montant dans leur table
   nocodbSupplierColumnName: varchar("nocodb_supplier_column_name"), // Nom de la colonne fournisseur dans leur table
+  nocodbDueDateColumnName: varchar("nocodb_due_date_column_name"), // Nom de la colonne date d'échéance dans leur table
   webhookUrl: varchar("webhook_url", { length: 500 }), // URL de webhook pour notifications par magasin
   createdAt: timestamp("created_at").defaultNow(),
   updatedAt: timestamp("updated_at").defaultNow(),
@@ -79,6 +80,7 @@ export const suppliers = pgTable("suppliers", {
   contact: varchar("contact"),
   phone: varchar("phone"),
   hasDlc: boolean("has_dlc").default(false), // Coche DLC pour la gestion DLC
+  paymentMethod: varchar("payment_method"), // Mode de paiement: Virement, Traite, Traite Magnétique, Chèque
   createdAt: timestamp("created_at").defaultNow(),
   updatedAt: timestamp("updated_at").defaultNow(),
   automaticReconciliation: boolean("automatic_reconciliation").default(false), // Rapprochement automatique BL/Factures