<?php
session_start();

$json_file = __DIR__ . '/data/keyUserccv.json';
$activity_file = __DIR__ . '/data/activity.log';
$admin_activity_file = __DIR__ . '/data/admin_activity.log';

function logActivity($action, $key, $details = '') {
    global $activity_file;
    $timestamp = date('Y-m-d H:i:s');
    $ip = $_SERVER['REMOTE_ADDR'];
    $user_agent = $_SERVER['HTTP_USER_AGENT'];
    $logEntry = "[$timestamp] [IP: $ip] [Key: $key] [UA: $user_agent] Action: $action";
    if (!empty($details)) {
        $logEntry .= " | Details: $details";
    }
    $logEntry .= "\n";
    file_put_contents($activity_file, $logEntry, FILE_APPEND);
}

function logAdminActivity($action, $key, $details = '') {
    global $admin_activity_file;
    $timestamp = date('Y-m-d H:i:s');
    $ip = $_SERVER['REMOTE_ADDR'];
    $logEntry = "[$timestamp] [IP: $ip] [Key: $key] Action: $action";
    if (!empty($details)) {
        $logEntry .= " | Details: $details";
    }
    $logEntry .= "\n";
    file_put_contents($admin_activity_file, $logEntry, FILE_APPEND);
}

function redirectAndClearSession($message = "") {
    session_unset();
    session_destroy();
    header('Location: /bomayday/index.php?message=' . urlencode($message));
    exit();
}

// --- START: Key Validation and Authentication Logic ---
if (!isset($_SESSION['is_authenticated']) || $_SESSION['is_authenticated'] !== true || !isset($_SESSION['logged_in_key'])) {
    redirectAndClearSession("Bạn chưa đăng nhập hoặc phiên đã hết hạn.");
}

$logged_in_key = $_SESSION['logged_in_key'];

// Check if this is an AJAX request for API data
// We can use a custom header or a GET parameter to distinguish
if (isset($_GET['action']) && $_GET['action'] === 'fetch_taixiu_data') {
    // This is an AJAX request, handle API fetching
    header('Content-Type: application/json; charset=utf-8');

    // Log the API fetch attempt (optional, for detailed tracking)
    logActivity("API Data Request (AJAX)", $logged_in_key, "Fetching Tai Xiu data for tool.");

    $api_url = 'https://seven89-api-95ji.onrender.com/taixiu';

    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, $api_url);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_TIMEOUT, 10);
    // Add custom header to identify the request source if needed by the API,
    // though for simple GET this is usually not required.
    // curl_setopt($ch, CURLOPT_HTTPHEADER, array('X-Requested-With: XMLHttpRequest'));

    $response = curl_exec($ch);

    if (curl_errno($ch)) {
        error_log('cURL error (AJAX request): ' . curl_error($ch));
        http_response_code(500);
        echo json_encode(['error' => 'Failed to fetch data from external API', 'details' => curl_error($ch)]);
    } else {
        $decoded_response = json_decode($response, true);
        if (json_last_error() !== JSON_ERROR_NONE) {
            error_log('JSON decode error (AJAX request): ' . json_last_error_msg() . ' for response: ' . $response);
            http_response_code(500);
            echo json_encode(['error' => 'Invalid JSON response from external API', 'raw_response' => $response]);
        } else {
            echo json_encode($decoded_response);
        }
    }
    curl_close($ch);
    exit(); // IMPORTANT: Stop script execution after handling AJAX request
}

// If not an AJAX request, proceed with normal page load (HTML output)
// Log the specific action here when the tool is accessed (normal page load)
logActivity("Action 789Club - Tool FlashLight", $logged_in_key);


