amélioration de l'affichage des annonces

assets/css/styles.css

@@ -521,4 +521,44 @@ footer a:hover {
     color: var(--mh-light);
     font-style: italic;
     background-color: rgba(0, 0, 0, 0.2);
+}
+
+/* Styles pour les annonces */
+#announcementArea {
+    margin-bottom: 1.5rem;
+    border-radius: 8px;
+    overflow: hidden;
+    background-color: rgba(90, 144, 177, 0.1);
+    border: 1px solid rgba(90, 144, 177, 0.2);
+}
+
+.announcement-item {
+    padding: 0.8rem 1.2rem;
+    border-bottom: 1px solid rgba(224, 185, 104, 0.3);
+    position: relative;
+}
+
+.announcement-item:last-child {
+    border-bottom: none;
+}
+
+.announcement-item p {
+    margin-bottom: 0.5rem;
+    color: var(--mh-light);
+    font-size: 1rem;
+}
+
+.announcement-item .announcement-date {
+    font-size: 0.8rem;
+    color: rgba(245, 240, 230, 0.6);
+    text-align: right;
+    font-style: italic;
+}
+
+.announcement-item:nth-child(even) {
+    background-color: rgba(58, 54, 47, 0.3);
+}
+
+.announcement-item:hover {
+    background-color: rgba(224, 185, 104, 0.05);
 }

assets/js/admin.js

@@ -554,8 +554,12 @@ function handleConfirmDelete() {
     
     if (currentDeletionType === 'announcement') {
         url += 'deleteAnnouncement';
+        // Ajouter l'ID avec le nom attendu par l'API
+        formData.append('id', formData.get('deletionId'));
     } else if (currentDeletionType === 'monster') {
         url += 'deleteMonster';
+        // Ajouter l'ID avec le nom attendu par l'API
+        formData.append('id', formData.get('deletionId'));
     } else {
         return;
     }

includes/database.php

@@ -320,7 +320,7 @@ function get_all_announcements($active_only = false) {
         $query .= ' WHERE active = 1';
     }
     
-    $query .= ' ORDER BY created_at DESC';
+    $query .= ' ORDER BY created_at ASC';
     $stmt = $db->query($query);
     return $stmt->fetchAll(PDO::FETCH_ASSOC);
 }

index.php

@@ -112,9 +112,12 @@ include 'includes/header.php';
 </div>
 
 <?php if (!empty($active_announcements)): ?>
-<div class="alert alert-info" id="announcementArea">
+<div id="announcementArea">
     <?php foreach ($active_announcements as $announcement): ?>
-        <p><?php echo secure_output($announcement['text']); ?></p>
+        <div class="announcement-item">
+            <p><?php echo secure_output($announcement['text']); ?></p>
+            <div class="announcement-date">Publiée le <?php echo date('d/m/Y', strtotime($announcement['created_at'])); ?></div>
+        </div>
     <?php endforeach; ?>
 </div>
 <?php endif; ?>