WiSearch/ui/templates/admin_logs.html

<!DOCTYPE html>
<html lang="el">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Logs - WiSearch Panel</title>
    <style>
        body { background-color: #121212; color: #e0e0e0; font-family: 'Segoe UI', Tahoma, sans-serif; margin: 0; padding: 20px; }
        
        /* Κοινό Header με το Admin Dashboard */
        .header { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #333; padding-bottom: 15px; margin-bottom: 20px; }
        .title { color: #bb86fc; margin: 0; }
        .title span { color: #e0e0e0; }
        .nav-links a { color: #03dac6; text-decoration: none; margin-left: 15px; font-weight: bold; }
        .nav-links a:hover { text-decoration: underline; }
        
        /* Κεντρικό Κουτί (Ίδιο με τα Tabs του Dashboard) */
        .content-box { background: #1e1e1e; padding: 20px; border-radius: 8px; border: 1px solid #333; max-width: 1200px; margin: 0 auto; }
        h3 { color: #bb86fc; border-bottom: 1px solid #333; padding-bottom: 10px; margin-top: 0; }
        
        /* Στυλ Πίνακα */
        table { width: 100%; border-collapse: collapse; margin-bottom: 20px; font-size: 14px; }
        th, td { padding: 12px 10px; text-align: left; border-bottom: 1px solid #333; }
        th { background-color: #2d2d2d; color: #03dac6; }
        
        /* Λεπτομέρειες των Logs */
        .guest { color: #9e9e9e; font-style: italic; }
        .user { color: #bb86fc; font-weight: bold; }
        .ip-code { background: #121212; padding: 3px 8px; border-radius: 4px; border: 1px solid #333; font-family: monospace; color: #03dac6; font-size: 13px; }
        
        .footer { margin-top: 40px; text-align: center; font-size: 12px; color: #9e9e9e; }
        .footer b { color: #e0e0e0; }
    </style>
</head>
<body>

    <div class="header">
        <h1 class="title">WiSearch <span>Panel</span></h1>
        <div class="nav-links">
            <a href="/">🏠 Αναζήτηση</a>
            <a href="/admin">⚙️ Πίνακας Ελέγχου</a>
            {% if session.get('user_role') == 'admin' %}
            <a href="/admin/users">👥 Χρήστες</a>
            {% endif %}
            <a href="/logout" style="color: #cf6679;">🚪 Έξοδος ({{ session.username }})</a>
        </div>
    </div>

    <div class="content-box">
        <h3>📜 Activity Logs (Τελευταίες 100 Αναζητήσεις)</h3>
        
        <table>
            <tr>
                <th>Ημερομηνία / Ώρα</th>
                <th>IP Διεύθυνση</th>
                <th>Χρήστης</th>
                <th>Search Prompt</th>
            </tr>
            {% for log in logs %}
            <tr>
                <td style="color: #9e9e9e;">{{ log.timestamp.strftime('%d/%m %H:%M:%S') }}</td>
                <td><span class="ip-code">{{ log.ip_address }}</span></td>
                <td>
                    {% if log.username %}
                        <span class="user">{{ log.username }}</span>
                    {% else %}
                        <span class="guest">Guest (Unregistered)</span>
                    {% endif %}
                </td>
                <td style="color: #fff; font-weight: bold;">{{ log.search_query }}</td>
            </tr>
            {% else %}
            <tr>
                <td colspan="4" style="text-align: center; color: #9e9e9e; padding: 20px;">Δεν υπάρχουν καταγεγραμμένες αναζητήσεις ακόμα.</td>
            </tr>
            {% endfor %}
        </table>
    </div>

    <div class="footer">
        ⚡ Powered by <b>#6610 Maiden</b>
    </div>

</body>
</html>