<?php
// Inclure la configuration
require_once 'includes/config.php';

// Vérifier si le mode compte à rebours est activé
if (defined('COUNTDOWN_ENABLED') && COUNTDOWN_ENABLED === true) {
    // Rediriger vers la page de compte à rebours
    require_once 'countdown.php';
    exit;
}

// Inclure les fonctions de données structurées
require_once 'includes/structured-data.php';

// Appliquer les en-têtes de sécurité
setSecurityHeaders();

// Récupération et validation de la requête de recherche et de la page courante
$query = isset($_GET['q']) ? $_GET['q'] : '';
$query = validateSearchQuery($query);
$currentSearchPage = validatePageNumber($_GET['page'] ?? 1);

// Déterminer si la recherche est par tag
$isTagSearch = !empty($query) && substr($query, 0, 1) === '#';
$searchTag = $isTagSearch ? substr($query, 1) : '';

// Rechercher les vidéos via l'API PeerTube si une requête est soumise
$searchResults = !empty($query) ? searchVideos($query, COUNT_VIDEO_SEARCH) : [];

// Définir le nombre total de résultats
$resultsCount = count($searchResults);

// Calculer le nombre total de pages
$totalPages = ceil($resultsCount / VIDEOS_PER_PAGE);

// S'assurer que la page actuelle est valide
$currentSearchPage = min($currentSearchPage, max(1, $totalPages));

// Calculer les indices de début et de fin pour la page actuelle
$startIndex = ($currentSearchPage - 1) * VIDEOS_PER_PAGE;
$endIndex = min($startIndex + VIDEOS_PER_PAGE, $resultsCount);

// Extraire les vidéos pour la page actuelle
$currentPageVideos = [];
if ($resultsCount > 0) {
    $currentPageVideos = array_slice($searchResults, $startIndex, VIDEOS_PER_PAGE);
}
?>

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo !empty($query) ? 'Recherche: ' . htmlspecialchars($query) . ' - ' : 'Recherche - '; ?><?php echo SITE_NAME; ?></title>
    <meta name="description" content="<?php echo !empty($query) ? 'Résultats de recherche pour « ' . htmlspecialchars($query) . ' » sur ' . SITE_NAME . '. Découvrez des vidéos correspondantes à votre recherche.' : 'Recherchez des vidéos sur ' . SITE_NAME . '. ' . SITE_DESCRIPTION; ?>">
    <?php if (!empty($query)): ?>
    <meta name="robots" content="noindex, follow">
    <link rel="canonical" href="<?php echo getBaseUrl() . '/recherche.php?q=' . urlencode($query); ?>">
    <?php else: ?>
    <link rel="canonical" href="<?php echo getBaseUrl() . '/recherche.php'; ?>">
    <?php endif; ?>
    <link rel="stylesheet" href="css/styles.css?v=<?php echo filemtime('css/styles.css'); ?>">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css">

    <!-- Favicons -->
    <link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
    <link rel="manifest" href="site.webmanifest">
    <link rel="icon" type="image/x-icon" href="img/favicon.ico">
    <meta name="theme-color" content="#FF0000">
    
    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="<?php echo !empty($query) ? 'Recherche: ' . htmlspecialchars($query) . ' - ' : 'Recherche - '; ?><?php echo SITE_NAME; ?>">
    <meta property="og:description" content="<?php echo !empty($query) ? 'Résultats de recherche pour « ' . htmlspecialchars($query) . ' » sur ' . SITE_NAME . '. Découvrez des vidéos correspondantes à votre recherche.' : 'Recherchez des vidéos sur ' . SITE_NAME . '. ' . SITE_DESCRIPTION; ?>">
    <meta property="og:image" content="<?php echo 'https://' . $_SERVER['HTTP_HOST'] . '/img/logo.png'; ?>">
    <meta property="og:url" content="<?php echo 'https://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="<?php echo SITE_NAME; ?>">
    <meta property="og:locale" content="fr_FR">

    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="<?php echo !empty($query) ? 'Recherche: ' . htmlspecialchars($query) . ' - ' : 'Recherche - '; ?><?php echo SITE_NAME; ?>">
    <meta name="twitter:description" content="<?php echo !empty($query) ? 'Résultats de recherche pour « ' . htmlspecialchars($query) . ' » sur ' . SITE_NAME . '. Découvrez des vidéos correspondantes à votre recherche.' : 'Recherchez des vidéos sur ' . SITE_NAME . '. ' . SITE_DESCRIPTION; ?>">
    <meta name="twitter:image" content="<?php echo 'https://' . $_SERVER['HTTP_HOST'] . '/img/logo.png'; ?>">
    
    <?php if (!empty($query) && !empty($currentPageVideos)): ?>
    <!-- Données structurées JSON-LD pour la page de recherche -->
    <?php
    $searchUrl = getBaseUrl() . '/recherche.php?q=' . urlencode($query);
    $searchDescription = $isTagSearch
        ? 'Vidéos avec le tag ' . htmlspecialchars($searchTag) . ' sur ' . SITE_NAME
        : 'Résultats de recherche pour "' . htmlspecialchars($query) . '" sur ' . SITE_NAME;
    $searchTitle = $isTagSearch 
        ? 'Tag: ' . htmlspecialchars($searchTag)
        : 'Recherche: ' . htmlspecialchars($query);
        
    $collectionJsonLd = generateVideoCollectionJsonLd($searchTitle, $searchDescription, $currentPageVideos, $searchUrl);
    outputJsonLd($collectionJsonLd);
    
    // Générer les fils d'Ariane pour la recherche
    $breadcrumbs = [
        ['name' => 'Accueil', 'url' => getBaseUrl()],
        ['name' => 'Recherche', 'url' => getBaseUrl() . '/recherche.php'],
        ['name' => $searchTitle, 'url' => $searchUrl]
    ];
    $breadcrumbJsonLd = generateBreadcrumbJsonLd($breadcrumbs);
    outputJsonLd($breadcrumbJsonLd);
    ?>
    <?php endif; ?>
    
    <!-- Script pour éviter le flash en mode sombre -->
    <script nonce="<?php echo getCspNonce(); ?>">
        (function() {
            const savedTheme = localStorage.getItem('theme');
            const systemPrefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
            const shouldUseDark = savedTheme === 'dark' || (!savedTheme && systemPrefersDark);
            
            if (shouldUseDark) {
                document.documentElement.setAttribute('data-theme', 'dark');
            }
        })();
    </script>
