$stmt = $pdo->prepare("
            SELECT 
                v.vote_type,
                v.created_at,
                v.comment,
                c.display_name as category_name,
                c.name as category_key
            FROM user_votes v
            JOIN websites w ON v.website_id = w.id
            LEFT JOIN voting_categories c ON v.category_id = c.id
            WHERE w.domain = ? 
            AND v.vote_type = 'down'
            AND v.created_at >= DATE_SUB(NOW(), INTERVAL 24 HOUR)
            ORDER BY v.created_at DESC
        ");
        $stmt->execute([$domain]);
        return $stmt->fetchAll(PDO::FETCH_ASSOC);
    } catch (Exception $e) {
        return [];
    }
}

/**
 * ENHANCED: Get recent checks with intelligent status for each check
 * This adds user report analysis to each historical check
 */
function getRecentChecksWithIntelligentStatus($pdo, $domain, $hours = 24) {
    try {
        // Get the basic hourly checks
        $recent_checks = getWebsiteRecentChecksHourly($pdo, $domain, $hours);
        
        if (empty($recent_checks)) {
            return [];
        }
        
        // Enhance each check with intelligent status
        $enhanced_checks = [];
        foreach ($recent_checks as $check) {
            $check_time = $check['checked_at'];
            
            // Get user reports around this check time (±30 minutes)
            $user_reports = getUserReportsAroundTime($pdo, $domain, $check_time);
            
            // Calculate intelligent status for this specific check
            $intelligent_status = calculateIntelligentStatusForCheck($check, $user_reports);
            
            // Add intelligent status to the check data
            $enhanced_check = array_merge($check, [
                'intelligent_status' => $intelligent_status['status'],
                'intelligent_message' => $intelligent_status['message'],
                'user_reports_count' => count($user_reports),
                'confidence' => $intelligent_status['confidence'],
                'status_badge_class' => getIntelligentStatusBadgeClass($intelligent_status),
                'status_icon' => getIntelligentStatusIcon($intelligent_status)
            ]);
            
            $enhanced_checks[] = $enhanced_check;
        }
        
        return $enhanced_checks;
    } catch (Exception $e) {
        error_log("Error in getRecentChecksWithIntelligentStatus: " . $e->getMessage());
        return [];
    }
}

/**
 * GET: User reports around a specific check time (only backward-looking)
 */
