<?php
// admin/whatsapp-settings.php
$pageTitle = 'Configurações do WhatsApp';
$pageHeader = 'Configurações do WhatsApp';
$currentPage = 'whatsapp-settings';

// Define BASE_PATH se não estiver definido
if (!defined('BASE_PATH')) {
    define('BASE_PATH', dirname(dirname(__FILE__)));
}

require_once '../includes/config.php';
require_once '../includes/db.php';
require_once '../includes/functions.php';
require_once '../includes/auth.php';
require_once '../includes/whatsapp-helper.php';

// Verificar autenticação
if (!$auth->isLoggedIn()) {
    redirect('admin/login.php');
    exit;
}

$errors = [];
$success = '';

// Buscar configurações atuais
$currentSettings = $whatsappHelper->getSettings();

// Processamento do formulário
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    try {
        // Validação dos dados
        $title = isset($_POST['title']) ? trim($_POST['title']) : '';
        $url_1 = isset($_POST['url_1']) ? trim($_POST['url_1']) : '';
        $url_2 = isset($_POST['url_2']) ? trim($_POST['url_2']) : '';
        $url_3 = isset($_POST['url_3']) ? trim($_POST['url_3']) : '';
        $button_text = isset($_POST['button_text']) ? trim($_POST['button_text']) : '';
        $position = isset($_POST['position']) ? trim($_POST['position']) : 'after-third';
        $active = isset($_POST['active']) && $_POST['active'] == '1';
        
        // Validações básicas
        if (empty($title)) {
            $errors[] = 'O título é obrigatório.';
        }
        
        if (empty($url_1)) {
            $errors[] = 'Pelo menos a URL 1 é obrigatória.';
        }
        
        if (empty($button_text)) {
            $errors[] = 'O texto do botão é obrigatório.';
        }
        
        // Validar URLs - agora aceita qualquer URL válida
        if (!empty($url_1) && !filter_var($url_1, FILTER_VALIDATE_URL)) {
            $errors[] = 'URL 1 não é uma URL válida.';
        }
        
        if (!empty($url_2) && !filter_var($url_2, FILTER_VALIDATE_URL)) {
            $errors[] = 'URL 2 não é uma URL válida.';
        }
        
        if (!empty($url_3) && !filter_var($url_3, FILTER_VALIDATE_URL)) {
            $errors[] = 'URL 3 não é uma URL válida.';
        }
        
        // Se não houver erros, salvar
        if (empty($errors)) {
            $data = [
                'title' => $title,
                'url_1' => $url_1,
                'url_2' => $url_2,
                'url_3' => $url_3,
                'button_text' => $button_text,
                'position' => $position,
                'active' => $active
            ];
            
            if ($whatsappHelper->updateSettings($data)) {
                $success = 'Configurações salvas com sucesso!';
                $currentSettings = $whatsappHelper->getSettings(); // Recarregar configurações
            } else {
                $errors[] = 'Erro ao salvar as configurações.';
            }
        }
        
    } catch (Exception $e) {
        $errors[] = 'Erro: ' . $e->getMessage();
    }
}

require_once 'inc/header.php';
?>

