feat:liste_avant_apres modifie

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-end">Actions</th>
-                <th class="text-center">Actions</th>
               </tr>
             </thead>
             <tbody id="prestationTableBody">

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>