function getUserReportsAroundTime($pdo, $domain, $check_time, $window_minutes = 30) {
    try {
        $check_timestamp = strtotime($check_time);
        $start_time = date('Y-m-d H:i:s', $check_timestamp - ($window_minutes * 60));
        $end_time = $check_time; // Only look backward from check time, not forward
        
        $stmt = $pdo->prepare("
            SELECT 
                v.vote_type,
                v.created_at,
                v.comment,
                c.display_name as category_name,
                c.name as category_key
            FROM user_votes v
            JOIN websites w ON v.website_id = w.id
            LEFT JOIN voting_categories c ON v.category_id = c.id
            WHERE w.domain = ? 
            AND v.vote_type = 'down'
            AND v.created_at >= ?
            AND v.created_at <= ?
            ORDER BY v.created_at DESC
        ");
        $stmt->execute([$domain, $start_time, $end_time]);
        return $stmt->fetchAll(PDO::FETCH_ASSOC);
    } catch (Exception $e) {
        return [];
    }
}

/**
 * CALCULATE: Intelligent status for a specific check with enhanced user experience context
 */
function calculateIntelligentStatusForCheck($check, $user_reports) {
    $technical_status = $check['status'];
    $user_reports_count = count($user_reports);
    
    // Determine intelligent status based on technical status and user reports
    $intelligent_status = $technical_status;
    $confidence = 'high';
    $message = '';
    $user_experience_context = '';
    
    if ($technical_status === 'up') {
        if ($user_reports_count >= 3) {
            $intelligent_status = 'degraded';
            $confidence = 'high';
            $message = "Server responding but {$user_reports_count} users reported issues";
            $user_experience_context = 'Multiple users reporting problems suggests widespread issues that technical monitoring cannot detect.';
        } elseif ($user_reports_count >= 2) {
            $intelligent_status = 'degraded';
            $confidence = 'high';
            $message = "Server responding but {$user_reports_count} users reported issues";
            $user_experience_context = 'Technical monitoring shows the server is online, but users are experiencing problems. This could indicate performance issues or partial functionality problems.';
        } elseif ($user_reports_count >= 1) {
            $intelligent_status = 'partial';
            $confidence = 'medium';
            $message = "Server responding but {$user_reports_count} user(s) reported issues";
            $user_experience_context = 'The website appears to be working technically, but some users are reporting problems. This could be due to regional issues, specific features not working, or intermittent problems.';
        } else {
            $intelligent_status = 'up';
            $confidence = 'high';
            $message = 'Server responding normally';
            $user_experience_context = 'Both technical monitoring and user reports indicate the website is working normally.';
        }
    } elseif ($technical_status === 'down') {
        if ($user_reports_count >= 1) {
            $intelligent_status = 'down';
            $confidence = 'high';
            $message = "Server down - {$user_reports_count} user(s) confirmed issues";
            $user_experience_context = 'Both technical monitoring and user reports confirm the website is experiencing problems.';
        } else {
            $intelligent_status = 'partial';
            $confidence = 'medium';
            $message = 'Technical issues detected but no user reports';
            $user_experience_context = 'Technical monitoring shows server problems, but no user reports yet.';
        }
    } else {
        // For other statuses (slow, error, etc.)
        $intelligent_status = $technical_status;
        $confidence = 'medium';
        $message = 'Technical status with user feedback';
        $user_experience_context = 'Technical monitoring indicates issues, and user reports provide additional context.';
    }
    
    return [
        'status' => $intelligent_status,
        'confidence' => $confidence,
        'message' => $message,
        'user_experience_context' => $user_experience_context,
        'user_reports_count' => $user_reports_count,
        'technical_status' => $technical_status
    ];
}

/**
 * FORMAT: Enhanced status badge for recent checks
 */
function formatIntelligentStatusBadge($intelligent_status, $user_reports_count = 0) {
    $status = $intelligent_status['status'];
    $badge_class = getIntelligentStatusBadgeClass($intelligent_status);
    $icon = getIntelligentStatusIcon($intelligent_status);
    
    $status_text = '';
    switch ($status) {
        case 'up':
            $status_text = 'Online';
            break;
        case 'down':
            $status_text = 'Offline';
            break;
        case 'degraded':
            $status_text = 'Issues';
            break;
        case 'partial':
            $status_text = 'Partial';
            break;
        case 'slow':
            $status_text = 'Slow';
            break;
        case 'error':
            $status_text = 'Error';
            break;
        default:
            $status_text = 'Unknown';
    }
    
    // Add user report indicator if there are reports
    $user_indicator = '';
    if ($user_reports_count > 0) {
        $user_indicator = " <small class='text-muted'>({$user_reports_count} reports)</small>";
    }
    
    return "<span class='badge badge-modern {$badge_class}'><i class='{$icon} me-1'></i>{$status_text}{$user_indicator}</span>";
}

/**
 * Get 6-hour response time chart data for a website
 */
function getWebsite6HourChartData($pdo, $website_id, $hours = 6) {
    try {
        $stmt = $pdo->prepare("
            SELECT 
                DATE_FORMAT(checked_at, '%Y-%m-%d %H:00:00') as hour_bucket,
                AVG(response_time) as avg_response_time,
                COUNT(*) as total_checks,
                SUM(CASE WHEN status = 'up' THEN 1 ELSE 0 END) as up_checks,
                SUM(CASE WHEN status = 'down' THEN 1 ELSE 0 END) as down_checks
            FROM website_checks 
            WHERE website_id = ? 
            AND checked_at >= DATE_SUB(NOW(), INTERVAL ? HOUR)
            GROUP BY hour_bucket
            ORDER BY hour_bucket ASC
        ");
        $stmt->execute([$website_id, $hours]);
        return $stmt->fetchAll(PDO::FETCH_ASSOC);
    } catch (Exception $e) {
        return [];
    }
}

/**
 * DETECT: Status improvement trend by comparing with previous checks
 */
function detectStatusImprovement($pdo, $domain, $current_check, $user_reports, $previous_checks = []) {
    $improvement_data = [
        'is_improving' => false,
        'improvement_type' => '',
        'improvement_message' => '',
        'previous_status' => '',
        'vote_trend' => ''
    ];
    
    if (empty($previous_checks)) {
        return $improvement_data;
    }
    
    // Get the most recent previous check
    $previous_check = $previous_checks[0];
    $current_status = $current_check['status'];
    $previous_status = $previous_check['status'];
    
    // Get user reports for previous check (30 minutes before previous check)
    $previous_check_time = $previous_check['checked_at'];
    $previous_user_reports = getUserReportsAroundTime($pdo, $domain, $previous_check_time, 30);
    $previous_reports_count = count($previous_user_reports);
    $current_reports_count = count($user_reports);
    
    // Calculate intelligent status for both checks
    $current_intelligent = calculateIntelligentStatusForCheck($current_check, $user_reports);
    $previous_intelligent = calculateIntelligentStatusForCheck($previous_check, $previous_user_reports);
    
    $current_intelligent_status = $current_intelligent['status'];
    $previous_intelligent_status = $previous_intelligent['status'];
    
    // Define status hierarchy (worse to better)
    $status_hierarchy = [
        'down' => 1,
        'error' => 2,
        'timeout' => 3,
        'degraded' => 4,
        'partial' => 5,
        'up' => 6
    ];
    
    $current_level = $status_hierarchy[$current_intelligent_status] ?? 0;
    $previous_level = $status_hierarchy[$previous_intelligent_status] ?? 0;
    
    // Check if status is improving
    if ($current_level > $previous_level) {
        $improvement_data['is_improving'] = true;
        $improvement_data['previous_status'] = $previous_intelligent_status;
        
        // Determine improvement type
        if ($previous_intelligent_status === 'down' && $current_intelligent_status === 'up') {
            $improvement_data['improvement_type'] = 'recovery';
            $improvement_data['improvement_message'] = 'Website has recovered from being completely down';
        } elseif ($previous_intelligent_status === 'down' && in_array($current_intelligent_status, ['partial', 'degraded'])) {
            $improvement_data['improvement_type'] = 'partial_recovery';
            $improvement_data['improvement_message'] = 'Website is partially recovering from being down';
        } elseif ($previous_intelligent_status === 'degraded' && $current_intelligent_status === 'up') {
            $improvement_data['improvement_type'] = 'performance_recovery';
            $improvement_data['improvement_message'] = 'Performance issues have been resolved';
        } elseif ($previous_intelligent_status === 'partial' && $current_intelligent_status === 'up') {
            $improvement_data['improvement_type'] = 'full_recovery';
            $improvement_data['improvement_message'] = 'Website has fully recovered from partial issues';
        } else {
            $improvement_data['improvement_type'] = 'general_improvement';
            $improvement_data['improvement_message'] = 'Website status is improving';
        }
        
        // Check vote trend (decreasing user reports indicate improvement)
        if ($current_reports_count < $previous_reports_count) {
            $vote_decrease = $previous_reports_count - $current_reports_count;
            $improvement_data['vote_trend'] = "User reports decreased by {$vote_decrease}";
        } elseif ($current_reports_count === 0 && $previous_reports_count > 0) {
            $improvement_data['vote_trend'] = 'No more user reports of issues';
        } elseif ($current_reports_count < $previous_reports_count) {
            $improvement_data['vote_trend'] = 'Fewer user reports of issues';
        }
    }
    
    return $improvement_data;
}

/**
 * GET: All votes from all websites with pagination
 */
function getAllVotesWithPagination($pdo, $page = 1, $per_page = 20, $search = '', $vote_type = '', $category_id = '') {
    try {
        $offset = ($page - 1) * $per_page;
        
        // Build WHERE clause
        $where_conditions = [];
        $params = [];
        
        if (!empty($search)) {
            $where_conditions[] = "(w.domain LIKE ? OR w.display_name LIKE ? OR v.comment LIKE ?)";
            $params[] = "%$search%";
            $params[] = "%$search%";
            $params[] = "%$search%";
        }
        
        if (!empty($vote_type)) {
            $where_conditions[] = "v.vote_type = ?";
            $params[] = $vote_type;
        }
        
        if (!empty($category_id)) {
            $where_conditions[] = "v.category_id = ?";
            $params[] = $category_id;
        }
        
        $where_clause = !empty($where_conditions) ? 'WHERE ' . implode(' AND ', $where_conditions) : '';
        
        // Get total count
        $count_sql = "SELECT COUNT(*) FROM user_votes v 
                     JOIN websites w ON v.website_id = w.id 
                     LEFT JOIN voting_categories vc ON v.category_id = vc.id 
                     $where_clause";
        $count_stmt = $pdo->prepare($count_sql);
        $count_stmt->execute($params);
        $total_votes = $count_stmt->fetchColumn();
        
        // Get votes with pagination
        $sql = "SELECT v.*, w.domain, w.display_name, w.seo_slug, vc.display_name as category_name,
                       vc.name as category_key, v.location_data
                FROM user_votes v 
                JOIN websites w ON v.website_id = w.id 
                LEFT JOIN voting_categories vc ON v.category_id = vc.id 
                $where_clause 
                ORDER BY v.created_at DESC 
                LIMIT ? OFFSET ?";
        
        $params[] = $per_page;
        $params[] = $offset;
        
        $stmt = $pdo->prepare($sql);
        $stmt->execute($params);
        $votes = $stmt->fetchAll(PDO::FETCH_ASSOC);
        
        // Calculate pagination info
        $total_pages = ceil($total_votes / $per_page);
        $has_previous = $page > 1;
        $has_next = $page < $total_pages;
        
        return [
            'votes' => $votes,
            'pagination' => [
                'current_page' => $page,
                'per_page' => $per_page,
                'total_votes' => $total_votes,
                'total_pages' => $total_pages,
                'has_previous' => $has_previous,
                'has_next' => $has_next,
                'previous_page' => $page - 1,
                'next_page' => $page + 1
            ]
        ];
    } catch (Exception $e) {
        error_log("Error in getAllVotesWithPagination: " . $e->getMessage());
        return [
            'votes' => [],
            'pagination' => [
                'current_page' => 1,
                'per_page' => $per_page,
                'total_votes' => 0,
                'total_pages' => 0,
                'has_previous' => false,
                'has_next' => false,
                'previous_page' => 0,
                'next_page' => 0
            ]
        ];
    }
}

/**
 * GET: All voting categories for filter dropdown
 */
function getAllVotingCategories($pdo) {
    try {
        $stmt = $pdo->prepare("SELECT id, display_name, name FROM voting_categories ORDER BY display_name");
        $stmt->execute();
        return $stmt->fetchAll(PDO::FETCH_ASSOC);
    } catch (Exception $e) {
        error_log("Error in getAllVotingCategories: " . $e->getMessage());
        return [];
    }
}

/**
 * GET: All comments from all websites with pagination
 */
function getAllCommentsWithPagination($pdo, $page = 1, $per_page = 20, $search = '') {
    try {
        $offset = ($page - 1) * $per_page;
        
        // Build WHERE clause
        $where_conditions = [];
        $params = [];
        
        if (!empty($search)) {
            $where_conditions[] = "(w.domain LIKE ? OR w.display_name LIKE ? OR c.comment LIKE ? OR c.user_name LIKE ?)";
            $params[] = "%$search%";
            $params[] = "%$search%";
            $params[] = "%$search%";
            $params[] = "%$search%";
        }
        
        $where_clause = !empty($where_conditions) ? 'WHERE ' . implode(' AND ', $where_conditions) : '';
        
        // Get total count
        $count_sql = "SELECT COUNT(*) FROM user_comments c 
                     JOIN websites w ON c.website_id = w.id 
                     $where_clause";
        $count_stmt = $pdo->prepare($count_sql);
        $count_stmt->execute($params);
        $total_comments = $count_stmt->fetchColumn();
        
        // Get comments with pagination
        $sql = "SELECT c.*, w.domain, w.display_name, w.seo_slug
                FROM user_comments c 
                JOIN websites w ON c.website_id = w.id 
                $where_clause 
                ORDER BY c.created_at DESC 
                LIMIT ? OFFSET ?";
        
        $params[] = $per_page;
        $params[] = $offset;
        
        $stmt = $pdo->prepare($sql);
        $stmt->execute($params);
        $comments = $stmt->fetchAll(PDO::FETCH_ASSOC);
        
        // Calculate pagination info
        $total_pages = ceil($total_comments / $per_page);
        $has_previous = $page > 1;
        $has_next = $page < $total_pages;
        
        return [
            'comments' => $comments,
            'pagination' => [
                'current_page' => $page,
                'per_page' => $per_page,
                'total_comments' => $total_comments,
                'total_pages' => $total_pages,
                'has_previous' => $has_previous,
                'has_next' => $has_next,
                'previous_page' => $page - 1,
                'next_page' => $page + 1
            ]
        ];
    } catch (Exception $e) {
        error_log("Error in getAllCommentsWithPagination: " . $e->getMessage());
        return [
            'comments' => [],
            'pagination' => [
                'current_page' => 1,
                'per_page' => $per_page,
                'total_comments' => 0,
                'total_pages' => 0,
                'has_previous' => false,
                'has_next' => false,
                'previous_page' => 0,
                'next_page' => 0
            ]
        ];
    }
}

/**
 * GET: Total comments count
 */
function getTotalComments($pdo) {
    try {
        $stmt = $pdo->prepare("SELECT COUNT(*) FROM user_comments");
        $stmt->execute();
        return $stmt->fetchColumn();
    } catch (Exception $e) {
        error_log("Error in getTotalComments: " . $e->getMessage());
        return 0;
    }
}

/**
 * Get all categories with pagination
 */
function getAllCategoriesWithPagination($pdo, $page = 1, $per_page = 20) {
    try {
        $offset = ($page - 1) * $per_page;
        
        // Get categories with website counts
        $stmt = $pdo->prepare("
            SELECT 
                c.*,
                COUNT(w.id) as website_count,
                COUNT(CASE WHEN w.status = 'down' THEN 1 END) as down_websites,
                COUNT(CASE WHEN w.status = 'up' THEN 1 END) as up_websites
            FROM websites_categories c
            LEFT JOIN websites w ON c.slug = w.category AND w.is_active = 1
            WHERE c.is_active = 1
            GROUP BY c.id
            ORDER BY website_count DESC, c.sort_order ASC, c.name ASC
            LIMIT ? OFFSET ?
        ");
        $stmt->execute([$per_page, $offset]);
        $categories = $stmt->fetchAll(PDO::FETCH_ASSOC);
        
        // Get total count for pagination
        $total_stmt = $pdo->query("
            SELECT COUNT(*) as total 
            FROM websites_categories 
            WHERE is_active = 1
        ");
        $total = $total_stmt->fetch(PDO::FETCH_ASSOC)['total'];
        
        // Calculate pagination info
        $total_pages = ceil($total / $per_page);
        $pagination = [
            'current_page' => $page,
            'total_pages' => $total_pages,
            'total_items' => $total,
            'per_page' => $per_page,
            'has_previous' => $page > 1,
            'has_next' => $page < $total_pages,
            'previous_page' => $page > 1 ? $page - 1 : null,
            'next_page' => $page < $total_pages ? $page + 1 : null
        ];
        
        return [
            'categories' => $categories,
            'pagination' => $pagination
        ];
    } catch (Exception $e) {
        error_log("Error getting categories with pagination: " . $e->getMessage());
        return [
            'categories' => [],
            'pagination' => [
                'current_page' => 1,
                'total_pages' => 1,
                'total_items' => 0,
                'per_page' => $per_page,
                'has_previous' => false,
                'has_next' => false,
                'previous_page' => null,
                'next_page' => null
            ]
        ];
    }
}

/**
 * Get total number of categories
 */
function getTotalCategories($pdo) {
    try {
        $stmt = $pdo->query("
            SELECT COUNT(*) as total 
            FROM websites_categories 
            WHERE is_active = 1
        ");
        return $stmt->fetch(PDO::FETCH_ASSOC)['total'];
    } catch (Exception $e) {
        error_log("Error getting total categories: " . $e->getMessage());
        return 0;
    }
}

?> 
     
    $current_flag_file = $AVAILABLE_LANGUAGES[$current_lang]['flag_file'];
    $html .= '<img src="' . SITE_URL . '/assets/images/countries/' . $current_flag_file . '" alt="' . $AVAILABLE_LANGUAGES[$current_lang]['name'] . '" width="20" height="15" class="me-2" onerror="this.style.display=\'none\'">';
    $html .= $AVAILABLE_LANGUAGES[$current_lang]['name'];
    
    $html .= '</button>';
    $html .= '<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="languageDropdown">';
    
    foreach ($AVAILABLE_LANGUAGES as $code => $lang) {
        $url = generateLanguageUrl($clean_url, $code);
        $active_class = ($code === $current_lang) ? 'active' : '';
        
        $html .= '<li><a class="dropdown-item ' . $active_class . '" href="' . htmlspecialchars($url) . '">';
        
        // Use flag image for each language
        $flag_file = $lang['flag_file'];
        $html .= '<img src="' . SITE_URL . '/assets/images/countries/' . $flag_file . '" alt="' . $lang['name'] . '" width="20" height="15" class="me-2" onerror="this.style.display=\'none\'">';
        $html .= $lang['name'];
        
        $html .= '</a></li>';
    }
    
    $html .= '</ul></div>';
    
    return $html;
}

/**
 * Generate URL for different language
 */
function generateLanguageUrl($clean_url, $target_language) {
    global $SEO_PATTERNS;
    
    // Ensure SITE_URL is available
    if (!defined('SITE_URL')) {
        require_once __DIR__ . '/../config/site_config.php';
    }
    
    // Get the current request URI
    $request_uri = $_SERVER['REQUEST_URI'];
    
    // Check if this is a check URL by looking for domain patterns
    $domain = null;
    $current_pattern = null;
    
    // First, try to extract domain from the current URL
    foreach ($SEO_PATTERNS as $lang => $patterns) {
        $pattern = $patterns['check'];
        $regex = str_replace('{domain}', '([^\/]+)', $pattern);
        
        // Test against the full request URI
        if (preg_match("/\/{$regex}/", $request_uri, $matches)) {
            $domain = $matches[1];
            $current_pattern = $pattern;
            break;
        }
    }
    
    // If we found a domain, generate the correct URL for target language
    if ($domain) {
        $target_pattern = $SEO_PATTERNS[$target_language]['check'] ?? $SEO_PATTERNS['en']['check'];
        $new_path = str_replace('{domain}', $domain, $target_pattern);
        $new_path = $target_language . '/' . $new_path;
        
        $site_url = SITE_URL;
        $new_url = $site_url . '/' . $new_path;
        
        return $new_url;
    }
    
    // Check if this is a reports page (Romanian)
    if (preg_match('/\/ro\/rapoarte$/', $request_uri)) {
        $target_pattern = $SEO_PATTERNS[$target_language]['reports'] ?? $SEO_PATTERNS['en']['reports'];
        $new_path = $target_language . '/' . $target_pattern;
        
        $site_url = SITE_URL;
        $new_url = $site_url . '/' . $new_path;
        
        return $new_url;
    }
    
    // Check if this is a reports page (English)
    if (preg_match('/\/en\/reports$/', $request_uri)) {
        $target_pattern = $SEO_PATTERNS[$target_language]['reports'] ?? $SEO_PATTERNS['en']['reports'];
        $new_path = $target_language . '/' . $target_pattern;
        
        $site_url = SITE_URL;
        $new_url = $site_url . '/' . $new_path;
        
        return $new_url;
    }
    
    // Check if this is a comments page (Romanian)
    if (preg_match('/\/ro\/comentarii$/', $request_uri)) {
        $target_pattern = $SEO_PATTERNS[$target_language]['comments'] ?? $SEO_PATTERNS['en']['comments'];
        $new_path = $target_language . '/' . $target_pattern;
        
        $site_url = SITE_URL;
        $new_url = $site_url . '/' . $new_path;
        
        return $new_url;
    }
    
    // Check if this is a comments page (English)
    if (preg_match('/\/en\/comments$/', $request_uri)) {
        $target_pattern = $SEO_PATTERNS[$target_language]['comments'] ?? $SEO_PATTERNS['en']['comments'];
        $new_path = $target_language . '/' . $target_pattern;
        
        $site_url = SITE_URL;
        $new_url = $site_url . '/' . $new_path;
        
        return $new_url;
    }
    
    // Check if this is a categories page (Romanian)
    if (preg_match('/\/ro\/categorii$/', $request_uri)) {
        $target_pattern = $SEO_PATTERNS[$target_language]['categories'] ?? $SEO_PATTERNS['en']['categories'];
        $new_path = $target_language . '/' . $target_pattern;
        
        $site_url = SITE_URL;
        $new_url = $site_url . '/' . $new_path;
        
        return $new_url;
    }
    
    // Check if this is a categories page (English)
    if (preg_match('/\/en\/categories$/', $request_uri)) {
        $target_pattern = $SEO_PATTERNS[$target_language]['categories'] ?? $SEO_PATTERNS['en']['categories'];
        $new_path = $target_language . '/' . $target_pattern;
        
        $site_url = SITE_URL;
        $new_url = $site_url . '/' . $new_path;
        
        return $new_url;
    }
    
    // Check if this is a categories pagination URL (Romanian)
    if (preg_match('/\/categorii\/pagina\/([0-9]+)/', $request_uri, $matches)) {
        $page = $matches[1];
        $target_pattern = $SEO_PATTERNS[$target_language]['categories_page'] ?? $SEO_PATTERNS['en']['categories_page'];
        $new_path = str_replace('{page}', $page, $target_pattern);
        $new_path = $target_language . '/' . $new_path;
        
        $site_url = SITE_URL;
        $new_url = $site_url . '/' . $new_path;
        
        return $new_url;
    }
    
    // Check if this is a categories pagination URL (English)
    if (preg_match('/\/categories\/page\/([0-9]+)/', $request_uri, $matches)) {
        $page = $matches[1];
        $target_pattern = $SEO_PATTERNS[$target_language]['categories_page'] ?? $SEO_PATTERNS['en']['categories_page'];
        $new_path = str_replace('{page}', $page, $target_pattern);
        $new_path = $target_language . '/' . $new_path;
        
        $site_url = SITE_URL;
        $new_url = $site_url . '/' . $new_path;
        
        return $new_url;
    }
    
    // Check if this is a reports pagination URL (Romanian)
    if (preg_match('/\/rapoarte\/page\/([0-9]+)/', $request_uri, $matches)) {
        $page = $matches[1];
        $target_pattern = $SEO_PATTERNS[$target_language]['reports_page'] ?? $SEO_PATTERNS['en']['reports_page'];
        $new_path = str_replace('{page}', $page, $target_pattern);
        $new_path = $target_language . '/' . $new_path;
        
        $site_url = SITE_URL;
        $new_url = $site_url . '/' . $new_path;
        
        return $new_url;
    }
    
    // Check if this is a reports pagination URL (English)
    if (preg_match('/\/reports\/page\/([0-9]+)/', $request_uri, $matches)) {
        $page = $matches[1];
        $target_pattern = $SEO_PATTERNS[$target_language]['reports_page'] ?? $SEO_PATTERNS['en']['reports_page'];
        $new_path = str_replace('{page}', $page, $target_pattern);
        $new_path = $target_language . '/' . $new_path;
        
        $site_url = SITE_URL;
        $new_url = $site_url . '/' . $new_path;
        
        return $new_url;
    }
    
    // Check if this is a comments pagination URL (Romanian)
    if (preg_match('/\/comentarii\/page\/([0-9]+)/', $request_uri, $matches)) {
        $page = $matches[1];
        $target_pattern = $SEO_PATTERNS[$target_language]['comments_page'] ?? $SEO_PATTERNS['en']['comments_page'];
        $new_path = str_replace('{page}', $page, $target_pattern);
        $new_path = $target_language . '/' . $new_path;
        
        $site_url = SITE_URL;
        $new_url = $site_url . '/' . $new_path;
        
        return $new_url;
    }
    
    // Check if this is a comments pagination URL (English)
    if (preg_match('/\/comments\/page\/([0-9]+)/', $request_uri, $matches)) {
        $page = $matches[1];
        $target_pattern = $SEO_PATTERNS[$target_language]['comments_page'] ?? $SEO_PATTERNS['en']['comments_page'];
        $new_path = str_replace('{page}', $page, $target_pattern);
        $new_path = $target_language . '/' . $new_path;
        
        $site_url = SITE_URL;
        $new_url = $site_url . '/' . $new_path;
        
        return $new_url;
    }
    
    // Check if this is a category page URL (English)
    if (preg_match('/\/category\/([^\/]+)/', $request_uri, $matches)) {
        $slug = $matches[1];
        $target_pattern = $SEO_PATTERNS[$target_language]['category'] ?? $SEO_PATTERNS['en']['category'];
        $new_path = str_replace('{slug}', $slug, $target_pattern);
        $new_path = $target_language . '/' . $new_path;
        
        $site_url = SITE_URL;
        $new_url = $site_url . '/' . $new_path;
        
        return $new_url;
    }
    
    // Check if this is a category page URL (Romanian)
    if (preg_match('/\/categorie\/([^\/]+)/', $request_uri, $matches)) {
        $slug = $matches[1];
        $target_pattern = $SEO_PATTERNS[$target_language]['category'] ?? $SEO_PATTERNS['en']['category'];
        $new_path = str_replace('{slug}', $slug, $target_pattern);
        $new_path = $target_language . '/' . $new_path;
        
        $site_url = SITE_URL;
        $new_url = $site_url . '/' . $new_path;
        
        return $new_url;
    }
    
    // Check if this is a category pagination URL (English)
    if (preg_match('/\/category\/([^\/]+)\/page\/([0-9]+)/', $request_uri, $matches)) {
        $slug = $matches[1];
        $page = $matches[2];
        $target_pattern = $SEO_PATTERNS[$target_language]['category_page'] ?? $SEO_PATTERNS['en']['category_page'];
        $new_path = str_replace('{slug}', $slug, $target_pattern);
        $new_path = str_replace('{page}', $page, $new_path);
        $new_path = $target_language . '/' . $new_path;
        
        $site_url = SITE_URL;
        $new_url = $site_url . '/' . $new_path;
        
        return $new_url;
    }
    
    // Check if this is a category pagination URL (Romanian)
    if (preg_match('/\/categorie\/([^\/]+)\/pagina\/([0-9]+)/', $request_uri, $matches)) {
        $slug = $matches[1];
        $page = $matches[2];
        $target_pattern = $SEO_PATTERNS[$target_language]['category_page'] ?? $SEO_PATTERNS['en']['category_page'];
        $new_path = str_replace('{slug}', $slug, $target_pattern);
        $new_path = str_replace('{page}', $page, $new_path);
        $new_path = $target_language . '/' . $new_path;
        
        $site_url = SITE_URL;
        $new_url = $site_url . '/' . $new_path;
        
        return $new_url;
    }
    
    // Fallback: try to extract domain from query parameters
    if (isset($_GET['domain'])) {
        $domain = $_GET['domain'];
        $target_pattern = $SEO_PATTERNS[$target_language]['check'] ?? $SEO_PATTERNS['en']['check'];
        $new_path = str_replace('{domain}', $domain, $target_pattern);
        $new_path = $target_language . '/' . $new_path;
        
        $site_url = SITE_URL;
        $new_url = $site_url . '/' . $new_path;
        
        return $new_url;
    }
    
    // Final fallback: just add language prefix to current URL
    $parsed_url = parse_url($clean_url);
    $path = $parsed_url['path'] ?? '/';
    
    // Clean the path - remove any existing language prefixes
    $path = preg_replace('/^\/[a-z]{2}\//', '/', $path);
    $path = preg_replace('/^\/[a-z]{2}$/', '/', $path);
    
    if ($target_language !== 'en') {
        $path = ltrim($path, '/');
        $path = $target_language . '/' . $path;
    } else {
        $path = ltrim($path, '/');
        $path = 'en/' . $path;
    }
    
    $site_url = SITE_URL;
    $new_url = $site_url . '/' . $path;
    
    // Add query parameters if present
    if (isset($parsed_url['query'])) {
        $new_url .= '?' . $parsed_url['query'];
    }
    if (isset($parsed_url['fragment'])) {
        $new_url .= '#' . $parsed_url['fragment'];
    }
    
    return $new_url;
}

/**
 * Generate hreflang URLs for current page
 */
function generateHreflangUrls() {
    global $AVAILABLE_LANGUAGES;
    
    // Ensure SITE_URL is available
    if (!defined('SITE_URL')) {
        require_once __DIR__ . '/../config/site_config.php';
    }
    
    $current_lang = getCurrentLanguage();
    $clean_url = getCleanCurrentUrl();
    $hreflang_urls = [];
    
    // Generate URLs for each available language
    foreach ($AVAILABLE_LANGUAGES as $lang_code => $lang_config) {
        $url = generateLanguageUrl($clean_url, $lang_code);
        $hreflang_urls[$lang_code] = $url;
    }
    
    // Add x-default (usually points to English)
    $hreflang_urls['x-default'] = $hreflang_urls['en'] ?? $hreflang_urls[$current_lang];
    
    return $hreflang_urls;
}

/**
 * Generate hreflang HTML tags
 */
function generateHreflangTags() {
    $hreflang_urls = generateHreflangUrls();
    $current_lang = getCurrentLanguage();
    $html = '';
    
    foreach ($hreflang_urls as $lang => $url) {
        // Skip the current language - don't show it as an alternate
        if ($lang === $current_lang) {
            continue;
        }
        
        // For x-default, always use the English version without language prefix
        if ($lang === 'x-default') {
            // Get the current URL and convert it to English version without language prefix
            $clean_url = getCleanCurrentUrl();
            $parsed_url = parse_url($clean_url);
            $path = $parsed_url['path'] ?? '/';
            
            // Remove language prefix from path
            $path = preg_replace('/^\/[a-z]{2}\//', '/', $path);
            $path = preg_replace('/^\/[a-z]{2}$/', '/', $path);
            
            // Convert Romanian patterns to English patterns (handle both with and without trailing slash)
            $path = preg_replace('/\/categorie(\/|$)/', '/category$1', $path);
            $path = preg_replace('/\/categorii(\/|$)/', '/categories$1', $path);
            $path = preg_replace('/\/rapoarte(\/|$)/', '/reports$1', $path);
            $path = preg_replace('/\/comentarii(\/|$)/', '/comments$1', $path);
            $path = preg_replace('/\/pagina(\/|$)/', '/page$1', $path);
            
            // Convert Romanian check page patterns to English
            $path = preg_replace('/\/nu-merge-([^\/]+)$/', '/is-$1-down', $path);
            $path = preg_replace('/\/este-([^\/]+)$/', '/is-$1-down', $path);
            
            $url = SITE_URL . $path;
            
            // Add query parameters if present
            if (isset($parsed_url['query'])) {
                $url .= '?' . $parsed_url['query'];
            }
            if (isset($parsed_url['fragment'])) {
                $url .= '#' . $parsed_url['fragment'];
            }
        }
        
        $html .= '<link rel="alternate" hreflang="' . htmlspecialchars($lang) . '" href="' . htmlspecialchars($url) . '" />' . "\n    ";
    }
    
    return trim($html);
}

/**
 * Initialize language system
 */
function initializeLanguage($forced_language = null) {
    // Ensure SITE_URL is available
    if (!defined('SITE_URL')) {
        require_once __DIR__ . '/../config/site_config.php';
    }
    
    // Use forced language if provided, otherwise detect
    $detected_lang = $forced_language ?: detectUserLanguage();
    
    // Always set the detected language in session
    setUserLanguage($detected_lang);
    
    // Load translations for the detected language
    $translations = loadTranslations($detected_lang);
    
    // Debug: Log the language detection process
    error_log("Language Detection - Detected: {$detected_lang}, Session: " . ($_SESSION['user_language'] ?? 'not set') . ", URL param: " . ($_GET['lang'] ?? 'not set'));
    
    return [
        'code' => $detected_lang,
        'config' => getLanguageConfig($detected_lang),
        'translations' => $translations
    ];
}
?> <!DOCTYPE html>
<html lang="ro" dir="ltr" data-nav-layout="vertical" data-theme-mode="light" data-header-styles="light" data-toggled="close">

 
/**
 * Breadcrumb Functions
 * Handles dynamic breadcrumb generation with language support
 */

/**
 * Detect current page type based on URL
 */
function detectCurrentPageType() {
    $request_uri = $_SERVER['REQUEST_URI'];
    $path = parse_url($request_uri, PHP_URL_PATH);
    
    // Remove language prefix if present
    $path = preg_replace('/^\/[a-z]{2}\//', '/', $path);
    $path = preg_replace('/^\/[a-z]{2}$/', '/', $path);
    
    // Remove query string
    $path = strtok($path, '?');
    
    // Normalize path
    $path = rtrim($path, '/');
    if (empty($path)) {
        $path = '/';
    }
    
    // Detect page type based on URL pattern
    if ($path === '/') {
        return 'home';
    } elseif (preg_match('/^\/is-[^\/]+-down/', $path)) {
        return 'check';
    } elseif (preg_match('/^\/nu-merge-[^\/]+/', $path)) {
        return 'check';
    } elseif (preg_match('/^\/category\/([^\/]+)/', $path)) {
        return 'category_detail';
    } elseif (preg_match('/^\/categorie\/([^\/]+)/', $path)) {
        return 'category_detail';
    } elseif ($path === '/categories' || $path === '/categorii') {
        return 'category';
    } elseif ($path === '/reports' || $path === '/rapoarte') {
        return 'reports';
    } elseif ($path === '/comments' || $path === '/comentarii') {
        return 'comments';
    } elseif ($path === '/history' || $path === '/istoric') {
        return 'history';
    } elseif ($path === '/check') {
        return 'check_form';
    } elseif (preg_match('/^\/search/', $path)) {
        return 'search';
    }
    
    return 'unknown';
}

/**
 * Get breadcrumb structure for page type
 */
function getBreadcrumbStructure($page_type) {
    $structures = [
        'home' => [
            [
                'title' => 'breadcrumbs.home',
                'url' => '/',
                'icon' => 'bi-house',
                'current' => true
            ]
        ],
        'check' => [
            [
                'title' => 'breadcrumbs.home',
                'url' => '/',
                'icon' => 'bi-house'
            ],
            [
                'title' => 'breadcrumbs.status_check',
                'url' => null,
                'icon' => 'bi-search',
                'current' => true
            ]
        ],
        'check_form' => [
            [
                'title' => 'breadcrumbs.home',
                'url' => '/',
                'icon' => 'bi-house'
            ],
            [
                'title' => 'breadcrumbs.status_check',
                'url' => '/check',
                'icon' => 'bi-search',
                'current' => true
            ]
        ],
        'category' => [
            [
                'title' => 'breadcrumbs.home',
                'url' => '/',
                'icon' => 'bi-house'
            ],
            [
                'title' => 'breadcrumbs.categories',
                'url' => '/categories',
                'icon' => 'bi-grid',
                'current' => true
            ]
        ],
        'category_detail' => [
            [
                'title' => 'breadcrumbs.home',
                'url' => '/',
                'icon' => 'bi-house'
            ],
            [
                'title' => 'breadcrumbs.categories',
                'url' => '/categories',
                'icon' => 'bi-grid'
            ],
            [
                'title' => 'breadcrumbs.category_name',
                'url' => null,
                'icon' => 'bi-folder',
                'current' => true
            ]
        ],
        'reports' => [
            [
                'title' => 'breadcrumbs.home',
                'url' => '/',
                'icon' => 'bi-house'
            ],
            [
                'title' => 'breadcrumbs.reports',
                'url' => '/reports',
                'icon' => 'bi-flag',
                'current' => true
            ]
        ],
        'comments' => [
            [
                'title' => 'breadcrumbs.home',
                'url' => '/',
                'icon' => 'bi-house'
            ],
            [
                'title' => 'breadcrumbs.comments',
                'url' => '/comments',
                'icon' => 'bi-chat',
                'current' => true
            ]
        ],
        'history' => [
            [
                'title' => 'breadcrumbs.home',
                'url' => '/',
                'icon' => 'bi-house'
            ],
            [
                'title' => 'breadcrumbs.history',
                'url' => '/history',
                'icon' => 'bi-clock',
                'current' => true
            ]
        ],
        'search' => [
            [
                'title' => 'breadcrumbs.home',
                'url' => '/',
                'icon' => 'bi-house'
            ],
            [
                'title' => 'breadcrumbs.search',
                'url' => null,
                'icon' => 'bi-search',
                'current' => true
            ]
        ]
    ];
    
    return $structures[$page_type] ?? $structures['home'];
}

/**
 * Get language-specific URLs for breadcrumbs
 */
function getBreadcrumbUrls($current_lang) {
    $urls = [
        'en' => [
            'home' => '/',
            'categories' => '/categories',
            'reports' => '/reports',
            'comments' => '/comments',
            'history' => '/history',
            'check' => '/check'
        ],
        'ro' => [
            'home' => '/',
            'categories' => '/categorii',
            'reports' => '/rapoarte',
            'comments' => '/comentarii',
            'history' => '/istoric',
            'check' => '/check'
        ]
    ];
    
    return $urls[$current_lang] ?? $urls['en'];
}

/**
 * Translate breadcrumb titles
 */
function translateBreadcrumbs($breadcrumb_structure, $translations) {
    $translated_breadcrumbs = [];
    
    foreach ($breadcrumb_structure as $breadcrumb) {
        $translated_breadcrumb = $breadcrumb;
        
        // Translate title if it's a translation key
        if (isset($breadcrumb['title']) && strpos($breadcrumb['title'], 'breadcrumbs.') === 0) {
            $key = $breadcrumb['title'];
            $translated_breadcrumb['title'] = $translations['breadcrumbs'][substr($key, 12)] ?? $breadcrumb['title'];
        }
        
        $translated_breadcrumbs[] = $translated_breadcrumb;
    }
    
    return $translated_breadcrumbs;
}

/**
 * Apply dynamic data to breadcrumbs
 */
function applyDynamicData($breadcrumbs, $additional_data = []) {
    $current_lang = getCurrentLanguage();
    $urls = getBreadcrumbUrls($current_lang);
    
    foreach ($breadcrumbs as &$breadcrumb) {
        // Apply language-specific URLs
        if (isset($breadcrumb['url']) && $breadcrumb['url'] !== null) {
            if ($breadcrumb['url'] === '/') {
                // Home URL is always /
                $breadcrumb['url'] = '/';
            } elseif (isset($urls[basename($breadcrumb['url'])])) {
                $breadcrumb['url'] = $urls[basename($breadcrumb['url'])];
            }
        }
        
        // Apply dynamic data
        if (isset($additional_data['domain']) && $breadcrumb['title'] === 'breadcrumbs.status_check') {
            $breadcrumb['title'] = $additional_data['domain'];
        }
        
        if (isset($additional_data['category_name']) && $breadcrumb['title'] === 'breadcrumbs.category_name') {
            $breadcrumb['title'] = $additional_data['category_name'];
        }
        
        if (isset($additional_data['search_query']) && $breadcrumb['title'] === 'breadcrumbs.search') {
            $breadcrumb['title'] = sprintf($translations['breadcrumbs.search_results'] ?? 'Search Results for "%s"', $additional_data['search_query']);
        }
    }
    
    return $breadcrumbs;
}

/**
 * Generate breadcrumbs for current page
 */
function generateBreadcrumbs($page_type = null, $additional_data = []) {
    global $translations;
    
    // Detect page type if not provided
    if (!$page_type) {
        $page_type = detectCurrentPageType();
    }
    
    // Get breadcrumb structure
    $breadcrumb_structure = getBreadcrumbStructure($page_type);
    
    // Translate breadcrumbs
    $breadcrumbs = translateBreadcrumbs($breadcrumb_structure, $translations);
    
    // Apply dynamic data
    $breadcrumbs = applyDynamicData($breadcrumbs, $additional_data);
    
    return $breadcrumbs;
}

/**
 * Generate JSON-LD structured data for breadcrumbs
 */
function generateBreadcrumbJsonLd($breadcrumbs) {
    $itemListElement = [];
    $position = 1;
    $current_lang = getCurrentLanguage();
    
    // Check if current URL has a language prefix
    $request_uri = $_SERVER['REQUEST_URI'];
    $has_language_prefix = preg_match('/^\/(en|ro)\//', $request_uri);
    
    foreach ($breadcrumbs as $breadcrumb) {
        $item = [
            '@type' => 'ListItem',
            'position' => $position,
            'name' => $breadcrumb['title']
        ];
        
        if (isset($breadcrumb['url']) && $breadcrumb['url']) {
            $url = $breadcrumb['url'];
            
            // Add language prefix if current URL has one or if it's non-English
            if (($has_language_prefix || $current_lang !== 'en') && $url !== '/') {
                $url = '/' . $current_lang . $url;
            }
            
            $item['item'] = SITE_URL . $url;
        }
        
        $itemListElement[] = $item;
        $position++;
    }
    
    return [
        '@context' => 'https://schema.org',
        '@type' => 'BreadcrumbList',
        'itemListElement' => $itemListElement
    ];
}

/**
 * Extract domain from check URL
 */
function extractDomainFromCheckUrl() {
    $request_uri = $_SERVER['REQUEST_URI'];
    
    // Try English pattern: /is-{domain}-down
    if (preg_match('/\/is-([^\/-]+)-down/', $request_uri, $matches)) {
        return $matches[1];
    }
    
    // Try Romanian pattern: /nu-merge-{domain}
    if (preg_match('/\/nu-merge-([^\/]+)/', $request_uri, $matches)) {
        return $matches[1];
    }
    
    return null;
}

/**
 * Extract category slug from URL
 */
function extractCategorySlugFromUrl() {
    $request_uri = $_SERVER['REQUEST_URI'];
    
    // Try English pattern: /category/{slug}
    if (preg_match('/\/category\/([^\/]+)/', $request_uri, $matches)) {
        return $matches[1];
    }
    
    // Try Romanian pattern: /categorie/{slug}
    if (preg_match('/\/categorie\/([^\/]+)/', $request_uri, $matches)) {
        return $matches[1];
    }
    
    return null;
}
?> <head>
    <!-- Meta Data -->
    <meta charset="UTF-8">
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>orbitz.com este în jos? Verificare Status în Timp Real - ThisIsDown.com</title>
    <meta name="description" content="Verifică dacă orbitz.com este în jos sau întâlnește probleme. Monitorizare status în timp real cu rapoarte comunitare și analize profesionale. Status actual: Online.">
    <meta name="keywords" content="este orbitz.com în jos, orbitz.com status, orbitz.com întrerupere, orbitz.com probleme, monitorizare website">
    <meta name="author" content="ThisIsDown.com">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
	<meta name="referrer" content="strict-origin-when-cross-origin">
    <meta name="googlebot" content="index, follow">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://thisisdown.com/ro/nu-merge-orbitz.com">
    <meta property="og:title" content="orbitz.com este în jos? Verificare Status în Timp Real">
    <meta property="og:description" content="Verifică dacă orbitz.com este în jos sau întâlnește probleme. Monitorizare status în timp real cu rapoarte comunitare. Status actual: Online.">
    <meta property="og:image" content="https://thisisdown.comassets/images/og-image.jpg">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:site_name" content="ThisIsDown.com">
    <meta property="og:locale" content="ro_RO">
    
    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://thisisdown.com/ro/nu-merge-orbitz.com">
    <meta property="twitter:title" content="orbitz.com este în jos?">
    <meta property="twitter:description" content="Verifică dacă orbitz.com este în jos sau întâlnește probleme. Monitorizare status în timp real.">
    <meta property="twitter:image" content="https://thisisdown.comassets/images/twitter-image.jpg">
    
    <!-- Canonical -->
    <link rel="canonical" href="https://thisisdown.com/ro/nu-merge-orbitz.com">
    
    <!-- Hreflang Tags -->
    <link rel="alternate" hreflang="en" href="https://thisisdown.com/en/is-orbitz.com-down" />
    <link rel="alternate" hreflang="x-default" href="https://thisisdown.com/is-orbitz.com-down" />    
    <!-- Additional SEO Meta Tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
    <meta name="theme-color" content="#6366f1">
    <meta name="msapplication-TileColor" content="#6366f1">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="apple-mobile-web-app-title" content="ThisIsDown.com">
    
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-NSKGQ29Z4S"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-NSKGQ29Z4S');
    </script>
    
    <!-- Favicon -->
    <link rel="icon" href="https://thisisdown.com/assets2/favicon.svg" type="image/svg+xml">
    <link rel="apple-touch-icon" href="https://thisisdown.com/assets2/apple-touch-icon.png">
	
	    <!-- Bootstrap Css -->
    <link id="style" href="https://thisisdown.com/assets2/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet" >

    <!-- Style Css -->
    <link href="https://thisisdown.com/assets2/css/styles.css" rel="stylesheet" >
	
	<!-- Icons Css -->
    <link href="https://thisisdown.com/assets2/css/icons.css" rel="stylesheet" >
	
	<!-- Style2 Css -->
	<link href="https://thisisdown.com/assets/css/style.css" rel="stylesheet">
	
	<!-- ApexCharts -->
    <script src="https://thisisdown.com/assets2/libs/apexcharts.js-4.7.0/dist/apexcharts.min.js"></script>
	
	<!-- Organization Schema -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
    "@context": "https://schema.org",
    "@type": "Organization",
    "@id": "https://thisisdown.com/#organization",
    "name": "ThisIsDown.com",
    "url": "https://thisisdown.com",
    "description": "Real-time website status monitoring with community reports and professional analytics",
    "logo": {
        "@type": "ImageObject",
        "url": "https://thisisdown.com/assets/images/logo.svg",
        "width": 112,
        "height": 112
    },
    "sameAs": [
        "https://facebook.com/thisisdownapp"
    ],
    "contactPoint": {
        "@type": "ContactPoint",
        "contactType": "general",
        "email": "hello@thisisdown.com"
    }
},
    {
    "@type": "WebSite",
    "@id": "https://thisisdown.com/#website",
    "name": "ThisIsDown.com",
    "url": "https://thisisdown.com",
    "description": "Real-time website status monitoring powered by millions of users and professional analytics",
    "publisher": {
        "@id": "https://thisisdown.com/#organization"
    },
    "potentialAction": {
        "@type": "SearchAction",
        "target": {
            "@type": "EntryPoint",
            "urlTemplate": "https://thisisdown.com/?q={search_term_string}"
        },
        "query-input": "required name=search_term_string"
    }
},
   {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://thisisdown.com/"
        },
        {
            "@type": "ListItem",
            "position": 2,
            "name": "Status Check",
            "item": "https://thisisdown.com/ro/status-check"
        }
    ]
}  ]
}
</script>
	
	
	
    
          'url' => SITE_URL.'/assets/images/logo.svg',
          'width' => 112,
          'height' => 112
        ],
        'sameAs' => defined('SOCIAL_LINKS') && isset(SOCIAL_LINKS['facebook']) 
          ? [SOCIAL_LINKS['facebook']] 
          : [],
        'contactPoint' => [
          '@type' => 'ContactPoint',
          'contactType' => 'general',
          'email' => defined('CONTACT_INFO') && isset(CONTACT_INFO['email']) 
            ? CONTACT_INFO['email'] 
            : 'hello@thisisdown.com'
        ]
      ]),
     JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES
    ) ?>,
    {
    "@type": "WebSite",
    "@id": "https://thisisdown.com/#website",
    "name": "ThisIsDown.com",
    "url": "https://thisisdown.com",
    "description": "Real-time website status monitoring powered by millions of users and professional analytics",
    "publisher": {
        "@id": "https://thisisdown.com/#organization"
    },
    "potentialAction": {
        "@type": "SearchAction",
        "target": {
            "@type": "EntryPoint",
            "urlTemplate": "https://thisisdown.com/?q={search_term_string}"
        },
        "query-input": "required name=search_term_string"
    }
},
   {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://thisisdown.com/"
        },
        {
            "@type": "ListItem",
            "position": 2,
            "name": "Status Check",
            "item": "https://thisisdown.com/ro/status-check"
        }
    ]
}  ]
}
</script>
	
	
	
    
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@graph": [
    {
      "@type": "WebPage",
      "@id": "https://thisisdown.com/ro/nu-merge-orbitz.com#webpage",
      "url": "https://thisisdown.com/ro/nu-merge-orbitz.com",
      "name": "orbitz.com este în jos? Verificare Status în Timp Real - ThisIsDown.com",
      "description": "Verifică dacă orbitz.com este în jos sau întâlnește probleme. Monitorizare status în timp real cu rapoarte comunitare și analize profesionale. Status actual: orbitz.com.",
      "inLanguage": "ro-RO",
      "datePublished": "2025-07-03T15:47:33+00:00",
      "dateModified": "2025-07-21T22:10:57+00:00",
      "primaryImageOfPage": {
        "@type": "ImageObject",
        "url": "https://thisisdown.com/images/orbitz.com-status-hero.png",
        "width": 1200,
        "height": 675,
		"caption": "Service Status"
      },
      "isPartOf": {
        "@id": "https://thisisdown.com/#website",
      },
      "about": {
		"@id": "https://www.orbitz.com/#organization"
	  },
      "publisher": {
        "@id": "https://thisisdown.com/#organization"
	  }
    },
    { 
      "@type": "Organization",
      "@id": "https://www.orbitz.com/#organization",
      "name": "Orbitz",
      "url": "https://www.orbitz.com",
      "potentialAction": {
        "@type": "TrackAction",
        "target": {
          "@type": "EntryPoint",
          "urlTemplate": "https://thisisdown.com/ro/nu-merge-orbitz.com"
        }
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5.00",
        "bestRating": "5",
        "worstRating": "1",
        "ratingCount": "10"
      }
	}
  ]
}
</script>
    
    <!-- Custom CSS Override for ApexCharts -->
    <style>
                    /* Pulsating Status Circles */
                    .status-indicator {
                        display: flex;
                        align-items: center;
                    }
                    
                    .pulsating-circle {
                        width: 36px;
                        height: 36px;
                        border-radius: 50%;
                        position: relative;
                        animation: pulsate 2s ease-in-out infinite;
                    }
                    
                    .pulsating-green {
                        background-color: #28a745;
                        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
                    }
                    
                    .pulsating-red {
                        background-color: #dc3545;
                        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7);
                    }
                    
                    .pulsating-yellow {
                        background-color: #ffc107;
                        box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.7);
                    }
					
					.pulsating-blue {
                        background-color: #0D6EFD;
                        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.7);
                    }
                    
                    @keyframes pulsate {
                        0% {
                            transform: scale(1);
                            box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
                        }
                        50% {
                            transform: scale(1.1);
                            box-shadow: 0 0 0 8px rgba(40, 167, 69, 0);
                        }
                        100% {
                            transform: scale(1);
                            box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
                        }
                    }
                    
                    .pulsating-red {
                        animation: pulsate-red 2s ease-in-out infinite;
                    }
                    
                    @keyframes pulsate-red {
                        0% {
                            transform: scale(1);
                            box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7);
                        }
                        50% {
                            transform: scale(1.1);
                            box-shadow: 0 0 0 8px rgba(220, 53, 69, 0);
                        }
                        100% {
                            transform: scale(1);
                            box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
                        }
                    }
                    
                    .pulsating-yellow {
                        animation: pulsate-yellow 2s ease-in-out infinite;
                    }
                    
                    @keyframes pulsate-yellow {
                        0% {
                            transform: scale(1);
                            box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.7);
                        }
                        50% {
                            transform: scale(1.1);
                            box-shadow: 0 0 0 8px rgba(255, 193, 7, 0);
                        }
                        100% {
                            transform: scale(1);
                            box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
                        }
                    }
					
					.pulsating-blue {
                        animation: pulsate-blue 2s ease-in-out infinite;
                    }
                    
                    @keyframes pulsate-blue{
                        0% {
                            transform: scale(1);
                            box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.7);
                        }
                        50% {
                            transform: scale(1.1);
                            box-shadow: 0 0 0 8px rgba(13, 110, 253, 0);
                        }
                        100% {
                            transform: scale(1);
                            box-shadow: 0 0 0 0 rgba(13, 110, 253, 0);
                        }
                    }
                    
                    /* Compact timeline and comments for desktop */
                    @media (min-width: 992px) {
                        .compact-timeline .timeline-item,
                        .compact-comments .comment-item {
                            margin-bottom: 0.75rem !important;
                            padding: 0.75rem 0.5rem !important;
                        }
                        .compact-timeline .timeline-badge,
                        .compact-comments .me-3 {
                            min-width: 32px !important;
                        }
                        .compact-timeline .rounded-circle,
                        .compact-comments .rounded-circle {
                            width: 28px !important;
                            height: 28px !important;
                        }
                        .compact-timeline .flex-grow-1,
                        .compact-comments .flex-grow-1 {
                            font-size: 0.95rem;
                        }
                    }
                    
                    /* Emoji Reactions Styling */
                    .emoji-container {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 8px;
                        margin-top: 5px;
                    }
                    
                    .emoji-btn {
                        background: none;
                        border: none !important;
                        box-shadow: none !important;
                        padding: 0 4px;
                        font-size: 1.2em;
                        cursor: pointer;
                    }
                    
                    .emoji-btn:focus {
                        outline: none !important;
                        box-shadow: none !important;
                    }
                    
                    /* Responsive emoji buttons */
                    @media (max-width: 576px) {
                        .emoji-btn {
                            font-size: 18px;
                            min-width: 36px;
                            height: 36px;
                            padding: 6px 10px;
                        }
                    }
                    
                    /* Timeline Enhancements */
                    .timeline-box .fs-10 {
                        font-size: 0.625rem !important;
                    }
                    
                    .timeline-box .fs-11 {
                        font-size: 0.6875rem !important;
                    }
                    
                    .timeline-box .fs-12 {
                        font-size: 0.75rem !important;
                    }
                    
                    /* User reports indicator styling */
                    .timeline-box .text-warning {
                        color: #ffc107 !important;
                    }
                    
                    .timeline-box .text-info {
                        color: #0dcaf0 !important;
                    }
                    
                    /* Enhanced timeline content */
                    .timeline-box .d-flex.flex-column {
                        min-width: 60px;
                    }
                    
                    .timeline-box .badge {
                        white-space: nowrap;
                    }
                    
                    /* Timeline user experience context */
                    .timeline-box .fs-11.text-muted {
                        line-height: 1.3;
                    }
                    
                    /* Status Improvement Indicator */
                    .timeline-box .bg-success-transparent {
                        background-color: rgba(40, 167, 69, 0.1) !important;
                    }
                    
                    .timeline-box .border-success {
                        border-color: rgba(40, 167, 69, 0.3) !important;
                    }
                    
                    .timeline-box .text-success {
                        color: #198754 !important;
                    }
                    
                    .timeline-box .bi-arrow-up-circle {
                        font-size: 1.1em;
                    }
                    
                    /* Improvement indicator animation */
                    .timeline-box .bg-success-transparent {
                        animation: improvement-pulse 3s ease-in-out infinite;
                    }
                    
                                        @keyframes improvement-pulse {
                        0%, 100% {
                            opacity: 1;
                        }
                        50% {
                            opacity: 0.8;
                        }
                    }
                    }
                    
                    /* Dynamic Timeline Line Colors */
                    .timeline-content.timeline-status-up::after {
                        border-color: #28a745 !important;
                        background-color: #28a745 !important;
                    }
                    
                    .timeline-content.timeline-status-down::after {
                        border-color: #dc3545 !important;
                        background-color: #dc3545 !important;
                    }
                    
                    .timeline-content.timeline-status-degraded::after {
                        border-color: #ffc107 !important;
                        background-color: #ffc107 !important;
                    }
                    
                    .timeline-content.timeline-status-partial::after {
                        border-color: #0dcaf0 !important;
                        background-color: #0dcaf0 !important;
                    }
                    
                    .timeline-content.timeline-status-timeout::after {
                        border-color: #fd7e14 !important;
                        background-color: #fd7e14 !important;
                    }
                    
                    .timeline-content.timeline-status-error::after {
                        border-color: #6f42c1 !important;
                        background-color: #6f42c1 !important;
                    }
                    
                    .timeline-content.timeline-status-unknown::after {
                        border-color: #6c757d !important;
                        background-color: #6c757d !important;
                    }
                    </style>

    
    <!-- Website Summaries CSS -->
    <link rel="stylesheet" href="https://thisisdown.com/assets/css/website-summaries.css">
    

    <!-- reCAPTCHA v3 -->
    <script src="https://www.google.com/recaptcha/api.js?render=6LcWF3wrAAAAALb6LaMgPaztq-7ZWUt_ox-wyN9Z"></script>
