Auto commit: 2026-02-18T23:19:00.580Z

admin.php

@@ -60,6 +60,27 @@ $requests_today = $stmt->fetchColumn();
             </div>
         </div>
 
+        <div class="row mb-4">
+            <div class="col-md-12">
+                <div class="card p-3 border-success" style="background: rgba(37, 211, 102, 0.1);">
+                    <div class="d-flex align-items-center justify-content-between flex-wrap gap-3">
+                        <div class="d-flex align-items-center">
+                            <div class="bg-success p-3 rounded-circle me-3 shadow-lg">
+                                <i class="bi bi-whatsapp fs-3 text-white"></i>
+                            </div>
+                            <div>
+                                <h5 class="mb-0">Comunidad WhatsApp de Lili Records</h5>
+                                <p class="mb-0 text-secondary small">Monitorea y comparte anuncios directamente en el grupo oficial.</p>
+                            </div>
+                        </div>
+                        <a href="https://chat.whatsapp.com/DkG96pTzAFO3hvLqmzwmTY" target="_blank" class="btn btn-success d-flex align-items-center gap-2">
+                            <i class="bi bi-box-arrow-up-right"></i> IR AL GRUPO DE WHATSAPP
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+
         <!-- Now Playing Header -->
         <div class="row mb-4">
             <div class="col-md-12">
@@ -254,6 +275,7 @@ $requests_today = $stmt->fetchColumn();
                                     <th>Artista</th>
                                     <th>Canción</th>
                                     <th>Solicitado por</th>
+                                    <th>Vía</th>
                                     <th>Fecha</th>
                                     <th>Estado</th>
                                     <th>Acciones</th>
@@ -261,7 +283,7 @@ $requests_today = $stmt->fetchColumn();
                             </thead>
                             <tbody id="requests-body">
                                 <tr>
-                                    <td colspan="6" class="text-center text-secondary">Cargando peticiones...</td>
+                                    <td colspan="7" class="text-center text-secondary">Cargando peticiones...</td>
                                 </tr>
                             </tbody>
                         </table>