<div class="container-fluid px-4">
    <div class="page-header mb-4">
        <div class="row align-items-center">
            <div class="col-md-6">
                <h1 class="page-title">
                    <i class="fas fa-link text-primary me-2"></i><?php echo $pageTitle; ?>
                </h1>
                <p class="text-muted">Configure os botões de redirecionamento que aparecerão nas páginas.</p>
            </div>
            <div class="col-md-6 text-md-end">
                <a href="index.php" class="btn btn-outline-primary">
                    <i class="fas fa-arrow-left me-2"></i>Voltar ao Dashboard
                </a>
            </div>
        </div>
    </div>

    <!-- Status do Sistema -->
    <div class="row mb-4">
        <div class="col-md-3">
            <div class="card border-0 shadow-sm">
                <div class="card-body text-center">
                    <div class="mb-2">
                        <?php if ($currentSettings['active']): ?>
                        <i class="fas fa-check-circle text-success" style="font-size: 2rem;"></i>
                        <h5 class="mt-2 text-success">Ativo</h5>
                        <?php else: ?>
                        <i class="fas fa-times-circle text-danger" style="font-size: 2rem;"></i>
                        <h5 class="mt-2 text-danger">Inativo</h5>
                        <?php endif; ?>
                    </div>
                    <p class="small text-muted">Status do Sistema</p>
                </div>
            </div>
        </div>
        
        <div class="col-md-3">
            <div class="card border-0 shadow-sm">
                <div class="card-body text-center">
                    <div class="mb-2">
                        <i class="fas fa-link text-primary" style="font-size: 2rem;"></i>
                        <h5 class="mt-2"><?php echo count($whatsappHelper->getAvailableUrls()); ?></h5>
                    </div>
                    <p class="small text-muted">URLs Configuradas</p>
                </div>
            </div>
        </div>
        
        <div class="col-md-3">
            <div class="card border-0 shadow-sm">
                <div class="card-body text-center">
                    <div class="mb-2">
                        <i class="fas fa-map-marker-alt text-info" style="font-size: 2rem;"></i>
                        <h5 class="mt-2"><?php echo ucfirst(str_replace('-', ' ', $currentSettings['position'])); ?></h5>
                    </div>
                    <p class="small text-muted">Posição Padrão</p>
                </div>
            </div>
        </div>
        
        <div class="col-md-3">
            <div class="card border-0 shadow-sm">
                <div class="card-body text-center">
                    <div class="mb-2">
                        <i class="fas fa-globe text-warning" style="font-size: 2rem;"></i>
                        <h5 class="mt-2">Universal</h5>
                    </div>
                    <p class="small text-muted">Aceita Qualquer URL</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Formulário de Configurações -->
    <div class="card border-0 shadow-sm mb-4">
        <div class="card-header bg-white">
            <h5 class="card-title mb-0">
                <i class="fas fa-cog me-2"></i>Configurações Gerais
            </h5>
        </div>
        <div class="card-body">
            <?php if (!empty($errors)): ?>
            <div class="alert alert-danger">
                <h6 class="mb-2"><i class="fas fa-exclamation-triangle me-2"></i>Erros encontrados:</h6>
                <ul class="mb-0">
                    <?php foreach ($errors as $error): ?>
                    <li><?php echo htmlspecialchars($error); ?></li>
                    <?php endforeach; ?>
                </ul>
            </div>
            <?php endif; ?>
            
            <?php if (!empty($success)): ?>
            <div class="alert alert-success">
                <i class="fas fa-check-circle me-2"></i><?php echo htmlspecialchars($success); ?>
            </div>
            <?php endif; ?>
            
            <form method="post" action="">
                <div class="row g-4">
                    <!-- Configurações Básicas -->
                    <div class="col-md-6">
                        <h6 class="text-primary mb-3">
                            <i class="fas fa-info-circle me-2"></i>Configurações Básicas
                        </h6>
                        
                        <div class="mb-3">
                            <label for="title" class="form-label">Título do Convite</label>
                            <input type="text" class="form-control" id="title" name="title" 
                                   value="<?php echo htmlspecialchars($currentSettings['title']); ?>" required>
                            <div class="form-text">Texto que aparece acima do botão de redirecionamento.</div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="button_text" class="form-label">Texto do Botão</label>
                            <input type="text" class="form-control" id="button_text" name="button_text" 
                                   value="<?php echo htmlspecialchars($currentSettings['button_text']); ?>" required>
                            <div class="form-text">Texto que aparece dentro do botão.</div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="position" class="form-label">Posição Padrão</label>
                            <select class="form-select" id="position" name="position">
                                <option value="after-first" <?php echo $currentSettings['position'] == 'after-first' ? 'selected' : ''; ?>>Após o 1º parágrafo</option>
                                <option value="after-second" <?php echo $currentSettings['position'] == 'after-second' ? 'selected' : ''; ?>>Após o 2º parágrafo</option>
                                <option value="after-third" <?php echo $currentSettings['position'] == 'after-third' ? 'selected' : ''; ?>>Após o 3º parágrafo</option>
                                <option value="middle" <?php echo $currentSettings['position'] == 'middle' ? 'selected' : ''; ?>>No meio do conteúdo</option>
                                <option value="before-last" <?php echo $currentSettings['position'] == 'before-last' ? 'selected' : ''; ?>>Antes do último parágrafo</option>
                                <option value="end" <?php echo $currentSettings['position'] == 'end' ? 'selected' : ''; ?>>No final do conteúdo</option>
                            </select>
                            <div class="form-text">Posição padrão onde o botão será inserido no conteúdo.</div>
                        </div>
                        
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" id="active" name="active" value="1" 
                                   <?php echo $currentSettings['active'] ? 'checked' : ''; ?>>
                            <label class="form-check-label" for="active">
                                <strong>Sistema Ativo</strong>
                            </label>
                            <div class="form-text">Quando inativo, os botões não aparecerão em nenhuma página.</div>
                        </div>
                    </div>
                    
                    <!-- URLs de Redirecionamento -->
                    <div class="col-md-6">
                        <h6 class="text-primary mb-3">
                            <i class="fas fa-external-link-alt me-2"></i>URLs de Redirecionamento
                        </h6>
                        
                        <div class="mb-3">
                            <label for="url_1" class="form-label">
                                <span class="badge bg-primary me-2">1</span>URL Principal <span class="text-danger">*</span>
                            </label>
                            <input type="url" class="form-control" id="url_1" name="url_1" 
                                   value="<?php echo htmlspecialchars($currentSettings['url_1']); ?>" required
                                   placeholder="https://exemplo.com/destino1">
                            <div class="form-text">URL principal de redirecionamento (obrigatória).</div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="url_2" class="form-label">
                                <span class="badge bg-secondary me-2">2</span>URL Alternativa 1
                            </label>
                            <input type="url" class="form-control" id="url_2" name="url_2" 
                                   value="<?php echo htmlspecialchars($currentSettings['url_2'] ?? ''); ?>"
                                   placeholder="https://exemplo.com/destino2">
                            <div class="form-text">Segunda URL de redirecionamento (opcional).</div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="url_3" class="form-label">
                                <span class="badge bg-success me-2">3</span>URL Alternativa 2
                            </label>
                            <input type="url" class="form-control" id="url_3" name="url_3" 
                                   value="<?php echo htmlspecialchars($currentSettings['url_3'] ?? ''); ?>"
                                   placeholder="https://exemplo.com/destino3">
                            <div class="form-text">Terceira URL de redirecionamento (opcional).</div>
                        </div>
                        
                        <div class="alert alert-info border-0">
                            <i class="fas fa-lightbulb me-2"></i>
                            <strong>Dica:</strong> Você pode usar qualquer URL válida (WhatsApp, Telegram, site, etc.) e até repetir a mesma URL nos 3 campos se desejar.
                        </div>
                        
                        <div class="alert alert-warning border-0">
                            <i class="fas fa-copy me-2"></i>
                            <strong>URLs Iguais:</strong> É permitido usar a mesma URL em múltiplos campos. Isso é útil quando você quer ter apenas uma opção de redirecionamento.
                        </div>
                    </div>
                </div>
                
                <hr class="my-4">
                
                <div class="d-flex justify-content-between align-items-center flex-wrap gap-3">
                    <div>
                        <button type="submit" class="btn btn-primary btn-lg">
                            <i class="fas fa-save me-2"></i>Salvar Configurações
                        </button>
                        <button type="button" class="btn btn-outline-secondary btn-lg ms-2" onclick="location.reload()">
                            <i class="fas fa-undo me-2"></i>Cancelar
                        </button>
                    </div>
                    
                    <div class="d-flex gap-2 flex-wrap">
                        <button type="button" class="btn btn-outline-info" onclick="copyUrlsFromField1()">
                            <i class="fas fa-copy me-2"></i>Copiar URL 1 para Todos
                        </button>
                        <button type="button" class="btn btn-outline-success" onclick="clearAllUrls()">
                            <i class="fas fa-broom me-2"></i>Limpar URLs 2 e 3
                        </button>
                        <button type="button" class="btn btn-outline-warning" onclick="testAllUrls()">
                            <i class="fas fa-flask me-2"></i>Testar Todas as URLs
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- Preview do Botão -->
    <div class="card border-0 shadow-sm mb-4">
        <div class="card-header bg-white">
            <h5 class="card-title mb-0">
                <i class="fas fa-eye me-2"></i>Preview do Botão
            </h5>
        </div>
        <div class="card-body">
            <div id="redirect-preview">
                <?php echo $whatsappHelper->generateWhatsAppHTML(); ?>
            </div>
            
            <div class="mt-3">
                <small class="text-muted">
                    <i class="fas fa-info-circle me-1"></i>
                    Este é o preview usando a URL 1. Nas páginas, o admin pode escolher entre as URLs disponíveis.
                </small>
            </div>
        </div>
    </div>

    <!-- URLs Disponíveis -->
    <div class="card border-0 shadow-sm">
        <div class="card-header bg-white">
            <h5 class="card-title mb-0">
                <i class="fas fa-list me-2"></i>URLs Configuradas
            </h5>
        </div>
        <div class="card-body">
            <?php $availableUrls = $whatsappHelper->getAvailableUrls(); ?>
            <?php if (empty($availableUrls)): ?>
            <div class="text-center py-4">
                <i class="fas fa-inbox text-muted" style="font-size: 3rem;"></i>
                <h5 class="text-muted mt-3">Nenhuma URL configurada</h5>
                <p class="text-muted">Configure pelo menos a URL 1 para começar a usar o sistema.</p>
            </div>
            <?php else: ?>
            <div class="row">
                <?php foreach ($availableUrls as $urlData): ?>
                <div class="col-md-4 mb-3">
                    <div class="card border-0 bg-light">
                        <div class="card-body">
                            <h6 class="card-title">
                                <span class="badge bg-<?php echo $urlData['key'] == 'url_1' ? 'primary' : ($urlData['key'] == 'url_2' ? 'secondary' : 'success'); ?> me-2">
                                    <?php echo substr($urlData['key'], -1); ?>
                                </span>
                                <?php echo htmlspecialchars($urlData['label']); ?>
                            </h6>
                            <p class="card-text small text-muted">
                                <?php echo htmlspecialchars($urlData['preview']); ?>
                            </p>
                            <div class="d-flex gap-2">
                                <a href="<?php echo htmlspecialchars($urlData['url']); ?>" 
                                   target="_blank" 
                                   class="btn btn-sm btn-primary">
                                    <i class="fas fa-external-link-alt me-1"></i>Testar
                                </a>
                                <button type="button" class="btn btn-sm btn-outline-secondary" onclick="copyToClipboard('<?php echo htmlspecialchars($urlData['url']); ?>')">
                                    <i class="fas fa-copy me-1"></i>Copiar
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <?php endforeach; ?>
            </div>
            
            <!-- Estatísticas das URLs -->
            <hr>
            <div class="row text-center">
                <div class="col-md-4">
                    <div class="stat-item">
                        <h4 class="text-primary"><?php echo count($availableUrls); ?></h4>
                        <p class="text-muted mb-0">URLs Ativas</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="stat-item">
                        <h4 class="text-success">
                            <?php 
                            $urls = array_column($availableUrls, 'url');
                            echo count(array_unique($urls)); 
                            ?>
                        </h4>
                        <p class="text-muted mb-0">URLs Únicas</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="stat-item">
                        <h4 class="text-info">
                            <?php 
                            $urls = array_column($availableUrls, 'url');
                            echo count($urls) - count(array_unique($urls)); 
                            ?>
                        </h4>
                        <p class="text-muted mb-0">URLs Duplicadas</p>
                    </div>
                </div>
            </div>
            <?php endif; ?>
        </div>
    </div>