</head>
<body>
    <!-- Loader -->
    <div id="loader">
        <div class="spinner-square">
            <div class="square square-1"></div>
            <div class="square square-2"></div>
            <div class="square square-3"></div>
        </div>
    </div>
    <div class="page">
        <!-- app-header -->
 <header class="app-header sticky" id="header">

    <!-- Start::main-header-container -->
    <div class="main-header-container container-fluid">

        <!-- Start::header-content-left -->
        <div class="header-content-left">

            <!-- Start::header-element -->
            <div class="header-element">
                <div class="horizontal-logo">
                    <a href="https://thisisdown.com/index.php" class="header-logo">
					 <img src="https://thisisdown.com/assets2/images/logo.svg" alt="ThisIsDown.com" class="header-logo-img" style="height: 24px; width: auto;">
                    </a>
                </div>
            </div>
            <!-- End::header-element -->

            <!-- Start::header-element -->
            <div class="header-element mx-lg-0 mx-2">
                <button aria-label="Hide Sidebar" class="sidemenu-toggle header-link hor-toggle horizontal-navtoggle"  data-bs-toggle="sidebar" href="javascript:void(0);" style="border: none; outline: none; background: transparent;">
                     <i class="bi bi-list"></i>
                </button>
            </div>
            <!-- End::header-element -->



        </div>
        <!-- End::header-content-left -->
                <div class="header-content-right">

                        <div class="dropdown"><button class="btn btn-danger dropdown-toggle" type="button" id="languageDropdown" data-bs-toggle="dropdown" aria-expanded="false"><img src="https://thisisdown.com/assets/images/countries/ro.svg" alt="Română" width="20" height="15" class="me-2" onerror="this.style.display='none'">Română</button><ul class="dropdown-menu dropdown-menu-end" aria-labelledby="languageDropdown"><li><a class="dropdown-item " href="https://thisisdown.com/en/is-orbitz.com-down"><img src="https://thisisdown.com/assets/images/countries/us.svg" alt="English" width="20" height="15" class="me-2" onerror="this.style.display='none'">English</a></li><li><a class="dropdown-item active" href="https://thisisdown.com/ro/nu-merge-orbitz.com"><img src="https://thisisdown.com/assets/images/countries/ro.svg" alt="Română" width="20" height="15" class="me-2" onerror="this.style.display='none'">Română</a></li></ul></div>                    </div>
    </div>
    <!-- End::main-header-container -->

</header>
<!-- /app-header -->
        <!-- Start::app-sidebar -->
<aside class="app-sidebar sticky" id="sidebar">

    <!-- Start::main-sidebar-header -->
    <div class="main-sidebar-header">
        <a href="https://thisisdown.com/index.php" class="header-logo">
            <img src="https://thisisdown.com/assets2/images/logo.svg" alt="ThisIsDown.com" style="height: 36px; width: auto;" class="toggle-logo">
			<svg width="200" height="40" class="desktop-logo" viewBox="0 0 200 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap');
    
    .down-animation {
      animation: bounceDown 3s infinite;
    }
    
    @keyframes bounceDown {
      0%, 100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(5px);
      }
    }
  </style>
  
  <!-- Visible logo (30px height) positioned 5px from text -->
  <g transform="translate(10, 5)">
    <svg width="30" height="30" viewBox="0 0 50 50">
      <path fill="#FD2923" d="M43.464,21.794c-0.922-0.673-1.968-1.091-3.061-1.264c0.081-4.124-0.836-8.472-3.847-11.365 c-3.473-3.337-9.504-2.325-13.175,0.147c-1.766,1.189-3.187,2.789-4.076,4.698c-2.3-0.387-4.812,0.302-6.733,1.55 c-1.311,0.852-2.258,2.042-2.744,3.532c-0.299,0.918-0.4,1.89-0.41,2.86c-0.851,0.278-1.678,0.618-2.443,1.084 c-1.651,1.005-2.878,2.576-3.305,4.478c-0.879,3.926,1.419,7.617,4.783,9.509c0.25,0.141,7.171,1.704,10.469,1.803 c4.662,0.141,9.354,0.252,14.006-0.132c1.943-0.161,6.264-0.628,6.498-0.723c0.322-0.131,0.635-0.281,0.947-0.436 c0.144-0.034,0.948-0.359,1.054-0.582c2.263-1.376,4.104-3.397,4.879-6.001C47.307,27.604,46.332,23.888,43.464,21.794z"/>
      <path fill="#231F20" d="M5.648,30.986c1.029,1.689,2.447,3.118,4.127,4.162c0.548,0.341,1.051-0.524,0.505-0.863 c-1.534-0.954-2.828-2.261-3.768-3.803C6.177,29.932,5.312,30.434,5.648,30.986L5.648,30.986z"/>
      <path fill="#231F20" d="M38.699,35.747c1.789-0.372,3.381-1.573,4.237-3.187c0.301-0.568-0.562-1.074-0.863-0.505 c-0.747,1.408-2.08,2.403-3.639,2.727c-0.264,0.055-0.417,0.367-0.349,0.615C38.16,35.673,38.434,35.802,38.699,35.747 L38.699,35.747z"/>
      <path fill="#FFFFFF" d="M32.247,28.537c-1.837-1.334-3.674-2.668-5.511-4.002c1.532-1.756,3.086-3.494,4.667-5.206 c0.549-0.595,0.589-1.532,0-2.122c-0.557-0.556-1.57-0.597-2.122,0c-1.688,1.829-3.346,3.683-4.979,5.561 c-1.419-1.031-2.839-2.062-4.259-3.093c-0.656-0.476-1.672-0.112-2.052,0.539c-0.443,0.758-0.119,1.575,0.538,2.052 c1.28,0.93,2.561,1.859,3.841,2.789c-0.897,1.058-1.806,2.105-2.686,3.178c-0.514,0.626-0.612,1.509,0,2.122 c0.53,0.529,1.605,0.629,2.121,0c0.979-1.194,1.989-2.362,2.99-3.538c1.979,1.437,3.958,2.874,5.937,4.312 c0.656,0.477,1.672,0.112,2.052-0.538C33.228,29.831,32.904,29.014,32.247,28.537z"/>
      <path fill="#FF9600" d="M18.959,11.18c0.128-0.207,0.262-0.411,0.402-0.61c0.073-0.104,0.149-0.207,0.225-0.309 c0.111-0.149-0.085,0.106-0.008,0.009c0.036-0.045,0.072-0.091,0.108-0.136c0.306-0.379,0.635-0.739,0.985-1.078 c0.166-0.162,0.337-0.318,0.513-0.47c0.096-0.083,0.194-0.165,0.293-0.246c0.045-0.037,0.091-0.072,0.136-0.109 c0.181-0.145-0.119,0.087-0.01,0.008c0.404-0.294,0.813-0.574,1.246-0.825c0.453-0.262,0.651-0.915,0.359-1.368 c-0.294-0.457-0.884-0.639-1.368-0.359c-1.878,1.088-3.465,2.64-4.608,4.483c-0.276,0.445-0.11,1.12,0.359,1.368 C18.081,11.798,18.665,11.656,18.959,11.18L18.959,11.18z"/>
      <path fill="#FF9600" d="M15.997,10.725c0.07-0.239,0.152-0.473,0.248-0.703c-0.034,0.08-0.067,0.159-0.101,0.239 c0.111-0.262,0.238-0.516,0.382-0.762c0.063-0.107,0.129-0.213,0.198-0.316c0.039-0.059,0.08-0.118,0.121-0.175 c0.043-0.06,0.212-0.256,0.003-0.011c0.173-0.204,0.34-0.409,0.53-0.598c0.101-0.1,0.205-0.197,0.312-0.291 c0.054-0.047,0.108-0.093,0.163-0.137c0.028-0.022,0.055-0.045,0.083-0.067c-0.132,0.102-0.158,0.121-0.075,0.059 c0.216-0.163,0.385-0.326,0.46-0.598c0.066-0.239,0.036-0.558-0.101-0.771c-0.138-0.214-0.343-0.401-0.598-0.46 c-0.245-0.056-0.56-0.057-0.771,0.101c-0.695,0.522-1.28,1.113-1.779,1.828c-0.449,0.644-0.785,1.378-1.004,2.13 c-0.146,0.502,0.177,1.111,0.698,1.23C15.302,11.546,15.84,11.263,15.997,10.725L15.997,10.725z"/>
      <path fill="#DF4BB1" d="M32.863,42.078c2.522,0.362,5.084,0.148,7.481-0.74c0.506-0.187,0.85-0.677,0.698-1.23 c-0.134-0.487-0.721-0.887-1.23-0.698c-2.058,0.762-4.284,1.046-6.418,0.74c-0.534-0.077-1.074,0.131-1.23,0.698 C32.036,41.317,32.325,42.001,32.863,42.078L32.863,42.078z"/>
      <path fill="#DF4BB1" d="M39.35,45.146c1.02-0.28,2.039-0.56,3.059-0.84c0.504-0.138,0.865-0.716,0.698-1.23 c-0.167-0.516-0.69-0.847-1.23-0.698c-1.02,0.28-2.039,0.56-3.059,0.84c-0.504,0.138-0.865,0.716-0.698,1.23 C38.287,44.963,38.809,45.294,39.35,45.146L39.35,45.146z"/>
    </svg>
  </g>
  
  <!-- Text positioned 5px from logo (30px logo + 5px gap = 35px) -->
  <g transform="translate(45, 20)">
    <text x="0" y="0" font-family="Orbitron" font-size="18" fill="#000" font-weight="500" dominant-baseline="middle">THISIS</text>
    <text x="59" y="0" font-family="Orbitron" font-size="18" fill="#dc2626" font-weight="700" class="down-animation" dominant-baseline="middle">DOWN</text>
  </g>
</svg>			
        </a>
    </div>
    <!-- End::main-sidebar-header -->

    <!-- Start::main-sidebar -->
    <div class="main-sidebar" id="sidebar-scroll">

        <!-- Start::nav -->
        <nav class="main-menu-container nav nav-pills flex-column sub-open">
            <div class="slide-left" id="slide-left">
                <svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191" width="24" height="24" viewBox="0 0 24 24"> <path d="M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z"></path> </svg>
            </div>
            <ul class="main-menu">
			<li class="slide__category"><span class="category-name">Main</span></li>
                <li class="slide">
                    <a href="https://thisisdown.com/ro/" class="side-menu__item">
                        <i class="bi bi-houses-fill side-menu__icon"></i>
                        <span class="side-menu__label">Dashboard</span>
                        </a>
                    </li>
                <li class="slide">
                    <a href="/ro/categorii" class="side-menu__item" id="categories-menu-link">
                        <i class="bi bi-card-list side-menu__icon"></i>
                        <span class="side-menu__label">Categorii</span>
                        </a>
                    </li>
                <li class="slide">
                    <a href="https://thisisdown.com/ro/down-websites.php" class="side-menu__item">
                        <i class="bi bi-toggle2-off side-menu__icon"></i>
                        <span class="side-menu__label">Website-uri Închise</span>
                        </a>
                    </li>
				<li class="slide__category"><span class="category-name">Community</span></li>
                <li class="slide">
                    <a href="/ro/comentarii" class="side-menu__item" id="comments-menu-link">
                        <i class="bi bi-chat-dots-fill side-menu__icon"></i>
                        <span class="side-menu__label">Comentarii</span>
                        </a>
                    </li>
                <li class="slide">
                    <a href="/ro/rapoarte" class="side-menu__item" id="reports-menu-link">
                        <i class="bi bi-flag-fill side-menu__icon"></i>
                        <span class="side-menu__label">Rapoarte</span>
                    </a>
                </li>
                
                </ul>
						<li class="slide__category"><span class="category-name">We monitor</span></li>
        <!-- Recent Checks Section -->
        <ul class="main-menu" id="sidebar-recent-checks-container">
            <li class="slide">
                <div class="spinner-border spinner-border-sm text-primary" role="status">
                    <span class="visually-hidden">Se încarcă...</span>
                </div>
            </li>
                </ul>
            <div class="slide-right" id="slide-right"><svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191" width="24" height="24" viewBox="0 0 24 24"> <path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path> </svg></div>
    </nav>
        <!-- End::nav -->

    </div>
    <!-- End::main-sidebar -->

</aside>
<!-- End::app-sidebar -->

<style>
.sidebar-section-header {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 1rem;
    margin-top: 1rem;
}

.sidebar-section-header h6 {
    color: #7b8191;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.sidebar-recent-check-favicon {
    width: 18px;
    height: 18px;
    margin-right: 0.75rem;
    border-radius: 2px;
    flex-shrink: 0;
}

@media (max-width: 991.98px) {
    .sidebar-section-header {
        display: none;
    }
}
</style>

<script>
// Pass translations to JavaScript
const sidebarTranslations = {
    no_recent_checks: 'Nu sunt verificări recente',
    error_loading_checks: 'Eroare la încărcarea verificărilor recente'
};

// Load sidebar recent checks and update reports link
document.addEventListener('DOMContentLoaded', function() {
    loadSidebarRecentChecks();
    updateReportsLink();
    updateCommentsLink();
});

function updateReportsLink() {
    // Get current language from URL or default to 'en'
    const currentLang = window.location.pathname.split('/')[1] || 'en';
    const validLangs = ['en', 'ro']; // Supported languages
    const lang = validLangs.includes(currentLang) ? currentLang : 'en';
    
    // Update reports link to be language-aware with SEO URL
    const reportsLink = document.getElementById('reports-menu-link');
    if (reportsLink) {
        // Use language-specific URL pattern
        const reportsPath = lang === 'ro' ? 'rapoarte' : 'reports';
        reportsLink.href = `/${lang}/${reportsPath}`;
    }
}

function updateCommentsLink() {
    // Get current language from URL or default to 'en'
    const currentLang = window.location.pathname.split('/')[1] || 'en';
    const validLangs = ['en', 'ro']; // Supported languages
    const lang = validLangs.includes(currentLang) ? currentLang : 'en';
    
    // Update comments link to be language-aware with SEO URL
    const commentsLink = document.getElementById('comments-menu-link');
    if (commentsLink) {
        // Use language-specific URL pattern
        const commentsPath = lang === 'ro' ? 'comentarii' : 'comments';
        commentsLink.href = `/${lang}/${commentsPath}`;
    }
}

function loadSidebarRecentChecks() {
    const container = document.getElementById('sidebar-recent-checks-container');
    if (!container) return;

    // Get current language from URL or default to 'en'
    const currentLang = window.location.pathname.split('/')[1] || 'en';
    const validLangs = ['en', 'ro']; // Supported languages
    const lang = validLangs.includes(currentLang) ? currentLang : 'en';

    // SEO URL patterns for each language
    const seoPatterns = {
        'en': 'is-{domain}-down',
        'ro': 'nu-merge-{domain}'
    };

    fetch('/api/sidebar_recent_checks.php')
        .then(response => response.json())
        .then(data => {
            if (data.success && data.data.length > 0) {
                container.innerHTML = data.data.map(website => {
                    // Generate SEO URL with language-specific pattern
                    const pattern = seoPatterns[lang] || seoPatterns['en'];
                    const seoUrl = `/${lang}/${pattern.replace('{domain}', website.seo_slug)}`;
                    
                    // Format domain display - max 22 chars with ellipsis after 2 dots
                    let displayDomain = website.domain;
                    if (displayDomain.length > 22) {
                        const dots = (displayDomain.match(/\./g) || []).length;
                        if (dots >= 2) {
                            // Find the second dot position
                            const firstDot = displayDomain.indexOf('.');
                            const secondDot = displayDomain.indexOf('.', firstDot + 1);
                            if (secondDot !== -1) {
                                displayDomain = displayDomain.substring(0, secondDot) + '...';
                            }
                        }
                        // If still too long, truncate to 22 chars
                        if (displayDomain.length > 22) {
                            displayDomain = displayDomain.substring(0, 19) + '...';
                        }
                    }
                    
                    // Use database favicon URL, fallback to external service if not available
                    const faviconUrl = website.favicon_url || `https://external-content.duckduckgo.com/ip3/${website.domain}.ico`;
                    
                    return `
                        <li class="slide">
                            <a href="${seoUrl}" class="side-menu__item">
                                <img src="${faviconUrl}" 
                                     alt="${website.domain}" 
                                     class="sidebar-recent-check-favicon side-menu__icon"
                                     onerror="this.style.display='none'">
                                <span class="side-menu__label" title="${website.domain}">${displayDomain}</span>
                            </a>
                        </li>
                    `;
                }).join('');
            } else {
                container.innerHTML = '<li class="slide"><span class="text-muted text-center py-3 mb-0" style="font-size: 0.875rem; display: block; padding: 0.5rem 1rem;">' + sidebarTranslations.no_recent_checks + '</span></li>';
            }
        })
        .catch(error => {
            console.error('Error loading sidebar recent checks:', error);
            container.innerHTML = '<p class="text-muted text-center py-3 mb-0" style="font-size: 0.875rem;">' + sidebarTranslations.error_loading_checks + '</p>';
        });
}
</script>

        <!-- Start::nav -->
        <nav class="main-menu-container nav nav-pills flex-column sub-open">
            <div class="slide-left" id="slide-left">
                <svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191" width="24" height="24" viewBox="0 0 24 24"> <path d="M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z"></path> </svg>
            </div>
            <ul class="main-menu">
			<li class="slide__category"><span class="category-name">Main</span></li>
                <li class="slide">
                    <a href="https://thisisdown.com/ro/" class="side-menu__item">
                        <i class="bi bi-houses-fill side-menu__icon"></i>
                        <span class="side-menu__label">Dashboard</span>
                        </a>
                    </li>
                <li class="slide">
                    <a href="/ro/categorii" class="side-menu__item" id="categories-menu-link">
                        <i class="bi bi-card-list side-menu__icon"></i>
                        <span class="side-menu__label">Categorii</span>
                        </a>
                    </li>
                <li class="slide">
                    <a href="https://thisisdown.com/ro/down-websites.php" class="side-menu__item">
                        <i class="bi bi-toggle2-off side-menu__icon"></i>
                        <span class="side-menu__label">Website-uri Închise</span>
                        </a>
                    </li>
				<li class="slide__category"><span class="category-name">Community</span></li>
                <li class="slide">
                    <a href="/ro/comentarii" class="side-menu__item" id="comments-menu-link">
                        <i class="bi bi-chat-dots-fill side-menu__icon"></i>
                        <span class="side-menu__label">Comentarii</span>
                        </a>
                    </li>
                <li class="slide">
                    <a href="/ro/rapoarte" class="side-menu__item" id="reports-menu-link">
                        <i class="bi bi-flag-fill side-menu__icon"></i>
                        <span class="side-menu__label">Rapoarte</span>
                    </a>
                </li>
                
                </ul>
						<li class="slide__category"><span class="category-name">We monitor</span></li>
        <!-- Recent Checks Section -->
        <ul class="main-menu" id="sidebar-recent-checks-container">
            <li class="slide">
                <div class="spinner-border spinner-border-sm text-primary" role="status">
                    <span class="visually-hidden">Se încarcă...</span>
                </div>
            </li>
                </ul>
            <div class="slide-right" id="slide-right"><svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191" width="24" height="24" viewBox="0 0 24 24"> <path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path> </svg></div>
    </nav>
        <!-- End::nav -->

    </div>
    <!-- End::main-sidebar -->

</aside>
<!-- End::app-sidebar -->

<style>
.sidebar-section-header {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 1rem;
    margin-top: 1rem;
}

.sidebar-section-header h6 {
    color: #7b8191;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.sidebar-recent-check-favicon {
    width: 18px;
    height: 18px;
    margin-right: 0.75rem;
    border-radius: 2px;
    flex-shrink: 0;
}

@media (max-width: 991.98px) {
    .sidebar-section-header {
        display: none;
    }
}
</style>

<script>
// Pass translations to JavaScript
const sidebarTranslations = {
    no_recent_checks: 'Nu sunt verificări recente',
    error_loading_checks: 'Eroare la încărcarea verificărilor recente'
};

// Load sidebar recent checks and update reports link
document.addEventListener('DOMContentLoaded', function() {
    loadSidebarRecentChecks();
    updateReportsLink();
    updateCommentsLink();
});

function updateReportsLink() {
    // Get current language from URL or default to 'en'
    const currentLang = window.location.pathname.split('/')[1] || 'en';
    const validLangs = ['en', 'ro']; // Supported languages
    const lang = validLangs.includes(currentLang) ? currentLang : 'en';
    
    // Update reports link to be language-aware with SEO URL
    const reportsLink = document.getElementById('reports-menu-link');
    if (reportsLink) {
        // Use language-specific URL pattern
        const reportsPath = lang === 'ro' ? 'rapoarte' : 'reports';
        reportsLink.href = `/${lang}/${reportsPath}`;
    }
}

function updateCommentsLink() {
    // Get current language from URL or default to 'en'
    const currentLang = window.location.pathname.split('/')[1] || 'en';
    const validLangs = ['en', 'ro']; // Supported languages
    const lang = validLangs.includes(currentLang) ? currentLang : 'en';
    
    // Update comments link to be language-aware with SEO URL
    const commentsLink = document.getElementById('comments-menu-link');
    if (commentsLink) {
        // Use language-specific URL pattern
        const commentsPath = lang === 'ro' ? 'comentarii' : 'comments';
        commentsLink.href = `/${lang}/${commentsPath}`;
    }
}