// Key validation for normal page load
if (file_exists($json_file)) {
    $json_data = file_get_contents($json_file);
    $keys = json_decode($json_data, true);

    if (json_last_error() !== JSON_ERROR_NONE) {
        error_log("Error decoding keyUserccv.json: " . json_last_error_msg());
        logActivity("System error - Invalid JSON data", $logged_in_key);
        redirectAndClearSession("Lỗi dữ liệu hệ thống key. Vui lòng thử lại sau.");
    }
} else {
    logActivity("System error - Key file not found", $logged_in_key);
    redirectAndClearSession("Không tìm thấy dữ liệu key người dùng. Vui lòng liên hệ Admin.");
}

$user_key_info = null;
$key_found = false;
$updated_keys = [];

foreach ($keys as $key_data) {
    if (isset($key_data['key']) && $key_data['key'] === $logged_in_key) {
        $key_found = true;
        $user_key_info = $key_data;

        if (isset($user_key_info['ngay_het_han'])) {
            $expiration_date = new DateTime($user_key_info['ngay_het_han']);
            $current_date = new DateTime();

            if ($current_date > $expiration_date) {
                logActivity("Attempted access with expired key", $logged_in_key);
                redirectAndClearSession("Key của bạn đã hết hạn. Vui lòng mua key mới.");
            }
        }

        if (isset($user_key_info['ban']) && $user_key_info['ban'] === true) {
            logActivity("Attempted access with banned key", $logged_in_key);
            redirectAndClearSession("Key của bạn đã bị cấm. Vui lòng liên hệ Admin.");
        }
        
        $updated_keys[] = $key_data;
    } else {
        $updated_keys[] = $key_data;
    }
}

if (!$key_found) {
    logActivity("Attempted access with invalid key", $logged_in_key);
    redirectAndClearSession("Key của bạn không còn tồn tại trong hệ thống. Vui lòng đăng nhập lại.");
}

if ($keys !== $updated_keys) {
    if (!file_put_contents($json_file, json_encode($updated_keys, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE))) {
        error_log("Error writing updated keys to keyUserccv.json");
        logActivity("System error - Failed to update key file", $logged_in_key);
    }
}
// --- END: Key Validation and Authentication Logic ---
?>

<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>789Club - Chiếu Sáng</title>
    <script src="https://cdn.tailwindcss.com"></script>
    
        body {
            font-family: 'Inter', sans-serif;
            overflow: hidden;
            background-color: #f3f4f6;
            min-height: 100vh;
            position: relative;
        }
        #backgroundIframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
            z-index: 1;
        }
        #gifContainer {
            position: absolute;
            cursor: grab;
            touch-action: none;
            left: 100vw;
            top: calc(50vh - 75px);
            animation: slideAndRotateIn 1s ease-out forwards;
            transform-origin: center center;
            z-index: 10;
        }
        #movableGif {
            width: 150px;
            height: auto;
            border-radius: 8px;
        }
        #messageBox {
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 10;
            display: none;
        }
        #counterDisplay {
            position: absolute;
            top: 20px;
            left: 20px;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 8px 12px;
            border-radius: 8px;
            font-size: 1.1rem;
            z-index: 10;
            display: none; /* Keep hidden if not used for general counter */
        }
        #sessionDisplay {
            position: absolute;
            top: 20px;
            right: 20px; /* Positioned to the right */
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 8px 12px;
            border-radius: 8px;
            font-size: 1.1rem;
            z-index: 10;
        }
        #linearElement {
            position: absolute;
            width: 60px;
            height: 60px;
            background-color: transparent;
            transform: rotate(90deg); /* linearElement itself is rotated 90deg */
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 4px;
            box-shadow: none;
            text-align: center;
            padding: 0;
            box-sizing: border-box;
            z-index: 5;
            border: 2px solid transparent;
            border-image: linear-gradient(to right, red, pink) 1;
            border-image-slice: 1;
            opacity: 1;
            transition: opacity 0.3s ease-out;
        }
        /* Style for the text inside linearElement */
        #linearElement .rotated-text {
            color: black; /* Or any color you prefer for the text */
            font-size: 12px;
            white-space: nowrap;
            transform: rotate(-90deg); /* Counter-rotate the text to make it readable */
            position: absolute; /* Allows precise positioning within the rotated parent */
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(-90deg); /* Center and counter-rotate */
        }


        #imageDisplay {
            position: absolute;
            width: 60px;
            height: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transition: opacity 0.7s ease-out;
            z-index: 6;
            border-radius: 4px;
            overflow: visible;
        }
        #imageDisplay img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            transform: rotate(90deg);
            border: none; /* Explicitly remove border from image */
        }

        #imageDisplay.activated {
            position: relative;
        }

        /* REMOVED: The CSS rule that added the blue/white gradient border */
        /*
        #imageDisplay.activated::before {
            content: '';
            position: absolute;
            top: -2px;
            left: -2px;
            right: -2px;
            bottom: -2px;
            border: 2px solid transparent;
            border-image: linear-gradient(to right, seagreen, white) 1;
            border-image-slice: 1;
            border-radius: 4px;
            z-index: -1;
        }
        */

        @keyframes slideAndRotateIn {
            from {
                left: 100vw;
                transform: rotate(0deg);
            }
            to {
                left: calc(50vw - 75px);
                transform: rotate(20deg);
            }
        }
    
