<?php
// Carrega os dados do site a partir de data.json
$dataFile = __DIR__ . '/data.json';
$json = file_get_contents($dataFile);
$data = json_decode($json, true);
if (!$data) {
    $data = [];
}

// Função utilitária para clarear uma cor hexadecimal.
// Aceita uma cor no formato #RRGGBB e um factor de clareamento (0-1) e
// devolve uma nova cor mais clara, aproximando cada canal de 255.
function lightenColor($hex, $factor = 0.4) {
    $hex = ltrim($hex, '#');
    // Garante que a string tem 6 dígitos
    if (strlen($hex) === 3) {
        $hex = $hex[0].$hex[0].$hex[1].$hex[1].$hex[2].$hex[2];
    }
    $r = hexdec(substr($hex, 0, 2));
    $g = hexdec(substr($hex, 2, 2));
    $b = hexdec(substr($hex, 4, 2));
    $r = (int)round($r + (255 - $r) * $factor);
    $g = (int)round($g + (255 - $g) * $factor);
    $b = (int)round($b + (255 - $b) * $factor);
    return sprintf('#%02X%02X%02X', $r, $g, $b);
}

// Determina cores de gradiente com base na cor principal
$accentColor = $data['accentColor'] ?? '#E94298';
$gradientStart = lightenColor($accentColor, 0.45);
$gradientEnd = $accentColor;
?>
<!DOCTYPE html>
<html lang="pt">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo htmlspecialchars($data['siteName'] ?? 'Site'); ?></title>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Dancing+Script:wght@700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/styles.css">
    <!-- Define a cor principal como variável CSS -->
    <!-- Variáveis CSS definidas dinamicamente -->
    <style>:root{
        --accent: <?php echo htmlspecialchars($accentColor); ?>;
        --gradient-start: <?php echo htmlspecialchars($gradientStart); ?>;
        --gradient-end: <?php echo htmlspecialchars($gradientEnd); ?>;
    }</style>
