<?php
// index.php - Отображение таблицы конверсий
error_reporting(E_ALL);
ini_set('display_errors', 1);

$db_host = 'localhost';
$db_name = 'black';
$db_user = 'black_usr';
$db_pass = '}W/;vf3iST}nk{p6';

try {
    $pdo = new PDO("mysql:host=$db_host;dbname=$db_name;charset=utf8mb4", $db_user, $db_pass);
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch (PDOException $e) {
    die('Database connection failed: ' . $e->getMessage());
}

// Получаем параметры фильтрации
$page = isset($_GET['page']) ? max(1, (int)$_GET['page']) : 1;
$limit = isset($_GET['limit']) ? max(1, min(500, (int)$_GET['limit'])) : 100;
$offset = ($page - 1) * $limit;
$search = isset($_GET['search']) ? trim($_GET['search']) : '';
$aw_tag_filter = isset($_GET['aw_tag']) ? trim($_GET['aw_tag']) : '';
$offer_filter = isset($_GET['offer_filter']) ? trim($_GET['offer_filter']) : '';
$visit_time_from = isset($_GET['visit_time_from']) ? trim($_GET['visit_time_from']) : '';
$visit_time_to = isset($_GET['visit_time_to']) ? trim($_GET['visit_time_to']) : '';
$creation_date_from = isset($_GET['creation_date_from']) ? trim($_GET['creation_date_from']) : '';
$creation_date_to = isset($_GET['creation_date_to']) ? trim($_GET['creation_date_to']) : '';

// Пагинация с учетом фильтра
try {
    $countQuery = "SELECT COUNT(*) as total FROM page_conversions WHERE 1=1";
    $countParams = [];
    
    // Фильтр по цепочке страниц
    if (!empty($search)) {
        $countQuery .= " AND page_name LIKE ?";
        $countParams[] = '%' . $search . '%';
    }
    
    // Фильтр по AW Tag
    if (!empty($aw_tag_filter)) {
        $countQuery .= " AND aw_tag LIKE ?";
        $countParams[] = '%' . $aw_tag_filter . '%';
    }
    
    // Фильтр по Offer
    if (!empty($offer_filter)) {
        $countQuery .= " AND offer LIKE ?";
        $countParams[] = '%' . $offer_filter . '%';
    }
    
    // Фильтр по времени визита (от)
    if (!empty($visit_time_from)) {
        $countQuery .= " AND visit_time >= ?";
        $countParams[] = $visit_time_from;
    }
    
    // Фильтр по времени визита (до)
    if (!empty($visit_time_to)) {
        $countQuery .= " AND visit_time <= ?";
        $countParams[] = $visit_time_to;
    }
    
    // Фильтр по дате создания (от)
    if (!empty($creation_date_from)) {
        $countQuery .= " AND visit_time >= ?";
        $countParams[] = $creation_date_from;
    }
    
    // Фильтр по дате создания (до)
    if (!empty($creation_date_to)) {
        $countQuery .= " AND visit_time <= ?";
        $countParams[] = $creation_date_to . ' 23:59:59';
    }
    
    $countStmt = $pdo->prepare($countQuery);
    $countStmt->execute($countParams);
    $totalUsers = $countStmt->fetch(PDO::FETCH_ASSOC)['total'];
} catch (PDOException $e) {
    die('Error in count query: ' . $e->getMessage());
}

$totalPages = max(1, ceil($totalUsers / $limit));

// Получаем данные с пагинацией и фильтрацией
try {
    $dataQuery = "
        SELECT 
            user_id, 
            gclid, 
            wbraid,
            gbraid,
            gclid_start,
            wbraid_start,
            gbraid_start,
            aw_tag,
            offer,
            visit_time,
            created_at,
            page_name as page_flow,
            user_agent,
            (LENGTH(page_name) - LENGTH(REPLACE(page_name, ' → ', ''))) / LENGTH(' → ') + 1 as pages_visited
        FROM page_conversions 
        WHERE 1=1";
    
    $dataParams = [];
    
    // Фильтр по цепочке страниц
    if (!empty($search)) {
        $dataQuery .= " AND page_name LIKE ?";
        $dataParams[] = '%' . $search . '%';
    }
    
    // Фильтр по AW Tag
    if (!empty($aw_tag_filter)) {
        $dataQuery .= " AND aw_tag LIKE ?";
        $dataParams[] = '%' . $aw_tag_filter . '%';
    }
    
    // Фильтр по Offer
    if (!empty($offer_filter)) {
        $dataQuery .= " AND offer LIKE ?";
        $dataParams[] = '%' . $offer_filter . '%';
    }
    
    // Фильтр по времени визита (от)
    if (!empty($visit_time_from)) {
        $dataQuery .= " AND visit_time >= ?";
        $dataParams[] = $visit_time_from;
    }
    
    // Фильтр по времени визита (до)
    if (!empty($visit_time_to)) {
        $dataQuery .= " AND visit_time <= ?";
        $dataParams[] = $visit_time_to;
    }
    
    // Фильтр по дате создания (от)
    if (!empty($creation_date_from)) {
        $dataQuery .= " AND visit_time >= ?";
        $dataParams[] = $creation_date_from;
    }
    
    // Фильтр по дате создания (до)
    if (!empty($creation_date_to)) {
        $dataQuery .= " AND visit_time <= ?";
        $dataParams[] = $creation_date_to . ' 23:59:59';
    }
    
    $dataQuery .= " ORDER BY visit_time DESC LIMIT ? OFFSET ?";
    
    $stmt = $pdo->prepare($dataQuery);
    
    // Привязываем все параметры фильтрации
    $paramIndex = 1;
    foreach ($dataParams as $param) {
        $stmt->bindValue($paramIndex, $param, PDO::PARAM_STR);
        $paramIndex++;
    }
    
    // Привязываем LIMIT и OFFSET как целые числа
    $stmt->bindValue($paramIndex, $limit, PDO::PARAM_INT);
    $stmt->bindValue($paramIndex + 1, $offset, PDO::PARAM_INT);
    
    $stmt->execute();
    $conversions = $stmt->fetchAll(PDO::FETCH_ASSOC);
} catch (PDOException $e) {
    die('Error in data query: ' . $e->getMessage());
}

// Получаем общую статистику по всем пользователям (не только по текущей странице)
try {
    $totalStmt = $pdo->query("
        SELECT 
            COUNT(*) as total_users,
            COALESCE(SUM((LENGTH(page_name) - LENGTH(REPLACE(page_name, ' → ', ''))) / LENGTH(' → ') + 1), 0) as total_pages_count
        FROM page_conversions
    ");
    $totalStats = $totalStmt->fetch(PDO::FETCH_ASSOC);
} catch (PDOException $e) {
    die('Error in total stats query: ' . $e->getMessage());
}

// Получаем количество пользователей по категориям
try {
    $categoryStmt = $pdo->query("
        SELECT 
            COALESCE(SUM(CASE WHEN (gclid IS NOT NULL AND gclid != '') OR (gclid_start IS NOT NULL AND gclid_start != '') THEN 1 ELSE 0 END), 0) as gclid_users,
            COALESCE(SUM(CASE WHEN (wbraid IS NOT NULL AND wbraid != '') OR (wbraid_start IS NOT NULL AND wbraid_start != '') THEN 1 ELSE 0 END), 0) as wbraid_users,
            COALESCE(SUM(CASE WHEN (gbraid IS NOT NULL AND gbraid != '') OR (gbraid_start IS NOT NULL AND gbraid_start != '') THEN 1 ELSE 0 END), 0) as gbraid_users,
            COALESCE(SUM(CASE WHEN aw_tag IS NOT NULL AND aw_tag != '' THEN 1 ELSE 0 END), 0) as aw_users,
            COALESCE(SUM(CASE WHEN (gclid IS NULL OR gclid = '') AND (wbraid IS NULL OR wbraid = '') AND (gbraid IS NULL OR gbraid = '') AND (gclid_start IS NULL OR gclid_start = '') AND (wbraid_start IS NULL OR wbraid_start = '') AND (gbraid_start IS NULL OR gbraid_start = '') AND (aw_tag IS NULL OR aw_tag = '') THEN 1 ELSE 0 END), 0) as organic_users
        FROM page_conversions
    ");
    $categoryStats = $categoryStmt->fetch(PDO::FETCH_ASSOC);
} catch (PDOException $e) {
    die('Error in category stats query: ' . $e->getMessage());
}

$gclid_users = $categoryStats['gclid_users'];
$wbraid_users = $categoryStats['wbraid_users'];
$gbraid_users = $categoryStats['gbraid_users'];
$aw_users = $categoryStats['aw_users'];
$organic_users = $categoryStats['organic_users'];

$total_users = $totalStats['total_users'];
$total_pages_count = $totalStats['total_pages_count'];
$avg_pages = $total_users > 0 ? round($total_pages_count / $total_users, 1) : 0;

// Функция для форматирования времени для отображения
function formatDisplayTime($utcTime) {
    $datetime = new DateTime($utcTime);
    $datetime->setTimezone(new DateTimeZone('Europe/Moscow'));
    return $datetime->format('d.m.Y H:i:s');
}

// Функция для форматирования даты для отображения
function formatDisplayDate($utcTime) {
    $datetime = new DateTime($utcTime);
    $datetime->setTimezone(new DateTimeZone('Europe/Moscow'));
    return $datetime->format('d.m.Y H:i');
}

// Функция для форматирования времени в формате ISO 8601 (для выгрузки)
function formatISOTime($utcTime) {
    $datetime = new DateTime($utcTime);
    return $datetime->format('c'); // Формат ISO 8601
}

// Функция для создания URL с параметрами
function buildUrl($params) {
    $currentParams = $_GET;
    foreach ($params as $key => $value) {
        if ($value === null || $value === '') {
            unset($currentParams[$key]);
        } else {
            $currentParams[$key] = $value;
        }
    }
    return '?' . http_build_query($currentParams);
}

// Функция для получения основного идентификатора для экспорта
function getMainIdentifier($conv) {
    // Проверяем в порядке приоритета: gclid, wbraid, gbraid
    return $conv['gclid'] ?: ($conv['wbraid'] ?: ($conv['gbraid'] ?: ($conv['gclid_start'] ?: ($conv['wbraid_start'] ?: ($conv['gbraid_start'] ?: '')))));
}

// Функция для отображения статуса параметра (есть/нет)
function displayParameterStatus($value, $fullValue = null) {
    $title = $fullValue ?: $value;
    if (!empty($value)) {
        return '<span title="' . htmlspecialchars($title) . '">✓</span>';
    } else {
        return '<span title="Нет значения"></span>';
    }
}

// Функция для определения типа устройства по user agent
function getDeviceType($userAgent) {
    if (empty($userAgent)) {
        return 'Неизвестно';
    }
    
    // Мобильные устройства
    if (preg_match('/Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Kindle|NetFront|Silk-Accelerated|(hpw|web)OS|Fennec|Minimo|Opera M(obi|ini)|Blazer|Dolfin|Dolphin|Skyfire|Zune/', $userAgent)) {
        // Проверяем конкретные типы мобильных устройств
        if (preg_match('/iPhone|iPad|iPod/', $userAgent)) {
            return 'iOS';
        } elseif (preg_match('/Android/', $userAgent)) {
            return 'Android';
        } else {
            return 'Мобильный';
        }
    }
    // Планшеты
    elseif (preg_match('/Tablet|iPad|PlayBook|Kindle/', $userAgent)) {
        if (preg_match('/iPad/', $userAgent)) {
            return 'iPad';
        } else {
            return 'Планшет';
        }
    }
    // Десктопы
    else {
        // Определяем операционную систему
        if (preg_match('/Windows/', $userAgent)) {
            return 'Wi<script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"67dc3b5f46f8abb29049efde"}};</script>ndows';
        } elseif (preg_match('/Macintosh|Mac OS X/', $userAgent)) {
            return 'Mac';
        } elseif (preg_match('/Linux/', $userAgent)) {
            return 'Linux';
        } else {
            return 'Десктоп';
        }
    }
}

// Функция для получения браузера по user agent
function getBrowser($userAgent) {
    if (empty($userAgent)) {
        return 'Неизвестно';
    }
    
    if (preg_match('/Chrome/', $userAgent) && !preg_match('/Edge/', $userAgent)) {
        return 'Chrome';
    } elseif (preg_match('/Firefox/', $userAgent)) {
        return 'Firefox';
    } elseif (preg_match('/Safari/', $userAgent) && !preg_match('/Chrome/', $userAgent)) {
        return 'Safari';
    } elseif (preg_match('/Edge/', $userAgent)) {
        return 'Edge';
    } elseif (preg_match('/Opera|OPR/', $userAgent)) {
        return 'Opera';
    } elseif (preg_match('/MSIE|Trident/', $userAgent)) {
        return 'IE';
    } else {
        return 'Другой';
    }
}
?>
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Conversion Tracker | Dashboard</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { 
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
            background: #1a1a1a; 
            color: #e0e0e0;
            min-height: 100vh;
        }
        .main-content {
            margin-left: 250px;
            padding: 2rem;
            background: #1a1a1a;
            min-height: calc(100vh - 70px);
        }
        /* Modern card styling */
        .card {
            background: #2d2d2d;
            border-radius: 8px;
            padding: 1.5rem;
            margin-bottom: 1.5rem;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }
        
        .card-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 1px solid #444;
        }
        
        .card-title {
            font-size: 1.2rem;
            font-weight: 500;
            color: #e0e0e0;
        }
        
        .card-actions {
            display: flex;
            gap: 0.5rem;
        }
        .filters-container {
            padding: 1rem;
            background: #252525;
            border-radius: 8px;
            margin-bottom: 1.5rem;
        }
        
        .main-filters {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: 1rem;
            margin-bottom: 1rem;
        }
        .filter-group {
            display: flex;
            flex-direction: column;
        }
        
        .filter-group label {
            font-size: 0.8rem;
            margin-bottom: 0.5rem;
            color: #aaa;
        }
        
        .filter-group input, 
        .filter-group select {
            padding: 0.75rem;
            border-radius: 6px;
            border: 1px solid #444;
            background: #333;
            color: #e0e0e0;
            font-size: 0.9rem;
            transition: all 0.3s;
        }
        
        .filter-group input:focus, 
        .filter-group select:focus {
            outline: none;
            border-color: #3498db;
            box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
        }
        .search-box {
            padding: 0.75rem;
            border-radius: 6px;
            border: 1px solid #444;
            background: #333;
            color: #e0e0e0;
            width: 100%;
        }
        
        .btn {
            padding: 0.75rem 1.25rem;
            border-radius: 6px;
            cursor: pointer;
            font-size: 0.9rem;
            border: none;
            transition: all 0.3s;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
        }
        
        .btn-primary {
            background: #3498db;
            color: white;
        }
        
        .btn-primary:hover {
            background: #2980b9;
        }
        
        .btn-danger {
            background: #e74c3c;
            color: white;
        }
        
        .btn-danger:hover {
            background: #c0392b;
        }
        
        .btn-success {
            background: #27ae60;
            color: white;
        }
        
        .btn-success:hover {
            background: #219653;
        }
        .controls {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem;
            background: #252525;
            border-radius: 8px;
            margin-bottom: 1.5rem;
        }
.auto-refresh {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .switch {
            position: relative;
            display: inline-block;
            width: 50px;
            height: 24px;
        }
        
        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }
        
        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            transition: .4s;
            border-radius: 24px;
        }
        
        .slider:before {
            position: absolute;
            content: "";
            height: 16px;
            width: 16px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            transition: .4s;
            border-radius: 50%;
        }
        
        input:checked + .slider {
            background-color: #3498db;
        }
        
        input:checked + .slider:before {
            transform: translateX(26px);
        }
        
        .pagination {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            padding: 10px;
            background: #252525;
            border-bottom: 1px solid #444;
        }
        
        .pagination a {
            color: #3498db;
            text-decoration: none;
            padding: 5px 10px;
            border: 1px solid #3498db;
            border-radius: 3px;
        }
        
        .pagination a:hover {
            background: #3498db;
            color: white;
        }
        
        .pagination .current {
            background: #3498db;
            color: white;
            padding: 5px 10px;
            border-radius: 3px;
        }
        
        .pagination .disabled {
            color: #555;
            pointer-events: none;
        }
        .stats-grid { 
            display: grid; 
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); 
            gap: 1rem; 
            margin-bottom: 1.5rem;
        }
        .stat-card { 
            background: #252525; 
            padding: 1.5rem; 
            border-radius: 8px; 
            text-align: center; 
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            transition: transform 0.3s;
        }
        
        .stat-card:hover {
            transform: translateY(-5px);
        }