</head>
<body>

    <iframe id="backgroundIframe" src="https://play.789.club/?affId=789"></iframe>

    <div id="gifContainer" class="relative">
        <img id="movableGif" src="https://files.catbox.moe/pd989k.gif" alt="Movable GIF" onerror="this.onerror=null;this.src='https://placehold.co/150x150/cccccc/333333?text=Error+loading+GIF';">
    </div>

    <!-- Updated linearElement HTML structure -->
    <div id="linearElement">
        <span class="rotated-text">Phiên: <span id="linearSessionId"></span></span>
    </div>

    <div id="imageDisplay"></div>

    <div id="messageBox" class="p-3 bg-blue-100 text-blue-800 rounded-lg hidden"></div>

    <!-- This sessionDisplay is for the top-right corner, kept as is -->
    <div id="sessionDisplay">Phiên: Đang tải...</div>

    <script>
        const gifContainer = document.getElementById('gifContainer');
        const movableGif = document.getElementById('movableGif');
        const messageBox = document.getElementById('messageBox');
        const linearElement = document.getElementById('linearElement');
        const imageDisplay = document.getElementById('imageDisplay');
        const sessionDisplay = document.getElementById('sessionDisplay');
        const linearSessionId = document.getElementById('linearSessionId'); // New: Get the span for linear element's session ID

        let posX = 0;
        let posY = 0;
        let currentRotation = 0;
        let isDragging = false;
        let startX, startY;

        const GIF_LOOP_DURATION = 2000;
        const LIGHT_START_TIME = 1000;
        const LIGHT_END_TIME = 2000;
        const LINEAR_ACTIVATION_DELAY = 700;
        // Changed to 3000 milliseconds (3 seconds)
        const LINEAR_ACTIVATION_DURATION = 3000; 

        let gifLoopTimer = 0;
        let lastFrameTime = performance.now();

        let proximityTimerId = null;
        let isProximityTimerRunning = false;
        let isLinearActive = false;
        let activationTimeoutId = null;

        let initialTouchAngle = 0;
        let isTwoFingerRotating = false;

        // API related variables
        const API_PROXY_URL = window.location.pathname + '?action=fetch_taixiu_data'; 
        let currentDuDoanPattern = '';
        let currentPhienId = '';
        let apiFetchInProgress = false; 
        let hasFetchedApiDataForCurrentInteraction = false; 


        const predefinedLinearPositions = [
            { x: 50, y: 50 }, { x: 200, y: 80 }, { x: 80, y: 250 },
            { x: window.innerWidth - 200, y: 50 }, { x: window.innerWidth - 300, y: 100 },
            { x: window.innerWidth - 150, y: 280 }, { x: 50, y: window.innerHeight - 100 },
            { x: 180, y: window.innerHeight - 150 }, { x: 100, y: window.innerHeight - 250 },
            { x: window.innerWidth - 200, y: window.innerHeight - 100 },
            { x: window.innerWidth - 300, y: window.innerHeight - 180 },
            { x: window.innerWidth - 100, y: window.innerHeight - 300 },
            { x: 50, y: window.innerHeight / 2 - 150 }, { x: 50, y: window.innerHeight / 2 + 100 },
            { x: window.innerWidth - 200, y: window.innerHeight / 2 - 150 },
            { x: window.innerWidth - 200, y: window.innerHeight / 2 + 100 }
        ];

        let lastLinearPositionIndex = -1;

        function getNextLinearPosition() {
            let newIndex;
            do {
                newIndex = Math.floor(Math.random() * predefinedLinearPositions.length);
            } while (newIndex === lastLinearPositionIndex);

            lastLinearPositionIndex = newIndex;
            return predefinedLinearPositions[newIndex];
        }

        function showMessage(message, type = 'info') {
            messageBox.textContent = message;
            messageBox.className = `p-3 rounded-lg ${type === 'error' ? 'bg-red-100 text-red-800' : 'bg-blue-100 text-blue-800'}`;
            messageBox.classList.remove('hidden');
            setTimeout(() => {
                messageBox.classList.add('hidden');
            }, 3000);
        }

        function setFinalStateAfterAnimation() {
            const computedStyle = window.getComputedStyle(gifContainer);
            posX = parseFloat(computedStyle.left);
            posY = parseFloat(computedStyle.top);

            const transformMatrix = new DOMMatrixReadOnly(computedStyle.transform);
            currentRotation = Math.atan2(transformMatrix.b, transformMatrix.a) * (180 / Math.PI);

            gifContainer.style.animation = 'none';
            gifContainer.style.left = `${posX}px`;
            gifContainer.style.top = `${posY}px`;
            gifContainer.style.transform = `rotate(${currentRotation}deg)`;
        }

        function updateGifTransform() {
            gifContainer.style.left = `${posX}px`;
            gifContainer.style.top = `${posY}px`;
            gifContainer.style.transform = `rotate(${currentRotation}deg)`;
        }

        function setLinearElementPosition(pos) {
            linearElement.style.left = `${pos.x}px`;
            linearElement.style.top = `${pos.y}px`;
            imageDisplay.style.left = `${pos.x}px`;
            imageDisplay.style.top = `${pos.y}px`;
        }

        async function fetchTaiXiuData() {
            if (apiFetchInProgress) {
                console.log('API fetch already in progress. Skipping.');
                return;
            }
            apiFetchInProgress = true;
            try {
                console.log('Attempting to fetch Tai Xiu data from current PHP file via AJAX...');
                const response = await fetch(API_PROXY_URL); 
                if (!response.ok) {
                    throw new Error(`HTTP error! status: ${response.status}`);
                }
                const data = await response.json();
                console.log('API Data from PHP:', data);

                if (data.latestResult && data.latestResult.id_phien) {
                    const phienId = data.latestResult.id_phien;
                    if (phienId !== currentPhienId) {
                        currentPhienId = phienId;
                        sessionDisplay.textContent = `Phiên: ${currentPhienId}`;
                        // Update the session ID in the linear element as well
                        if (linearSessionId) {
                            linearSessionId.textContent = currentPhienId;
                        }
                        console.log('New Session ID:', currentPhienId);
                    }
                }

                if (data.duDoanPattern) {
                    currentDuDoanPattern = data.duDoanPattern;
                    console.log('Du Doan Pattern:', currentDuDoanPattern);
                } else {
                    console.warn('Du Doan Pattern not found in API response.');
                    currentDuDoanPattern = ''; 
                }

            } catch (error) {
                console.error('Error fetching Tai Xiu data:', error);
                if (error.message.includes('Failed to fetch') || error.message.includes('NetworkError')) {
                    showMessage('Lỗi mạng hoặc không thể kết nối đến máy chủ. Vui lòng kiểm tra kết nối.', 'error');
                } else if (error.message.includes('HTTP error!')) {
                    showMessage(`Lỗi máy chủ: ${error.message}. Vui lòng thử lại sau.`, 'error');
                } else {
                    showMessage(`Lỗi khi tải dữ liệu Tài Xỉu: ${error.message || error}. Vui lòng thử lại.`, 'error');
                }
            } finally {
                apiFetchInProgress = false;
            }
        }

        function checkProximityAndLight() {
            const gifRect = gifContainer.getBoundingClientRect();
            const linearRect = linearElement.getBoundingClientRect();

            const threshold = 5; 

            const isClose = (
                gifRect.left <= linearRect.right + threshold &&
                gifRect.right >= linearRect.left - threshold &&
                gifRect.top <= linearRect.bottom + threshold &&
                gifRect.bottom >= linearRect.top - threshold
            );

            const isGifShiningPhase = (gifLoopTimer >= LIGHT_START_TIME && gifLoopTimer < LIGHT_END_TIME);

            if (isClose && isGifShiningPhase) {
                if (!isProximityTimerRunning) {
                    isProximityTimerRunning = true;
                    proximityTimerId = setTimeout(() => {
                        const currentGifRect = gifContainer.getBoundingClientRect();
                        const currentLinearRect = linearElement.getBoundingClientRect();
                        const currentIsClose = (
                            currentGifRect.left <= currentLinearRect.right + threshold &&
                            currentGifRect.right >= currentLinearRect.left - threshold &&
                            currentGifRect.top <= currentLinearRect.bottom + threshold &&
                            currentGifRect.bottom >= currentLinearRect.top - threshold
                        );
                        const currentIsGifShiningPhase = (gifLoopTimer >= LIGHT_START_TIME && gifLoopTimer < LIGHT_END_TIME);

                        if (currentIsClose && currentIsGifShiningPhase) {
                            if (!hasFetchedApiDataForCurrentInteraction) {
                                fetchTaiXiuData(); 
                                hasFetchedApiDataForCurrentInteraction = true;
                            }
                            
                            isLinearActive = true;
                            linearElement.style.opacity = 0;

                            let imageToDisplay = '';
                            if (currentDuDoanPattern === 'Xỉu' || currentDuDoanPattern === 'Xá»‰u') { 
                                imageToDisplay = 'xiu.png';
                            } else if (currentDuDoanPattern === 'Tài') {
                                imageToDisplay = 'tai.png';
                            } else {
                                imageToDisplay = 'tai.png'; 
                            }
                            console.log('Displaying image based on API:', imageToDisplay);
                            imageDisplay.innerHTML = `<img src="${imageToDisplay}" alt="Found Item">`;
                            imageDisplay.classList.add('activated');
                            imageDisplay.style.opacity = 1;

                            if (activationTimeoutId) clearTimeout(activationTimeoutId);
                            activationTimeoutId = setTimeout(() => {
                                isLinearActive = false;
                                imageDisplay.style.opacity = 0;
                                imageDisplay.classList.remove('activated');
                                imageDisplay.innerHTML = "";
                                hasFetchedApiDataForCurrentInteraction = false; 

                                setTimeout(() => {
                                    linearElement.style.opacity = 1;
                                    setLinearElementPosition(getNextLinearPosition());
                                }, 700);

                                activationTimeoutId = null;
                            }, LINEAR_ACTIVATION_DURATION);
                        }
                        isProximityTimerRunning = false;
                        proximityTimerId = null;
                    }, LINEAR_ACTIVATION_DELAY);
                }
            } else {
                if (isProximityTimerRunning) {
                    clearTimeout(proximityTimerId);
                    isProximityTimerRunning = false;
                    proximityTimerId = null;
                }
                if (!isLinearActive) {
                    linearElement.style.opacity = 1;
                    imageDisplay.style.opacity = 0;
                    imageDisplay.classList.remove('activated');
                    imageDisplay.innerHTML = "";
                    hasFetchedApiDataForCurrentInteraction = false; 
                }
            }
        }

        function animate() {
            const now = performance.now();
            const deltaTime = now - lastFrameTime;
            lastFrameTime = now;

            gifLoopTimer = (gifLoopTimer + deltaTime) % GIF_LOOP_DURATION;

            checkProximityAndLight();

            requestAnimationFrame(animate);
        }

        document.addEventListener('keydown', (e) => {
            if (gifContainer.style.animation !== 'none') {
                setFinalStateAfterAnimation();
            }

            const step = 10;
            let moved = false;

            switch (e.key) {
                case 'ArrowUp':
                    posY = Math.max(0, posY - step);
                    moved = true;
                    break;
                case 'ArrowDown':
                    posY = Math.min(window.innerHeight - movableGif.offsetHeight, posY + step);
                    moved = true;
                    break;
                case 'ArrowLeft':
                    posX = Math.max(0, posX - step);
                    moved = true;
                    break;
                case 'ArrowRight':
                    posX = Math.min(window.innerWidth - movableGif.offsetWidth, posX); 
                    moved = true;
                    break;
            }

            if (moved) {
                updateGifTransform();
                e.preventDefault();
            }
        });

        gifContainer.addEventListener('mousedown', (e) => {
            if (gifContainer.style.animation !== 'none') {
                setFinalStateAfterAnimation();
            }

            isDragging = true;
            gifContainer.style.cursor = 'grabbing';
            startX = e.clientX - posX;
            startY = e.clientY - posY;
        });

        document.addEventListener('mousemove', (e) => {
            if (!isDragging) return;
            posX = e.clientX - startX;
            posY = e.clientY - startY;

            posX = Math.max(0, Math.min(window.innerWidth - movableGif.offsetWidth, posX));
            posY = Math.max(0, Math.min(window.innerHeight - movableGif.offsetHeight, posY));

            updateGifTransform();
        });

        document.addEventListener('mouseup', () => {
            isDragging = false;
            gifContainer.style.cursor = 'grab';
        });

        gifContainer.addEventListener('touchstart', (e) => {
            if (gifContainer.style.animation !== 'none') {
                setFinalStateAfterAnimation();
            }

            if (e.touches.length === 1) {
                isDragging = true;
                startX = e.touches[0].clientX - posX;
                startY = e.touches[0].clientY - posY;
            } else if (e.touches.length === 2) {
                isTwoFingerRotating = true;
                initialTouchAngle = Math.atan2(
                    e.touches[1].clientY - e.touches[0].clientY,
                    e.touches[1].clientX - e.touches[0].clientX
                ) * (180 / Math.PI);
            }
            e.preventDefault();
        });

        document.addEventListener('touchmove', (e) => {
            if (isDragging && e.touches.length === 1) {
                posX = e.touches[0].clientX - startX;
                posY = e.touches[0].clientY - startY;

                posX = Math.max(0, Math.min(window.innerWidth - movableGif.offsetWidth, posX));
                posY = Math.max(0, Math.min(window.innerHeight - movableGif.offsetHeight, posY));

                updateGifTransform();
            } else if (isTwoFingerRotating && e.touches.length === 2) {
                const currentTouchAngle = Math.atan2(
                    e.touches[1].clientY - e.touches[0].clientY,
                    e.touches[1].clientX - e.touches[0].clientX
                ) * (180 / Math.PI);

                const angleDelta = currentTouchAngle - initialTouchAngle;
                currentRotation += angleDelta;
                initialTouchAngle = currentTouchAngle;

                updateGifTransform();
            }
            e.preventDefault();
        });

        document.addEventListener('touchend', (e) => {
            isDragging = false;
            if (e.touches.length < 2) {
                isTwoFingerRotating = false;
            }
        });

        gifContainer.addEventListener('animationend', setFinalStateAfterAnimation);

        window.addEventListener('load', () => {
            setLinearElementPosition(getNextLinearPosition());
            requestAnimationFrame(animate);
        });
    </script>
</body>
</html>