</head>
<body>
    <?php include 'includes/sidebar.php'; ?>

    <!-- Contenu principal -->
    <div class="main-content">
        <?php include 'includes/header.php'; ?>

        <!-- Section de recherche -->
        <div class="video-section search-page" data-search-query="<?php echo htmlspecialchars($query); ?>">
            <div class="section-header">
                <div class="section-logo">
                    <img src="img/logo.png" alt="<?php echo SITE_NAME; ?>">
                </div>
                <?php if (!empty($query)): ?>
                    <?php if ($isTagSearch): ?>
                    <h1 class="section-title">Vidéos avec le hashtag : "<?php echo htmlspecialchars($searchTag); ?>"</h1>
                    <?php else: ?>
                    <h1 class="section-title">Résultats pour : "<?php echo htmlspecialchars($query); ?>"</h1>
                    <?php endif; ?>
                <?php else: ?>
                <h1 class="section-title">Rechercher des vidéos</h1>
                <?php endif; ?>
            </div>

            <?php if (!empty($query)): ?>
                <?php if ($resultsCount > 0): ?>
                    <div class="search-results-count">
                        <?php if ($isTagSearch): ?>
                        <p><?php echo $resultsCount; ?> vidéo<?php echo $resultsCount > 1 ? 's' : ''; ?> avec le hashtag #<?php echo htmlspecialchars($searchTag); ?></p>
                        <?php else: ?>
                        <p><?php echo $resultsCount; ?> résultat<?php echo $resultsCount > 1 ? 's' : ''; ?> trouvé<?php echo $resultsCount > 1 ? 's' : ''; ?></p>
                        <?php endif; ?>
                    </div>

                    <div class="video-grid category-videos">
                        <?php foreach ($currentPageVideos as $video): ?>
                        <div class="video-card" data-video-id="<?php echo $video['id']; ?>">
                            <div class="video-thumbnail">
                                <img src="<?php echo $video['thumbnail']; ?>" alt="<?php echo htmlspecialchars($video['title']); ?>">
                                <div class="video-play-icon">
                                    <i class="fas fa-play-circle"></i>
                                </div>
                                <span class="video-duration"><?php echo formatDuration($video['duration']); ?></span>
                            </div>
                            <div class="video-info">
                                <h3 class="video-title"><?php echo htmlspecialchars($video['title']); ?></h3>
                                <div class="video-channel">
                                    <?php if (strpos($video['channelAvatar'], 'default-avatar') !== false || empty($video['channelAvatar'])): ?>
                                        <div class="channel-avatar-placeholder">
                                            <i class="fas fa-user-circle"></i>
                                        </div>
                                    <?php else: ?>
                                        <img src="<?php echo $video['channelAvatar']; ?>" alt="<?php echo htmlspecialchars($video['channel']); ?>" class="channel-avatar">
                                    <?php endif; ?>
                                    <span class="channel-name"><?php echo htmlspecialchars($video['channel']); ?></span>
                                </div>
                                <div class="video-metadata">
                                    <?php if (defined('SHOW_VIDEO_VIEWS') && SHOW_VIDEO_VIEWS): ?>
                                    <span class="video-views"><i class="fas fa-eye"></i> <?php echo formatViewCount($video['views']); ?> vues</span>
                                    <?php endif; ?>
                                    <span class="video-date"><i class="far fa-calendar-alt"></i> <?php echo formatDate($video['date']); ?></span>
                                </div>
                            </div>
                        </div>
                        <?php endforeach; ?>
                    </div>

                    <?php if ($totalPages > 1): ?>
                    <div class="pagination">
                        <?php if ($currentSearchPage > 1): ?>
                            <a href="recherche.php?q=<?php echo htmlspecialchars(urlencode($query)); ?>&page=<?php echo intval($currentSearchPage - 1); ?>" class="page-link prev">
                                <i class="fas fa-chevron-left"></i> Précédent
                            </a>
                        <?php endif; ?>

                        <div class="page-numbers">
                            <?php
                            // Déterminer la plage de pages à afficher
                            $pageRange = 2; // Nombre de pages à afficher de chaque côté
                            $startPage = max(1, $currentSearchPage - $pageRange);
                            $endPage = min($totalPages, $currentSearchPage + $pageRange);

                            // Afficher le lien vers la première page si nécessaire
                            if ($startPage > 1) {
                                echo '<a href="recherche.php?q=' . htmlspecialchars(urlencode($query)) . '&page=1" class="page-number">1</a>';
                                if ($startPage > 2) {
                                    echo '<span class="page-dots">...</span>';
                                }
                            }

                            // Afficher les liens de pagination
                            for ($i = $startPage; $i <= $endPage; $i++) {
                                if ($i == $currentSearchPage) {
                                    echo '<span class="page-number current">' . $i . '</span>';
                                } else {
                                    echo '<a href="recherche.php?q=' . htmlspecialchars(urlencode($query)) . '&page=' . intval($i) . '" class="page-number">' . intval($i) . '</a>';
                                }
                            }

                            // Afficher le lien vers la dernière page si nécessaire
                            if ($endPage < $totalPages) {
                                if ($endPage < $totalPages - 1) {
                                    echo '<span class="page-dots">...</span>';
                                }
                                echo '<a href="recherche.php?q=' . htmlspecialchars(urlencode($query)) . '&page=' . intval($totalPages) . '" class="page-number">' . intval($totalPages) . '</a>';
                            }
                            ?>
                        </div>

                        <?php if ($currentSearchPage < $totalPages): ?>
                            <a href="recherche.php?q=<?php echo htmlspecialchars(urlencode($query)); ?>&page=<?php echo intval($currentSearchPage + 1); ?>" class="page-link next">
                                Suivant <i class="fas fa-chevron-right"></i>
                            </a>
                        <?php endif; ?>
                    </div>
                    <?php endif; ?>
                <?php else: ?>
                    <div class="no-videos-message">
                        <i class="fas fa-search-minus"></i>
                        <h3>Aucun résultat trouvé</h3>
                        <?php if ($isTagSearch): ?>
                        <p>Aucune vidéo n'a été trouvée avec le hashtag "#<?php echo htmlspecialchars($searchTag); ?>".</p>
                        <?php else: ?>
                        <p>Aucune vidéo ne correspond à votre recherche "<?php echo htmlspecialchars($query); ?>".</p>
                        <?php endif; ?>
                        <p>Essayez avec d'autres termes ou consultez les vidéos populaires sur la <a href="index.php">page d'accueil</a>.</p>
                    </div>
                <?php endif; ?>
            <?php else: ?>
                <div class="search-instructions">
                    <i class="fas fa-search"></i>
                    <h3>Effectuez une recherche</h3>
                    <p>Utilisez le formulaire ci-dessus pour rechercher des vidéos par titre, description ou tags.</p>
                    <p class="mt-2"><strong>Astuce :</strong> Pour rechercher par tag, commencez votre recherche par # (exemple: #réunion)</p>
                </div>
            <?php endif; ?>
        </div>
    </div>

    <?php include 'includes/footer.php'; ?>
    <?php include 'includes/mobile-menu.php'; ?>

    <script src="js/main.js"></script>
    <script src="js/search.js"></script>
    <script src="js/pwa-update.js?v=<?php echo filemtime('js/pwa-update.js'); ?>"></script>
</body>
</html>