function loadSidebarRecentChecks() {
    const container = document.getElementById('sidebar-recent-checks-container');
    if (!container) return;

    // Get current language from URL or default to 'en'
    const currentLang = window.location.pathname.split('/')[1] || 'en';
    const validLangs = ['en', 'ro']; // Supported languages
    const lang = validLangs.includes(currentLang) ? currentLang : 'en';

    // SEO URL patterns for each language
    const seoPatterns = {
        'en': 'is-{domain}-down',
        'ro': 'nu-merge-{domain}'
    };

    fetch('/api/sidebar_recent_checks.php')
        .then(response => response.json())
        .then(data => {
            if (data.success && data.data.length > 0) {
                container.innerHTML = data.data.map(website => {
                    // Generate SEO URL with language-specific pattern
                    const pattern = seoPatterns[lang] || seoPatterns['en'];
                    const seoUrl = `/${lang}/${pattern.replace('{domain}', website.seo_slug)}`;
                    
                    // Format domain display - max 22 chars with ellipsis after 2 dots
                    let displayDomain = website.domain;
                    if (displayDomain.length > 22) {
                        const dots = (displayDomain.match(/\./g) || []).length;
                        if (dots >= 2) {
                            // Find the second dot position
                            const firstDot = displayDomain.indexOf('.');
                            const secondDot = displayDomain.indexOf('.', firstDot + 1);
                            if (secondDot !== -1) {
                                displayDomain = displayDomain.substring(0, secondDot) + '...';
                            }
                        }
                        // If still too long, truncate to 22 chars
                        if (displayDomain.length > 22) {
                            displayDomain = displayDomain.substring(0, 19) + '...';
                        }
                    }
                    
                    // Use database favicon URL, fallback to external service if not available
                    const faviconUrl = website.favicon_url || `https://external-content.duckduckgo.com/ip3/${website.domain}.ico`;
                    
                    return `
                        <li class="slide">
                            <a href="${seoUrl}" class="side-menu__item">
                                <img src="${faviconUrl}" 
                                     alt="${website.domain}" 
                                     class="sidebar-recent-check-favicon side-menu__icon"
                                     onerror="this.style.display='none'">
                                <span class="side-menu__label" title="${website.domain}">${displayDomain}</span>
                            </a>
                        </li>
                    `;
                }).join('');
            } else {
                container.innerHTML = '<li class="slide"><span class="text-muted text-center py-3 mb-0" style="font-size: 0.875rem; display: block; padding: 0.5rem 1rem;">' + sidebarTranslations.no_recent_checks + '</span></li>';
            }
        })
        .catch(error => {
            console.error('Error loading sidebar recent checks:', error);
            container.innerHTML = '<p class="text-muted text-center py-3 mb-0" style="font-size: 0.875rem;">' + sidebarTranslations.error_loading_checks + '</p>';
        });
}
</script>        
        <!-- Start::app-content -->
        <div class="main-content app-content">
            <div class="container-fluid">

                <!-- Website Status Header -->
                <div class="row">
                    <div class="col-xl-12 mt-4">
                        <div class="card custom-card mt-2">
                            <div class="card-body">
                                <div class="d-flex align-items-center">
                                    <div class="me-3">
                                        <img src="https://thisisdown.com/uploads/favicons/orbitz.com.ico" 
                 alt="orbitz.com favicon" 
                 class="favicon" 
                 style="width: 32px; height: 32px; border-radius: 4px; display: inline-block;"
                 onerror="this.style.display='none';" 
                 onload="this.style.display='inline-block';" />                                    </div>
                                    <div class="flex-grow-1">
                                        <h2 class="mb-1">orbitz.com este în jos?</h2>
                                        <p class="text-muted mb-0">Verificare status în timp real cu rapoarte comunitare și analize profesionale</p>
                                    </div>
            </div>
        </div>
                        </div>
                    </div>
                </div>

                <!-- Sub-Services Header Section -->
                

			
                <div class="row">
                    <div class="col-xxl-6">
                        <div class="card custom-card overflow-hidden">
						            <div class="card-header justify-content-between">
									 <div class="card-title">
                    <i class="bi bi-globe me-2"></i> Real-time monitoring and user reports for orbitz.com					</div>
            </div>
                            <div class="card-body p-4">
                                                
                        <!-- Status Card -->
        <div class="mb-3">
            <!-- Status Card Header -->
            
            <div class="d-flex justify-content-center">
                                    <div class="status-indicator d-flex flex-column align-items-center"> 
                        <div class="pulsating-circle pulsating-green"></div>
                        <span class="status-text text-center text-dark fw-semibold ms-2 fs-2">orbitz.com</span>
                                                    <span class="status-text text-success fw-semibold ms-2 fs-1">funcționează bine 🎉</span>
                                                                    </div>
                				
            </div>                                        
			    <!-- Bottom-aligned elements -->
				<div class="d-flex justify-content-center">
					<div class="mt-4 card d-flex align-content-center justify-content-center text-bg-success mb-3 text-fixed-white" style="max-width: 31rem;">
                                        <div class="card-body border-bottom-0">
                                            <div class="card-title text-fixed-white">
                  
                Website-ul este online și răspunde normal                                    </div>
                                    </div>
                                        <div class="card-body pt-0">
                                            <p class="card-text text-fixed-white">
                                                <i class="bi bi-info-circle me-1"></i>
                                                                                                                                                            Notă: Statusul combină monitorizarea tehnică cu rapoartele de probleme ale utilizatorilor (ferestre de 60 de minute)                                                                                                                                                </p>
                                </div>
                            </div>
                        </div>
									
									                        <div class="d-flex align-content-center justify-content-center gap-4 mt-4">
                            <div>
                                									            <button class="btn btn-success" id="recheck-btn" onclick="recheckWebsite()">
                <i class="bi bi-arrow-clockwise me-2"></i>Verifică Din Nou            </button>
                    </div>
                            <div>
       												            <button class="btn btn-success" id="recheck-btn" onclick="recheckWebsite()">
                 <i class="bi bi-clock me-2"></i>Ultima verificare <span id="last-checked-display" class="fw-semibold">acum 1 oră</span>
            </button>
        </div>
    </div>
    
    <!-- Status Card Footer with Share Buttons -->
    <div class="card-footer text-center border-0 bg-transparent mt-4">
        <div class="d-flex flex-column align-items-center justify-content-center w-100">
            <!-- Share Icons Row -->
            <div class="d-flex justify-content-center align-items-center gap-2 mb-3">
                <!-- Twitter/X Share -->
                <button class="btn btn-sm d-flex align-items-center justify-content-center" onclick="shareToTwitter()" title="Share on X (Twitter)" style="width: 40px; height: 40px;">
                    <i class="bi bi-twitter-x"></i>
                </button>
                
                <!-- Facebook Share -->
                <button class="btn btn-sm d-flex align-items-center justify-content-center" onclick="shareToFacebook()" title="Share on Facebook" style="width: 40px; height: 40px;">
                    <i class="bi bi-facebook"></i>
                </button>
                
                <!-- LinkedIn Share -->
                <button class="btn btn-sm d-flex align-items-center justify-content-center" onclick="shareToLinkedIn()" title="Share on LinkedIn" style="width: 40px; height: 40px;">
                    <i class="bi bi-linkedin"></i>
                </button>
                
                <!-- WhatsApp Share -->
                <button class="btn btn-sm d-flex align-items-center justify-content-center" onclick="shareToWhatsApp()" title="Share on WhatsApp" style="width: 40px; height: 40px;">
                    <i class="bi bi-whatsapp"></i>
                </button>
                
                <!-- Reddit Share -->
                <button class="btn btn-sm d-flex align-items-center justify-content-center" onclick="shareToReddit()" title="Share on Reddit" style="width: 40px; height: 40px;">
                    <i class="bi bi-reddit"></i>
                </button>
                
                <!-- Telegram Share -->
                <button class="btn btn-sm d-flex align-items-center justify-content-center" onclick="shareToTelegram()" title="Share on Telegram" style="width: 40px; height: 40px;">
                    <i class="bi bi-telegram"></i>
                </button>
                
                <!-- Email Share -->
                <button class="btn btn-sm d-flex align-items-center justify-content-center" onclick="shareToEmail()" title="Share via Email" style="width: 40px; height: 40px;">
                    <i class="bi bi-envelope"></i>
                </button>
                
                <!-- SMS Share -->
                <button class="btn btn-sm d-flex align-items-center justify-content-center" onclick="shareToSMS()" title="Share via SMS" style="width: 40px; height: 40px;">
                    <i class="bi bi-chat-dots"></i>
                </button>
            </div>
            
            <!-- Copy Link Section -->
            <div class="d-flex align-items-center gap-2">
                <div class="input-group" style="min-width: 400px;">
                    <input type="text" class="form-control iti__tel-input" id="page-url-input" value="https://thisisdown.com/ro/nu-merge-orbitz.com" readonly>
                    <button class="btn btn-primary" type="button" onclick="copyPageLink()" title="Copy page link">
                        <i class="bi bi-clipboard"></i>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>                                
                            </div>
                        </div>
                    </div>
                                   <div class="col-xxl-6">
                        <div class="card custom-card">
                            <div class="card-header justify-content-between">
                                <div class="card-title">
                                     <i class="bi bi-exclamation-triangle me-2"></i>Ce probleme întâmpini?                                                </div>
                                        </div>
                            <div class="card-body pb-0">
                                    <div class="voting-section">
                                                                                <div class="row g-2" id="category-voting-buttons">
                                                                                                                                                <div class="col-6">
                                                        <button class="vote-btn-enhanced w-100" 
                                                                onclick="reportWithCategory('Booking Problems', 'Booking Problems')"
                                                                title="Booking Problems">
                                                            <div class="d-flex align-items-center justify-content-between">
                                                                <span class="small">
                                                                    <i class="bi bi-exclamation-triangle me-2"></i>Booking Problems                                                                </span>
                                                                <i class="bi bi-arrow-right text-muted small"></i>
                                                            </div>
                                                        </button>
                                                    </div>
                                                                                                    <div class="col-6">
                                                        <button class="vote-btn-enhanced w-100" 
                                                                onclick="reportWithCategory('Payment Issues', 'Payment Issues')"
                                                                title="Payment Issues">
                                                            <div class="d-flex align-items-center justify-content-between">
                                                                <span class="small">
                                                                    <i class="bi bi-exclamation-triangle me-2"></i>Payment Issues                                                                </span>
                                                                <i class="bi bi-arrow-right text-muted small"></i>
                                                            </div>
                                                        </button>
                                                    </div>
                                                                                                    <div class="col-6">
                                                        <button class="vote-btn-enhanced w-100" 
                                                                onclick="reportWithCategory('Login Issues', 'Login Issues')"
                                                                title="Login Issues">
                                                            <div class="d-flex align-items-center justify-content-between">
                                                                <span class="small">
                                                                    <i class="bi bi-exclamation-triangle me-2"></i>Login Issues                                                                </span>
                                                                <i class="bi bi-arrow-right text-muted small"></i>
                                                            </div>
                                                        </button>
                                                    </div>
                                                                                                    <div class="col-6">
                                                        <button class="vote-btn-enhanced w-100" 
                                                                onclick="reportWithCategory('Search Problems', 'Search Problems')"
                                                                title="Search Problems">
                                                            <div class="d-flex align-items-center justify-content-between">
                                                                <span class="small">
                                                                    <i class="bi bi-exclamation-triangle me-2"></i>Search Problems                                                                </span>
                                                                <i class="bi bi-arrow-right text-muted small"></i>
                                                            </div>
                                                        </button>
                                                    </div>
                                                                                                    <div class="col-6">
                                                        <button class="vote-btn-enhanced w-100" 
                                                                onclick="reportWithCategory('General Issues', 'General Issues')"
                                                                title="General Issues">
                                                            <div class="d-flex align-items-center justify-content-between">
                                                                <span class="small">
                                                                    <i class="bi bi-exclamation-triangle me-2"></i>General Issues                                                                </span>
                                                                <i class="bi bi-arrow-right text-muted small"></i>
                                                            </div>
                                                        </button>
                                                    </div>
                                                                                                                                    </div>


                                        
                                        <!-- Recent Votes Section -->
                                        <div class="mt-4 pt-3 border-top">
                                            <div id="voting-card-recent-votes">
                                                <div class="text-center py-3">
                                                    <div class="spinner-border spinner-border-sm text-primary" role="status">
                                                        <span class="visually-hidden">Loading...</span>
                                                </div>
                                                    <p class="text-muted mt-2 small">Loading recent votes...</p>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        

				 <!-- Start::row-2 -->
                <div class="row">
                    <div class="col-xxl-6">
                        <div class="card custom-card">
                            <div class="card-header justify-content-between flex-wrap pb-1">
                                <div class="card-title">
                                    Activity Timeline
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="timeline container" id="recent-checks-activity">
                                                                        <div class="row">
                                        <div class="col-lg-12">
                                            <div class="timeline-container">
                                                <div class="timeline-end">
                                                    <span class="p-1 fs-11 bg-primary2 text-fixed-white backdrop-blur text-center border border-primary2 border-opacity-10 rounded-1 lh-1 fw-medium">
                                                        21 July 2025                                                    </span>
                                                </div>
                                                <div class="timeline-continue">
                                                                                    <div class="timeline-right">
                                                    <div class="timeline-content timeline-status-up">
                                                        <p class="timeline-date text-muted mb-2">
                                                            acum 1 oră, Monday                                                        </p>
                                                        <div class="timeline-box">
                                                            <div class="d-flex align-items-start gap-3">
                                                                <div>
                                                                    <span class="avatar avatar-lg bg-success-transparent">
                                                                        <i class="bi-check-circle text-success"></i>
                                                                    </span>
                                                                </div>
                                                                <div class="flex-fill">
                                                                    <h6 class="mb-1 fs-15 fw-medium text-dark">
                                                                                                                                                    Up                                                                                                                                                                                                                            - OK                                                                                                                                            </h6>
                                                                                                                                                                                                                <p class="mb-0 fs-11 text-muted mt-1">
                                                                            <i class="bi bi-info-circle me-1"></i>
                                                                            Both technical monitoring and user reports indicate the website is working normally.                                                                        </p>
                                                                                                                                        
                                                                                                                                    </div>
                                                                <div class="d-flex flex-column align-items-end gap-1">
                                                                    <span class="badge bg-primary2-transparent">
                                                                        0.584s                                                                    </span>
                                                                                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                                                    <div class="timeline-right">
                                                    <div class="timeline-content timeline-status-up">
                                                        <p class="timeline-date text-muted mb-2">
                                                            acum 1 oră, Monday                                                        </p>
                                                        <div class="timeline-box">
                                                            <div class="d-flex align-items-start gap-3">
                                                                <div>
                                                                    <span class="avatar avatar-lg bg-success-transparent">
                                                                        <i class="bi-check-circle text-success"></i>
                                                                    </span>
                                                                </div>
                                                                <div class="flex-fill">
                                                                    <h6 class="mb-1 fs-15 fw-medium text-dark">
                                                                                                                                                    Up                                                                                                                                                                                                                            - OK                                                                                                                                            </h6>
                                                                                                                                                                                                                <p class="mb-0 fs-11 text-muted mt-1">
                                                                            <i class="bi bi-info-circle me-1"></i>
                                                                            Both technical monitoring and user reports indicate the website is working normally.                                                                        </p>
                                                                                                                                        
                                                                                                                                    </div>
                                                                <div class="d-flex flex-column align-items-end gap-1">
                                                                    <span class="badge bg-primary2-transparent">
                                                                        0.770s                                                                    </span>
                                                                                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                                                    <div class="timeline-right">
                                                    <div class="timeline-content timeline-status-up">
                                                        <p class="timeline-date text-muted mb-2">
                                                            acum 2 ore, Monday                                                        </p>
                                                        <div class="timeline-box">
                                                            <div class="d-flex align-items-start gap-3">
                                                                <div>
                                                                    <span class="avatar avatar-lg bg-success-transparent">
                                                                        <i class="bi-check-circle text-success"></i>
                                                                    </span>
                                                                </div>
                                                                <div class="flex-fill">
                                                                    <h6 class="mb-1 fs-15 fw-medium text-dark">
                                                                                                                                                    Up                                                                                                                                                                                                                            - OK                                                                                                                                            </h6>
                                                                                                                                                                                                                <p class="mb-0 fs-11 text-muted mt-1">
                                                                            <i class="bi bi-info-circle me-1"></i>
                                                                            Both technical monitoring and user reports indicate the website is working normally.                                                                        </p>
                                                                                                                                        
                                                                                                                                    </div>
                                                                <div class="d-flex flex-column align-items-end gap-1">
                                                                    <span class="badge bg-primary2-transparent">
                                                                        0.424s                                                                    </span>
                                                                                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                                                    <div class="timeline-right">
                                                    <div class="timeline-content timeline-status-up">
                                                        <p class="timeline-date text-muted mb-2">
                                                            acum 3 ore, Monday                                                        </p>
                                                        <div class="timeline-box">
                                                            <div class="d-flex align-items-start gap-3">
                                                                <div>
                                                                    <span class="avatar avatar-lg bg-success-transparent">
                                                                        <i class="bi-check-circle text-success"></i>
                                                                    </span>
                                                                </div>
                                                                <div class="flex-fill">
                                                                    <h6 class="mb-1 fs-15 fw-medium text-dark">
                                                                                                                                                    Up                                                                                                                                                                                                                            - OK                                                                                                                                            </h6>
                                                                                                                                                                                                                <p class="mb-0 fs-11 text-muted mt-1">
                                                                            <i class="bi bi-info-circle me-1"></i>
                                                                            Both technical monitoring and user reports indicate the website is working normally.                                                                        </p>
                                                                                                                                        
                                                                                                                                    </div>
                                                                <div class="d-flex flex-column align-items-end gap-1">
                                                                    <span class="badge bg-primary2-transparent">
                                                                        0.597s                                                                    </span>
                                                                                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                                                    <div class="timeline-right">
                                                    <div class="timeline-content timeline-status-up">
                                                        <p class="timeline-date text-muted mb-2">
                                                            acum 4 ore, Monday                                                        </p>
                                                        <div class="timeline-box">
                                                            <div class="d-flex align-items-start gap-3">
                                                                <div>
                                                                    <span class="avatar avatar-lg bg-success-transparent">
                                                                        <i class="bi-check-circle text-success"></i>
                                                                    </span>
                                                                </div>
                                                                <div class="flex-fill">
                                                                    <h6 class="mb-1 fs-15 fw-medium text-dark">
                                                                                                                                                    Up                                                                                                                                                                                                                            - OK                                                                                                                                            </h6>
                                                                                                                                                                                                                <p class="mb-0 fs-11 text-muted mt-1">
                                                                            <i class="bi bi-info-circle me-1"></i>
                                                                            Both technical monitoring and user reports indicate the website is working normally.                                                                        </p>
                                                                                                                                        
                                                                                                                                    </div>
                                                                <div class="d-flex flex-column align-items-end gap-1">
                                                                    <span class="badge bg-primary2-transparent">
                                                                        0.523s                                                                    </span>
                                                                                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                                                    <div class="timeline-right">
                                                    <div class="timeline-content timeline-status-up">
                                                        <p class="timeline-date text-muted mb-2">
                                                            acum 5 ore, Monday                                                        </p>
                                                        <div class="timeline-box">
                                                            <div class="d-flex align-items-start gap-3">
                                                                <div>
                                                                    <span class="avatar avatar-lg bg-success-transparent">
                                                                        <i class="bi-check-circle text-success"></i>
                                                                    </span>
                                                                </div>
                                                                <div class="flex-fill">
                                                                    <h6 class="mb-1 fs-15 fw-medium text-dark">
                                                                                                                                                    Up                                                                                                                                                                                                                            - OK                                                                                                                                            </h6>
                                                                                                                                                                                                                <p class="mb-0 fs-11 text-muted mt-1">
                                                                            <i class="bi bi-info-circle me-1"></i>
                                                                            Both technical monitoring and user reports indicate the website is working normally.                                                                        </p>
                                                                                                                                        
                                                                                                                                    </div>
                                                                <div class="d-flex flex-column align-items-end gap-1">
                                                                    <span class="badge bg-primary2-transparent">
                                                                        0.499s                                                                    </span>
                                                                                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                                                    <div class="timeline-right">
                                                    <div class="timeline-content timeline-status-up">
                                                        <p class="timeline-date text-muted mb-2">
                                                            acum 6 ore, Monday                                                        </p>
                                                        <div class="timeline-box">
                                                            <div class="d-flex align-items-start gap-3">
                                                                <div>
                                                                    <span class="avatar avatar-lg bg-success-transparent">
                                                                        <i class="bi-check-circle text-success"></i>
                                                                    </span>
                                                                </div>
                                                                <div class="flex-fill">
                                                                    <h6 class="mb-1 fs-15 fw-medium text-dark">
                                                                                                                                                    Up                                                                                                                                                                                                                            - OK                                                                                                                                            </h6>
                                                                                                                                                                                                                <p class="mb-0 fs-11 text-muted mt-1">
                                                                            <i class="bi bi-info-circle me-1"></i>
                                                                            Both technical monitoring and user reports indicate the website is working normally.                                                                        </p>
                                                                                                                                        
                                                                                                                                    </div>
                                                                <div class="d-flex flex-column align-items-end gap-1">
                                                                    <span class="badge bg-primary2-transparent">
                                                                        0.447s                                                                    </span>
                                                                                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                                                    <div class="timeline-right">
                                                    <div class="timeline-content timeline-status-up">
                                                        <p class="timeline-date text-muted mb-2">
                                                            acum 7 ore, Monday                                                        </p>
                                                        <div class="timeline-box">
                                                            <div class="d-flex align-items-start gap-3">
                                                                <div>
                                                                    <span class="avatar avatar-lg bg-success-transparent">
                                                                        <i class="bi-check-circle text-success"></i>
                                                                    </span>
                                                                </div>
                                                                <div class="flex-fill">
                                                                    <h6 class="mb-1 fs-15 fw-medium text-dark">
                                                                                                                                                    Up                                                                                                                                                                                                                            - OK                                                                                                                                            </h6>
                                                                                                                                                                                                                <p class="mb-0 fs-11 text-muted mt-1">
                                                                            <i class="bi bi-info-circle me-1"></i>
                                                                            Both technical monitoring and user reports indicate the website is working normally.                                                                        </p>
                                                                                                                                        
                                                                                                                                    </div>
                                                                <div class="d-flex flex-column align-items-end gap-1">
                                                                    <span class="badge bg-primary2-transparent">
                                                                        0.518s                                                                    </span>
                                                                                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                                                    <div class="timeline-right">
                                                    <div class="timeline-content timeline-status-up">
                                                        <p class="timeline-date text-muted mb-2">
                                                            acum 8 ore, Monday                                                        </p>
                                                        <div class="timeline-box">
                                                            <div class="d-flex align-items-start gap-3">
                                                                <div>
                                                                    <span class="avatar avatar-lg bg-success-transparent">
                                                                        <i class="bi-check-circle text-success"></i>
                                                                    </span>
                                                                </div>
                                                                <div class="flex-fill">
                                                                    <h6 class="mb-1 fs-15 fw-medium text-dark">
                                                                                                                                                    Up                                                                                                                                                                                                                            - OK                                                                                                                                            </h6>
                                                                                                                                                                                                                <p class="mb-0 fs-11 text-muted mt-1">
                                                                            <i class="bi bi-info-circle me-1"></i>
                                                                            Both technical monitoring and user reports indicate the website is working normally.                                                                        </p>
                                                                                                                                        
                                                                                                                                    </div>
                                                                <div class="d-flex flex-column align-items-end gap-1">
                                                                    <span class="badge bg-primary2-transparent">
                                                                        0.575s                                                                    </span>
                                                                                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                                                    <div class="timeline-right">
                                                    <div class="timeline-content timeline-status-up">
                                                        <p class="timeline-date text-muted mb-2">
                                                            acum 9 ore, Monday                                                        </p>
                                                        <div class="timeline-box">
                                                            <div class="d-flex align-items-start gap-3">
                                                                <div>
                                                                    <span class="avatar avatar-lg bg-success-transparent">
                                                                        <i class="bi-check-circle text-success"></i>
                                                                    </span>
                                                                </div>
                                                                <div class="flex-fill">
                                                                    <h6 class="mb-1 fs-15 fw-medium text-dark">
                                                                                                                                                    Up                                                                                                                                                                                                                            - OK                                                                                                                                            </h6>
                                                                                                                                                                                                                <p class="mb-0 fs-11 text-muted mt-1">
                                                                            <i class="bi bi-info-circle me-1"></i>
                                                                            Both technical monitoring and user reports indicate the website is working normally.                                                                        </p>
                                                                                                                                        
                                                                                                                                    </div>
                                                                <div class="d-flex flex-column align-items-end gap-1">
                                                                    <span class="badge bg-primary2-transparent">
                                                                        0.520s                                                                    </span>
                                                                                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                    </div>                                </div>
                            </div>
                                            </div>
                                                </div>
                                                </div>
												</div>
												</div>
                    <div class="col-xxl-6">                       
					<div class="card custom-card">
                            <div class="card-header justify-content-between flex-wrap pb-1">
                                <div class="card-title">
                                    Chart and Community comments
                                </div>
                            </div>
				<div class="card-body">
                <div class="status-card">
                    <!-- Chart Container -->
                    <div id="chart-container" class="mb-4">
                        <div class="text-center py-4">
                            <div class="spinner-border text-primary" role="status">
                                <span class="visually-hidden">Loading...</span>
                            </div>
                            <p class="text-muted mt-2">Loading chart data...</p>
                        </div>
                    </div>
                    
                    <!-- Status Summary -->
                    <div id="status-summary" class="row g-3 mb-4">
                        <div class="col-md-4">
                            <div class="text-center p-3 bg-light rounded-3">
                                <div class="mb-2">
                                    <i class="bi bi-graph-up text-primary" style="font-size: 1.5rem;"></i>
                                </div>
                                <h6 class="fw-bold text-primary mb-1" id="total-reports">0</h6>
                                <small class="text-muted">Total Reports (24h)</small>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="text-center p-3 bg-light rounded-3">
                                <div class="mb-2">
                                    <i class="bi bi-exclamation-triangle text-danger" style="font-size: 1.5rem;"></i>
                                </div>
                                <h6 class="fw-bold text-danger mb-1" id="down-reports">0</h6>
                                <small class="text-muted">Issue Reports</small>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="text-center p-3 bg-light rounded-3">
                                <div class="mb-2">
                                    <i class="bi bi-speedometer2 text-warning" style="font-size: 1.5rem;"></i>
                                </div>
                                <h6 class="fw-bold text-warning mb-1" id="avg-reports">0</h6>
                                <small class="text-muted">Avg/Hour</small>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Community Comments Section -->
                    <div class="d-flex flex-column flex-lg-row gap-4 align-items-stretch mb-4">
                        <!-- Community Comments Section -->
                        <div class="flex-grow-1 w-100 p-2 bg-white rounded-3 border shadow-sm compact-comments">
                            <!-- Comment Form -->
                            <div class="comment-form mb-2">
                                <form id="comment-form" class="needs-validation" novalidate>
                                    <div class="mb-2">
                                        <input 
                                            type="text" 
                                            class="form-control form-control-sm mb-2" 
                                            id="comment-name" 
                                            name="comment-name" 
                                            maxlength="40" 
                                            autocomplete="name" 
                                            placeholder="Numele tău (opțional)">
                                        <!-- Emoji Reactions moved above textarea -->
                                    <div class="emoji-reactions mb-2">
                                        <div class="emoji-container">
                                            <!-- Negative emotions for website issues -->
                                            <button type="button" class="emoji-btn" onclick="insertEmoji('😤')" title="Frustrated">😤</button>
                                            <button type="button" class="emoji-btn" onclick="insertEmoji('😡')" title="Angry">😡</button>
                                            <button type="button" class="emoji-btn" onclick="insertEmoji('😰')" title="Anxious">😰</button>
                                            <button type="button" class="emoji-btn" onclick="insertEmoji('😭')" title="Crying">😭</button>
                                            <button type="button" class="emoji-btn" onclick="insertEmoji('😩')" title="Tired">😩</button>
                                            <button type="button" class="emoji-btn" onclick="insertEmoji('😫')" title="Exhausted">😫</button>
                                            <button type="button" class="emoji-btn" onclick="insertEmoji('😵')" title="Dizzy">😵</button>
                                            <button type="button" class="emoji-btn" onclick="insertEmoji('🤬')" title="Cursing">🤬</button>
                                            <button type="button" class="emoji-btn" onclick="insertEmoji('😱')" title="Screaming">😱</button>
                                            <button type="button" class="emoji-btn" onclick="insertEmoji('😨')" title="Fearful">😨</button>
                                            <!-- Happy emoji for when website is working -->
                                            <button type="button" class="emoji-btn" onclick="insertEmoji('😊')" title="Happy">😊</button>
                                        </div>
                                        </div>
                                        <textarea 
                                            class="form-control form-control-sm" 
                                            id="comment-text" 
                                            rows="2" 
                                            placeholder="Împărtășește-ți experiența cu orbitz.com..." 
                                            maxlength="500"
                                            required
                                        ></textarea>
                                    </div>
                                    
                                    <!-- reCAPTCHA v3 Protection -->
                                    <input type="hidden" id="recaptcha-token" name="recaptcha_token">
                                    <button type="submit" class="btn btn-primary btn-sm w-100" id="submit-comment">
                                        <i class="bi bi-send me-2"></i>
                                        Postează Comentariu                                    </button>
                                </form>
                            </div>
                            <!-- Comments List -->
                            <div id="comments-container">
                                <div class="text-center py-2">
                                    <div class="spinner-border spinner-border-sm text-primary" role="status">
                                        <span class="visually-hidden">Loading...</span>
                                    </div>
                                    <span class="text-muted ms-2">Se încarcă comentariile...</span>
                                </div>
                            </div>
                            <!-- Comments Pagination -->
                            <div id="comments-pagination"></div>
                        </div>
                    </div>
                    
                </div>
                    </div>
                </div>
				</div>
                <!--End::row-2 -->
			
            <!-- Uptime Statistics -->
                        <section class="mb-5">
                <h2 class="section-title ms-3"><i class="bi bi-clipboard-data text-primary"></i> Activitate 24 Ore</h2>
                <div class="row">
                    <div class="col-md-3">
                        <div class="status-card text-center">
                            <h3 class="fw-bold text-primary">100.00%</h3>
                            <p class="text-muted mb-0">30-Day Uptime</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="status-card text-center">
                            <h3 class="fw-bold text-success">100.00%</h3>
                            <p class="text-muted mb-0">7-Day Uptime</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="status-card text-center">
                            <h3 class="fw-bold text-info">554ms</h3>
                            <p class="text-muted mb-0">Avg Response</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="status-card text-center">
                            <h3 class="fw-bold text-warning">1845</h3>
                            <p class="text-muted mb-0">Total Checks</p>
                        </div>
                    </div>
                </div>
            </section>
            

        </div>
    </div>

    <!-- AI Website Summary Section -->
    <section class="mb-5" id="summary-section">
        <div class="container">
            <div class="row g-4">
                <!-- AI Summary Column -->
                <div class="col-lg-12">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-header bg-white border-bottom">
                            <h5 class="mb-0">
                                <i class="bi bi-robot text-info me-2"></i>
                                AI Generated Summary
                            </h5>
                        </div>
                        <div class="card-body p-0">
                            <div id="summary-container" class="website-summary-container">
                                <!-- Summary will be loaded here via JavaScript -->
                            </div>
                        </div>
                </div>
            </div>


            </div>
        </div>
    </section>

            <div class="row g-4">	
<div class="col-xl-6">
    <div class="card custom-card">
        <div class="card-body p-4">
            <div class="d-flex align-items-center justify-content-between mb-3">
                <p class="h5 fw-semibold mb-0">Flashscore.com: Real-Time Sports Scores and Live Results</p>
                <span class="badge bg-success">Sports</span>
            </div>
            <div class="d-sm-flex align-items-center mb-3">
                <div class="d-flex align-items-center flex-fill">
                    <span class="avatar avatar-sm avatar-rounded me-3">
                        <img src="../assets/images/faces/12.jpg" alt="Author">
                    </span>
                    <div>
                        <p class="mb-0 fw-medium">Livesport Editorial</p>
                        <div class="fs-12 text-muted fw-normal">
                            <i class="ri-calendar-fill me-2 align-middle lh-1 text-primary1"></i>21 Jul 2025 - 11:30
                        </div>
                    </div>
                </div>
                <div class="btn-list mt-sm-0 mt-2">
                    <button class="btn btn-sm btn-primary2-light btn-wave waves-effect waves-light"><i class="ri-thumb-up-line"></i> Like</button>
                    <button class="btn btn-sm btn-primary3-light btn-wave waves-effect waves-light"><i class="ri-share-line"></i> Share</button>
                    <button class="btn btn-sm btn-info-light btn-wave waves-effect waves-light"><i class="ri-message-square-line"></i> Comment</button>
                </div>
            </div>

            <p class="mb-4">
                Founded in 2006 by Martin Hájek and operated by Livesport Ltd. in the Czech Republic, 
                <strong>Flashscore.com</strong> delivers real-time sports results for over 6,000 competitions across 30+ sports. 
                It supports over 100 countries and 40+ languages, offering live commentary, stats, league standings, and personalized tracking.
            </p>

            <p class="mb-4">
                The domain <code>flashscore.com</code> was registered on <strong>June 14, 2006</strong> and is managed under CSC Corporate Domains, Inc. 
                It's hosted on robust infrastructure by Livesport to ensure lightning-fast updates during peak traffic moments like World Cups and Grand Slams.
            </p>

            <blockquote class="blockquote custom-blockquote primary mb-4 text-center">
                <h6 class="lh-base">“Flashscore handles up to 100,000 real-time updates per minute during major events.”</h6>
                <footer class="blockquote-footer mt-3 text-primary1 mb-0">From <cite title="Source Title">Livesport Infrastructure Report</cite></footer>
                <span class="quote-icon"><i class="ri-double-quotes-l"></i></span>
            </blockquote>

            <h6 class="fw-semibold mt-4 mb-2">Key Features:</h6>
            <ul>
                <li>Live Score Updates – Instant results for 30+ sports globally</li>
                <li>Match Commentary – Real-time text updates for key matches</li>
                <li>Stats & Standings – Team and player performance insights</li>
                <li>Favorites Tracker – Follow specific teams and events</li>
                <li>Push Notifications – Real-time alerts for goals, sets, or match starts</li>
                <li>Multi-Sport Coverage – From football and tennis to darts and snooker</li>
                <li>Mobile App – iOS & Android support with full functionality</li>
            </ul>

            <h6 class="fw-semibold mt-4 mb-2">How to Check if Flashscore.com is Down:</h6>
            <ol>
                <li>Visit <a href="https://thisisdown.com/is-flashscore.com-down" target="_blank">thisisdown.com</a> for uptime stats</li>
                <li>Run <code>ping flashscore.com</code> or <code>traceroute flashscore.com</code> in your Terminal</li>
                <li>Check <a href="https://twitter.com/FlashscoreCom" target="_blank">@FlashscoreCom</a> on Twitter for announcements</li>
            </ol>

            <h6 class="fw-semibold mt-4 mb-2">Quick Troubleshooting Tips:</h6>
            <ol>
                <li>Clear browser cache and cookies</li>
                <li>Try incognito/private browsing mode</li>
                <li>Restart your router or modem</li>
                <li>Switch to another internet connection</li>
                <li>Use a different browser or device</li>
            </ol>

            <h6 class="fw-semibold mt-4 mb-2">Fun Facts:</h6>
            <ul>
                <li>The Flashscore domain was registered in June 2006</li>
                <li>Localized in 40+ country domains (e.g., flashscore.co.uk, flashscore.ro)</li>
                <li>Served over 1 billion pageviews during UEFA Euro 2024</li>
            </ul>

            <p class="mb-0">
                Flashscore continues to lead the way in fast, reliable sports results delivery. With robust uptime and data accuracy, 
                it's the ultimate live score companion for sports fans around the world.
            </p>
        </div>
    </div>