.stat-number { 
            font-size: 1.2em; 
            font-weight: bold; 
            margin-bottom: 3px; 
        }
        .stat-gclid { color: #ff6b6b; }
        .stat-wbraid { color: #3498db; }
        .stat-gbraid { color: #9b59b6; }
        .stat-aw { color: #f1c40f; }
        .stat-organic { color: #2ecc71; }
        .stat-total { color: #e74c3c; }
        .stat-label {
            font-size: 0.7em;
            color: #aaa;
        }
        .table-container { 
            overflow-x: auto; 
            background: #252525;
            border-radius: 8px;
            padding: 1rem;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }
        
        table { 
            width: 100%; 
            border-collapse: separate; 
            border-spacing: 0;
            background: #2d2d2d; 
            font-size: 0.9rem;
            border-radius: 8px;
            overflow: hidden;
        }
th { 
            background: #1e1e1e; 
            color: #ddd; 
            padding: 8px 5px; 
            text-align: left; 
            font-weight: 600; 
            text-transform: uppercase; 
            font-size: 0.7em; 
            letter-spacing: 0.5px; 
            position: sticky;
            top: 0;
        }
        td { 
            padding: 6px 5px; 
            border-bottom: 1px solid #444; 
            border-right: 1px solid #444;
            text-align: center;
        }
        tr:hover { 
            background: #3a3a3a; 
        }
        tr:nth-child(even) {
            background: #333;
        }
        tr:nth-child(even):hover {
            background: #3a3a3a;
        }
        
        .user-id { 
            font-family: 'Courier New', monospace; 
            font-weight: bold; 
            color: #3498db; 
            font-size: 0.9em; 
            text-align: left;
        }
        .param-status { 
            font-family: 'Courier New', monospace; 
            font-size: 1.2em; 
            font-weight: bold;
        }
        .param-status span[title] {
            cursor: help;
        }
        .gclid-present { color: #ff6b6b; }
        .wbraid-present { color: #3498db; }
        .gbraid-present { color: #9b59b6; }
        .gclid-absent, .wbraid-absent, .gbraid-absent { color: #555; }
        
        .aw-tag { 
            font-family: 'Courier New', monospace; 
            color: #f1c40f; 
            font-size: 0.8em; 
            text-align: left;
        }
        .offer { 
            font-family: 'Courier New', monospace; 
            color: #e74c3c; 
            font-size: 0.8em; 
            text-align: left;
        }
        .visit-time {
            font-family: 'Courier New', monospace;
            color: #f1c40f;
            font-size: 0.8em;
            white-space: nowrap;
        }
        .created-at {
            font-family: 'Courier New', monospace;
            color: #3498db;
            font-size: 0.8em;
            white-space: nowrap;
        }
        
        .toggle-column {
            background: none;
            border: none;
            cursor: pointer;
            font-size: 0.9em;
            padding: 0 5px;
            vertical-align: middle;
        }
        
        .toggle-column:hover {
            opacity: 0.7;
        }
        
        .hidden-column {
            display: none;
        }
        
        .blurred-text {
            position: relative;
            filter: blur(4px) grayscale(100%);
            opacity: 0.3;
        }
        
        .blurred-text.starred::after {
            display: none;
        }
        
        .blurred-text.starred span:not(.badge) {
            visibility: visible;
        }
        
        .blurred-text.starred .badge {
            visibility: visible;
        }
        
        .blurred-text.starred .badge::after {
            display: none;
        }
        
        .page-flow { 
            font-weight: 500; 
            color: #2ecc71; 
            font-size: 0.85em;
            text-align: left;
        }
        
        .device-type {
            font-size: 0.8em;
            text-align: center;
        }
        
        .badge { 
            display: inline-block; 
            padding: 2px 5px; 
            border-radius: 10px; 
            font-size: 0.7em; 
            font-weight: bold; 
        }
        .badge-success { background: #27ae60; color: white; }
        .badge-warning { background: #f39c12; color: white; }
        .badge-info { background: #3498db; color: white; }
        
        .last-visit { 
            color: #95a5a6; 
            font-size: 0.75em; 
            white-space: nowrap;
        }
        @media (max-width: 768px) {
            .main-content {
                margin-left: 0;
                padding: 1rem;
            }
            
            custom-sidebar {
                display: none;
            }
            
            .stats-grid {
                grid-template-columns: 1fr 1fr;
            }
            
            .controls {
                flex-direction: column;
                gap: 1rem;
            }
            
            .card-actions {
                margin-top: 1rem;
                justify-content: flex-end;
            }
        }
.toggle-header {
            cursor: pointer;
            user-select: none;
            position: relative;
            transition: background-color 0.3s ease;
        }
        
        .toggle-header:hover {
            background-color: #2a2a2a;
        }
        
        .toggle-header.active {
            background-color: #3498db;
            color: white;
        }
        
        .toggle-header.active::after {
            font-size: 0.7em;
            vertical-align: super;
        }
        
        .toggle-column {
            background: none;
            border: none;
            cursor: pointer;
            font-size: 0.9em;
            padding: 0 5px;
            vertical-align: middle;
        }
        
        .toggle-column:hover {
            opacity: 0.7;
        }
        
        .hidden-column {
            display: none;
        }
        
        .blurred-text {
            position: relative;
            filter: blur(4px) grayscale(100%);
            opacity: 0.3;
        }
        
        .blurred-text.starred::after {
            display: none;
        }
        
        .blurred-text.starred span:not(.badge) {
            visibility: visible;
        }
        
        .blurred-text.starred .badge {
            visibility: visible;
        }
        
        .blurred-text.starred .badge::after {
            display: none;
        }
    </style>
</head>
<body>
    <custom-navbar></custom-navbar>
    <custom-sidebar></custom-sidebar>
    <div class="main-content">
<div class="header">
            <h1>📊 Конверсии</h1>
            <p>Всего пользователей: <?php echo $totalUsers; ?> | Показано: <?php echo count($conversions); ?> | Страница <?php echo $page; ?> из <?php echo $totalPages; ?></p>
        </div>
        
        <div class="filters-container">
            <form method="GET" style="display: inline;">
                <div class="main-filters">
                    <div class="filter-group">
                        <label for="search">Цепочка страниц:</label>
                        <input type="text" id="search" name="search" class="search-box" placeholder="Поиск по цепочке..." value="<?php echo htmlspecialchars($search); ?>">
                    </div>
                    
                    <div class="filter-group">
                        <label for="aw_tag">AW Tag:</label>
                        <input type="text" id="aw_tag" name="aw_tag" class="search-box" placeholder="Фильтр по AW Tag..." value="<?php echo htmlspecialchars($aw_tag_filter); ?>">
                    </div>
                    
                    <div class="filter-group">
                        <label for="offer_filter">Offer:</label>
                        <input type="text" id="offer_filter" name="offer_filter" class="search-box" placeholder="Фильтр по Offer..." value="<?php echo htmlspecialchars($offer_filter ?? ''); ?>">
                    </div>
                    
                    <div class="filter-group">
                        <label for="visit_time_from">Время визита (от):</label>
                        <input type="date" id="visit_time_from" name="visit_time_from" value="<?php echo htmlspecialchars($visit_time_from); ?>">
                    </div>
                    
                    <div class="filter-group">
                        <label for="visit_time_to">Время визита (до):</label>
                        <input type="date" id="visit_time_to" name="visit_time_to" value="<?php echo htmlspecialchars($visit_time_to); ?>">
                    </div>
                    
                    <div class="filter-group">
                        <label for="creation_date_from">Дата создания (от):</label>
                        <input type="date" id="creation_date_from" name="creation_date_from" value="<?php echo htmlspecialchars($creation_date_from); ?>">
                    </div>
                    
                    <div class="filter-group">
                        <label for="creation_date_to">Дата создания (до):</label>
                        <input type="date" id="creation_date_to" name="creation_date_to" value="<?php echo htmlspecialchars($creation_date_to); ?>">
                    </div>
                    
                    <div class="filter-group">
                        <label for="limit">Показывать на странице:</label>
                        <select id="limit" name="limit">
                            <option value="50" <?php echo $limit == 50 ? 'selected' : ''; ?>>50</option>
                            <option value="100" <?php echo $limit == 100 ? 'selected' : ''; ?>>100</option>
                            <option value="200" <?php echo $limit == 200 ? 'selected' : ''; ?>>200</option>
                            <option value="500" <?php echo $limit == 500 ? 'selected' : ''; ?>>500</option>
                        </select>
                    </div>
                    
                    <div class="filter-group" style="align-self: flex-end;">
                        <button type="submit" class="search-btn">Применить</button>
                        <a href="?" class="reset-btn">Сбросить</a>
                        <button type="button" class="copy-btn" onclick="copyToClipboard()">Выгрузить в буфер</button>
                    </div>
                </div>
            </form>
        </div>
        
        <div class="controls">
            <button class="refresh-btn" onclick="refreshPage()">
                <span>🔄</span> Обновить
            </button>
            <div class="auto-refresh">
                <span>Автообновление:</span>
                <label class="switch">
                    <input type="checkbox" id="autoRefreshToggle">
                    <span class="slider"></span>
                </label>
                <span id="autoRefreshStatus">ВКЛ</span>
            </div>
        </div>
        
        <div class="stats">
            <div class="stat-card">
                <div class="stat-number stat-total"><?php echo $totalUsers; ?></div>
                <div class="stat-label">Всего</div>
            </div>
            <div class="stat-card">
                <div class="stat-number stat-gclid"><?php echo $gclid_users; ?></div>
                <div class="stat-label">GCLID</div>
            </div>
            <div class="stat-card">
                <div class="stat-number stat-wbraid"><?php echo $wbraid_users; ?></div>
                <div class="stat-label">WBRAID</div>
            </div>
            <div class="stat-card">
                <div class="stat-number stat-gbraid"><?php echo $gbraid_users; ?></div>
                <div class="stat-label">GBRAID</div>
            </div>
            <div class="stat-card">
                <div class="stat-number stat-aw"><?php echo $aw_users; ?></div>
                <div class="stat-label">AW</div>
            </div>
            <div class="stat-card">
                <div class="stat-number stat-organic"><?php echo $organic_users; ?></div>
                <div class="stat-label">Органика</div>
            </div>
            <div class="stat-card">
                <div class="stat-number stat-total"><?php echo $total_pages_count; ?></div>
                <div class="stat-label">Посещения</div>
            </div>
            <div class="stat-card">
                <div class="stat-number stat-total"><?php echo $avg_pages; ?></div>
                <div class="stat-label">Стр./польз.</div>
            </div>
        </div>
        
        <div class="pagination">
            <?php if ($page > 1): ?>
                <a href="<?php echo buildUrl(['page' => 1]); ?>">&laquo; Первая</a>
                <a href="<?php echo buildUrl(['page' => $page - 1]); ?>">&lsaquo; Назад</a>
            <?php else: ?>
                <span class="disabled">&laquo; Первая</span>
                <span class="disabled">&lsaquo; Назад</span>
            <?php endif; ?>
            
            <?php
                // Показываем ссылки на страницы вокруг текущей
                $start = max(1, $page - 2);
                $end = min($totalPages, $page + 2);
                
                for ($i = $start; $i <= $end; $i++):
            ?>
                <?php if ($i == $page): ?>
                    <span class="current"><?php echo $i; ?></span>
                <?php else: ?>
                    <a href="<?php echo buildUrl(['page' => $i]); ?>"><?php echo $i; ?></a>
                <?php endif; ?>
            <?php endfor; ?>
            
            <?php if ($page < $totalPages): ?>
                <a href="<?php echo buildUrl(['page' => $page + 1]); ?>">Вперед &rsaquo;</a>
                <a href="<?php echo buildUrl(['page' => $totalPages]); ?>">Посленная &raquo;</a>
            <?php else: ?>
                <span class="disabled">Вперед &rsaquo;</span>
                <span class="disabled">Последняя &raquo;</span>
            <?php endif; ?>
        </div>
        
        <div class="table-container">
            <table>
                <thead>
                    <tr>
                        <th class="toggle-header" data-column="user-id">User ID</th>
                        <th class="toggle-header" data-column="gclid">GCLID</th>
                        <th class="toggle-header" data-column="wbraid">WBRAID</th>
                        <th class="toggle-header" data-column="gbraid">GBRAID</th>
                        <th class="toggle-header" data-column="gclid-start">GCLID Start</th>
                        <th class="toggle-header" data-column="wbraid-start">WBRAID Start</th>
                        <th class="toggle-header" data-column="gbraid-start">GBRAID Start</th>
                        <th class="toggle-header" data-column="aw-tag-col">AW Tag</th>
                        <th class="toggle-header" data-column="offer-col">Offer</th>
                        <th class="toggle-header" data-column="visit-time-col">Visit Time</th>
                        <th class="toggle-header" data-column="created-at-col">Created At</th>
                        <th class="toggle-header" data-column="page-flow-col">Цепочка</th>
                        <th class="toggle-header" data-column="pages-col">Стр.</th>
                        <th class="toggle-header" data-column="created-at-2-col">Created At</th>
                        <th class="toggle-header" data-column="device-col">Устройство</th>
                    </tr>
                </thead>
                <tbody>
                    <?php foreach ($conversions as $conv): ?>
                    <tr>
                        <td class="user-id" title="<?php echo htmlspecialchars($conv['user_id']); ?>">
                            <?php echo htmlspecialchars($conv['user_id']); ?>
                        </td>
                        <td class="param-status gclid">
                            <?php echo displayParameterStatus($conv['gclid'], $conv['gclid']); ?>
                        </td>
                        <td class="param-status wbraid">
                            <?php echo displayParameterStatus($conv['wbraid'], $conv['wbraid']); ?>
                        </td>
                        <td class="param-status gbraid">
                            <?php echo displayParameterStatus($conv['gbraid'], $conv['gbraid']); ?>
                        </td>
                        <td class="param-status gclid-start">
                            <?php echo displayParameterStatus($conv['gclid_start'], $conv['gclid_start']); ?>
                        </td>
                        <td class="param-status wbraid-start">
                            <?php echo displayParameterStatus($conv['wbraid_start'], $conv['wbraid_start']); ?>
                        </td>
                        <td class="param-status gbraid-start">
                            <?php echo displayParameterStatus($conv['gbraid_start'], $conv['gbraid_start']); ?>
                        </td>
                        <td class="aw-tag aw-tag-col" title="<?php echo htmlspecialchars($conv['aw_tag']); ?>">
                            <?php echo htmlspecialchars($conv['aw_tag']); ?>
                        </td>
                        <td class="offer offer-col" title="<?php echo htmlspecialchars($conv['offer']); ?>">
                            <?php echo htmlspecialchars($conv['offer']); ?>
                        </td>
                        <td class="visit-time visit-time-col">
                            <?php echo formatDisplayTime($conv['visit_time']); ?>
                        </td>
                        <td class="created-at created-at-col">
                            <?php 
                            if (!empty($conv['created_at'])) {
                                echo formatDisplayTime($conv['created_at']);
                            } else {
                                echo 'N/A';
                            }
                            ?>
                        </td>
                        <td class="page-flow page-flow-col" title="<?php echo htmlspecialchars($conv['page_flow']); ?>">
                            <?php echo htmlspecialchars($conv['page_flow']); ?>
                        </td>
                        <td class="pages-col">
                            <span class="badge <?php echo $conv['pages_visited'] >= 3 ? 'badge-success' : ($conv['pages_visited'] >= 2 ? 'badge-info' : 'badge-warning'); ?>">
                                <?php echo $conv['pages_visited']; ?>
                            </span>
                        </td>
                        <td class="created-at created-at-2-col">
                            <?php 
                            if (!empty($conv['created_at'])) {
                                echo formatDisplayTime($conv['created_at']);
                            } else {
                                echo 'N/A';
                            }
                            ?>
                        </td>
                        <td class="device-type device-col">
                            <span title="<?php echo htmlspecialchars($conv['user_agent']); ?>">
                                <?php echo getDeviceType($conv['user_agent']); ?>
                            </span>
                        </td>
                    </tr>
                    <?php endforeach; ?>
                </tbody>
            </table>
        </div>
        
        <div class="pagination">
            <?php if ($page > 1): ?>
                <a href="<?php echo buildUrl(['page' => 1]); ?>">&laquo; Первая</a>
                <a href="<?php echo buildUrl(['page' => $page - 1]); ?>">&lsaquo; Назад</a>
            <?php else: ?>
                <span class="disabled">&laquo; Первая</span>
                <span class="disabled">&lsaquo; Назад</span>
            <?php endif; ?>
            
            <?php
                // Показываем ссылки на страницы вокруг текущей
                $start = max(1, $page - 2);
                $end = min($totalPages, $page + 2);
                
                for ($i = $start; $i <= $end; $i++):
            ?>
                <?php if ($i == $page): ?>
                    <span class="current"><?php echo $i; ?></span>
                <?php else: ?>
                    <a href="<?php echo buildUrl(['page' => $i]); ?>"><?php echo $i; ?></a>
                <?php endif; ?>
            <?php endfor; ?>
            
            <?php if ($page < $totalPages): ?>
                <a href="<?php echo buildUrl(['page' => $page + 1]); ?>">Вперед &rsaquo;</a>
                <a href="<?php echo buildUrl(['page' => $totalPages]); ?>">Последняя &raquo;</a>
            <?php else: ?>
                <span class="disabled">Вперед &rsaquo;</span>
                <span class="disabled">Последняя &raquo;</span>
            <?php endif; ?>
        </div>
    </div>
    
    <script src="components/navbar.js"></script>
    <script src="components/sidebar.js"></script>
    <script>
// Функция обновления страницы
        function refreshPage() {
            window.location.reload();
        }
        
        // Переключатель автообновления
        const autoRefreshToggle = document.getElementById('autoRefreshToggle');
        const autoRefreshStatus = document.getElementById('autoRefreshStatus');
        let refreshInterval;
        
        // Функция для сохранения состояния в localStorage
        function saveAutoRefreshState(state) {
            localStorage.setItem('autoRefreshEnabled', state);
        }
        
        // Функция для получения состояния из localStorage
        function getAutoRefreshState() {
            const state = localStorage.getItem('autoRefreshEnabled');
            return state === 'true'; // Преобразуем строку в булево значение
        }
        
        // Функция для управления автообновлением
        function toggleAutoRefresh() {
            if (autoRefreshToggle.checked) {
                // Включаем автообновление
                autoRefreshStatus.textContent = 'ВКЛ';
                saveAutoRefreshState(true);
                refreshInterval = setInterval(() => {
                    window.location.reload();
                }, 30000);
            } else {
                // Выключаем автообновление
                autoRefreshStatus.textContent = 'ВЫКЛ';
                saveAutoRefreshState(false);
                clearInterval(refreshInterval);
            }
        }
        
        // Инициализация состояния переключателя при загрузке страницы
        function initAutoRefresh() {
            const savedState = getAutoRefreshState();
            autoRefreshToggle.checked = savedState;
            toggleAutoRefresh(); // Применяем сохраненное состояние
        }
        
        // Добавляем обработчик события изменения переключателя
        autoRefreshToggle.addEventListener('change', toggleAutoRefresh);
        
        // Инициализируем автообновление при загрузке страницы
        document.addEventListener('DOMContentLoaded', initAutoRefresh);
        
        // Функция для копирования данных в буфер обмена
        function copyToClipboard() {
            // Получаем данные из PHP
            const conversions = <?php echo json_encode($conversions); ?>;
            
            // Формируем заголовки
            let csvContent = "Google Click ID,Conversion Name,Conversion Time,Action,Conversion Value,Conversion Currency\n";
            
            // Добавляем данные для каждой конверсии
            conversions.forEach(conv => {
                // Используем основной идентификатор в порядке приоритета: gclid, wbraid, gbraid
                const mainIdentifier = conv.gclid || conv.wbraid || conv.gbraid || conv.gclid_start || conv.wbraid_start || conv.gbraid_start || '';
                // Создаем объект Date из времени визита (UTC)
                const visitDate = new Date(conv.visit_time);
                // Добавляем 3 часа (180 минут) для конвертации в UTC+3
                visitDate.setHours(visitDate.getHours() + 3);
                // Форматируем время в ISO 8601 без миллисекунд
                const visitTime = visitDate.toISOString().replace('.000Z', 'Z');
                
                // Добавляем строку в формате CSV без кавычек
                csvContent += `${mainIdentifier},gclid,${visitTime},add,,\n`;
            });
            
            // Копируем в буфер обмена
            navigator.clipboard.writeText(csvContent).then(() => {
                // Показываем уведомление об успешном копировании
                alert('Данные скопированы в буфер обмена!');
            }).catch(err => {
                console.error('Ошибка копирования: ', err);
                alert('Не удалось скопировать данные в буфер обмена');
            });
        }
        
        // Функция для переключения видимости столбцов
        function toggleColumn(columnClass) {
            const elements = document.querySelectorAll(`.${columnClass}`);
            elements.forEach(element => {
                // Проверяем, какой метод маскировки использовать
                if (element.classList.contains('blurred-text')) {
                    // Если уже есть эффект размытия, убираем его
                    element.classList.remove('blurred-text');
                } else {
                    // Если нет эффекта размытия, добавляем его
                    element.classList.add('blurred-text');
                }
            });
        }
        
        // Инициализация обработчиков событий для заголовков переключения
        document.addEventListener('DOMContentLoaded', function() {
            const toggleHeaders = document.querySelectorAll('.toggle-header');
            toggleHeaders.forEach(header => {
                header.addEventListener('click', function() {
                    const column = this.getAttribute('data-column');
                    toggleColumn(column);
                    
                    // Меняем цвет заголовка
                    this.classList.toggle('active');
                });
            });
        });
    </script>
</body>
</html>