<?php
session_start();
if (!isset($_SESSION['usuario']) || $_SESSION['tipo'] != 'miembro') {
    header('Location: ../login.php');
    exit();
}
require_once '../config/database.php';

$miembro_id = $_SESSION['usuario'];
$stmt = $pdo->prepare("SELECT * FROM miembros WHERE id = ?");
$stmt->execute([$miembro_id]);
$miembro = $stmt->fetch();

$mensaje = '';
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    // Validar CAPTCHA
    if ($_POST['captcha_validado'] != 'true') {
        $mensaje = '<div class="alert alert-error">❌ CAPTCHA incorrecto</div>';
    } else {
        $nombre = $_POST['nombre'];
        $apellido = $_POST['apellido'];
        $cedula = $_POST['cedula'];
        $fecha_nacimiento = $_POST['fecha_nacimiento'];
        $telefono = $_POST['telefono'];
        $pais = $_POST['pais'];
        $departamento = $_POST['departamento'];
        $ciudad = $_POST['ciudad'];
        $latitud = $_POST['latitud'];
        $longitud = $_POST['longitud'];
        
        try {
            $stmt = $pdo->prepare("UPDATE miembros SET nombre=?, apellido=?, cedula=?, fecha_nacimiento=?, telefono=?, pais=?, departamento=?, ciudad=?, latitud=?, longitud=? WHERE id=?");
            $stmt->execute([$nombre, $apellido, $cedula, $fecha_nacimiento, $telefono, $pais, $departamento, $ciudad, $latitud, $longitud, $miembro_id]);
            $mensaje = '<div class="alert alert-success">✅ Datos actualizados correctamente</div>';
            
            // Recargar datos
            $stmt = $pdo->prepare("SELECT * FROM miembros WHERE id = ?");
            $stmt->execute([$miembro_id]);
            $miembro = $stmt->fetch();
        } catch(PDOException $e) {
            $mensaje = '<div class="alert alert-error">❌ Error: ' . $e->getMessage() . '</div>';
        }
    }
}

// Leer mensaje de WhatsApp
$mensajeWhatsapp = file_get_contents('../mensajes_whatsapp/mensaje.txt');
$telefonoFormateado = preg_replace('/[^0-9]/', '', $miembro['telefono']);
if (substr($telefonoFormateado, 0, 1) == '0') $telefonoFormateado = '595' . substr($telefonoFormateado, 1);
$whatsappLink = "https://wa.me/{$telefonoFormateado}?text=" . urlencode($mensajeWhatsapp);
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Mi Perfil - RIPA</title>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
    <script src="../js/mapa.js"></script>
</head>
<body>
    <div class="container">
        <header>
            <h1>Mi Perfil - RIPA</h1>
            <p>Bienvenido, <?php echo htmlspecialchars($miembro['nombre'] . ' ' . $miembro['apellido']); ?></p>
        </header>
        <nav>
            <a href="perfil.php">Mi Perfil</a>
            <a href="../logout.php">Cerrar Sesión</a>
        </nav>
        
        <div style="background: #e8f5e9; padding: 15px; margin-bottom: 20px; border-radius: 5px;">
            <h3>📱 Contacto directo WhatsApp</h3>
            <p>Haga clic para enviar el mensaje oficial:</p>
            <a href="<?php echo $whatsappLink; ?>" target="_blank" class="whatsapp-link" style="font-size: 18px;">
                📲 Enviar mensaje a la comisión RIPA
            </a>
        </div>
        
        <?php echo $mensaje; ?>
        
        <form method="POST" onsubmit="return validarCaptcha()">
            <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px;">
                <div>
                    <div class="form-group">
                        <label>Nombre</label>
                        <input type="text" name="nombre" value="<?php echo htmlspecialchars($miembro['nombre']); ?>" required>
                    </div>
                    <div class="form-group">
                        <label>Apellido</label>
                        <input type="text" name="apellido" value="<?php echo htmlspecialchars($miembro['apellido']); ?>" required>
                    </div>
                    <div class="form-group">
                        <label>Número de Cédula</label>
                        <input type="text" name="cedula" value="<?php echo htmlspecialchars($miembro['cedula']); ?>" required>
                    </div>
                    <div class="form-group">
                        <label>Fecha de Nacimiento</label>
                        <input type="date" name="fecha_nacimiento" value="<?php echo $miembro['fecha_nacimiento']; ?>" required>
                    </div>
                    <div class="form-group">
                        <label>Teléfono (WhatsApp)</label>
                        <input type="tel" name="telefono" value="<?php echo htmlspecialchars($miembro['telefono']); ?>" placeholder="0991XXXXXX" required>
                    </div>
                    <div class="form-group">
                        <label>País</label>
                        <input type="text" name="pais" value="<?php echo htmlspecialchars($miembro['pais']); ?>" required>
                    </div>
                    <div class="form-group">
                        <label>Departamento</label>
                        <select name="departamento" id="departamento" required>
                            <option value="<?php echo htmlspecialchars($miembro['departamento']); ?>"><?php echo htmlspecialchars($miembro['departamento']); ?></option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Ciudad</label>
                        <input type="text" name="ciudad" value="<?php echo htmlspecialchars($miembro['ciudad']); ?>" required>
                    </div>
                </div>
                <div>
                    <div class="form-group">
                        <label>Geoposición (Arrastra el marcador)</label>
                        <div id="mapa" class="mapa"></div>
                        <input type="hidden" name="latitud" id="latitud" value="<?php echo $miembro['latitud'] ?? '-25.3005'; ?>">
                        <input type="hidden" name="longitud" id="longitud" value="<?php echo $miembro['longitud'] ?? '-57.6362'; ?>">
                    </div>
                </div>
            </div>
            
            <div class="form-group">
                <label>🔒 CAPTCHA Genérico</label>
                <div class="captcha-generico">
                    <input type="hidden" id="captcha_num1" value="">
                    <input type="hidden" id="captcha_num2" value="">
                    <input type="hidden" id="captcha_validado" name="captcha_validado" value="false">
                    <span id="captcha_pregunta"></span>
                    <input type="number" id="captcha_resultado" placeholder="Resultado" style="width: 100px; display: inline-block;">
                    <button type="button" onclick="generarCaptcha()">⟳</button>
                </div>
                <script>
                    function actualizarPregunta() {
                        const num1 = document.getElementById('captcha_num1').value;
                        const num2 = document.getElementById('captcha_num2').value;
                        document.getElementById('captcha_pregunta').innerHTML = `${num1} + ${num2} = ? `;
                    }
                    const originalGenerar = generarCaptcha;
                    window.generarCaptcha = function() {
                        originalGenerar();
                        actualizarPregunta();
                    };
                    document.addEventListener('DOMContentLoaded', function() {
                        generarCaptcha();
                    });
                </script>
            </div>
            
            <button type="submit">Actualizar Datos</button>
        </form>
    </div>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            cargarDepartamentos();
            const select = document.getElementById('departamento');
            const valorActual = '<?php echo htmlspecialchars($miembro['departamento']); ?>';
            if (valorActual) {
                select.value = valorActual;
            }
        });
    </script>
</body>
</html>