<?php 
require_once 'auth.php'; 

// Funções Auxiliares de Texto
function getPrimeiroUltimoNome($nomeCompleto) {
    $stopwords = ['de', 'da', 'do', 'das', 'dos', 'e'];
    $nomeLimpo = strtolower(trim($nomeCompleto));
    $partesNome = explode(' ', $nomeLimpo);
    $partesSignificativas = array_values(array_diff($partesNome, $stopwords));
    if (count($partesSignificativas) === 0) return $nomeCompleto;
    if (count($partesSignificativas) === 1) return ucfirst($partesSignificativas[0]);
    $primeiroNome = ucfirst($partesSignificativas[0]);
    $ultimoNome = ucfirst(end($partesSignificativas));
    return $primeiroNome . ' ' . $ultimoNome;
}

function getSaudacao($sexo) {
    return ($sexo === 'Feminino') ? 'Bem-vinda' : 'Bem-vindo';
}

// Carregar Configurações para Verificar Ganhadores
$configFile = 'dados_seguros/config.json';
$configData = file_exists($configFile) ? json_decode(file_get_contents($configFile), true) : [];
if ($configData === null) $configData = [];

// Lógica: Verificar se o usuário logado é um vencedor de ranking
if (isset($configData['rankings']) && is_array($configData['rankings'])) {
    foreach ($configData['rankings'] as $ranking) {
        if (isset($ranking['vencedores']) && is_array($ranking['vencedores'])) {
            foreach ($ranking['vencedores'] as $vencedor) {
                // Se a posição for 1 e o usuário for o atual
                if (isset($vencedor['usuario']) && $vencedor['usuario'] === $_SESSION['user_login'] && $vencedor['posicao'] == 1) {
                    $_SESSION['is_winner'] = true;
                    $_SESSION['ranking_title'] = $ranking['titulo'];
                    $_SESSION['ranking_position'] = $vencedor['posicao'];
                    break 2;
                }
            }
        }
    }
}

$saudacao = getSaudacao($_SESSION['user_sexo']);
$nomeParaExibir = getPrimeiroUltimoNome($_SESSION['user_name']);
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Intranet Biavatti</title>
    <link rel="icon" href="icon/favicon.svg" type="image/svg+xml" sizes="any">
    <link rel="icon" href="icon/favicon.png" sizes="48x48" type="image/png">
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
    
    <!-- FontAwesome para ícones (Coroa, Sol, Coração) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <!-- CSS com versionamento para forçar atualização do cache (?v=3) -->
    <link rel="stylesheet" href="style.css?v=3" />