</div>

<div class="col-xl-6">
    <div class="card custom-card">
        <div class="card-body p-4">
            <div class="d-flex align-items-center justify-content-between mb-3">
                <p class="h5 fw-semibold mb-0">Outrages around the world</p>
                <span class="badge bg-success">Outrages</span>
            </div>
           
        </div>
    </div>
</div>
	</div>
	<!-- Footer Start -->
<footer class="footer mt-auto py-3 bg-white text-center">
    <div class="container">
        <span class="text-muted"> Copyright © <span id="year"></span> <a
                href="https://thisisdown.com" class="text-dark fw-medium">ThisIsDown.com</a> -
            <span class="text-success">Powered <i class="bi bi-plug"></i></span> by <span class="text-dark fw-medium"><a href="https://uptimus.net">
                Uptimus Network</span>
            </a> - All
            rights
            reserved.
        </span>
    </div>
</footer>
<!-- Footer End -->

<script>
// Exemplu: Încarcă imaginile doar când devin vizibile
document.addEventListener("DOMContentLoaded", function() {
  const lazyImages = [].slice.call(document.querySelectorAll("img.lazy-load"));
  
  if ("IntersectionObserver" in window) {
    let lazyImageObserver = new IntersectionObserver(function(entries) {
      entries.forEach(function(entry) {
        if (entry.isIntersecting) {
          let lazyImage = entry.target;
          lazyImage.src = lazyImage.dataset.src;
          lazyImageObserver.unobserve(lazyImage);
        }
      });
    });

    lazyImages.forEach(function(lazyImage) {
      lazyImageObserver.observe(lazyImage);
    });
  }
});
</script>
    <script>
        // Pass translations to JavaScript
        const translations = {
            check: {"title":"%s este \u00een jos?","subtitle":"Verificare status \u00een timp real cu rapoarte comunitare \u0219i analize profesionale","back_to_home":"\u00cenapoi la Acas\u0103","meta":{"title":"%s este \u00een jos? Verificare Status \u00een Timp Real - ThisIsDown.com","description":"Verific\u0103 dac\u0103 %s este \u00een jos sau \u00eent\u00e2lne\u0219te probleme. Monitorizare status \u00een timp real cu rapoarte comunitare \u0219i analize profesionale. Status actual: %s.","keywords":"este %s \u00een jos, %s status, %s \u00eentrerupere, %s probleme, monitorizare website","og_title":"%s este \u00een jos? Verificare Status \u00een Timp Real","og_description":"Verific\u0103 dac\u0103 %s este \u00een jos sau \u00eent\u00e2lne\u0219te probleme. Monitorizare status \u00een timp real cu rapoarte comunitare. Status actual: %s.","twitter_title":"%s este \u00een jos?","twitter_description":"Verific\u0103 dac\u0103 %s este \u00een jos sau \u00eent\u00e2lne\u0219te probleme. Monitorizare status \u00een timp real."},"recheck_now":"Verific\u0103 Din Nou","view_services":"Vezi Serviciile","sub_services":{"title":"Servicii & Sub-Servicii","view_all":"Vezi Toate Serviciile"},"wait":"A\u0219teapt\u0103","status":{"experiencing_issues":"\u00eent\u00e2mpin\u0103 probleme \u26a0\ufe0f","partially_working":"func\u021bioneaz\u0103 par\u021bial \ud83d\udd04","working_fine":"func\u021bioneaz\u0103 bine \ud83c\udf89","is_down":"este \u00een jos \ud83d\ude14","issue_reports":"rapoarte de probleme \u00een 60m","recovery_indicator":"\ud83d\udcc8 Rapoartele de probleme scad - serviciul se poate recupera"},"metrics":{"response_time":"Timp de r\u0103spuns","last_checked":"Ultima verificare"},"status_info":{"title":"Informa\u021bii Status","technical_monitoring":"Monitorizarea tehnic\u0103 arat\u0103 c\u0103 serverul r\u0103spunde normal. Rapoartele utilizatorilor sunt minime sau \u00een sc\u0103dere.","degraded_performance":"Serverul r\u0103spunde tehnic, dar mai mul\u021bi utilizatori raporteaz\u0103 probleme semnificative. Aceasta sugereaz\u0103 probleme de performan\u021b\u0103 sau \u00eentreruperi par\u021biale.","mixed_signals":"Semnale mixte detectate. Unii utilizatori raporteaz\u0103 probleme \u00een timp ce al\u021bii pot func\u021biona bine. Aceasta ar putea indica probleme regionale sau probleme intermittente.","server_issues":"Problemele de server confirmate at\u00e2t de monitorizarea tehnic\u0103 c\u00e2t \u0219i de rapoartele utilizatorilor. Mai mul\u021bi utilizatori \u00eent\u00e2lnesc probleme.","status_messages":{"up":"Website-ul este online \u0219i r\u0103spunde normal","degraded":"Website-ul \u00eent\u00e2lne\u0219te probleme de performan\u021b\u0103 dar poate fi \u00eenc\u0103 par\u021bial func\u021bional","partial":"Website-ul func\u021bioneaz\u0103 par\u021bial cu unele probleme raportate","down":"Website-ul este \u00een prezent offline sau \u00eent\u00e2lne\u0219te probleme"}},"notes":{"up":"Not\u0103: Statusul combin\u0103 monitorizarea tehnic\u0103 cu rapoartele de probleme ale utilizatorilor (ferestre de 60 de minute)","degraded":"Not\u0103: Serverul r\u0103spunde dar utilizatorii raporteaz\u0103 probleme semnificative","partial":"Not\u0103: Status mixt - unii utilizatori \u00eent\u00e2mpin\u0103 probleme","down":"Not\u0103: Probleme de server detectate \u0219i confirmate de rapoartele utilizatorilor"},"voting":{"title":"Ce probleme \u00eent\u00e2mpini?","subtitle":"Ajut\u0103 pe al\u021bii raport\u00e2nd statusul actual","up_vote":"Func\u021bioneaz\u0103 Bine","down_vote":"Are Probleme","vote_success":"Vot \u00eenregistrat cu succes!","vote_error":"Eroare la \u00eenregistrarea votului. \u00cencearc\u0103 din nou.","already_voted":"Ai votat deja pentru acest website"},"rating":{"title":"Evalueaz\u0103 acest website","subtitle":"Cum \u00ee\u021bi evaluezi experien\u021ba cu acest website?","select_rating":"Selecteaz\u0103 o evaluare","poor":"Slab","fair":"Acceptabil","good":"Bun","very_good":"Foarte Bun","excellent":"Excelent","submitting":"Se trimite...","thank_you":"Mul\u021bumim pentru evaluare!","error":"Eroare la trimiterea evalu\u0103rii","average":"medie","votes":"voturi"},"sections":{"status_history":{"title":"Activitate 24 Ore","subtitle":"Graficul de mai jos arat\u0103 rapoartele de \u00eentrerupere de la al\u021bi utilizatori \u00een ultimele 24 de ore. Determin\u0103m dac\u0103 %s este \u00een jos sau are probleme dac\u0103 num\u0103rul actual de rapoarte de utilizatori dep\u0103\u0219e\u0219te cantitatea normal\u0103 de rapoarte pe care le primim de obicei pentru %s \u00een acel timp.","chart":{"issue_reports":"Rapoarte de probleme","response_time":"Timp de r\u0103spuns (ms)","average_label":"Medie: %s rapoarte\/or\u0103","breakdown":"Detaliere:","status_normal":"Activitate normal\u0103","status_increased":"Activitate crescut\u0103","status_issues":"Probleme poten\u021biale detectate"}},"community_reports":{"title":"Rapoarte Comunitare","subtitle":"Rapoartele \u0219i comentariile utilizatorilor despre acest website","no_reports":"\u00cenc\u0103 nu sunt rapoarte de probleme","be_first":"Fii primul care raporteaz\u0103 o problem\u0103!","loading":"Se \u00eencarc\u0103 rapoartele comunitare...","error":"Eroare la \u00eenc\u0103rcarea rapoartelor comunitare","reported_problem":"a raportat o problem\u0103 cu","showing_results":"Se afi\u0219eaz\u0103 %d p\u00e2n\u0103 la %d din %d rapoarte"},"comments":{"title":"Comentarii Comunitare","placeholder":"\u00cemp\u0103rt\u0103\u0219e\u0219te-\u021bi experien\u021ba cu %s...","name_placeholder":"Numele t\u0103u (op\u021bional)","post_comment":"Posteaz\u0103 Comentariu","posting":"Se posteaz\u0103...","loading":"Se \u00eencarc\u0103 comentariile...","no_comments":"\u00cenc\u0103 nu sunt comentarii","be_first_comment":"Fii primul care \u00eemp\u0103rt\u0103\u0219e\u0219te-\u021bi experien\u021ba!","error_loading":"Eroare la \u00eenc\u0103rcarea comentariilor","comment_success":"Comentariu postat cu succes!","comment_error":"Eroare la postarea comentariului","recaptcha_error":"Eroare cu verificarea de securitate","please_enter_comment":"Te rog s\u0103 introduci un comentariu","char_count":"\/500 caractere","showing_results":"Se afi\u0219eaz\u0103 %d p\u00e2n\u0103 la %d din %d comentarii"},"similar_websites":{"title":"Website-uri Similare","subtitle":"Alte website-uri din aceea\u0219i categorie","no_similar":"Nu s-au g\u0103sit website-uri similare","browse_categories":"R\u0103sfoie\u0219te Toate Categoriile"},"recent_checks":{"title":"Website-uri verificate recent","subtitle":"Alte website-uri verificate \u00een ultimele 24 de ore","no_checks":"Nu s-au g\u0103sit verific\u0103ri recente","loading_error":"Eroare la \u00eenc\u0103rcarea verific\u0103rilor recente"},"popular_searches":{"title":"C\u0103ut\u0103ri populare","subtitle":"Cele mai verificate website-uri s\u0103pt\u0103m\u00e2na aceasta","no_searches":"Nu s-au g\u0103sit c\u0103ut\u0103ri populare","loading_error":"Eroare la \u00eenc\u0103rcarea c\u0103ut\u0103rilor populare"},"social_sharing":{"title":"\u00cemp\u0103rt\u0103\u0219e\u0219te acest status","share_text":"Verific\u0103 dac\u0103 %s este \u00een jos sau func\u021bioneaz\u0103 bine"}},"buttons":{"check_another":"Verific\u0103 alt site","view_history":"Vezi istoricul","check_now":"Verific\u0103 acum","view_details":"Vezi detaliile","share_report":"\u00cemp\u0103rt\u0103\u0219e\u0219te acest raport","show_more":"Arat\u0103 mai multe","show_less":"Arat\u0103 mai pu\u021bine","more_items":"mai multe"},"javascript":{"loading_chart":"Se \u00eencarc\u0103 datele graficului...","no_chart_data":"\u00cenc\u0103 nu sunt date disponibile pentru grafic","error_chart":"Eroare la \u00eenc\u0103rcarea datelor graficului","no_votes_yet":"\u00cenc\u0103 Nu Sunt Voturi","voting_options":{"login_issues":"Probleme de conectare","transaction_failed":"Tranzac\u021bie e\u0219uat\u0103","app_not_working":"Aplica\u021bia nu func\u021bioneaz\u0103","security_alerts":"Alerte de securitate","customer_service":"Serviciu clien\u021bi","website_slow":"Website \u00eencet","general_issues":"Probleme generale","video_problems":"Probleme video","buffering_issues":"Probleme de buffer","quality_problems":"Probleme de calitate","audio_issues":"Probleme audio","login_problems":"Probleme de conectare","app_crashes":"Aplica\u021bia se \u00eenchide","slow_loading":"\u00cenc\u0103rcare \u00eencet\u0103","model_not_responding":"Modelul nu r\u0103spunde","slow_processing":"Procesare \u00eencet\u0103","api_errors":"Erori API","memory_issues":"Probleme de memorie","generation_failed":"Generarea a e\u0219uat","checkout_problems":"Probleme la finalizare","payment_issues":"Probleme de plat\u0103","product_search":"C\u0103utare produse","cart_problems":"Probleme co\u0219","order_tracking":"Urm\u0103rire comand\u0103","audio_not_playing":"Audio nu func\u021bioneaz\u0103","streaming_issues":"Probleme de streaming","playlist_problems":"Probleme playlist","quality_issues":"Probleme de calitate","feed_not_loading":"Feed nu se \u00eencarc\u0103","upload_problems":"Probleme de \u00eenc\u0103rcare","messaging_problems":"Probleme de mesaje","slow_performance":"Performan\u021b\u0103 \u00eencet\u0103","game_wont_launch":"Jocul nu se lanseaz\u0103","connection_issues":"Probleme de conexiune","server_problems":"Probleme de server","performance_issues":"Probleme de performan\u021b\u0103","download_issues":"Probleme de desc\u0103rcare","cannot_send_email":"Nu pot trimite email","cannot_receive_email":"Nu pot primi email","spam_problems":"Probleme spam","attachment_issues":"Probleme ata\u0219amente","sync_problems":"Probleme de sincronizare","transfer_problems":"Probleme de transfer","website_down":"Website \u00eenchis","server_issues":"Probleme de server","database_issues":"Probleme de baz\u0103 de date","ssl_problems":"Probleme SSL","backup_issues":"Probleme de backup","trading_problems":"Probleme de trading","asset_loading":"\u00cenc\u0103rcare active","wallet_issues":"Probleme de wallet","transaction_delays":"\u00cent\u00e2rzieri tranzac\u021bii","api_problems":"Probleme API","search_not_working":"C\u0103utarea nu func\u021bioneaz\u0103","results_not_loading":"Rezultatele nu se \u00eencarc\u0103","image_search":"C\u0103utare imagini","order_problems":"Probleme de comand\u0103","tracking_issues":"Probleme de urm\u0103rire","restaurant_issues":"Probleme restaurant","matching_problems":"Probleme de potrivire","profile_issues":"Probleme de profil","price_updates":"Actualiz\u0103ri pre\u021b","chart_problems":"Probleme de grafic","order_issues":"Probleme de comand\u0103","device_issues":"Probleme de dispozitiv","software_problems":"Probleme de software","app_store":"Magazin de aplica\u021bii","appointment_issues":"Probleme de programare","medical_records":"\u00cenregistr\u0103ri medicale","prescription_issues":"Probleme de prescrip\u021bie"},"pie_chart":{"no_votes_yet":"\u00cenc\u0103 nu sunt voturi"},"thank_you_report":"Mul\u021bumim pentru raportul t\u0103u!","contribution_helps":"Contribu\u021bia ta ajut\u0103 comunitatea s\u0103 fie informat\u0103 despre problemele website-urilor.","vote_cooldown":"Cooldown vot activ","submit_another_in":"Po\u021bi trimite alt raport \u00een","useful_tips":"Sfaturi utile \u00een timp ce a\u0219tep\u021bi","monitor_chart":"Monitorizeaz\u0103 graficul","monitor_chart_desc":"Urm\u0103re\u0219te graficul \u00een timp real de mai sus pentru a vedea cum afecteaz\u0103 raportul t\u0103u statusul general.","community_reports":"Rapoarte comunitare","community_reports_desc":"Verific\u0103 sec\u021biunea de rapoarte comunitare pentru a vedea ce \u00eent\u00e2lnesc al\u021bii.","share_page":"\u00cemp\u0103rt\u0103\u0219e\u0219te aceast\u0103 pagin\u0103","share_page_desc":"Ajut\u0103 pe al\u021bii \u00eemp\u0103rt\u0103\u0219ind aceast\u0103 pagin\u0103 de status cu prietenii \u0219i colegii.","bookmark_later":"Marcheaz\u0103 pentru mai t\u00e2rziu","bookmark_later_desc":"Salveaz\u0103 aceast\u0103 pagin\u0103 pentru a verifica rapid statusul din nou mai t\u00e2rziu.","refresh_page":"Re\u00eemprosp\u0103teaz\u0103 pagina","success":"Succes!","notice":"Notificare","error_performing_check":"Eroare la efectuarea verific\u0103rii: ","error_performing_check_generic":"Eroare la efectuarea verific\u0103rii. \u00cencearc\u0103 din nou.","wait":"A\u0219teapt\u0103","checking":"Se verific\u0103...","just_now":"Chiar acum","online":"Online","offline":"Offline","message_copied":"Mesaj copiat \u00een clipboard! Acum \u00eel po\u021bi lipi \u00een Discord.","message_copied_slack":"Mesaj copiat \u00een clipboard! Acum \u00eel po\u021bi lipi \u00een Slack.","message_copied_teams":"Mesaj copiat \u00een clipboard! Acum \u00eel po\u021bi lipi \u00een Microsoft Teams.","failed_copy":"E\u0219ec la copierea mesajului \u00een clipboard","failed_copy_link":"E\u0219ec la copierea link-ului \u00een clipboard"}},
            share: {"title":"\u00cemp\u0103rt\u0103\u0219e\u0219te Acest Status","copy_link":"Copiaz\u0103 Link","copied":"Copiat!"}        };
        
        function recheckWebsite() {
            const domain = 'orbitz.com';
            const button = document.getElementById('recheck-btn');
            const originalText = `<i class="bi bi-arrow-clockwise me-2"></i>${translations.check.recheck_now || 'Recheck Now'}`;
            
            console.log('Recheck button clicked for domain:', domain);
            
            // Check if button is currently in cooldown
            const cooldownKey = 'recheck_cooldown_' + domain;
            const lastCheckTime = localStorage.getItem(cooldownKey);
            const currentTime = Date.now();
            const cooldownDuration = 10000; // 10 seconds in milliseconds
            
            if (lastCheckTime && (currentTime - parseInt(lastCheckTime)) < cooldownDuration) {
                // Still in cooldown, show remaining time
                const remainingTime = Math.ceil((cooldownDuration - (currentTime - parseInt(lastCheckTime))) / 1000);
                button.innerHTML = `<i class="bi bi-clock me-2"></i>Wait ${remainingTime}s`;
                button.disabled = true;
                console.log('Button in cooldown, remaining time:', remainingTime);
                return;
            }
            
            // Show loading state
            button.innerHTML = `<i class="bi bi-arrow-clockwise me-2"></i>${translations.check.javascript.checking || 'Checking...'}`;
            button.disabled = true;
            
            console.log('Sending recheck request to api/check.php');
            
            // Perform the check
            fetch('https://thisisdown.com/api/check.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({
                    url: domain,
                    manual_check: true
                })
            })
            .then(response => {
                console.log('Response status:', response.status);
                return response.json();
            })
            .then(data => {
                console.log('Recheck response:', data);
                if (data.success) {
                    // Update the status display immediately
                    updateStatusDisplay(data.data);
                    // Update the last check time with actual check data
                    updateLastCheckTime(data.data);
                    
                    // Start cooldown countdown
                    startCooldownCountdown(button, domain, cooldownDuration);
                    
                    console.log('Recheck completed successfully');
                } else {
                    console.error('Recheck failed:', data.error);
                    alert('Error performing check: ' + (data.error || 'Unknown error'));
                    button.innerHTML = originalText;
                    button.disabled = false;
                }
            })
            .catch(error => {
                console.error('Recheck error:', error);
                alert('Error performing check. Please try again.');
                button.innerHTML = originalText;
                button.disabled = false;
            });
        }
        
        function startCooldownCountdown(button, domain, cooldownDuration) {
            const cooldownKey = 'recheck_cooldown_' + domain;
            const startTime = Date.now();
            
            // Store the start time
            localStorage.setItem(cooldownKey, startTime.toString());
            
            // Start countdown
            const countdown = setInterval(() => {
                const currentTime = Date.now();
                const elapsed = currentTime - startTime;
                const remaining = cooldownDuration - elapsed;
                
                if (remaining <= 0) {
                    // Cooldown finished
                    clearInterval(countdown);
                    button.innerHTML = `<i class="bi bi-arrow-clockwise me-2"></i>${translations.check.recheck_now || 'Recheck Now'}`;
                    button.disabled = false;
                    localStorage.removeItem(cooldownKey);
                } else {
                    // Update countdown display
                    const remainingSeconds = Math.ceil(remaining / 1000);
                    button.innerHTML = `<i class="bi bi-clock me-2"></i>${translations.check.wait || 'Wait'} ${remainingSeconds}s`;
                    button.disabled = true;
                }
            }, 1000);
        }
        
        function updateStatusDisplay(checkData) {
            console.log('Updating status display with data:', checkData);
            
            // Use the status_display from the API response, fallback to status if not available
            const statusDisplay = checkData.status_display || checkData.status;
            let statusText = '';
            let statusColor = 'text-danger';
            let pulsatingClass = 'pulsating-red';
            
            if (statusDisplay === 'up') {
                statusText = translations.check.status.working_fine || 'is working fine🎉';
                statusColor = 'text-success';
                pulsatingClass = 'pulsating-green';
            } else if (statusDisplay === 'degraded') {
                statusText = translations.check.status.experiencing_issues || 'is experiencing issues ⚠️';
                statusColor = 'text-warning';
                pulsatingClass = 'pulsating-yellow';
            } else if (statusDisplay === 'partial') {
                statusText = translations.check.status.partially_working || 'is partially working 🔄';
                statusColor = 'text-info';
                pulsatingClass = 'pulsating-yellow';
            } else {
                statusText = translations.check.status.is_down || 'is down 😔';
                statusColor = 'text-danger';
                pulsatingClass = 'pulsating-red';
            }
            
            // Update status card classes
            const statusElements = document.querySelectorAll('.status-card');
            statusElements.forEach(element => {
                // Remove existing status classes
                element.className = element.className.replace(/status-(up|down|degraded|partial)/g, '');
                // Add new status class
                element.classList.add(`status-${statusDisplay}`);
            });
            
            // Update status text and pulsating circle
            const statusTextElements = document.querySelectorAll('.status-text');
            const pulsatingCircle = document.querySelector('.pulsating-circle');
            
            statusTextElements.forEach(element => {
                // Find the main status text element (the one with fs-1 class)
                if (element.classList.contains('fs-1')) {
                    element.className = `status-text ${statusColor} fw-semibold ms-2 fs-1`;
                    element.textContent = statusText;
                }
            });
            
            if (pulsatingCircle) {
                pulsatingCircle.className = `pulsating-circle ${pulsatingClass}`;
            }
            
            // Update response time using unique ID
            if (checkData.response_time > 0) {
                const responseTimeElement = document.getElementById('response-time-display');
                if (responseTimeElement) {
                    const seconds = (checkData.response_time / 1000).toFixed(3);
                    responseTimeElement.className = `fw-semibold ${statusColor}`;
                    responseTimeElement.textContent = `${seconds}s`;
                }
            }
            
            // Update last checked time using unique ID
            const lastCheckedElement = document.getElementById('last-checked-display');
            if (lastCheckedElement) {
                lastCheckedElement.className = `fw-semibold ${statusColor}`;
                lastCheckedElement.textContent = 'Just now';
            }
            
            // Update HTTP status if available
            if (checkData.http_code) {
                const httpStatusElements = document.querySelectorAll('.badge.bg-success, .badge.bg-danger, .badge.bg-warning');
                httpStatusElements.forEach(element => {
                    const statusClass = checkData.http_code >= 200 && checkData.http_code < 400 ? 'bg-success' : 
                                      checkData.http_code >= 400 && checkData.http_code < 500 ? 'bg-warning' : 'bg-danger';
                    element.className = `badge ${statusClass}`;
                    element.textContent = `${checkData.http_code} ${getHttpStatusText(checkData.http_code)}`;
                });
            }
            
            // Update enhanced status information section
            updateEnhancedStatusInfo(checkData, statusDisplay);
            
            // Update bulletproof status section
            updateBulletproofStatus(checkData, statusDisplay);
            
            // Update recheck button color based on status
            updateRecheckButtonColor(statusDisplay);
            
            // Update issue reports count if available
            if (checkData.intelligent_status && checkData.intelligent_status.issue_reports_60m > 0) {
                const issueReportsElements = document.querySelectorAll('.status-text.fs-6');
                issueReportsElements.forEach(element => {
                    if (element.textContent.includes('issue reports')) {
                        element.textContent = `(${checkData.intelligent_status.issue_reports_60m} issue reports in 60m)`;
                    }
                });
            }
            
            console.log('Status display updated successfully');
        }
        
        function updateEnhancedStatusInfo(checkData, statusDisplay) {
            // This function is now simplified since we only have the bulletproof section
            console.log('🔍 DEBUG: updateEnhancedStatusInfo called with statusDisplay:', statusDisplay);
            console.log('🔍 DEBUG: updateEnhancedStatusInfo completed');
        }
        

        
        // Function to update bulletproof status section
        function updateBulletproofStatus(checkData, statusDisplay) {
            const bulletproofElement = document.getElementById('bulletproof-status');
            const bulletproofText = document.getElementById('bulletproof-status-text');
            const bulletproofResponseTime = document.getElementById('bulletproof-response-time');
            const bulletproofLastChecked = document.getElementById('bulletproof-last-checked');
            
            if (bulletproofElement) {
                // Force visibility with inline styles
                bulletproofElement.setAttribute('style', 'display: block !important; opacity: 1 !important; visibility: visible !important; position: relative !important; z-index: 999999 !important; margin-top: 20px !important; background: linear-gradient(135deg, #d1ecf1 0%, #bee5eb 100%) !important; border: 1px solid #bee5eb !important; border-radius: 0.375rem !important; padding: 1rem !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;');
                
                // Update background color based on status
                let bgColor = 'linear-gradient(135deg, #d1ecf1 0%, #bee5eb 100%)';
                let borderColor = '#bee5eb';
                
                if (statusDisplay === 'up') {
                    bgColor = 'linear-gradient(135deg, #d1e7dd 0%, #badbcc 100%)';
                    borderColor = '#badbcc';
                } else if (statusDisplay === 'degraded') {
                    bgColor = 'linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%)';
                    borderColor = '#ffeaa7';
                } else if (statusDisplay === 'partial') {
                    bgColor = 'linear-gradient(135deg, #d1ecf1 0%, #bee5eb 100%)';
                    borderColor = '#bee5eb';
                } else {
                    bgColor = 'linear-gradient(135deg, #f8d7da 0%, #f5c2c7 100%)';
                    borderColor = '#f5c2c7';
                }
                
                bulletproofElement.style.background = bgColor + ' !important';
                bulletproofElement.style.borderColor = borderColor + ' !important';
            }
            
            if (bulletproofText) {
                let message = '';
                if (statusDisplay === 'up') {
                    message = 'Website is online and responding normally';
                } else if (statusDisplay === 'degraded') {
                    message = 'Website is experiencing performance issues but may still be partially functional';
                } else if (statusDisplay === 'partial') {
                    message = 'Website is partially working with some issues reported';
                } else {
                    message = 'Website is currently offline or experiencing issues';
                }
                bulletproofText.textContent = message;
            }
            
            // Update bulletproof response time
            if (bulletproofResponseTime && checkData.response_time > 0) {
                const seconds = (checkData.response_time / 1000).toFixed(3);
                bulletproofResponseTime.textContent = `${seconds}s`;
            }
            
            // Update bulletproof last checked time
            if (bulletproofLastChecked) {
                bulletproofLastChecked.textContent = 'Just now';
            }
        }
        
        // Function to update recheck button color based on status
        function updateRecheckButtonColor(statusDisplay) {
            const recheckButton = document.getElementById('recheck-btn');
            if (recheckButton) {
                // Remove existing button color classes
                recheckButton.classList.remove('btn-success', 'btn-warning', 'btn-info', 'btn-danger', 'btn-primary');
                
                // Add appropriate color class based on status
                if (statusDisplay === 'up') {
                    recheckButton.classList.add('btn-success');
                } else if (statusDisplay === 'degraded') {
                    recheckButton.classList.add('btn-warning');
                } else if (statusDisplay === 'partial') {
                    recheckButton.classList.add('btn-info');
                } else {
                    recheckButton.classList.add('btn-danger');
                }
            }
        }
        
        // Continuous enforcement for bulletproof section
        function enforceBulletproofVisibility() {
            const bulletproofElement = document.getElementById('bulletproof-status');
            
            if (bulletproofElement) {
                // Get current status to maintain correct colors
                const statusTextElement = document.querySelector('.status-text.fs-1');
                let currentStatus = 'down'; // Default
                
                if (statusTextElement) {
                    if (statusTextElement.classList.contains('text-success')) {
                        currentStatus = 'up';
                    } else if (statusTextElement.classList.contains('text-warning')) {
                        currentStatus = 'degraded';
                    } else if (statusTextElement.classList.contains('text-info')) {
                        currentStatus = 'partial';
                    }
                }
                
                // Set appropriate colors based on current status
                let bgColor = 'linear-gradient(135deg, #f8d7da 0%, #f5c2c7 100%)'; // Default red
                let borderColor = '#f5c2c7';
                
                if (currentStatus === 'up') {
                    bgColor = 'linear-gradient(135deg, #d1e7dd 0%, #badbcc 100%)';
                    borderColor = '#badbcc';
                } else if (currentStatus === 'degraded') {
                    bgColor = 'linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%)';
                    borderColor = '#ffeaa7';
                } else if (currentStatus === 'partial') {
                    bgColor = 'linear-gradient(135deg, #d1ecf1 0%, #bee5eb 100%)';
                    borderColor = '#bee5eb';
                } else {
                    bgColor = 'linear-gradient(135deg, #f8d7da 0%, #f5c2c7 100%)';
                    borderColor = '#f5c2c7';
                }
                
                // Force visibility with setAttribute to override any CSS
                bulletproofElement.setAttribute('style', `display: block !important; opacity: 1 !important; visibility: visible !important; position: relative !important; z-index: 999999 !important; margin-top: 20px !important; background: ${bgColor} !important; border: 1px solid ${borderColor} !important; border-radius: 0.375rem !important; padding: 1rem !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;`);
                
                // Also set individual styles as backup
                bulletproofElement.style.display = 'block';
                bulletproofElement.style.opacity = '1';
                bulletproofElement.style.visibility = 'visible';
                bulletproofElement.style.position = 'relative';
                bulletproofElement.style.zIndex = '999999';
            }
        }
        
        // Start bulletproof visibility enforcement
        setInterval(enforceBulletproofVisibility, 200);
        
        function updateLastCheckTime(checkData) {
            const checkTimeElement = document.getElementById('last-checked-display');
            if (checkTimeElement) {
                // Simply show "Just now" for immediate recheck
                checkTimeElement.textContent = 'Just now';
            }
        }
        
        function getHttpStatusText(code) {
            const statusCodes = {
                200: 'OK',
                301: 'Moved Permanently',
                302: 'Found',
                400: 'Bad Request',
                401: 'Unauthorized',
                403: 'Forbidden',
                404: 'Not Found',
                429: 'Too Many Requests',
                500: 'Internal Server Error',
                502: 'Bad Gateway',
                503: 'Service Unavailable',
                504: 'Gateway Timeout'
            };
            return statusCodes[code] || 'Unknown';
        }

        function shareStatus() {
            const status = 'Online';
            const text = `Is orbitz.com down? Current status: ${status}. Check at https://thisisdown.com/ro/nu-merge-orbitz.com`;
            
            if (navigator.share) {
                navigator.share({
                    title: 'Website Status',
                    text: text,
                    url: 'https://thisisdown.com/ro/nu-merge-orbitz.com'
                });
            } else {
                navigator.clipboard.writeText(text);
                alert('Status copied to clipboard!');
            }
        }

        // Initialize comment functionality
        document.addEventListener('DOMContentLoaded', function() {
            // Update recent check times with client-side formatting
            updateRecentCheckTimesEnhanced();
            
            // Display timezone information
            displayTimezoneInfo();
            
            // Set up interval to update times every minute
            setInterval(updateRecentCheckTimesEnhanced, 60000);
            
            // Initialize recent checks toggle functionality
            initializeRecentChecksToggle();
            
            // Existing functionality
            loadChartData();

            loadComments(1, false); // Don't scroll automatically
            
            // Comment form event listeners
            const commentTextarea = document.getElementById('comment-text');
            
            if (commentTextarea) {
                commentTextarea.addEventListener('input', updateCharCount);
            }

            // --- Recheck button cooldown on page load ---
            const domain = 'orbitz.com';
            const button = document.getElementById('recheck-btn');
            const cooldownKey = 'recheck_cooldown_' + domain;
            const lastCheckTime = localStorage.getItem(cooldownKey);
            const currentTime = Date.now();
            const cooldownDuration = 10000; // 10 seconds
            if (button && lastCheckTime && (currentTime - parseInt(lastCheckTime)) < cooldownDuration) {
                // Still in cooldown, start countdown
                startCooldownCountdown(button, domain, cooldownDuration - (currentTime - parseInt(lastCheckTime)));
            }
            
            // --- DEBUG: Monitor alert box visibility ---
            const alertBox = document.getElementById('independent-alert-box');
            if (alertBox) {
                console.log('🔍 DEBUG: Initial alert box state:', {
                    id: alertBox.id,
                    className: alertBox.className,
                    display: alertBox.style.display,
                    opacity: alertBox.style.opacity,
                    visibility: alertBox.style.visibility,
                    computedDisplay: window.getComputedStyle(alertBox).display,
                    computedOpacity: window.getComputedStyle(alertBox).opacity,
                    computedVisibility: window.getComputedStyle(alertBox).visibility
                });
                
                // Monitor for changes
                const observer = new MutationObserver(function(mutations) {
                    mutations.forEach(function(mutation) {
                        if (mutation.type === 'attributes' && 
                            (mutation.attributeName === 'style' || mutation.attributeName === 'class')) {
                            console.log('🔍 DEBUG: Alert box changed:', {
                                attribute: mutation.attributeName,
                                oldValue: mutation.oldValue,
                                newValue: alertBox.getAttribute(mutation.attributeName),
                                display: alertBox.style.display,
                                opacity: alertBox.style.opacity,
                                visibility: alertBox.style.visibility
                            });
                        }
                    });
                });
                
                observer.observe(alertBox, {
                    attributes: true,
                    attributeOldValue: true,
                    subtree: false
                });
                
                // Also monitor the parent container
                const independentStatusInfo = document.getElementById('independent-status-info');
                if (independentStatusInfo) {
                    const parentObserver = new MutationObserver(function(mutations) {
                        mutations.forEach(function(mutation) {
                            if (mutation.type === 'attributes' && 
                                (mutation.attributeName === 'style' || mutation.attributeName === 'class')) {
                                console.log('🔍 DEBUG: Independent status info container changed:', {
                                    attribute: mutation.attributeName,
                                    oldValue: mutation.oldValue,
                                    newValue: independentStatusInfo.getAttribute(mutation.attributeName),
                                    display: independentStatusInfo.style.display,
                                    opacity: independentStatusInfo.style.opacity,
                                    visibility: independentStatusInfo.style.visibility
                                });
                            }
                        });
                    });
                    
                    parentObserver.observe(independentStatusInfo, {
                        attributes: true,
                        attributeOldValue: true,
                        subtree: false
                    });
                }
            }
        });

        // Function to initialize recent checks toggle functionality
        function initializeRecentChecksToggle() {
            const toggleButton = document.getElementById('toggle-recent-checks');
            if (!toggleButton) return;

            toggleButton.addEventListener('click', function() {
                const hiddenRows = document.querySelectorAll('.recent-check-hidden');
                const isShowingMore = toggleButton.getAttribute('data-showing') === '5';
                
                if (isShowingMore) {
                    // Show all rows
                    hiddenRows.forEach(row => {
                        row.style.display = '';
                        row.classList.remove('recent-check-hidden');
                    });
                    
                    // Update button text
                    toggleButton.innerHTML = '<i class="bi bi-chevron-up me-1"></i>Arată mai puține';
                    toggleButton.setAttribute('data-showing', 'all');
                } else {
                    // Hide rows beyond the first 5
                    const allRows = document.querySelectorAll('#recent-checks-table tbody tr');
                    allRows.forEach((row, index) => {
                        if (index >= 5) {
                            row.style.display = 'none';
                            row.classList.add('recent-check-hidden');
                        }
                    });
                    
                    // Update button text
                    const totalChecks = parseInt(toggleButton.getAttribute('data-total'));
                    const remainingChecks = totalChecks - 5;
                    toggleButton.innerHTML = `<i class="bi bi-chevron-down me-1"></i>Arată mai multe (${remainingChecks} mai multe)`;
                    toggleButton.setAttribute('data-showing', '5');
                }
            });
        }

        // Function to update recent check times dynamically
        function updateRecentCheckTimes() {
            const checkTimeElements = document.querySelectorAll('.check-time');
            checkTimeElements.forEach(element => {
                const timestamp = element.getAttribute('data-timestamp');
                const timeSpan = element.querySelector('.time-ago');
                
                if (timestamp && timeSpan) {
                    try {
                        // Parse the time string - treat it as local time since it's already in the database
                        const utcDate = new Date(timestamp);
                        const now = new Date();
                        
                        // Calculate time difference in milliseconds
                        const diffMs = now.getTime() - utcDate.getTime();
                        const diffSeconds = Math.floor(diffMs / 1000);
                        const diffMinutes = Math.floor(diffSeconds / 60);
                        const diffHours = Math.floor(diffMinutes / 60);
                        const diffDays = Math.floor(diffHours / 24);
                        
                        // Format the time ago string with translations
                        let timeAgo;
                        if (diffSeconds < 60) {
                            timeAgo = 'chiar acum';
                        } else if (diffMinutes < 60) {
                            if (diffMinutes === 1) {
                                timeAgo = 'acum 1 minut';
                            } else {
                                timeAgo = 'acum %d minute'.replace('%d', diffMinutes);
                            }
                        } else if (diffHours < 24) {
                            if (diffHours === 1) {
                                timeAgo = 'acum 1 oră';
                            } else {
                                timeAgo = 'acum %d ore'.replace('%d', diffHours);
                            }
                        } else if (diffDays < 30) {
                            if (diffDays === 1) {
                                timeAgo = 'acum 1 zi';
                            } else {
                                timeAgo = 'acum %d zile'.replace('%d', diffDays);
                            }
                        } else {
                            timeAgo = utcDate.toLocaleDateString() + ' ' + utcDate.toLocaleTimeString();
                        }
                        
                        timeSpan.textContent = timeAgo;
                    } catch (error) {
                        console.error('Error updating check time:', error);
                    }
                }
            });
        }

        // ENHANCED: Client-side time formatting for recent checks with translations
        function formatTimeAgoClientSide(utcTimestamp) {
            try {
                // Parse UTC timestamp and convert to local time
                const utcDate = new Date(utcTimestamp + 'Z'); // Add Z to ensure UTC parsing
                const now = new Date();
                
                // Calculate time difference in milliseconds
                const diffMs = now.getTime() - utcDate.getTime();
                const diffSeconds = Math.floor(diffMs / 1000);
                const diffMinutes = Math.floor(diffSeconds / 60);
                const diffHours = Math.floor(diffMinutes / 60);
                const diffDays = Math.floor(diffHours / 24);
                
                // Format the time ago string with translations
                if (diffSeconds < 60) {
                    return 'chiar acum';
                } else if (diffMinutes < 60) {
                    if (diffMinutes === 1) {
                        return 'acum 1 minut';
                    } else {
                        return 'acum %d minute'.replace('%d', diffMinutes);
                    }
                } else if (diffHours < 24) {
                    if (diffHours === 1) {
                        return 'acum 1 oră';
                    } else {
                        const remainingMinutes = diffMinutes % 60;
                        if (remainingMinutes > 0) {
                            return 'acum %d ore'.replace('%d', diffHours) + ' ' + 
                                   'acum %d minute'.replace('%d', remainingMinutes);
                        } else {
                            return 'acum %d ore'.replace('%d', diffHours);
                        }
                    }
                } else if (diffDays < 30) {
                    if (diffDays === 1) {
                        return 'acum 1 zi';
                    } else {
                        return 'acum %d zile'.replace('%d', diffDays);
                    }
                } else {
                    // For older dates, show the actual date in local time
                    return utcDate.toLocaleDateString() + ' ' + utcDate.toLocaleTimeString([], {
                        hour: '2-digit',
                        minute: '2-digit'
                    });
                }
            } catch (error) {
                console.error('Error formatting time:', error);
                return 'Timp necunoscut';
            }
        }

        // ENHANCED: Update all recent check times with client-side formatting
        function updateRecentCheckTimesEnhanced() {
            const timeElements = document.querySelectorAll('.time-ago[data-utc]');
            timeElements.forEach(element => {
                const utcTimestamp = element.getAttribute('data-utc');
                if (utcTimestamp) {
                    const formattedTime = formatTimeAgoClientSide(utcTimestamp);
                    element.textContent = formattedTime;
                }
            });
        }

        function checkRecentVoteStatus() {
            const domain = 'orbitz.com';
            
            fetch(`https://thisisdown.com/api/vote.php?domain=${encodeURIComponent(domain)}&limit=1&check_recent=true`)
                .then(response => response.json())
                .then(data => {
                    if (data.success && data.recent_vote) {
                        // User has voted recently, disable all buttons
                        disableAllVotingButtons();
                    }
                })
                .catch(error => {
                    console.error('Error checking recent vote status:', error);
                });
        }

        function getTopIssues(timeline) {
            // Aggregate report_types from last 3 timeline points
            const recent = timeline.slice(-3);
            const issueCounts = {};
            recent.forEach(hour => {
                if (hour.report_types) {
                    for (const [type, count] of Object.entries(hour.report_types)) {
                        if (!issueCounts[type]) issueCounts[type] = 0;
                        issueCounts[type] += parseInt(count);
                    }
                }
            });
            // Sort by count desc, return top 3
            return Object.entries(issueCounts)
                .sort((a, b) => b[1] - a[1])
                .slice(0, 3)
                .map(([type, count]) => ({ type, count }));
        }

        function loadChartData() {
            const container = document.getElementById('chart-container');
            const domain = 'orbitz.com';
            
            // Show loading indicator
            container.innerHTML = `
                <div class="text-center py-4">
                    <div class="spinner-border text-primary" role="status">
                        <span class="visually-hidden">Loading...</span>
                    </div>
                    <p class="text-muted mt-2">Loading chart data...</p>
                </div>
            `;
            
            fetch(`https://thisisdown.com/api/chart_data.php?domain=${encodeURIComponent(domain)}&hours=24`)
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        displayChart(data.data);
                        updateStatusSummary(data.data);
                        // Status card is now rendered by PHP, no need to override
                    } else {
                        container.innerHTML = `
                            <div class="text-center py-4">
                                <i class="bi bi-graph-down text-muted" style="font-size: 3rem;"></i>
                                <p class="text-muted mt-2">No chart data available yet</p>
                            </div>
                        `;
                    }
                })
                .catch(error => {
                    console.error('Error loading chart data:', error);
                    container.innerHTML = `
                        <div class="text-center py-4">
                            <i class="bi bi-exclamation-triangle text-muted" style="font-size: 3rem;"></i>
                            <p class="text-muted mt-2">Error loading chart data</p>
                        </div>
                    `;
                });
        }

        function displayChart(chartData) {
            const container = document.getElementById('chart-container');
            const timeline = chartData.timeline;
            const baseline = chartData.baseline;
            const currentStatus = chartData.current_status;

            // Status indicator
            const statusClass = currentStatus.status === 'potential_issues' ? 'text-danger' : 
                                currentStatus.status === 'increased_activity' ? 'text-warning' : 'text-success';
            const statusIcon = currentStatus.status === 'potential_issues' ? 'bi-exclamation-triangle' : 
                                currentStatus.status === 'increased_activity' ? 'bi-arrow-up' : 'bi-check-circle';
            const statusText = currentStatus.status === 'potential_issues' ? 'Potential Issues Detected' : 
                                currentStatus.status === 'increased_activity' ? 'Increased Activity' : 'Normal Activity';

            // Convert UTC timestamps to local timezone
            const timelineWithLocalTime = timeline.map((hour, index) => {
                let localDisplayTime;
                
                if (hour.utc_timestamp) {
                    // Convert UTC timestamp to local time - FIXED LOGIC
                    const utcDate = new Date(hour.utc_timestamp + 'Z'); // Add Z to ensure UTC parsing
                    // Don't add timezone offset - let JavaScript handle it automatically
                    const localDate = new Date(utcDate);
                    
                    if (hour.is_current_hour) {
                        // For current hour, show exact time
                        localDisplayTime = localDate.toLocaleTimeString('en-US', { 
                            hour: '2-digit', 
                            minute: '2-digit',
                            hour12: false 
                        });
                    } else {
                        // For past hours, show relative time
                        const now = new Date();
                        const diffHours = Math.floor((now - localDate) / (1000 * 60 * 60));
                        if (diffHours === 1) {
                            localDisplayTime = 'acum 1 oră';
                        } else {
                            localDisplayTime = 'acum %d ore'.replace('%d', diffHours);
                        }
                    }
                } else {
                    // Fallback to original display_time if no UTC timestamp
                    localDisplayTime = hour.display_time;
                }
                
                return {
                    ...hour,
                    local_display_time: localDisplayTime
                };
            });

            // Prepare ApexCharts data for dual series
            const reportsData = timelineWithLocalTime.map(hour => hour.down_reports);
            const responseTimeData = timelineWithLocalTime.map(hour => hour.avg_response_time || 0);
            const chartLabels = timelineWithLocalTime.map(hour => hour.local_display_time);
            
            // Create color arrays based on data values
            const reportsColors = timelineWithLocalTime.map(hour => 
                hour.down_reports === 0 ? '#10b981' : '#dc3545'
            );
            const responseTimeColors = timelineWithLocalTime.map(hour => 
                hour.avg_response_time > 2000 ? '#dc3545' : '#10b981'
            );

            // Responsive: adjust data and chart options for small screens
            let responsiveDataLabels = true;
            let responsiveReportsData = reportsData;
            let responsiveResponseTimeData = responseTimeData;
            let responsiveChartLabels = chartLabels;
            let responsiveHeight = 260;
            if (window.innerWidth <= 500) {
                // Show only last 8 data points and hide data labels
                responsiveDataLabels = false;
                const sliceStart = Math.max(0, reportsData.length - 8);
                responsiveReportsData = reportsData.slice(sliceStart);
                responsiveResponseTimeData = responseTimeData.slice(sliceStart);
                responsiveChartLabels = chartLabels.slice(sliceStart);
                responsiveHeight = 220;
            }
            // Defensive translation access
            const chartTranslations = (translations.check.sections && translations.check.sections.status_history && translations.check.sections.status_history.chart) ? translations.check.sections.status_history.chart : {};
            // Status translation for chart
            let statusTextTranslated = statusText;
            if (currentStatus.status === 'potential_issues') {
                statusTextTranslated = chartTranslations.status_issues || 'Potential Issues Detected';
            } else if (currentStatus.status === 'increased_activity') {
                statusTextTranslated = chartTranslations.status_increased || 'Increased Activity';
            } else {
                statusTextTranslated = chartTranslations.status_normal || 'Normal Activity';
            }
            // Chart HTML
            let html = `<div class="chart-wrapper">
                <div class="d-flex justify-content-between align-items-center mb-3">
                    <div class="d-flex align-items-center">
                        <i class="bi ${statusIcon} ${statusClass} me-2 fs-5"></i>
                        <span class="fw-bold ${statusClass}">${statusTextTranslated}</span>
                    </div>
                </div>
                <div id="apex-chart" style="height: ${responsiveHeight}; width: 100%;"></div>
                <div class="text-center mt-2 text-muted" style="font-size: 0.8rem;">
                    <span>${chartTranslations.average_label ? chartTranslations.average_label.replace('%s', baseline.avg_hourly_reports) : ('Average: ' + baseline.avg_hourly_reports + ' reports/hour')}</span>
                </div>
            </div>`;
            container.innerHTML = html;

            // ApexCharts configuration
            const options = {
                series: [
                    {
                        name: chartTranslations.issue_reports || 'Issue Reports',
                        data: responsiveReportsData,
                        type: 'area',
                        dataLabels: { enabled: responsiveDataLabels }
                    },
                    {
                        name: chartTranslations.response_time || 'Response Time (ms)',
                        data: responsiveResponseTimeData,
                        type: 'area',
                        yAxisIndex: 1,
                        dataLabels: { enabled: false }
                    }
                ],
                chart: {
                    type: 'area',
                    height: responsiveHeight,
                    stacked: false,
                    toolbar: {
                        show: false
                    },
                    animations: {
                        enabled: true,
                        easing: 'easeinout',
                        speed: 800,
                        animateGradually: {
                            enabled: true,
                            delay: 150
                        },
                        dynamicAnimation: {
                            enabled: true,
                            speed: 350
                        }
                    }
                },
                colors: ['#dc3545', '#007bff'],
                fill: {
                    type: 'gradient',
                    gradient: {
                        shadeIntensity: 1,
                        opacityFrom: 0.7,
                        opacityTo: 0.2,
                        stops: [0, 90, 100]
                    }
                },
                stroke: {
                    curve: 'smooth',
                    width: 2
                },
                dataLabels: {
                    enabled: responsiveDataLabels,
                    formatter: function(val, { seriesIndex }) {
                        return seriesIndex === 0 && responsiveDataLabels ? val : '';
                    }
                },
                markers: {
                    size: 4,
                    strokeColors: '#fff',
                    strokeWidth: 2,
                    hover: {
                        size: 6
                    }
                },
                xaxis: {
                    categories: responsiveChartLabels,
                    labels: {
                        style: {
                            fontSize: '11px',
                            fontFamily: 'inherit'
                        },
                        rotate: window.innerWidth <= 768 ? -90 : -45,
                        rotateAlways: false
                    },
                    tooltip: {
                        enabled: false
                    }
                },
                yaxis: [
                    {
                        title: {
                            text: chartTranslations.issue_reports || 'Issue Reports',
                            style: {
                                fontSize: '14px',
                                fontFamily: 'inherit'
                            }
                        },
                        labels: {
                            style: {
                                fontSize: '12px',
                                fontFamily: 'inherit'
                            }
                        },
                        min: 0
                    },
                    {
                        opposite: true,
                        title: {
                            text: chartTranslations.response_time || 'Response Time (ms)',
                            style: {
                                fontSize: '14px',
                                fontFamily: 'inherit'
                            }
                        },
                        labels: {
                            show: false,
                            style: {
                                fontSize: '12px',
                                fontFamily: 'inherit'
                            }
                        },
                        min: 0
                    }
                ],
                grid: {
                    borderColor: '#e5e5e5',
                    strokeDashArray: 3,
                    xaxis: {
                        lines: {
                            show: false
                        }
                    },
                    yaxis: {
                        lines: {
                            show: true
                        }
                    }
                },
                tooltip: {
                    enabled: true,
                    shared: true,
                    intersect: false,
                    custom: function({ series, seriesIndex, dataPointIndex, w }) {
                        const hour = timelineWithLocalTime[dataPointIndex];
                        let breakdown = '';
                        if (hour.report_types && Object.keys(hour.report_types).length > 0) {
                            breakdown = '<br/><span style="color: #6c757d; font-size: 0.9em;">' + (chartTranslations.breakdown || 'Breakdown:') + '</span><ul style="margin: 0.5em 0 0 1em; padding: 0; font-size: 0.9em;">';
                            for (const [type, count] of Object.entries(hour.report_types)) {
                                breakdown += `<li><strong>${type}</strong>: ${count}</li>`;
                            }
                            breakdown += '</ul>';
                        }
                        const reportsColor = hour.down_reports === 0 ? '#10b981' : '#dc3545';
                        const responseTimeColor = hour.avg_response_time > 2000 ? '#dc3545' : '#10b981';
                        return `<div style="padding: 8px; background: #fff; border: 1px solid #e5e5e5; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
                            <div style="font-weight: bold; margin-bottom: 4px;">${hour.local_display_time}</div>
                            <div style="color: ${reportsColor};">● ${(chartTranslations.issue_reports || 'Issue Reports')}: <strong>${series[0][dataPointIndex]}</strong></div>
                            <div style="color: ${responseTimeColor};">● ${(chartTranslations.response_time || 'Response Time')}: <strong>${series[1][dataPointIndex]}ms</strong>${breakdown}</div>
                        </div>`;
                    }
                },
                legend: {
                    show: true,
                    position: 'top',
                    horizontalAlign: 'right',
                    fontSize: '14px',
                    fontFamily: 'inherit'
                },
                responsive: [{
                    breakpoint: 768,
                    options: {
                        chart: {
                            height: 200
                        },
                        xaxis: {
                            labels: {
                                rotate: -90
                            }
                        }
                    }
                }]
            };

            // Render ApexCharts
            const chart = new ApexCharts(document.querySelector("#apex-chart"), options);
            chart.render();
        }

        function updateStatusSummary(chartData) {
            const summary = chartData.summary;
            const baseline = chartData.baseline;
            
            document.getElementById('total-reports').textContent = summary.total_24h;
            document.getElementById('down-reports').textContent = summary.down_24h;
            document.getElementById('avg-reports').textContent = baseline.avg_hourly_reports;
        }

        // Vote functionality with pagination
        let currentVotePage = 1;

        function reportIssue(voteType, category) {
            const domain = 'orbitz.com';
            submitReport(domain, voteType, category);
        }

        function reportWithCategory(category, description) {
            const domain = 'orbitz.com';
            const voteType = 'down'; // Category reports are typically for issues
            submitReport(domain, voteType, category, description);
        }

        function submitReport(domain, voteType, category, description = '', comment = '') {
            const button = event.target;
            const originalText = button.innerHTML;
            
            // Show loading state
            button.innerHTML = '<span class="spinner-border spinner-border-sm me-2" role="status"></span>Submitting...';
            button.disabled = true;
            
            // Get reCAPTCHA token first
            grecaptcha.ready(function() {
                grecaptcha.execute('6LcWF3wrAAAAALb6LaMgPaztq-7ZWUt_ox-wyN9Z', {action: 'vote'})
                    .then(function(token) {
                        // Submit vote with reCAPTCHA token
                        fetch('https://thisisdown.com/api/vote.php', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
                            },
                            body: JSON.stringify({
                                domain: domain,
                                vote_type: voteType,
                                category: category,
                                comment: description || comment,
                                recaptcha_token: token
                            })
                        })
                        .then(response => response.json())
                        .then(data => {
                            // Always show thank you message, regardless of success or cooldown
                            const message = data.success ? 
                                (data.message || 'Thank you for your report!') : 
                                'Thank you for your report! Your vote has been recorded.';
                            
                            showNotification(message, 'success');
                            
                            // Refresh chart
                            loadChartData();
                            loadVotingCardRecentVotes(1); // Refresh voting card votes
                        })
                        .catch(error => {
                            console.error('Error:', error);
                            showNotification('Error submitting report', 'error');
                        })
                        .finally(() => {
                            // Restore button state
                            button.innerHTML = originalText;
                            button.disabled = false;
                        });
                    })
                    .catch(error => {
                        console.error('reCAPTCHA error:', error);
                        showNotification('Error with security verification', 'error');
                        button.innerHTML = originalText;
                        button.disabled = false;
                    });
            });
        }

        function disableAllVotingButtons() {
            const votingSection = document.querySelector('.voting-section');
            
            // Create the thanks message with tips
            const thanksMessage = `
                <div class="cooldown-message text-center py-4">
                    <div class="mb-4">
                        <div class="cooldown-icon mb-3">
                            <i class="bi bi-heart-fill text-danger" style="font-size: 3rem;"></i>
                        </div>
                        <h5 class="fw-bold text-success mb-2">Thank You for Your Report!</h5>
                        <p class="text-muted mb-4">Your contribution helps keep the community informed about website issues.</p>
                    </div>
                    
                    <div class="cooldown-info bg-light rounded-3 p-3 mb-4">
                        <div class="d-flex align-items-center justify-content-center mb-2">
                            <i class="bi bi-clock text-warning me-2"></i>
                            <span class="fw-medium">Vote Cooldown Active</span>
                        </div>
                        <p class="text-muted small mb-0">You can submit another report in <span id="cooldown-timer" class="fw-bold text-primary">1 hour</span></p>
                    </div>
                    
                    <div class="useful-tips">
                        <h6 class="fw-bold text-dark mb-3">
                            <i class="bi bi-lightbulb text-warning me-2"></i>
                            Useful Tips While You Wait
                        </h6>
                        <div class="row g-3">
                            <div class="col-md-6">
                                <div class="tip-card p-3 bg-white border rounded-3 h-100">
                                    <div class="d-flex align-items-start">
                                        <i class="bi bi-graph-up text-primary me-2 mt-1"></i>
                                        <div>
                                            <h6 class="fw-bold mb-1">Monitor the Chart</h6>
                                            <p class="text-muted small mb-0">Watch the real-time chart above to see how your report affects the overall status.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="tip-card p-3 bg-white border rounded-3 h-100">
                                    <div class="d-flex align-items-start">
                                        <i class="bi bi-people text-success me-2 mt-1"></i>
                                        <div>
                                            <h6 class="fw-bold mb-1">Community Reports</h6>
                                            <p class="text-muted small mb-0">Check the community reports section to see what others are experiencing.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="tip-card p-3 bg-white border rounded-3 h-100">
                                    <div class="d-flex align-items-start">
                                        <i class="bi bi-share text-info me-2 mt-1"></i>
                                        <div>
                                            <h6 class="fw-bold mb-1">Share This Page</h6>
                                            <p class="text-muted small mb-0">Help others by sharing this status page with friends and colleagues.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="tip-card p-3 bg-white border rounded-3 h-100">
                                    <div class="d-flex align-items-start">
                                        <i class="bi bi-bookmark text-warning me-2 mt-1"></i>
                                        <div>
                                            <h6 class="fw-bold mb-1">Bookmark for Later</h6>
                                            <p class="text-muted small mb-0">Save this page to quickly check the status again later.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mt-4 pt-3 border-top">
                        <button class="btn btn-outline-primary btn-sm" onclick="window.location.reload()">
                            <i class="bi bi-arrow-clockwise me-2"></i>
                            Refresh Page
                        </button>
                    </div>
                </div>
            `;
            
            // Replace the voting section with the thanks message
            votingSection.innerHTML = thanksMessage;
        }

        function showNotification(message, type) {
            // Create notification element
            const notification = document.createElement('div');
            notification.className = `alert alert-${type === 'success' ? 'success' : 'danger'} alert-dismissible fade show position-fixed shadow-lg`;
            notification.style.cssText = 'top: 20px; right: 20px; z-index: 9999; min-width: 350px; max-width: 500px; border: none; border-radius: 10px;';
            
            // Add icon based on type
            const icon = type === 'success' ? 'bi-check-circle-fill' : 'bi-exclamation-triangle-fill';
            const iconColor = type === 'success' ? 'text-success' : 'text-danger';
            
            notification.innerHTML = `
                <div class="d-flex align-items-center">
                    <i class="bi ${icon} ${iconColor} me-3" style="font-size: 1.2rem;"></i>
                    <div class="flex-grow-1">
                        <strong>${type === 'success' ? 'Success!' : 'Notice'}</strong><br>
                        <span class="small">${message}</span>
                    </div>
                    <button type="button" class="btn-close ms-2" data-bs-dismiss="alert"></button>
                </div>
            `;
            
            document.body.appendChild(notification);
            
            // Auto remove after 6 seconds for better visibility
            setTimeout(() => {
                if (notification.parentNode) {
                    notification.remove();
                }
            }, 6000);
        }

        // Add a new function to show the timer
        function disableAllVotingButtonsWithTimer(cooldownUntil, serverTime = null) {
            const votingSection = document.querySelector('.voting-section');
            // Use server time if provided, otherwise fall back to client time
            const now = serverTime || Math.floor(Date.now() / 1000);
            let timeLeft = cooldownUntil - now;
            
            // Debug logging
            console.log('Cooldown Debug:', {
                cooldownUntil: cooldownUntil,
                serverTime: serverTime,
                clientTime: Math.floor(Date.now() / 1000),
                now: now,
                timeLeft: timeLeft,
                cooldownUntilDate: new Date(cooldownUntil * 1000).toISOString(),
                nowDate: new Date(now * 1000).toISOString()
            });
            
            const thanksMessage = `
                <div class="cooldown-message text-center py-4">
                    <div class="mb-4">
                        <div class="cooldown-icon mb-3">
                            <i class="bi bi-heart-fill text-danger" style="font-size: 3rem;"></i>
                        </div>
                        <h5 class="fw-bold text-success mb-2">Thank You for Your Report!</h5>
                        <p class="text-muted mb-4">Your contribution helps keep the community informed about website issues.</p>
                    </div>
                    <div class="cooldown-info bg-light rounded-3 p-3 mb-4">
                        <div class="d-flex align-items-center justify-content-center mb-2">
                            <i class="bi bi-clock text-warning me-2"></i>
                            <span class="fw-medium">Vote Cooldown Active</span>
                        </div>
                        <p class="text-muted small mb-0">You can submit another report in <span id="cooldown-timer" class="fw-bold text-primary"></span></p>
                    </div>
                    <div class="useful-tips">
                        <h6 class="fw-bold text-dark mb-3">
                            <i class="bi bi-lightbulb text-warning me-2"></i>
                            Useful Tips While You Wait
                        </h6>
                        <div class="row g-3">
                            <div class="col-md-6">
                                <div class="tip-card p-3 bg-white border rounded-3 h-100">
                                    <div class="d-flex align-items-start">
                                        <i class="bi bi-graph-up text-primary me-2 mt-1"></i>
                                        <div>
                                            <h6 class="fw-bold mb-1">Monitor the Chart</h6>
                                            <p class="text-muted small mb-0">Watch the real-time chart above to see how your report affects the overall status.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="tip-card p-3 bg-white border rounded-3 h-100">
                                    <div class="d-flex align-items-start">
                                        <i class="bi bi-people text-success me-2 mt-1"></i>
                                        <div>
                                            <h6 class="fw-bold mb-1">Community Reports</h6>
                                            <p class="text-muted small mb-0">Check the community reports section to see what others are experiencing.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="tip-card p-3 bg-white border rounded-3 h-100">
                                    <div class="d-flex align-items-start">
                                        <i class="bi bi-share text-info me-2 mt-1"></i>
                                        <div>
                                            <h6 class="fw-bold mb-1">Share This Page</h6>
                                            <p class="text-muted small mb-0">Help others by sharing this status page with friends and colleagues.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="tip-card p-3 bg-white border rounded-3 h-100">
                                    <div class="d-flex align-items-start">
                                        <i class="bi bi-bookmark text-warning me-2 mt-1"></i>
                                        <div>
                                            <h6 class="fw-bold mb-1">Bookmark for Later</h6>
                                            <p class="text-muted small mb-0">Save this page to quickly check the status again later.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mt-4 pt-3 border-top">
                        <button class="btn btn-outline-primary btn-sm" onclick="window.location.reload()">
                            <i class="bi bi-arrow-clockwise me-2"></i>
                            Refresh Page
                        </button>
                    </div>
                </div>
            `;
            votingSection.innerHTML = thanksMessage;
            
            // Start the timer
            const timerElement = document.getElementById('cooldown-timer');
            if (timerElement) {
                let timerInterval = null;
                let serverTimeOffset = 0;
                
                // If we have server time, calculate the offset
                if (serverTime) {
                    serverTimeOffset = serverTime - Math.floor(Date.now() / 1000);
                }
                
                function updateTimer() {
                    // Use server time for accurate countdown
                    const currentServerTime = Math.floor(Date.now() / 1000) + serverTimeOffset;
                    let t = cooldownUntil - currentServerTime;
                    
                    if (t <= 0) {
                        clearInterval(timerInterval);
                        window.location.reload();
                        return;
                    }
                    
                    const hours = Math.floor(t / 3600);
                    const minutes = Math.floor((t % 3600) / 60);
                    const seconds = t % 60;
                    let timeString = '';
                    if (hours > 0) {
                        timeString = `${hours}h ${minutes}m ${seconds}s`;
                    } else if (minutes > 0) {
                        timeString = `${minutes}m ${seconds}s`;
                    } else {
                        timeString = `${seconds}s`;
                    }
                    timerElement.textContent = timeString;
                }
                updateTimer();
                timerInterval = setInterval(updateTimer, 1000);
            }
        }

        // Comment functionality with pagination
        let currentCommentPage = 1;
        
        // Load comments when page loads
        document.addEventListener('DOMContentLoaded', function() {
            loadComments(1, false); // Don't scroll automatically
            loadRecentChecks();
            loadPopularSearches();
        });
        
        function loadComments(page = 1, scrollToSection = false) {
            const container = document.getElementById('comments-container');
            if (!container) return;
            
            // Only scroll to comments section if explicitly requested
            if (scrollToSection) {
            const commentsSection = document.querySelector('.compact-comments');
            if (commentsSection) {
                commentsSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
                }
            }
            
            // Show loading state
            container.innerHTML = `
                <div class="text-center py-2">
                    <div class="spinner-border spinner-border-sm text-primary" role="status">
                        <span class="visually-hidden">Loading...</span>
                    </div>
                    <span class="text-muted ms-2">${translations.check.sections.comments.loading || 'Loading comments...'}</span>
                </div>
            `;
            
            const url = `https://thisisdown.com/api/comment.php?domain=${encodeURIComponent('orbitz.com')}&page=${page}`;
            
            fetch(url)
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        displayComments(data.comments, data.pagination);
                    } else {
                        container.innerHTML = `
                            <div class="text-center py-4 text-muted">
                                <i class="bi bi-exclamation-triangle fs-4 mb-2"></i>
                                <p class="mb-0">${data.message || translations.check.sections.comments.loading_error || 'Error loading comments'}</p>
                            </div>
                        `;
                    }
                })
                .catch(error => {
                    console.error('Error loading comments:', error);
                    container.innerHTML = `
                        <div class="text-center py-4 text-muted">
                            <i class="bi bi-exclamation-triangle fs-4 mb-2"></i>
                            <p class="mb-0">${translations.check.sections.comments.loading_error || 'Error loading comments'}</p>
                        </div>
                    `;
                });
        }

        // Update displayComments to show user name
        function displayComments(comments, pagination) {
            const container = document.getElementById('comments-container');
            const paginationContainer = document.getElementById('comments-pagination');
            const flagBase = 'https://thisisdown.com/assets/images/countries/';
            
            if (!comments || comments.length === 0) {
                container.innerHTML = `
                    <div class="text-center py-4">
                        <i class="bi bi-chat-dots text-muted" style="font-size: 2rem;"></i>
                        <p class="text-muted mt-2">${translations.check.sections.comments.no_comments}. ${translations.check.sections.comments.be_first_comment}</p>
                    </div>
                `;
                paginationContainer.innerHTML = '';
                return;
            }
            
            let html = '<div class="comments-list">';
            comments.forEach(comment => {
                let countryCode = (comment.country_code || '').trim().toLowerCase();
                let flagImg = `<img src='${flagBase}${countryCode}.svg' onerror="this.onerror=null;this.src='${flagBase}unknown.svg'" alt='${countryCode}' style='width:100%;height:100%;object-fit:cover;border-radius:50%;'>`;
                if (!countryCode || countryCode === 'xx' || comment.country === 'Unknown') {
                    flagImg = `<img src='${flagBase}unknown.svg' alt='unknown' style='width:100%;height:100%;object-fit:cover;border-radius:50%;'>`;
                }
                
                // Vote button classes
                const upvoteClass = comment.user_vote === 'up' ? 'btn-success' : 'btn-outline-success';
                const downvoteClass = comment.user_vote === 'down' ? 'btn-danger' : 'btn-outline-danger';
                
                html += `
                    <div class="comment-item d-flex align-items-start mb-3 p-3 bg-light rounded-3">
                        <div class="me-3" style="min-width:32px;">
                            <div class="rounded-circle bg-white border d-flex align-items-center justify-content-center" style="width:24px;height:24px;overflow:hidden;">${flagImg}</div>
                        </div>
                        <div class="flex-grow-1">
                            <div class="d-flex justify-content-between align-items-center mb-1">
                                <div class="d-flex align-items-center gap-2">
                                <span class="fw-bold fst-italic">${comment.user_name || 'Anonymous'}</span>
                                    <span class="text-muted small">${comment.formatted_time}</span>
                                </div>
                                <span class="text-muted small">${comment.country}</span>
                            </div>
                            <div class="comment-text mb-2">
                                ${comment.comment}
                            </div>
                            <div class="comment-votes d-flex align-items-center gap-2">
                                <button class="btn btn-sm ${upvoteClass} vote-btn" data-comment-id="${comment.id}" data-vote-type="up" onclick="voteComment(${comment.id}, 'up')">
                                    <i class="bi bi-hand-thumbs-up"></i>
                                    <span class="vote-count">${comment.upvotes}</span>
                                </button>
                                <button class="btn btn-sm ${downvoteClass} vote-btn" data-comment-id="${comment.id}" data-vote-type="down" onclick="voteComment(${comment.id}, 'down')">
                                    <i class="bi bi-hand-thumbs-down"></i>
                                    <span class="vote-count">${comment.downvotes}</span>
                                </button>
                            </div>
                        </div>
                    </div>
                `;
            });
            html += '</div>';
            container.innerHTML = html;
            
            // Display pagination
            displayCommentPagination(pagination);
        }
        
        function formatCommentShowingResults(template, start, end, total) {
            // Replace the first, second, and third %d in order
            return template
                .replace('%d', start)
                .replace('%d', end)
                .replace('%d', total);
        }

        function displayCommentPagination(pagination) {
            const paginationContainer = document.getElementById('comments-pagination');
            
            if (pagination.total_pages <= 1) {
                paginationContainer.innerHTML = '';
                return;
            }
            
            let paginationHtml = `
                <div class="d-flex justify-content-between align-items-center mt-4">
                    <div class="text-muted small">
                        ${formatCommentShowingResults(
                            translations.check.sections.comments.showing_results,
                            ((pagination.current_page - 1) * pagination.comments_per_page) + 1,
                            Math.min(pagination.current_page * pagination.comments_per_page, pagination.total_comments),
                            pagination.total_comments
                        )}
                    </div>
                    <nav aria-label="Comments pagination">
                        <ul class="pagination pagination-sm mb-0">
            `;
            
            // Previous button
            if (pagination.has_prev) {
                paginationHtml += `
                    <li class="page-item">
                        <button class="page-link" onclick="loadComments(${pagination.current_page - 1}, true)" aria-label="Previous">
                            <i class="bi bi-chevron-left"></i>
                        </button>
                    </li>
                `;
            } else {
                paginationHtml += `
                    <li class="page-item disabled">
                        <span class="page-link">
                            <i class="bi bi-chevron-left"></i>
                        </span>
                    </li>
                `;
            }
            
            // Page numbers
            const startPage = Math.max(1, pagination.current_page - 2);
            const endPage = Math.min(pagination.total_pages, pagination.current_page + 2);
            
            for (let i = startPage; i <= endPage; i++) {
                if (i === pagination.current_page) {
                    paginationHtml += `
                        <li class="page-item active">
                            <span class="page-link">${i}</span>
                        </li>
                    `;
                } else {
                    paginationHtml += `
                        <li class="page-item">
                            <button class="page-link" onclick="loadComments(${i}, true)">${i}</button>
                        </li>
                    `;
                }
            }
            
            // Next button
            if (pagination.has_next) {
                paginationHtml += `
                    <li class="page-item">
                        <button class="page-link" onclick="loadComments(${pagination.current_page + 1}, true)" aria-label="Next">
                            <i class="bi bi-chevron-right"></i>
                        </button>
                    </li>
                `;
            } else {
                paginationHtml += `
                    <li class="page-item disabled">
                        <span class="page-link">
                            <i class="bi bi-chevron-right"></i>
                        </span>
                    </li>
                `;
            }
            
            paginationHtml += `
                        </ul>
                    </nav>
                </div>
            `;
            
            paginationContainer.innerHTML = paginationHtml;
        }

        // Vote functionality
        function voteComment(commentId, voteType) {
            const upvoteBtn = document.querySelector(`[data-comment-id="${commentId}"][data-vote-type="up"]`);
            const downvoteBtn = document.querySelector(`[data-comment-id="${commentId}"][data-vote-type="down"]`);
            
            // Disable buttons during vote
            if (upvoteBtn) upvoteBtn.disabled = true;
            if (downvoteBtn) downvoteBtn.disabled = true;
            
            fetch('https://thisisdown.com/api/comment_vote.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({
                    comment_id: commentId,
                    vote_type: voteType
                })
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    // Update vote counts
                    updateCommentVoteCounts(commentId, data);
                    showNotification(data.message, 'success');
                } else {
                    showNotification(data.message, 'error');
                }
            })
            .catch(error => {
                console.error('Error:', error);
                showNotification('Error processing vote', 'error');
            })
            .finally(() => {
                // Re-enable buttons
                if (upvoteBtn) upvoteBtn.disabled = false;
                if (downvoteBtn) downvoteBtn.disabled = false;
            });
        }

        function updateCommentVoteCounts(commentId, voteData) {
            // Get updated vote counts from server
            fetch(`https://thisisdown.com/api/comment_vote.php?comment_id=${commentId}`)
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        const upvoteBtn = document.querySelector(`[data-comment-id="${commentId}"][data-vote-type="up"]`);
                        const downvoteBtn = document.querySelector(`[data-comment-id="${commentId}"][data-vote-type="down"]`);
                        
                        if (upvoteBtn) {
                            upvoteBtn.querySelector('.vote-count').textContent = data.upvotes;
                            upvoteBtn.className = `btn btn-sm ${data.user_vote === 'up' ? 'btn-success' : 'btn-outline-success'} vote-btn`;
                        }
                        
                        if (downvoteBtn) {
                            downvoteBtn.querySelector('.vote-count').textContent = data.downvotes;
                            downvoteBtn.className = `btn btn-sm ${data.user_vote === 'down' ? 'btn-danger' : 'btn-outline-danger'} vote-btn`;
                        }
                    }
                })
                .catch(error => {
                    console.error('Error updating vote counts:', error);
                });
        }

        function submitComment(event) {
            event.preventDefault();
            submitCommentWithRecaptcha();
        }

        // Character counter for comment textarea
        function updateCharCount() {
            const textarea = document.getElementById('comment-text');
            const charCount = document.getElementById('char-count');
            const count = textarea.value.length;
            charCount.textContent = count + translations.check.sections.comments.char_count;
            
            // Change color when approaching limit
            if (count > 450) {
                charCount.style.color = '#dc3545';
            } else if (count > 400) {
                charCount.style.color = '#fd7e14';
            } else {
                charCount.style.color = '#6c757d';
            }
        }

        // Insert emoji into comment textarea
        function insertEmoji(emoji) {
            const textarea = document.getElementById('comment-text');
            const cursorPos = textarea.selectionStart;
            const textBefore = textarea.value.substring(0, cursorPos);
            const textAfter = textarea.value.substring(cursorPos);
            
            // Insert emoji at cursor position
            textarea.value = textBefore + emoji + textAfter;
            
            // Set cursor position after the inserted emoji
            const newCursorPos = cursorPos + emoji.length;
            textarea.setSelectionRange(newCursorPos, newCursorPos);
            
            // Focus back to textarea and update character count
            textarea.focus();
            updateCharCount();
            
            // Add a small visual feedback
            const emojiBtn = event.target;
            emojiBtn.style.transform = 'scale(0.9)';
            setTimeout(() => {
                emojiBtn.style.transform = 'scale(1)';
            }, 150);
        }

        // Initialize AI Summary for the current domain
        document.addEventListener('DOMContentLoaded', function() {
            const domain = 'orbitz.com';
            const siteUrl = 'https://thisisdown.com';
            if (domain) {
                initSummaryLoader(domain, 'summary-container', siteUrl);
            }
            
            // Initialize dynamic similar websites display
            adjustSimilarWebsitesDisplay();
            
            // Set up a mutation observer to watch for summary changes
            const summaryContainer = document.getElementById('summary-container');
            if (summaryContainer) {
                const observer = new MutationObserver(function(mutations) {
                    // Adjust similar websites when summary content changes
                    setTimeout(adjustSimilarWebsitesDisplay, 100);
                });
                observer.observe(summaryContainer, { childList: true, subtree: true });
            }
            
            // Initialize reCAPTCHA v3
            initializeRecaptcha();
        });
        
        // reCAPTCHA v3 initialization
        function initializeRecaptcha() {
            // Execute reCAPTCHA on page load
            grecaptcha.ready(function() {
                grecaptcha.execute('6LcWF3wrAAAAALb6LaMgPaztq-7ZWUt_ox-wyN9Z', {action: 'homepage'});
            });
            
            // Set up comment form submission with reCAPTCHA
            const commentForm = document.getElementById('comment-form');
            if (commentForm) {
                commentForm.addEventListener('submit', function(e) {
                    e.preventDefault();
                    submitCommentWithRecaptcha();
                });
            }
        }
        
        // Submit comment with reCAPTCHA validation
        function submitCommentWithRecaptcha() {
            const commentText = document.getElementById('comment-text').value.trim();
            const commentName = document.getElementById('comment-name').value.trim();
            const submitBtn = document.getElementById('submit-comment');
            
            if (!commentText) {
                alert(translations.check.sections.comments.please_enter_comment);
                return;
            }
            
            // Disable submit button
            submitBtn.disabled = true;
            submitBtn.innerHTML = `<span class="spinner-border spinner-border-sm me-2"></span>${translations.check.sections.comments.posting}`;
            
            // Get reCAPTCHA token
            grecaptcha.ready(function() {
                grecaptcha.execute('6LcWF3wrAAAAALb6LaMgPaztq-7ZWUt_ox-wyN9Z', {action: 'comment'})
                    .then(function(token) {
                        // Submit comment with reCAPTCHA token
                        fetch('https://thisisdown.com/api/comment.php', {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
                            },
                            body: JSON.stringify({
                                domain: 'orbitz.com',
                                comment: commentText,
                                name: commentName,
                                recaptcha_token: token
                            })
                        })
                        .then(response => {
                            console.log('Response status:', response.status);
                            return response.text();
                        })
                        .then(text => {
                            console.log('Raw response:', text);
                            try {
                                const data = JSON.parse(text);
                                if (data.success) {
                                    // Clear form and reload comments on first page
                                    document.getElementById('comment-text').value = '';
                                    document.getElementById('comment-name').value = '';
                                    document.getElementById('char-count').textContent = '0';
                                    loadComments(1); // Always go to first page after posting
                                    showNotification(translations.check.sections.comments.comment_success, 'success');
                                } else {
                                    showNotification(data.message || translations.check.sections.comments.comment_error, 'error');
                                }
                            } catch (e) {
                                console.error('JSON parse error:', e);
                                showNotification('Invalid response from server: ' + text.substring(0, 100), 'error');
                            }
                        })
                        .catch(error => {
                            console.error('Error:', error);
                            showNotification(translations.check.sections.comments.comment_error, 'error');
                        })
                        .finally(() => {
                            // Re-enable submit button
                            submitBtn.disabled = false;
                            submitBtn.innerHTML = `<i class="bi bi-send me-2"></i>${translations.check.sections.comments.post_comment}`;
                        });
                    })
                    .catch(error => {
                        console.error('reCAPTCHA error:', error);
                        showNotification(translations.check.sections.comments.recaptcha_error, 'error');
                        submitBtn.disabled = false;
                        submitBtn.innerHTML = `<i class="bi bi-send me-2"></i>${translations.check.sections.comments.post_comment}`;
                    });
            });
        }
        
        // Function to dynamically adjust similar websites display
        function adjustSimilarWebsitesDisplay() {
            const summaryContainer = document.getElementById('summary-container');
            const similarContainer = document.getElementById('similar-websites-container');
            const counter = document.getElementById('similar-websites-counter');
            const shownCount = document.getElementById('shown-count');
            
            if (!summaryContainer || !similarContainer) return;
            
            // Get the height of the AI summary
            const summaryHeight = summaryContainer.offsetHeight;
            const summaryCard = summaryContainer.closest('.col-lg-6');
            const summaryCardHeight = summaryCard ? summaryCard.offsetHeight : 0;
            
            // Get all similar website items
            const similarItems = document.querySelectorAll('.similar-website-item');
            if (similarItems.length === 0) return;
            
            // Calculate how many websites we can show
            // Each website item is approximately 60px tall (including margins)
            const itemHeight = 60;
            const headerHeight = 80; // Card header height
            const footerHeight = 60; // Button and counter area
            const padding = 40; // Card body padding
            
            // Calculate available height for websites
            const availableHeight = Math.max(summaryCardHeight - headerHeight - footerHeight - padding, 200);
            const maxWebsites = Math.floor(availableHeight / itemHeight);
            
            // Show/hide websites based on available space
            let shownCountNum = 0;
            similarItems.forEach((item, index) => {
                if (index < maxWebsites) {
                    item.style.display = 'block';
                    shownCountNum++;
                } else {
                    item.style.display = 'none';
                }
            });
            
            // Update counter
            if (counter && shownCount) {
                if (shownCountNum < similarItems.length) {
                    counter.style.display = 'block';
                    shownCount.textContent = shownCountNum;
                } else {
                    counter.style.display = 'none';
                }
            }
            
            // If no websites are shown, show at least 2
            if (shownCountNum === 0 && similarItems.length > 0) {
                similarItems[0].style.display = 'block';
                similarItems[1].style.display = 'block';
                if (counter) counter.style.display = 'none';
            }
        }
        
        // Call adjustSimilarWebsitesDisplay when window resizes
        window.addEventListener('resize', function() {
            setTimeout(adjustSimilarWebsitesDisplay, 100);
        });
        
        // Load comments when page loads
        document.addEventListener('DOMContentLoaded', function() {
            loadComments(1, false); // Don't scroll automatically
            loadRecentChecks();
            loadPopularSearches();
        });               
        
        // Social sharing functions
        function shareOnTwitter() {
            const url = encodeURIComponent(window.location.href);
            const text = encodeURIComponent(translations.check.sections.social_sharing.share_text.replace('%s', 'orbitz.com'));
            const twitterUrl = `https://twitter.com/intent/tweet?text=${text}&url=${url}`;
            window.open(twitterUrl, '_blank', 'width=600,height=400');
        }
        
        function shareOnFacebook() {
            const url = encodeURIComponent(window.location.href);
            const facebookUrl = `https://www.facebook.com/sharer/sharer.php?u=${url}`;
            window.open(facebookUrl, '_blank', 'width=600,height=400');
        }
        
        function shareOnLinkedIn() {
            const url = encodeURIComponent(window.location.href);
            const title = encodeURIComponent(`Website Status Check - ${'orbitz.com'}`);
            const linkedinUrl = `https://www.linkedin.com/sharing/share-offsite/?url=${url}`;
            window.open(linkedinUrl, '_blank', 'width=600,height=400');
        }
        
        function shareOnWhatsApp() {
            const url = encodeURIComponent(window.location.href);
            const text = encodeURIComponent(translations.check.sections.social_sharing.share_text.replace('%s', 'orbitz.com'));
            const whatsAppUrl = `https://wa.me/?text=${text}%20${url}`;
            window.open(whatsAppUrl, '_blank', 'width=600,height=400');
        }
        
        function shareOnTelegram() {
            const url = encodeURIComponent(window.location.href);
            const text = encodeURIComponent(translations.check.sections.social_sharing.share_text.replace('%s', 'orbitz.com'));
            const telegramUrl = `https://t.me/share/url?url=${url}&text=${text}`;
            window.open(telegramUrl, '_blank', 'width=600,height=400');
        }
        
        function shareOnReddit() {
            const url = encodeURIComponent(window.location.href);
            const title = encodeURIComponent(`Website Status Check - ${'orbitz.com'}`);
            const redditUrl = `https://www.reddit.com/submit?url=${url}&title=${title}`;
            window.open(redditUrl, '_blank', 'width=600,height=400');
        }
        
        function shareOnEmail() {
            const url = encodeURIComponent(window.location.href);
            const subject = encodeURIComponent(`Website Status Check - ${'orbitz.com'}`);
            const body = encodeURIComponent(translations.check.sections.social_sharing.share_text.replace('%s', 'orbitz.com') + '.\n\nSee the status: ' + url);
            const mailtoUrl = `mailto:?subject=${subject}&body=${body}`;
            window.location.href = mailtoUrl;
        }
        
        function shareOnDiscord() {
            const url = encodeURIComponent(window.location.href);
            const text = encodeURIComponent(translations.check.sections.social_sharing.share_text.replace('%s', 'orbitz.com') + '. See the status: ' + url);
            // Copy to clipboard for Discord (users can paste in their Discord)
            navigator.clipboard.writeText(text).then(() => {
                alert('Message copied to clipboard! You can now paste it in Discord.');
            }).catch(err => {
                console.error('Failed to copy: ', err);
                alert('Failed to copy message to clipboard');
            });
        }
        
        function shareOnSlack() {
            const url = encodeURIComponent(window.location.href);
            const text = encodeURIComponent(translations.check.sections.social_sharing.share_text.replace('%s', 'orbitz.com') + '. See the status: ' + url);
            // Copy to clipboard for Slack (users can paste in their Slack)
            navigator.clipboard.writeText(text).then(() => {
                alert('Message copied to clipboard! You can now paste it in Slack.');
            }).catch(err => {
                console.error('Failed to copy: ', err);
                alert('Failed to copy message to clipboard');
            });
        }
        
        function shareOnTeams() {
            const url = encodeURIComponent(window.location.href);
            const text = encodeURIComponent(translations.check.sections.social_sharing.share_text.replace('%s', 'orbitz.com') + '. See the status: ' + url);
            // Copy to clipboard for Teams (users can paste in their Teams)
            navigator.clipboard.writeText(text).then(() => {
                alert('Message copied to clipboard! You can now paste it in Microsoft Teams.');
            }).catch(err => {
                console.error('Failed to copy: ', err);
                alert('Failed to copy message to clipboard');
            });
        }
        
        function shareOnSMS() {
            const url = encodeURIComponent(window.location.href);
            const text = encodeURIComponent(translations.check.sections.social_sharing.share_text.replace('%s', 'orbitz.com') + '. See the status: ' + url);
            const smsUrl = `sms:?body=${text}`;
            window.location.href = smsUrl;
        }
        
        function copyToClipboard() {
            const url = window.location.href;
            navigator.clipboard.writeText(url).then(() => {
                // Show success message
                const button = event.target;
                const originalText = button.innerHTML;
                button.innerHTML = '<i class="bi bi-check me-2"></i>' + (translations.share.copied || 'Copied!');
                button.classList.remove('btn-outline-secondary');
                button.classList.add('btn-success');
                
                setTimeout(() => {
                    button.innerHTML = originalText;
                    button.classList.remove('btn-success');
                    button.classList.add('btn-outline-secondary');
                }, 2000);
            }).catch(err => {
                console.error('Failed to copy: ', err);
                alert('Failed to copy link to clipboard');
            });
        }
        
        // Helper function to get favicon HTML (reuse existing function)
        function getFaviconHtml(domain, size = 16) {
            const faviconUrl = `https://external-content.duckduckgo.com/ip3/${domain}.ico`;
            return `<img src="${faviconUrl}" 
                        alt="${domain} favicon" 
                        class="favicon" 
                        style="width: ${size}px; height: ${size}px; border-radius: ${size > 20 ? '4px' : '2px'}; display: inline-block;"
                        onerror="this.style.display='none';" 
                        onload="this.style.display='inline-block';" />`;
        }
        
    
    
    // Function to load recent votes
    function loadRecentVotes() {
        const recentVotesList = document.getElementById('recent-votes-list');
        if (!recentVotesList) return;
        
        fetch('https://thisisdown.com/api/recent_votes.php?domain=orbitz.com&limit=8')
            .then(res => res.json())
            .then(data => {
                if (!data.success || !data.votes || data.votes.length === 0) {
                    recentVotesList.innerHTML = `
                        <li class="mb-3">
                            <div class="text-center py-3">
                                <i class="bi bi-inbox text-muted" style="font-size: 2rem;"></i>
                                <p class="text-muted mt-2 small">No recent votes yet</p>
                            </div>
                        </li>
                    `;
                    return;
                }
                
                let votesHTML = '';
                data.votes.forEach(vote => {
                    const timeAgo = getTimeAgo(vote.created_at);
                    const voteIcon = getVoteIcon(vote.category);
                    const voteColor = getVoteColor(vote.category);
                    
                    votesHTML += `
                        <li class="mb-3">
                            <div class="d-flex align-items-center gap-2">
                                <div class="lh-1">
                                    <span class="avatar avatar-xs avatar-rounded ${voteColor}">
                                        <i class="bi ${voteIcon} text-white"></i>
                                    </span>
                                </div>
                                <div class="ms-1 flex-fill lh-1">
                                    <span class="fs-14 fw-medium">${vote.category}</span>
                                    <div class="text-muted small">${vote.location || 'Unknown location'}</div>
                                </div>
                                <div class="text-muted small">
                                    ${timeAgo}
                                </div>
                            </div>
                        </li>
                    `;
                });
                
                recentVotesList.innerHTML = votesHTML;
            })
            .catch(() => {
                recentVotesList.innerHTML = `
                    <li class="mb-3">
                        <div class="text-center py-3">
                            <i class="bi bi-exclamation-triangle text-warning" style="font-size: 2rem;"></i>
                            <p class="text-muted mt-2 small">Failed to load recent votes</p>
                        </div>
                    </li>
                `;
            });
    }
    
    // Helper function to get time ago
    function getTimeAgo(timestamp) {
        const now = new Date();
        const voteTime = new Date(timestamp);
        const diffInSeconds = Math.floor((now - voteTime) / 1000);
        
        if (diffInSeconds < 60) return 'Just now';
        if (diffInSeconds < 3600) return `${Math.floor(diffInSeconds / 60)}m ago`;
        if (diffInSeconds < 86400) return `${Math.floor(diffInSeconds / 3600)}h ago`;
        return `${Math.floor(diffInSeconds / 86400)}d ago`;
    }
    
    // Helper function to get vote icon
    function getVoteIcon(category) {
        const icons = {
            'Slow': 'bi-speedometer2',
            'Down': 'bi-exclamation-triangle',
            'Error': 'bi-exclamation-circle',
            'Login Issues': 'bi-person-x',
            'Payment Issues': 'bi-credit-card',
            'App Issues': 'bi-phone',
            'Other': 'bi-three-dots'
        };
        return icons[category] || 'bi-exclamation-triangle';
    }
    
    // Helper function to get vote color
    function getVoteColor(category) {
        const colors = {
            'Slow': 'bg-warning',
            'Down': 'bg-danger',
            'Error': 'bg-danger',
            'Login Issues': 'bg-info',
            'Payment Issues': 'bg-warning',
            'App Issues': 'bg-primary',
            'Other': 'bg-secondary'
        };
        return colors[category] || 'bg-secondary';
    }
    
    // Load recent votes when page loads
    document.addEventListener('DOMContentLoaded', function() {
        loadRecentVotes();
        loadVotingCardRecentVotes();
    });
    
    // Function to copy page URL to clipboard
    function copyPageUrl() {
        const url = window.location.href;
        
        if (navigator.clipboard && window.isSecureContext) {
            // Use modern clipboard API
            navigator.clipboard.writeText(url).then(() => {
                showNotification('Link copied to clipboard!', 'success');
            }).catch(() => {
                fallbackCopyTextToClipboard(url);
            });
        } else {
            // Fallback for older browsers
            fallbackCopyTextToClipboard(url);
        }
    }
    
    // Fallback function for copying text to clipboard
    function fallbackCopyTextToClipboard(text) {
        const textArea = document.createElement('textarea');
        textArea.value = text;
        textArea.style.top = '0';
        textArea.style.left = '0';
        textArea.style.position = 'fixed';
        textArea.style.opacity = '0';
        
        document.body.appendChild(textArea);
        textArea.focus();
        textArea.select();
        
        try {
            const successful = document.execCommand('copy');
            if (successful) {
                showNotification('Link copied to clipboard!', 'success');
            } else {
                showNotification('Failed to copy link', 'error');
            }
        } catch (err) {
            showNotification('Failed to copy link', 'error');
        }
        
        document.body.removeChild(textArea);
    }
    
    // Function to load recent votes for the voting card
    function loadVotingCardRecentVotes(page = 1) {
        const votingCardVotes = document.getElementById('voting-card-recent-votes');
        if (!votingCardVotes) return;
        
        fetch(`https://thisisdown.com/api/vote.php?domain=${encodeURIComponent('orbitz.com')}&page=${page}&type=down&limit=10`)
            .then(res => res.json())
            .then(data => {
                if (!data.success || !data.votes || data.votes.length === 0) {
                    votingCardVotes.innerHTML = `
                        <div class="text-center py-3">
                            <i class="bi bi-inbox text-muted" style="font-size: 1.5rem;"></i>
                            <p class="text-muted mt-2 small">No recent votes yet</p>
                        </div>
                    `;
                    return;
                }
                
                const domain = 'orbitz.com';
                const flagBase = 'https://thisisdown.com/assets/images/countries/';
                
                let html = '<div class="timeline">';
                data.votes.forEach((vote, index) => {
                    let countryCode = (vote.country_code || '').trim().toLowerCase();
                    // Use SVG flag if available, else fallback to unknown.svg
                    let flagImg = `<img src='${flagBase}${countryCode}.svg' onerror="this.onerror=null;this.src='${flagBase}unknown.svg'" alt='${countryCode}' style='width:100%;height:100%;object-fit:cover;border-radius:50%;'>`;
                    if (!countryCode || countryCode === 'xx' || vote.country === 'Unknown') {
                        flagImg = `<img src='${flagBase}unknown.svg' alt='unknown' style='width:100%;height:100%;object-fit:cover;border-radius:50%;'>`;
                    }
                    
                    html += `
                        <div class="timeline-item d-flex align-items-center mb-3">
                            <div class="timeline-badge text-center" style="min-width:24px;">
                                <div class="rounded-circle bg-light border fw-bold text-dark d-flex align-items-center justify-content-center" style="width:18px;height:18px;line-height:18px;font-size:0.8rem;display:inline-block;overflow:hidden;">${flagImg}</div>
                            </div>
                            <div class="flex-grow-1">
                                <div class="">
                                    <span class="fw-bold">${vote.country}</span>
                                    <span class="text-muted"> reported a problem with <strong>${domain}</strong>:</span>
                                    <span class="fw-bold text-danger">${vote.issue_type}</span>
                                </div>
                            </div>
                            <div class="small text-muted ms-2">
                                ${vote.formatted_time}
                            </div>
                        </div>
                    `;
                });
                html += '</div>';
                
                // Add pagination if needed
                if (data.pagination && data.pagination.total_pages > 1) {
                    html += displayVotingCardPagination(data.pagination);
                }
                
                votingCardVotes.innerHTML = html;
            })
            .catch(() => {
                votingCardVotes.innerHTML = `
                    <div class="text-center py-3">
                        <i class="bi bi-exclamation-triangle text-warning" style="font-size: 1.5rem;"></i>
                        <p class="text-muted mt-2 small">Failed to load recent votes</p>
                    </div>
                `;
            });
    }
    
    // Function to display pagination for voting card
    function displayVotingCardPagination(pagination) {
        if (pagination.total_pages <= 1) {
            return '';
        }
        
        let paginationHtml = `
            <div class="d-flex justify-content-between align-items-center mt-3 pt-3 border-top">
                <div class="text-muted small">
                    Showing ${((pagination.current_page - 1) * pagination.votes_per_page) + 1} to ${Math.min(pagination.current_page * pagination.votes_per_page, pagination.total_votes)} of ${pagination.total_votes} votes
                </div>
                <nav aria-label="Votes pagination">
                    <ul class="pagination pagination-sm mb-0">
        `;
        
        // Previous button
        if (pagination.has_prev) {
            paginationHtml += `
                <li class="page-item">
                    <button class="page-link" onclick="loadVotingCardRecentVotes(${pagination.current_page - 1})" aria-label="Previous">
                        <i class="bi bi-chevron-left"></i>
                    </button>
                </li>
            `;
        } else {
            paginationHtml += `
                <li class="page-item disabled">
                    <span class="page-link">
                        <i class="bi bi-chevron-left"></i>
                    </span>
                </li>
            `;
        }
        
        // Page numbers
        const startPage = Math.max(1, pagination.current_page - 2);
        const endPage = Math.min(pagination.total_pages, pagination.current_page + 2);
        
        for (let i = startPage; i <= endPage; i++) {
            if (i === pagination.current_page) {
                paginationHtml += `
                    <li class="page-item active">
                        <span class="page-link">${i}</span>
                    </li>
                `;
            } else {
                paginationHtml += `
                    <li class="page-item">
                        <button class="page-link" onclick="loadVotingCardRecentVotes(${i})">${i}</button>
                    </li>
                `;
            }
        }
        
        // Next button
        if (pagination.has_next) {
            paginationHtml += `
                <li class="page-item">
                    <button class="page-link" onclick="loadVotingCardRecentVotes(${pagination.current_page + 1})" aria-label="Next">
                        <i class="bi bi-chevron-right"></i>
                    </button>
                </li>
            `;
        } else {
            paginationHtml += `
                <li class="page-item disabled">
                    <span class="page-link">
                        <i class="bi bi-chevron-right"></i>
                    </span>
                </li>
            `;
        }
        
        paginationHtml += `
                    </ul>
                </nav>
            </div>
        `;
        
        return paginationHtml;
    }
    </script>
    
    <script>
    // ENHANCED: Get user's timezone for display
    function getUserTimezone() {
        try {
            return Intl.DateTimeFormat().resolvedOptions().timeZone;
        } catch (error) {
            return 'UTC';
        }
    }

    // ENHANCED: Display timezone information
    function displayTimezoneInfo() {
        const timezone = getUserTimezone();
        const timezoneElements = document.querySelectorAll('.timezone-info');
        timezoneElements.forEach(element => {
            element.textContent = `All times shown in ${timezone}`;
        });
    }
    </script>
    
    <script>
    // Share Functions
    function shareToTwitter() {
        const url = encodeURIComponent(window.location.href);
        const text = encodeURIComponent(`Check if ${window.location.hostname} is down or experiencing issues - Real-time status monitoring`);
        const twitterUrl = `https://twitter.com/intent/tweet?text=${text}&url=${url}`;
        window.open(twitterUrl, '_blank', 'width=600,height=400');
    }
    
    function shareToFacebook() {
        const url = encodeURIComponent(window.location.href);
        const facebookUrl = `https://www.facebook.com/sharer/sharer.php?u=${url}`;
        window.open(facebookUrl, '_blank', 'width=600,height=400');
    }
    
    function shareToLinkedIn() {
        const url = encodeURIComponent(window.location.href);
        const title = encodeURIComponent(`Website Status Check - ${window.location.hostname}`);
        const summary = encodeURIComponent(`Check if ${window.location.hostname} is down or experiencing issues with real-time monitoring`);
        const linkedinUrl = `https://www.linkedin.com/sharing/share-offsite/?url=${url}&title=${title}&summary=${summary}`;
        window.open(linkedinUrl, '_blank', 'width=600,height=400');
    }
    
    function shareToWhatsApp() {
        const url = encodeURIComponent(window.location.href);
        const text = encodeURIComponent(`Check if ${window.location.hostname} is down or experiencing issues - Real-time status monitoring`);
        const whatsappUrl = `https://wa.me/?text=${text}%20${url}`;
        window.open(whatsappUrl, '_blank');
    }
    
    function copyPageLink() {
        const urlInput = document.getElementById('page-url-input');
        const url = urlInput.value;
        
        // Try to use the modern clipboard API
        if (navigator.clipboard && window.isSecureContext) {
            navigator.clipboard.writeText(url).then(() => {
                showCopySuccess();
            }).catch(err => {
                console.error('Failed to copy: ', err);
                fallbackCopyTextToClipboard(url);
            });
        } else {
            // Fallback for older browsers
            fallbackCopyTextToClipboard(url);
        }
    }
    
    function fallbackCopyTextToClipboard(text) {
        const textArea = document.createElement("textarea");
        textArea.value = text;
        textArea.style.top = "0";
        textArea.style.left = "0";
        textArea.style.position = "fixed";
        document.body.appendChild(textArea);
        textArea.focus();
        textArea.select();
        
        try {
            const successful = document.execCommand('copy');
            if (successful) {
                showCopySuccess();
            } else {
                showCopyError();
            }
        } catch (err) {
            console.error('Fallback: Oops, unable to copy', err);
            showCopyError();
        }
        
        document.body.removeChild(textArea);
    }
    
    function showCopySuccess() {
        // Create a temporary success message
        const successMsg = document.createElement('div');
        successMsg.className = 'position-fixed top-0 start-50 translate-middle-x mt-3 p-2 bg-success text-white rounded small';
        successMsg.style.zIndex = '9999';
        successMsg.textContent = 'Link copied to clipboard!';
        document.body.appendChild(successMsg);
        
        setTimeout(() => {
            document.body.removeChild(successMsg);
        }, 2000);
    }
    
    function showCopyError() {
        // Create a temporary error message
        const errorMsg = document.createElement('div');
        errorMsg.className = 'position-fixed top-0 start-50 translate-middle-x mt-3 p-2 bg-danger text-white rounded small';
        errorMsg.style.zIndex = '9999';
        errorMsg.textContent = 'Failed to copy link';
        document.body.appendChild(errorMsg);
        
        setTimeout(() => {
            document.body.removeChild(errorMsg);
        }, 2000);
    }
    
    function shareToReddit() {
        const url = encodeURIComponent(window.location.href);
        const title = encodeURIComponent(`Website Status Check - ${window.location.hostname}`);
        const redditUrl = `https://reddit.com/submit?url=${url}&title=${title}`;
        window.open(redditUrl, '_blank', 'width=600,height=400');
    }
    
    function shareToTelegram() {
        const url = encodeURIComponent(window.location.href);
        const text = encodeURIComponent(`Check if ${window.location.hostname} is down or experiencing issues - Real-time status monitoring`);
        const telegramUrl = `https://t.me/share/url?url=${url}&text=${text}`;
        window.open(telegramUrl, '_blank');
    }
    
    function shareToEmail() {
        const url = window.location.href;
        const subject = encodeURIComponent(`Website Status Check - ${window.location.hostname}`);
        const body = encodeURIComponent(`Check if ${window.location.hostname} is down or experiencing issues with real-time monitoring:\n\n${url}`);
        const emailUrl = `mailto:?subject=${subject}&body=${body}`;
        window.location.href = emailUrl;
    }
    
    function shareToSMS() {
        const url = window.location.href;
        const text = encodeURIComponent(`Check if ${window.location.hostname} is down: ${url}`);
        const smsUrl = `sms:?body=${text}`;
        window.location.href = smsUrl;
    }
    </script>
    
    <script>
    // Star Rating System
    document.addEventListener('DOMContentLoaded', function() {
        const starRating = document.getElementById('star-rating');
        const ratingLabel = document.getElementById('rating-label');
        const averageRating = document.getElementById('average-rating');
        const totalRatings = document.getElementById('total-ratings');
        
        if (!starRating) return;
        
        let currentRating = 0;
        let userRating = 0;
        
        // Rating labels
        const ratingLabels = {
            1: 'Slab',
            2: 'Acceptabil',
            3: 'Bun',
            4: 'Foarte Bun',
            5: 'Excelent'
        };
        
        // Load current rating stats and user's previous rating
        loadRatingStats();
        loadUserRating();
        
        // Star hover events
        const stars = starRating.querySelectorAll('.star');
        stars.forEach((star, index) => {
            const rating = index + 1;
            
            star.addEventListener('mouseenter', () => {
                highlightStars(rating);
                ratingLabel.textContent = ratingLabels[rating] || 'Select a rating';
            });
            
            star.addEventListener('mouseleave', () => {
                if (userRating === 0) {
                    clearStars();
                } else {
                    highlightStars(userRating);
                    ratingLabel.textContent = ratingLabels[userRating] || 'Select a rating';
                }
            });
            
            star.addEventListener('click', () => {
                userRating = rating;
                submitRating(rating);
            });
        });
        
        function highlightStars(rating) {
            stars.forEach((star, index) => {
                const starRating = index + 1;
                if (starRating <= rating) {
                    star.classList.add('hover');
                    star.classList.remove('bi-star');
                    star.classList.add('bi-star-fill');
                } else {
                    star.classList.remove('hover');
                    star.classList.remove('bi-star-fill');
                    star.classList.add('bi-star');
                }
            });
        }
        
        function fillStars(rating) {
            stars.forEach((star, index) => {
                const starRating = index + 1;
                if (starRating <= rating) {
                    star.classList.add('filled');
                    star.classList.remove('bi-star');
                    star.classList.add('bi-star-fill');
                } else {
                    star.classList.remove('filled');
                    star.classList.remove('bi-star-fill');
                    star.classList.add('bi-star');
                }
            });
        }
        
        function clearStars() {
            stars.forEach(star => {
                star.classList.remove('hover', 'active', 'filled');
                star.classList.remove('bi-star-fill');
                star.classList.add('bi-star');
            });
            ratingLabel.textContent = 'Selectează o evaluare';
        }
        
        function submitRating(rating) {
            // Disable stars during submission
            stars.forEach(star => {
                star.style.pointerEvents = 'none';
            });
            
            // Show loading state
            ratingLabel.textContent = 'Se trimite...';
            
            // Get reCAPTCHA token first
            grecaptcha.ready(function() {
                grecaptcha.execute('6LcWF3wrAAAAALb6LaMgPaztq-7ZWUt_ox-wyN9Z', {action: 'rate'}).then(function(token) {
                    // Submit rating via API
                    fetch('https://thisisdown.com/api/rate.php', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                        },
                        body: JSON.stringify({
                            domain: 'orbitz.com',
                            rating: rating,
                            recaptcha_token: token
                        })
                    })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    // Show success state
                    starRating.parentElement.classList.add('rating-success');
                    ratingLabel.textContent = 'Mulțumim pentru evaluare!';
                    
                    // Show the user's rating by filling the stars
                    fillStars(rating);
                    
                    // Animate stars
                    stars.forEach((star, index) => {
                        if (index < rating) {
                            star.classList.add('animate');
                            setTimeout(() => {
                                star.classList.remove('animate');
                            }, 300);
                        }
                    });
                    
                    // Re-enable stars after animation
                    setTimeout(() => {
                        stars.forEach(star => {
                            star.style.pointerEvents = 'auto';
                        });
                    }, 1000);
                    
                    // Reload stats
                    setTimeout(loadRatingStats, 1000);
                } else {
                    ratingLabel.textContent = data.message || 'Eroare la trimiterea evaluării';
                    // Re-enable stars
                    stars.forEach(star => {
                        star.style.pointerEvents = 'auto';
                    });
                }
            })
                            .catch(error => {
                    console.error('Error:', error);
                    ratingLabel.textContent = 'Eroare la trimiterea evaluării';
                    // Re-enable stars
                    stars.forEach(star => {
                        star.style.pointerEvents = 'auto';
                    });
                });
            }).catch(error => {
                console.error('reCAPTCHA error:', error);
                ratingLabel.textContent = 'Eroare la trimiterea evaluării';
                // Re-enable stars
                stars.forEach(star => {
                    star.style.pointerEvents = 'auto';
                });
            });
        });
        }
        
        function loadUserRating() {
            fetch('https://thisisdown.com/api/check_user_rating.php?domain=orbitz.com')
                .then(response => response.json())
                .then(data => {
                    if (data.success && data.has_rated) {
                        userRating = data.rating;
                        fillStars(data.rating);
                        ratingLabel.textContent = ratingLabels[data.rating] || 'Your rating';
                    }
                })
                .catch(error => {
                    console.error('Error loading user rating:', error);
                });
        }
        
        function loadRatingStats() {
            fetch('https://thisisdown.com/api/rating_stats.php?domain=orbitz.com')
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        averageRating.textContent = data.average_rating || '-';
                        totalRatings.textContent = data.total_ratings || '0';
                    }
                })
                .catch(error => {
                    console.error('Error loading rating stats:', error);
                });
        }
        
        // Function to scroll to voting section
        function scrollToVoting() {
            const votingSection = document.querySelector('.voting-section');
            if (votingSection) {
                votingSection.scrollIntoView({ 
                    behavior: 'smooth', 
                    block: 'start' 
                });
            }
        }
    });
    </script>
	<!-- Website Summaries JavaScript -->
    <script src="https://thisisdown.com/assets/js/summary-loader.js"></script>
	
    <!-- Bootstrap js-->
    <script src="https://thisisdown.com/assets2/libs/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!-- Custom JS -->
    <script src="https://thisisdown.com/assets2/js/custom.js"></script>

    <!-- Main Theme Js -->
    <script src="https://thisisdown.com/assets2/js/main.js"></script>
	
	<!-- Defaultmenu JS -->
    <script src="https://thisisdown.com/assets2/js/defaultmenu.min.js"></script>

    <script>
        // Hide loader when page is loaded
        window.addEventListener('load', function() {
            document.getElementById('loader').style.display = 'none';
        });
    </script>