</div>

<!-- CSS Personalizado -->
<style>
.page-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--dark-color);
}

.card {
    border-radius: 0.75rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.form-control:focus, .form-select:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15);
}

.btn-primary {
    background: linear-gradient(135deg, #007bff, #0056b3);
    border: none;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.4);
}

.whatsapp-cta-container {
    text-align: center;
    margin: 1rem 0;
    padding: 1.5rem;
    background-color: rgba(0, 123, 255, 0.1);
    border-radius: 12px;
    border: 1px solid rgba(0, 123, 255, 0.2);
}

.whatsapp-title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    color: #0056b3;
    font-weight: 600;
}

.whatsapp-cta-button {
    display: inline-block;
    background-color: #007bff;
    color: white !important;
    font-weight: 600;
    padding: 1rem 2rem;
    border-radius: 8px;
    text-decoration: none !important;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.4);
    font-size: 1.1rem;
}

.whatsapp-cta-button:hover {
    background-color: #0056b3;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 123, 255, 0.5);
    color: white !important;
}

.whatsapp-cta-button i {
    margin-right: 0.5rem;
    font-size: 1.2rem;
}

.stat-item {
    padding: 1rem;
    background: rgba(0, 123, 255, 0.05);
    border-radius: 8px;
    margin-bottom: 1rem;
}