</head>
<body>
    
    <!-- ============ POPUPS DE CELEBRAÇÃO ============ -->
    
    <!-- Popup Aniversário -->
    <?php if (isset($_SESSION['is_birthday']) && $_SESSION['is_birthday'] === true): ?>
    <div class="birthday-backdrop" id="birthdayBackdrop">
        <div class="birthday-card">
            <h2>Feliz Aniversário!</h2>
            <p>A equipe da Clínica Biavatti deseja a você um dia incrível e um novo ciclo repleto de realizações!</p>
            <button onclick="document.getElementById('birthdayBackdrop').style.display='none'">Obrigado!</button>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script>
    <script>confetti({ particleCount: 150, spread: 90, origin: { y: 0.6 } });</script>
    <?php unset($_SESSION['is_birthday']); ?>
    <?php endif; ?>

    <!-- Popup Ganhador Ranking (Só para 1º lugar) -->
    <?php if (isset($_SESSION['is_winner']) && $_SESSION['is_winner'] === true): ?>
    <div class="birthday-backdrop" id="winnerBackdrop">
        <div class="winner-card">
            <h2><i class="fas fa-trophy"></i> Parabéns!</h2>
            <p>Você alcançou a <strong>1ª posição</strong> no ranking "<?= htmlspecialchars($_SESSION['ranking_title']) ?>"!</p>
            <p>Seu esforço e dedicação são inspiradores. Continue com o excelente trabalho e buscando sempre o topo!</p>
            <button onclick="document.getElementById('winnerBackdrop').style.display='none'">Continuar Brilhando!</button>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script>
    <script>
        // Explosão de confetes dourados
        var duration = 3 * 1000;
        var end = Date.now() + duration;
        (function frame() {
            confetti({ particleCount: 5, angle: 60, spread: 55, origin: { x: 0 }, colors: ['#FFD700', '#FFFFFF'] });
            confetti({ particleCount: 5, angle: 120, spread: 55, origin: { x: 1 }, colors: ['#FFD700', '#FFFFFF'] });
            if (Date.now() < end) requestAnimationFrame(frame);
        }());
    </script>
    <?php unset($_SESSION['is_winner'], $_SESSION['ranking_title'], $_SESSION['ranking_position']); ?>
    <?php endif; ?>


    <!-- ============ SEÇÃO HERO (TOPO) ============ -->
    <section class="hero-section">
      <div class="hero-overlay"></div>

      <!-- NOVO: Selo da Campanha de Verão -->
      <div class="summer-badge">
          <i class="fas fa-sun"></i> Verão Biavatti 2026
      </div>

      <div class="hero-content">
        <img src="imagem/summer_logo.png" alt="Biavatti Summer Hits" class="hero-logo summer-logo-size"/>
        
        <!-- Saudação -->
        <h1><?php echo $saudacao; ?>, <?php echo htmlspecialchars($nomeParaExibir); ?>!</h1>
        <p>Você está na intranet da unidade <?php echo htmlspecialchars($_SESSION['user_unidade']); ?>.</p>
        
        <!-- WIDGET DE DATA E MOTIVAÇÃO -->
        <div class="weather-widget">
            <div id="current-date">Carregando data...</div>
            <div id="motivation-box">
                <i class="fas fa-heart"></i> 
                <span id="daily-phrase">Sua dedicação transforma vidas.</span>
            </div>
        </div>

        <!-- NAVEGAÇÃO / BOTÕES -->
        <nav class="hero-navigation">
          <a href="https://intranet.clinicabiavatti.com.br/Intranet%20Rede%20Biavatti/index.php?r=user%2Fauth%2Flogin" target="_blank" class="hero-button-main">Acessar Área do Colaborador</a>

          <!-- BOTÃO SISTEMA DE ORÇAMENTOS -->
          <!-- Substitua o href pelo link da pasta do sistema no seu host -->
          <!-- <a href="orcamentos/index.php" target="_blank" class="hero-button-budget">
              <i class="fas fa-calculator"></i> Novo Orçamento
          </a>-->

            <div class="hero-dropdown">
                <a class="hero-dropdown-trigger">Acesso Rápido</a>
                <div class="dropdown-content" id="quick-access-dropdown"></div>
            </div>
            <div class="hero-dropdown">
                <a class="hero-dropdown-trigger">Links Úteis</a>
                <div class="dropdown-content" id="useful-links-dropdown"></div>
            </div>
            <a href="logout.php">Sair</a>
        </nav>
      </div>
    </section>

    <!-- ============ CONTEÚDO PRINCIPAL ============ -->
    <main class="main-container">
        
        <!-- RANKINGS -->
        <div class="card full-width-card" id="rankings-section">
            <!-- Ícone de Sol na campanha de Verão -->
            <h2 class="ranking-title-display"><i class="fas fa-sun" style="color: #FFD700; margin-right:8px;"></i> Quadro de Honra</h2>
            <div class="carousel-wrapper">
                <div class="carousel-container"><div class="carousel-track"></div></div>
                <button class="carousel-btn prev-ranking-btn" aria-label="Anterior">&#10094;</button>
                <button class="carousel-btn next-ranking-btn" aria-label="Próximo">&#10095;</button>
            </div>
            <div class="carousel-indicators"></div>
        </div>

        <!-- NOTÍCIAS -->
        <div class="card full-width-card" id="news-section">
            <h2>Mural de Notícias</h2>
            <div id="news-container"></div>
        </div>
        
        <!-- ANIVERSARIANTES -->
        <div class="card" id="birthdays-section">
            <h2>Aniversariantes do Mês</h2>
            <div id="birthdays-container"></div>
        </div>

        <!-- VÍDEOS -->
        <div class="card" id="video-carousel-section">
            <h2>Vídeos Institucionais</h2>
            <div class="carousel-wrapper">
                <div class="carousel-container"><div class="carousel-track"></div></div>
                <button class="carousel-btn prev-video-btn" aria-label="Anterior">&#10094;</button>
                <button class="carousel-btn next-video-btn" aria-label="Próximo">&#10095;</button>
            </div>
            <div class="carousel-indicators"></div>
            <div class="video-title-container" id="video-title-display"></div>
        </div>
    </main>

    <!-- ============ RODAPÉ ELEGANCE (ONDAS SUAVES) ============ -->
    <footer class="footer-elegance">
      
      <!-- ONDAS SUAVES DE TRANSIÇÃO -->
      <div class="waves-container">
          <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
              <defs>
                  <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
              </defs>
              <g class="parallax">
                  <!-- Onda 1: Mais clara e transparente (Lá no fundo) -->
                  <use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(5, 156, 238, 0.2)" />
                  
                  <!-- Onda 2: Azul Intermediário -->
                  <use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(0, 33, 71, 0.5)" />
                  
                  <!-- Onda 3: A cor EXATA do rodapé para fundir -->
                  <use xlink:href="#gentle-wave" x="48" y="5" fill="#002147" /> 
              </g>
          </svg>
      </div>

      <!-- CONTEÚDO (Sem emojis, foco no profissional) -->
      <div class="footer-content">
          <div class="social-icons">
            <a href="https://www.instagram.com/clinicabiavatti/" target="_blank"><img src="icon/instagram.png" alt="Instagram"/></a>
            <a href="https://www.facebook.com/clinicabiavatti" target="_blank"><img src="icon/facebook.png" alt="Facebook"/></a>
            <a href="https://www.youtube.com/@ClinicaBiavatti" target="_blank"><img src="icon/youtube.png" alt="YouTube"/></a>
          </div>
          <p>© <?php echo date('Y'); ?> Clínica Biavatti. Todos os direitos reservados.</p>
          
          <?php if (isset($_SESSION['user_cargo']) && $_SESSION['user_cargo'] === 'Administrador'): ?>
          <div class="admin-link-container">
            <a href="admin/painel.php" title="Acessar painel" target="_blank">
              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg>
            </a>
          </div>
          <?php endif; ?>
      </div>
    </footer>

    <!-- Scripts (Confete e App) -->
    <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script>
    <script src="script.js"></script>
</body>
</html>