</head>
<body>
    <header>
        <div class="container">
            <div class="logo">
                <span class="logo-text"><?php echo htmlspecialchars($data['logoText'] ?? ''); ?></span>
                <span class="tagline"><?php echo htmlspecialchars($data['tagline'] ?? ''); ?></span>
            </div>
            <nav>
                <ul>
                    <li><a href="#hero">Início</a></li>
                    <li><a href="#about"><?php echo htmlspecialchars($data['aboutTitle'] ?? 'Sobre'); ?></a></li>
                    <li><a href="#advantages">Vantagens</a></li>
                    <li><a href="#services">Serviços</a></li>
                    <li><a href="#testimonials">Testemunhos</a></li>
                    <li><a href="#contact">Contactos</a></li>
                </ul>
            </nav>
        </div>
    </header>
    <section id="hero">
        <div class="hero-content">
            <h1><?php echo htmlspecialchars($data['heroTitle'] ?? ''); ?></h1>
            <p><?php echo htmlspecialchars($data['heroSubtitle'] ?? ''); ?></p>
            <a href="#services" class="btn">Descubra Mais</a>
            <a href="#contact" class="btn btn-secondary">Marcar Consulta</a>
        </div>
    </section>
    <section id="about">
        <div class="container">
            <h2><?php echo htmlspecialchars($data['aboutTitle'] ?? 'Quem Somos'); ?></h2>
            <p><?php echo nl2br(htmlspecialchars($data['aboutText'] ?? '')); ?></p>
        </div>
    </section>

    <!-- Secção de Vantagens / Diferenciais -->
    <section id="advantages">
        <div class="container">
            <h2>Porquê escolher a Edy Melo?</h2>
            <div class="advantages-grid">
                <?php
                // Define um conjunto de itens de vantagem com ícones e textos fixos
                $advantages = [
                    [
                        'icon' => 'service_laser.png',
                        'title' => 'Tecnologia Avançada',
                        'text' => 'Equipamentos de última geração garantem resultados eficazes e seguros em todos os tratamentos.'
                    ],
                    [
                        'icon' => 'service_face.png',
                        'title' => 'Equipa Especializada',
                        'text' => 'Profissionais qualificados e em constante formação oferecem um atendimento personalizado.'
                    ],
                    [
                        'icon' => 'service_body.png',
                        'title' => 'Protocolos Rigorosos',
                        'text' => 'Seguimos protocolos de excelência para assegurar a qualidade e a segurança dos procedimentos.'
                    ],
                    [
                        'icon' => 'service_wellness.png',
                        'title' => 'Bem‑Estar Holístico',
                        'text' => 'Integramos nutrição e osteopatia para promover a saúde, a imagem e a qualidade de vida.'
                    ],
                ];
                foreach ($advantages as $adv): ?>
                    <div class="advantage-item">
                        <img src="images/<?php echo htmlspecialchars($adv['icon']); ?>" alt="<?php echo htmlspecialchars($adv['title']); ?>">
                        <h3><?php echo htmlspecialchars($adv['title']); ?></h3>
                        <p><?php echo htmlspecialchars($adv['text']); ?></p>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>
    <section id="services">
        <div class="container">
            <h2>Serviços</h2>
            <div class="service-grid">
                <?php if (!empty($data['services']) && is_array($data['services'])): ?>
                    <?php
                    // Define ícones disponíveis para os serviços. Se houver mais serviços, os ícones repetem-se ciclicamente.
                    $serviceIcons = ['service_laser.png', 'service_face.png', 'service_body.png', 'service_wellness.png'];
                    foreach ($data['services'] as $i => $service):
                        $icon = $serviceIcons[$i % count($serviceIcons)];
                    ?>
                        <div class="service-card">
                            <img src="images/<?php echo htmlspecialchars($icon); ?>" alt="Ícone de <?php echo htmlspecialchars($service['title']); ?>">
                            <h3><?php echo htmlspecialchars($service['title']); ?></h3>
                            <p><?php echo htmlspecialchars($service['description']); ?></p>
                        </div>
                    <?php endforeach; ?>
                <?php endif; ?>
            </div>
        </div>
    </section>

    <!-- Secção de Testemunhos -->
    <section id="testimonials">
        <div class="container">
            <h2>O que dizem os nossos clientes</h2>
            <div class="testimonial-grid">
                <?php
                // Lista de testemunhos fictícios para inspiração
                $testimonials = [
                    [
                        'quote' => 'Serviço excelente e resultados rápidos. Recomendo a todos que procuram profissionais dedicados.',
                        'author' => 'Carla S.'
                    ],
                    [
                        'quote' => 'Profissionais atenciosos e ambiente acolhedor. Senti‑me sempre bem acompanhada!',
                        'author' => 'Joana M.'
                    ],
                    [
                        'quote' => 'Os tratamentos excederam as minhas expectativas. A minha pele nunca esteve tão bonita.',
                        'author' => 'Ricardo P.'
                    ],
                ];
                foreach ($testimonials as $t): ?>
                    <div class="testimonial-item">
                        <p class="quote">&ldquo;<?php echo htmlspecialchars($t['quote']); ?>&rdquo;</p>
                        <p class="author">&mdash; <?php echo htmlspecialchars($t['author']); ?></p>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <!-- Secção de Newsletter -->
    <section id="newsletter">
        <div class="newsletter-container">
            <?php if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['newsletterEmail']) && $_POST['newsletterEmail'] !== ''): ?>
                <p class="newsletter-success">Obrigado por subscrever! Em breve receberá as nossas novidades.</p>
            <?php else: ?>
                <h2>Não perca nada!</h2>
                <p>Subscreva a nossa newsletter e não perca nenhuma novidade.</p>
                <form method="POST" action="#newsletter">
                    <input type="email" name="newsletterEmail" placeholder="O seu e‑mail" required>
                    <button type="submit">Subscrever</button>
                </form>
            <?php endif; ?>
        </div>
    </section>
    <section id="contact">
        <div class="container">
            <h2>Contactos</h2>
            <p><strong>Telefone:</strong> <?php echo htmlspecialchars($data['contact']['phone'] ?? ''); ?></p>
            <p><strong>Email:</strong> <?php echo htmlspecialchars($data['contact']['email'] ?? ''); ?></p>
            <p><strong>Endereço:</strong> <?php echo htmlspecialchars($data['contact']['address'] ?? ''); ?></p>
        </div>
    </section>
    <footer>
        <div class="footer-container">
            <div class="footer-col">
                <h4>Sobre</h4>
                <ul>
                    <li><a href="#about">Quem Somos</a></li>
                    <li><a href="#advantages">Porquê Escolher</a></li>
                </ul>
            </div>
            <div class="footer-col">
                <h4>Serviços</h4>
                <ul>
                    <?php if (!empty($data['services']) && is_array($data['services'])): ?>
                        <?php foreach ($data['services'] as $service): ?>
                            <li><a href="#services"><?php echo htmlspecialchars($service['title']); ?></a></li>
                        <?php endforeach; ?>
                    <?php endif; ?>
                </ul>
            </div>
            <div class="footer-col">
                <h4>Contactos</h4>
                <p>Telefone: <?php echo htmlspecialchars($data['contact']['phone'] ?? ''); ?></p>
                <p>Email: <?php echo htmlspecialchars($data['contact']['email'] ?? ''); ?></p>
                <p>Endereço: <?php echo htmlspecialchars($data['contact']['address'] ?? ''); ?></p>
            </div>
            <div class="footer-col">
                <h4>Redes Sociais</h4>
                <ul>
                    <li><a href="https://www.instagram.com/edymelolaser/" target="_blank">Instagram</a></li>
                    <li><a href="https://www.facebook.com/edymelolaser/" target="_blank">Facebook</a></li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy; <?php echo date('Y'); ?> <?php echo htmlspecialchars($data['siteName'] ?? 'Site'); ?>. Todos os direitos reservados.</p>
        </div>
    </footer>
</body>
</html>