.btn-group-custom {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.url-duplicate-warning {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 6px;
    padding: 0.75rem;
    margin-top: 0.5rem;
}
</style>

<!-- JavaScript -->
<script>
// Atualizar preview em tempo real
function updatePreview() {
    const title = document.getElementById('title').value;
    const buttonText = document.getElementById('button_text').value;
    
    const previewContainer = document.getElementById('redirect-preview');
    previewContainer.innerHTML = `
        <div class="whatsapp-cta-container">
            <h3 class="whatsapp-title">${title}</h3>
            <a href="#" class="whatsapp-cta-button" onclick="return false;">
                <i class="fas fa-external-link-alt"></i> ${buttonText}
            </a>
        </div>
    `;
}

// Event listeners para atualização do preview
document.getElementById('title').addEventListener('input', updatePreview);
document.getElementById('button_text').addEventListener('input', updatePreview);

// Copiar URL 1 para todos os campos
function copyUrlsFromField1() {
    const url1 = document.getElementById('url_1').value;
    if (url1.trim()) {
        if (confirm('Isso irá substituir as URLs 2 e 3 pela URL 1. Continuar?')) {
            document.getElementById('url_2').value = url1;
            document.getElementById('url_3').value = url1;
            showNotification('URLs copiadas com sucesso!', 'success');
        }
    } else {
        showNotification('A URL 1 precisa estar preenchida primeiro.', 'warning');
    }
}

// Limpar URLs 2 e 3
function clearAllUrls() {
    if (confirm('Isso irá limpar as URLs 2 e 3. Continuar?')) {
        document.getElementById('url_2').value = '';
        document.getElementById('url_3').value = '';
        showNotification('URLs 2 e 3 foram limpas.', 'info');
    }
}

// Testar todas as URLs
function testAllUrls() {
    const urls = [
        { label: 'URL 1', value: document.getElementById('url_1').value },
        { label: 'URL 2', value: document.getElementById('url_2').value },
        { label: 'URL 3', value: document.getElementById('url_3').value }
    ];
    
    let validUrls = urls.filter(url => url.value.trim() !== '');
    
    if (validUrls.length === 0) {
        showNotification('Nenhuma URL configurada para testar.', 'warning');
        return;
    }
    
    let message = `Testando ${validUrls.length} URL(s) configurada(s):\n\n`;
    validUrls.forEach(url => {
        message += `• ${url.label}: ${url.value}\n`;
    });
    message += `\nAs URLs serão abertas em novas abas. Continuar?`;
    
    if (confirm(message)) {
        validUrls.forEach((url, index) => {
            setTimeout(() => {
                window.open(url.value, '_blank');
            }, index * 500); // Delay para evitar bloqueio de pop-up
        });
    }
}

// Copiar para clipboard
function copyToClipboard(text) {
    if (navigator.clipboard && window.isSecureContext) {
        navigator.clipboard.writeText(text).then(() => {
            showNotification('URL copiada para a área de transferência!', 'success');
        }).catch(() => {
            fallbackCopy(text);
        });
    } else {
        fallbackCopy(text);
    }
}

function fallbackCopy(text) {
    const textArea = document.createElement('textarea');
    textArea.value = text;
    textArea.style.position = 'fixed';
    textArea.style.opacity = '0';
    document.body.appendChild(textArea);
    textArea.focus();
    textArea.select();
    
    try {
        document.execCommand('copy');
        showNotification('URL copiada para a área de transferência!', 'success');
    } catch (err) {
        showNotification('Erro ao copiar. Tente selecionar e copiar manualmente.', 'error');
    }
    
    document.body.removeChild(textArea);
}

// Sistema de notificações
function showNotification(message, type = 'info') {
    const notification = document.createElement('div');
    notification.className = `alert alert-${type} position-fixed`;
    notification.style.cssText = `
        top: 20px;
        right: 20px;
        z-index: 1050;
        min-width: 300px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    `;
    notification.innerHTML = `
        <i class="fas fa-${getIconForType(type)} me-2"></i>
        ${message}
        <button type="button" class="btn-close" onclick="this.parentElement.remove()"></button>
    `;
    
    document.body.appendChild(notification);
    
    // Auto-remover após 5 segundos
    setTimeout(() => {
        if (notification.parentElement) {
            notification.remove();
        }
    }, 5000);
}

function getIconForType(type) {
    switch(type) {
        case 'success': return 'check-circle';
        case 'danger': 
        case 'error': return 'exclamation-triangle';
        case 'warning': return 'exclamation-circle';
        default: return 'info-circle';
    }
}

// Validação básica de URL - agora aceita qualquer URL
function validateUrl(input) {
    const url = input.value.trim();
    if (url && !isValidUrl(url)) {
        input.setCustomValidity('Por favor, insira uma URL válida (ex: https://exemplo.com)');
    } else {
        input.setCustomValidity('');
    }
    
    // Verificar se é uma URL duplicada
    checkDuplicateUrls();
}

function isValidUrl(string) {
    try {
        new URL(string);
        return true;
    } catch (_) {
        return false;
    }
}

// Verificar URLs duplicadas e mostrar aviso
function checkDuplicateUrls() {
    const url1 = document.getElementById('url_1').value.trim();
    const url2 = document.getElementById('url_2').value.trim();
    const url3 = document.getElementById('url_3').value.trim();
    
    // Remover avisos anteriores
    document.querySelectorAll('.url-duplicate-warning').forEach(el => el.remove());
    
    const urls = [url1, url2, url3].filter(url => url !== '');
    const duplicates = urls.filter((url, index) => urls.indexOf(url) !== index);
    
    if (duplicates.length > 0) {
        const warning = document.createElement('div');
        warning.className = 'url-duplicate-warning';
        warning.innerHTML = `
            <i class="fas fa-info-circle me-2"></i>
            <strong>URLs Duplicadas Detectadas:</strong> Algumas URLs são iguais. Isso é permitido, mas o admin terá as mesmas opções de redirecionamento.
        `;
        
        document.querySelector('.col-md-6:last-child .alert-warning').after(warning);
    }
}

// Event listeners para validação
document.getElementById('url_1').addEventListener('input', function() { validateUrl(this); });
document.getElementById('url_2').addEventListener('input', function() { validateUrl(this); });
document.getElementById('url_3').addEventListener('input', function() { validateUrl(this); });

// Inicialização
document.addEventListener('DOMContentLoaded', function() {
    // Verificar duplicatas ao carregar
    checkDuplicateUrls();
    
    // Adicionar tooltips nos botões
    const tooltips = {
        'url_1': 'Esta é a URL principal e é obrigatória',
        'url_2': 'URL opcional - pode ser igual à URL 1 se desejar',
        'url_3': 'URL opcional - pode ser igual às outras se desejar'
    };
    
    Object.keys(tooltips).forEach(id => {
        const element = document.getElementById(id);
        if (element) {
            element.title = tooltips[id];
        }
    });
});
</script>

<?php require_once 'inc/footer.php'; ?>