<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LIVE OFFERS</title>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #e9ecef;
            margin: 0;
            padding: 0;
            height: 100vh;
            box-sizing: border-box;
            transition: background-color 0.3s ease;
        }

        h2 {
            text-align: center;
            color: #333;
            margin-top: 20px;
            font-size: 28px;
            font-weight: 600;
            letter-spacing: 1px;
            transition: color 0.3s ease;
        }

        table {
            width: 98%;
            margin: 20px auto;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
            background-color: #ffffff;
            border-radius: 12px;
            font-size: 16px;
            overflow: hidden;
            transition: box-shadow 0.3s ease;
        }

        th, td {
            padding: 15px;
            text-align: center;
            border: 1px solid #e0e0e0;
            word-break: break-word;
            transition: background-color 0.3s ease, color 0.3s ease;
        }

        th {
            background-color: #4e73df;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 0.1em;
        }

        tr:hover {
            background-color: #f1f3f5;
            transition: background-color 0.3s ease;
        }

        tbody {
            max-height: 60vh;
            overflow-y: auto;
            display: block;
        }

        thead, tr {
            display: table;
            width: 100%;
        }

        tbody tr {
            display: table;
            width: 100%;
        }

        .highlight {
            background-color: #f44336; /* خلفية حمراء */
            color: white; /* تغيير النص إلى اللون الأبيض */
            transition: background-color 0.3s ease, color 0.3s ease;
        }

        .duplicated-ip {
            color: #ff9800; /* لون النص باللون البرتقالي */
            font-weight: bold;
        }

        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-thumb {
            background-color: #888;
            border-radius: 10px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background-color: #555;
        }

        @media (max-width: 768px) {
            table {
                font-size: 14px;
            }
            th, td {
                padding: 12px;
            }
        }

        @media (max-width: 480px) {
            h2 {
                font-size: 22px;
            }
            table {
                font-size: 12px;
            }
            th, td {
                padding: 10px;
            }
        }
    </style>
</head>
<body>

<h2>LIVE OFFERS</h2>

<table>
    <thead>
        <tr>
            <th>User ID</th>
            <th>Amount</th>
            <th>Offer Name</th>
            <th>OFFER WALL</th>
            <th>IP Address</th>
        </tr>
    </thead>
    <tbody>
    <?php
    include 'dp.php'; // الاتصال بقاعدة البيانات

    $sql = "SELECT user_id, amount, offername, offerwall, ip_address FROM offerwall_history ORDER BY claim_time DESC";
    $result = $conn->query($sql);

    if ($result === false) {
        echo "<tr><td colspan='5'>Error: " . $conn->error . "</td></tr>";
    } else {
        if ($result->num_rows > 0) {
            // مصفوفة لتخزين تكرارات الـ IP
            $ip_count = [];
            
            // أولاً نمر على البيانات ونحسب التكرار
            while($row = $result->fetch_assoc()) {
                $ip = $row["ip_address"];
                if (isset($ip_count[$ip])) {
                    $ip_count[$ip] += 1;
                } else {
                    $ip_count[$ip] = 1;
                }
            }

            // نعيد تشغيل الاستعلام مرة أخرى لطباعة الصفوف مع التمييز
            mysqli_data_seek($result, 0); // إعادة تعيين مؤشر النتيجة
            while($row = $result->fetch_assoc()) {
                $ip = $row["ip_address"];
                $highlight_class = ($ip_count[$ip] > 1) ? "highlight" : ""; // إضافة فئة التمييز إذا كان الـ IP مكرر
                $duplicated_ip_marker = ($ip_count[$ip] > 1) ? "⚠️ Duplicated" : ""; // إضافة علامة إذا كان الـ IP مكرر
                
                echo "<tr class='$highlight_class'>";
                echo "<td>" . $row["user_id"] . "</td>";
                echo "<td>" . $row["amount"] . "</td>";
                echo "<td>" . $row["offername"] . "</td>";
                echo "<td>" . $row["offerwall"] . "</td>";
                echo "<td class='" . ($ip_count[$ip] > 1 ? "duplicated-ip" : "") . "'>" . $row["ip_address"] . " " . $duplicated_ip_marker . "</td>";
                echo "</tr>";
            }
        } else {
            echo "<tr><td colspan='5'>No data found</td></tr>";
        }
    }

    $conn->close();
    ?>
    </tbody>
</table>

</body>
</html>