</body>
</html> 
                    clearStars();
                } else {
                    highlightStars(userRating);
                    ratingLabel.textContent = ratingLabels[userRating] || 'Select a rating';
                }
            });
            
            star.addEventListener('click', () => {
                userRating = rating;
                submitRating(rating);
            });
        });
        
        function highlightStars(rating) {
            stars.forEach((star, index) => {
                const starRating = index + 1;
                if (starRating <= rating) {
                    star.classList.add('hover');
                    star.classList.remove('bi-star');
                    star.classList.add('bi-star-fill');
                } else {
                    star.classList.remove('hover');
                    star.classList.remove('bi-star-fill');
                    star.classList.add('bi-star');
                }
            });
        }
        
        function fillStars(rating) {
            stars.forEach((star, index) => {
                const starRating = index + 1;
                if (starRating <= rating) {
                    star.classList.add('filled');
                    star.classList.remove('bi-star');
                    star.classList.add('bi-star-fill');
                } else {
                    star.classList.remove('filled');
                    star.classList.remove('bi-star-fill');
                    star.classList.add('bi-star');
                }
            });
        }
        
        function clearStars() {
            stars.forEach(star => {
                star.classList.remove('hover', 'active', 'filled');
                star.classList.remove('bi-star-fill');
                star.classList.add('bi-star');
            });
            ratingLabel.textContent = 'Selectează o evaluare';
        }
        
        function submitRating(rating) {
            // Disable stars during submission
            stars.forEach(star => {
                star.style.pointerEvents = 'none';
            });
            
            // Show loading state
            ratingLabel.textContent = 'Se trimite...';
            
            // Get reCAPTCHA token first
            grecaptcha.ready(function() {
                grecaptcha.execute('6LcWF3wrAAAAALb6LaMgPaztq-7ZWUt_ox-wyN9Z', {action: 'rate'}).then(function(token) {
                    // Submit rating via API
                    fetch('https://thisisdown.com/api/rate.php', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                        },
                        body: JSON.stringify({
                            domain: 'orbitz.com',
                            rating: rating,
                            recaptcha_token: token
                        })
                    })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    // Show success state
                    starRating.parentElement.classList.add('rating-success');
                    ratingLabel.textContent = 'Mulțumim pentru evaluare!';
                    
                    // Show the user's rating by filling the stars
                    fillStars(rating);
                    
                    // Animate stars
                    stars.forEach((star, index) => {
                        if (index < rating) {
                            star.classList.add('animate');
                            setTimeout(() => {
                                star.classList.remove('animate');
                            }, 300);
                        }
                    });
                    
                    // Re-enable stars after animation
                    setTimeout(() => {
                        stars.forEach(star => {
                            star.style.pointerEvents = 'auto';
                        });
                    }, 1000);
                    
                    // Reload stats
                    setTimeout(loadRatingStats, 1000);
                } else {
                    ratingLabel.textContent = data.message || 'Eroare la trimiterea evaluării';
                    // Re-enable stars
                    stars.forEach(star => {
                        star.style.pointerEvents = 'auto';
                    });
                }
            })
                            .catch(error => {
                    console.error('Error:', error);
                    ratingLabel.textContent = 'Eroare la trimiterea evaluării';
                    // Re-enable stars
                    stars.forEach(star => {
                        star.style.pointerEvents = 'auto';
                    });
                });
            }).catch(error => {
                console.error('reCAPTCHA error:', error);
                ratingLabel.textContent = 'Eroare la trimiterea evaluării';
                // Re-enable stars
                stars.forEach(star => {
                    star.style.pointerEvents = 'auto';
                });
            });
        });
        }
        
        function loadUserRating() {
            fetch('https://thisisdown.com/api/check_user_rating.php?domain=orbitz.com')
                .then(response => response.json())
                .then(data => {
                    if (data.success && data.has_rated) {
                        userRating = data.rating;
                        fillStars(data.rating);
                        ratingLabel.textContent = ratingLabels[data.rating] || 'Your rating';
                    }
                })
                .catch(error => {
                    console.error('Error loading user rating:', error);
                });
        }
        
        function loadRatingStats() {
            fetch('https://thisisdown.com/api/rating_stats.php?domain=orbitz.com')
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        averageRating.textContent = data.average_rating || '-';
                        totalRatings.textContent = data.total_ratings || '0';
                    }
                })
                .catch(error => {
                    console.error('Error loading rating stats:', error);
                });
        }
        
        // Function to scroll to voting section
        function scrollToVoting() {
            const votingSection = document.querySelector('.voting-section');
            if (votingSection) {
                votingSection.scrollIntoView({ 
                    behavior: 'smooth', 
                    block: 'start' 
                });
            }
        }
    });
    </script>
	<!-- Website Summaries JavaScript -->
    <script src="https://thisisdown.com/assets/js/summary-loader.js"></script>
	
    <!-- Bootstrap js-->
    <script src="https://thisisdown.com/assets2/libs/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!-- Custom JS -->
    <script src="https://thisisdown.com/assets2/js/custom.js"></script>

    <!-- Main Theme Js -->
    <script src="https://thisisdown.com/assets2/js/main.js"></script>
	
	<!-- Defaultmenu JS -->
    <script src="https://thisisdown.com/assets2/js/defaultmenu.min.js"></script>

    <script>
        // Hide loader when page is loaded
        window.addEventListener('load', function() {
            document.getElementById('loader').style.display = 'none';
        });
    </script>
</body>
</html>