<?php
/**
 * Script de teste para verificar integração com Make
 * Acesse este arquivo no navegador para testar
 */

require_once 'config.php';
require_once 'make_integration.php';

// Verificar se é uma requisição POST (teste real) ou GET (página de teste)
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['testar_make'])) {
    $resultado = testMakeConnection();
    
    header('Content-Type: application/json');
    echo json_encode($resultado);
    exit;
}

// Página de teste
?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Teste de Integração Make - GIMAK</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        .container {
            background: white;
            border-radius: 16px;
            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
            max-width: 700px;
            width: 100%;
            padding: 40px;
        }
        h1 { color: #333; margin-bottom: 10px; }
        .subtitle { color: #666; margin-bottom: 30px; }
        .status-box {
            background: #f5f5f5;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 30px;
        }
        .status-item {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
            font-size: 14px;
        }
        .status-icon {
            width: 24px;
            height: 24px;
            margin-right: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            font-weight: bold;
        }
        .status-icon.ok { background: #10b981; color: white; }
        .status-icon.error { background: #ef4444; color: white; }
        .status-icon.warning { background: #f59e0b; color: white; }
        .btn {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
            padding: 14px 28px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            width: 100%;
            transition: transform 0.2s;
        }
        .btn:hover { transform: translateY(-2px); }
        .btn:disabled { opacity: 0.6; cursor: not-allowed; }
        .result {
            margin-top: 20px;
            padding: 15px;
            border-radius: 8px;
            display: none;
        }
        .result.success {
            background: #d1fae5;
            color: #065f46;
            border: 1px solid #10b981;
        }
        .result.error {
            background: #fee2e2;
            color: #991b1b;
            border: 1px solid #ef4444;
        }
        .info-box {
            background: #eff6ff;
            border-left: 4px solid #3b82f6;
            padding: 15px;
            border-radius: 4px;
            margin-top: 20px;
            font-size: 14px;
            color: #1e40af;
        }
        .code {
            background: #1f2937;
            color: #10b981;
            padding: 12px;
            border-radius: 6px;
            font-family: 'Courier New', monospace;
            font-size: 12px;
            margin: 10px 0;
            overflow-x: auto;
            word-break: break-all;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>🔗 Teste de Integração Make</h1>
        <p class="subtitle">Verificar se a conexão com o Make está funcionando</p>
        
        <div class="status-box">
            <div class="status-item">
                <div class="status-icon <?php echo defined('MAKE_ENABLED') && MAKE_ENABLED ? 'ok' : 'error'; ?>">
                    <?php echo defined('MAKE_ENABLED') && MAKE_ENABLED ? '✓' : '✗'; ?>
                </div>
                <div>
                    <strong>Integração Habilitada:</strong><br>
                    <span style="color: #666;">
                        <?php echo defined('MAKE_ENABLED') && MAKE_ENABLED ? '✅ Sim' : '❌ Não'; ?>
                    </span>
                </div>
            </div>
            
            <div class="status-item">
                <div class="status-icon <?php echo (defined('MAKE_WEBHOOK_URL') && !empty(MAKE_WEBHOOK_URL)) ? 'ok' : 'warning'; ?>">
                    <?php echo (defined('MAKE_WEBHOOK_URL') && !empty(MAKE_WEBHOOK_URL)) ? '✓' : '!'; ?>
                </div>
                <div>
                    <strong>URL do Webhook:</strong><br>
                    <span style="color: #666;">
                        <?php 
                        if (defined('MAKE_WEBHOOK_URL') && !empty(MAKE_WEBHOOK_URL)) {
                            echo '✅ Configurada';
                            echo '<div class="code">' . htmlspecialchars(MAKE_WEBHOOK_URL) . '</div>';
                        } else {
                            echo '⚠️ Não configurada';
                        }
                        ?>
                    </span>
                </div>
            </div>
        </div>
        
        <button type="button" id="testBtn" class="btn">🚀 Testar Conexão com Make</button>
        <div id="resultado"></div>
        
        <?php if (!defined('MAKE_WEBHOOK_URL') || empty(MAKE_WEBHOOK_URL)): ?>
            <div class="info-box">
                <strong>📋 Como configurar:</strong><br><br>
                1. Acesse o Make (make.com) e crie um cenário<br>
                2. Adicione um módulo "Webhooks" > "Custom webhook"<br>
                3. Copie a URL do webhook gerada<br>
                4. Cole a URL no arquivo <code>config.php</code> na variável <code>MAKE_WEBHOOK_URL</code><br><br>
                Veja o arquivo: <code>CONFIGURAR_MAKE.md</code> para instruções detalhadas
            </div>
        <?php endif; ?>
    </div>
    
    <script>
        document.getElementById('testBtn').addEventListener('click', function() {
            const btn = this;
            const resultado = document.getElementById('resultado');
            
            btn.disabled = true;
            btn.textContent = '⏳ Testando...';
            resultado.style.display = 'none';
            
            const formData = new FormData();
            formData.append('testar_make', '1');
            
            fetch('testar_make.php', {
                method: 'POST',
                body: formData
            })
            .then(response => response.json())
            .then(data => {
                resultado.style.display = 'block';
                resultado.className = 'result ' + (data.success ? 'success' : 'error');
                resultado.innerHTML = '<strong>' + (data.success ? '✅ Sucesso!' : '❌ Erro') + '</strong><br>' + data.message;
                
                btn.disabled = false;
                btn.textContent = '🚀 Testar Conexão com Make';
            })
            .catch(error => {
                resultado.style.display = 'block';
                resultado.className = 'result error';
                resultado.innerHTML = '<strong>❌ Erro</strong><br>Erro ao conectar: ' + error.message;
                btn.disabled = false;
                btn.textContent = '🚀 Testar Conexão com Make';
            });
        });
    </script>
</body>
</html>

