From fc19007b05ed3ab870f4eb2b5b8625e45b9785c4 Mon Sep 17 00:00:00 2001
From: RoxanaElena09 <popescuroxana09@yahoo.ro>
Date: Thu, 11 Dec 2025 13:23:21 +0100
Subject: [PATCH] feat:liste_avant_apres modifie

---
 prestations/html/liste_avant_apres.html |  7 +++----
 prestations/js/liste_avant_apres.js     | 26 ++++++-------------------
 2 files changed, 9 insertions(+), 24 deletions(-)

diff --git a/prestations/html/liste_avant_apres.html b/prestations/html/liste_avant_apres.html
index 18343c8..59492d3 100644
--- a/prestations/html/liste_avant_apres.html
+++ b/prestations/html/liste_avant_apres.html
@@ -98,11 +98,10 @@
           <table class="table table-striped table-hover align-middle mb-0">
             <thead class="table-dark">
               <tr>
-                <th>Titre résultat</th>
+                <th>Titre du résultat</th>
                 <th>Type</th>
-                <th>Avant</th>
-                <th>Après</th>
-                <th class="text-center">Actions</th>
+                
+                <th class="text-end">Actions</th>
               </tr>
             </thead>
             <tbody id="prestationTableBody">
diff --git a/prestations/js/liste_avant_apres.js b/prestations/js/liste_avant_apres.js
index 7515ff6..a2d36dd 100644
--- a/prestations/js/liste_avant_apres.js
+++ b/prestations/js/liste_avant_apres.js
@@ -6,15 +6,13 @@ let galleryPairs = [
         id: 1,
         titre: "Petit chien poils longs",
         type: "Chien",
-        avant: "../../img/avant1.jpg",
-        apres: "../../img/apres1.jpg"
+       
     },
     {
         id: 2,
         titre: "Coupe ciseaux",
         type: "Chat",
-        avant: "../../img/avant2.jpg",
-        apres: "../../img/apres2.jpg"
+    
     }
 ];
 
@@ -43,31 +41,19 @@ function displayPairs() {
             <td>${pair.titre}</td>
             <td>${pair.type}</td>
 
-            <td>
-                <img src="${pair.avant}" class="img-thumbnail" style="max-width: 80px;">
-            </td>
-
-            <td>
-                <img src="${pair.apres}" class="img-thumbnail" style="max-width: 80px;">
-            </td>
-
             <td class="text-center text-md-start">
-                <div class="d-flex flex-column flex-md-row justify-content-center justify-content-md-start gap-2">
+                <div class="d-flex flex-column flex-md-row justify-content-center justify-content-md-end gap-2">
 
-                    <!-- Bouton Voir -->
-                    <a href="../html/voir_avant_apres.html?id=${pair.id}" 
-                       class="btn btn-info btn-sm">
-                        Voir
-                    </a>
+                    
 
                     <!-- Bouton Modifier -->
                     <a href="../html/modifier_avant_apres.html?id=${pair.id}" 
-                       class="btn btn-warning btn-sm">
+                       class="btn btn-outline-primary btn-sm">
                         Modifier
                     </a>
 
                     <!-- Bouton Supprimer -->
-                    <button class="btn btn-danger btn-sm" onclick="openDeleteModal(${pair.id})">
+                    <button class="btn btn-outline-danger btn-sm" onclick="openDeleteModal(${pair.id})">
                         Supprimer
                     </button>
                 </div>