@@ -353,13 +375,18 @@ $requests_today = $stmt->fetchColumn();
                 if (data.success) {
                     const tbody = document.getElementById('requests-body');
                     if (data.requests.length === 0) {
-                        tbody.innerHTML = '<tr><td colspan="6" class="text-center text-secondary">No hay peticiones pendientes</td></tr>';
+                        tbody.innerHTML = '<tr><td colspan="7" class="text-center text-secondary">No hay peticiones pendientes</td></tr>';
                     } else {
                         tbody.innerHTML = data.requests.map(req => `
-                            <tr>
+                            <tr class="${req.source === 'whatsapp' ? 'table-success' : ''}" style="${req.source === 'whatsapp' ? 'background: rgba(37, 211, 102, 0.1) !important;' : ''}">
                                 <td>${req.artist}</td>
                                 <td>${req.song}</td>
                                 <td>${req.requester}</td>
+                                <td>
+                                    ${req.source === 'whatsapp' 
+                                        ? '<span class="badge bg-success"><i class="bi bi-whatsapp"></i> WhatsApp</span>' 
+                                        : '<span class="badge bg-secondary"><i class="bi bi-globe"></i> Web</span>'}
+                                </td>
                                 <td>${new Date(req.created_at).toLocaleString()}</td>
                                 <td><span class="badge bg-warning text-dark">${req.status}</span></td>
                                 <td>

api/chat.php

@@ -34,6 +34,18 @@ if ($method === 'GET') {
 
         db()->query("DELETE FROM messages WHERE created_at < DATE_SUB(NOW(), INTERVAL 6 HOUR)");
 
+        // Obtener el Oyente de la Semana (Top 1)
+        $topStmt = db()->query("
+            SELECT requester 
+            FROM song_requests 
+            WHERE requester IS NOT NULL AND requester != '' AND requester != 'Anónimo'
+            AND created_at > DATE_SUB(NOW(), INTERVAL 7 DAY)
+            GROUP BY requester 
+            ORDER BY COUNT(*) DESC 
+            LIMIT 1
+        ");
+        $topRequester = $topStmt->fetchColumn();
+
         $stmt = db()->prepare("SELECT m.*, f.points, f.is_fan_of_month FROM messages m LEFT JOIN fans f ON m.username = f.name ORDER BY m.created_at DESC LIMIT 50");
         $stmt->execute();
         $messages = $stmt->fetchAll(PDO::FETCH_ASSOC);
@@ -43,7 +55,11 @@ if ($method === 'GET') {
             $msg['level_color'] = '#94a3b8';
             $msg['level_emoji'] = '';
             
-            if ($msg['is_fan_of_month']) {
+            if ($msg['username'] === $topRequester) {
+                $msg['level_color'] = '#facc15';
+                $msg['level_emoji'] = '👑';
+                $msg['is_top_listener'] = true;
+            } elseif ($msg['is_fan_of_month']) {
                 $msg['level_color'] = '#facc15';
             } elseif ($points >= 2500) {
                 $msg['level_color'] = '#a855f7';

api/song_requests.php

@@ -36,6 +36,7 @@ if ($method === 'POST') {
     $artist = trim($_POST['artist'] ?? '');
     $song = trim($_POST['song'] ?? '');
     $requester = trim($_POST['requester'] ?? 'Anónimo');
+    $source = trim($_POST['source'] ?? 'web');
 
     if (empty($artist) || empty($song)) {
         echo json_encode(['success' => false, 'error' => 'Falta artista o canción']);
@@ -43,8 +44,8 @@ if ($method === 'POST') {
     }
 
     try {
-        $stmt = $db->prepare("INSERT INTO song_requests (artist, song, requester) VALUES (?, ?, ?)");
+        $stmt = $db->prepare("INSERT INTO song_requests (artist, song, requester, source) VALUES (?, ?, ?, ?)");
-        $stmt->execute([$artist, $song, $requester]);
+        $stmt->execute([$artist, $song, $requester, $source]);
 
         // Award points for song request
         if ($requester !== 'Anónimo') {

index.php

@@ -1577,6 +1577,51 @@ $twitter_link = "https://twitter.com/";
     .chat-msg-item.is-me .chat-msg-time {
         text-align: left;
     }
+
+    /* Top Listener Banner */
+    .top-listener-banner {
+        background: linear-gradient(135deg, rgba(250, 204, 21, 0.2), rgba(245, 158, 11, 0.3));
+        border: 1px solid rgba(250, 204, 21, 0.4);
+        border-radius: 16px;
+        padding: 10px 15px;
+        margin-bottom: 1.5rem;
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        animation: fadeIn 0.8s ease;
+        position: relative;
+        overflow: hidden;
+    }
+    .top-listener-banner::after {
+        content: "";
+        position: absolute;
+        top: -50%;
+        left: -50%;
+        width: 200%;
+        height: 200%;
+        background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.1), transparent);
+        transform: rotate(25deg);
+        animation: modal-shine 6s infinite;
+        pointer-events: none;
+    }
+    .top-listener-crown {
+        font-size: 1.5rem;
+        color: #facc15;
+        filter: drop-shadow(0 0 5px rgba(250, 204, 21, 0.5));
+    }
+    .top-listener-name {
+        font-weight: 800;
+        color: #fff;
+        font-size: 0.9rem;
+    }
+    .top-listener-label {
+        font-size: 0.65rem;
+        font-weight: 800;
+        color: #facc15;
+        letter-spacing: 1px;
+        text-transform: uppercase;
+        display: block;
+    }
 </style>
 </head>
 <body>
@@ -1623,6 +1668,22 @@ $twitter_link = "https://twitter.com/";
                 </header>
 
                 <div class="radio-player">
+                    <!-- Top Listener of the Week Banner -->
+                    <div id="top-listener-section" style="display: none;">
+                        <div class="top-listener-banner">
+                            <div class="top-listener-crown">
+                                <i class="bi bi-crown-fill"></i>
+                            </div>
+                            <div style="flex: 1;">
+                                <span class="top-listener-label">Oyente de la Semana</span>
+                                <div id="top-listener-display" class="top-listener-name">Cargando...</div>
+                            </div>
+                            <div style="font-size: 0.7rem; opacity: 0.6; font-weight: 700; text-transform: uppercase;">
+                                <i class="bi bi-graph-up-arrow"></i> #1 Ranking
+                            </div>
+                        </div>
+                    </div>
+
                     <div class="visualizer-container">
                         <div id="audio-visualizer" class="audio-visualizer"></div>
                     </div>
@@ -2861,12 +2922,35 @@ $twitter_link = "https://twitter.com/";
                     btn.innerHTML = '<i class="bi bi-check-circle-fill"></i> ¡PEDIDA!';
                     btn.style.backgroundColor = 'var(--accent-color)';
                     
-                    confetti({
+                    // Celebration if the user is #1
-                        particleCount: 50,
+                    if (result.is_top) {
-                        spread: 60,
+                        confetti({
-                        origin: { y: 0.8 },
+                            particleCount: 200,
-                        colors: ['#38bdf8', '#00e676']
+                            spread: 90,
-                    });
+                            origin: { y: 0.7 },
+                            colors: ['#facc15', '#ffffff', '#38bdf8']
+                        });
+                        
+                        // Show special shoutout
+                        const shoutoutModal = document.getElementById('shoutout-modal');
+                        const shoutoutTarget = document.getElementById('shoutout-target');
+                        const shoutoutMsg = document.getElementById('shoutout-message');
+                        
+                        shoutoutTarget.innerText = `¡FELICIDADES ${result.top_name.toUpperCase()}!`;
+                        shoutoutMsg.innerText = `¡Te has convertido en el Oyente #1 de la Semana! Gracias por tu increíble apoyo a Lili Records Radio. 👑📻`;
+                        
+                        shoutoutModal.style.display = 'flex';
+                        setTimeout(() => shoutoutModal.classList.add('show'), 10);
+                        
+                        fetchTopListener(); // Update banner
+                    } else {
+                        confetti({
+                            particleCount: 50,
+                            spread: 60,
+                            origin: { y: 0.8 },
+                            colors: ['#38bdf8', '#00e676']
+                        });
+                    }
 
                     setTimeout(() => {
                         btn.disabled = false;
@@ -3026,6 +3110,23 @@ $twitter_link = "https://twitter.com/";
             }
         }
 
+        async function fetchTopListener() {
+            try {
+                const response = await fetch('api/get_top_requesters.php');
+                const result = await response.json();
+                if (result.success && result.data && result.data.length > 0) {
+                    const top = result.data[0];
+                    const section = document.getElementById('top-listener-section');
+                    const display = document.getElementById('top-listener-display');
+                    
+                    display.innerHTML = `${top.requester} <span style="opacity: 0.7; font-size: 0.7rem; font-weight: 400;">(${top.total_requests} peticiones)</span>`;
+                    section.style.display = 'block';
+                }
+            } catch (error) {
+                console.error('Error fetching top listener:', error);
+            }
+        }
+
         // --- Sleep Timer & Upcoming Tracks ---
         let sleepTimeout = null;
         let sleepInterval = null;
@@ -3527,16 +3628,20 @@ $twitter_link = "https://twitter.com/";
         // Update cycles
         setInterval(updateMetadata, 30000);
         setInterval(fetchTopSongs, 60000);
+        setInterval(fetchTopListener, 60000);
         setInterval(fetchGallery, 3000); // Frecuencia aumentada para fotos efímeras (5s)
         setInterval(fetchLeaderboard, 60000);
         setInterval(fetchUpcomingTracks, 30000);
+        setInterval(fetchActivePerks, 30000);
 
         // Initial fetch
         updateMetadata();
         fetchTopSongs();
+        fetchTopListener();
         fetchGallery();
         fetchLeaderboard();
         fetchUpcomingTracks();
+        fetchActivePerks();
 
         // Theme Toggle Functionality
         function toggleTheme() {