<?php
session_start();

// Configuración de errores (desactivar en producción)
ini_set('display_errors', 0);
ini_set('log_errors', 1);
ini_set('error_log', __DIR__ . '/error_log.txt');
error_reporting(E_ALL);

// Generar token CSRF
if (!isset($_SESSION['csrf_token'])) {
    $_SESSION['csrf_token'] = bin2hex(random_bytes(32));
}

// Validar idioma
$idiomas_permitidos = ['es', 'en'];
$idioma = isset($_GET['lang']) && in_array($_GET['lang'], $idiomas_permitidos) ? $_GET['lang'] : 'es';

// Textos multiidioma
$lang = [
    'es' => [
        'title' => 'Solicitud de Vinculación al Club',
        'subtitle' => 'Completa el formato de solicitud como socio del Club Rotario de Barranquilla. Puedes realizar el proceso de manera virtual a través de nuestro formulario en línea o de forma física descargando el PDF disponible en el siguiente enlace: <a href="https://clubrotariodebarranquilla.com/doc/FORMATO_WEB%20_ASPIRANTE_A_SOCIO.pdf" target="_blank">Descargar Formato PDF</a>. Si optas por la opción física, por favor envía el formato completado al correo: <a href="mailto:barranquillaclubrotario@gmail.com">barranquillaclubrotario@gmail.com</a>.',
        'name' => 'Nombre',
        'last_name' => 'Apellidos',
        'email' => 'Correo Electrónico',
        'address' => 'Dirección Residencia',
        'city' => 'Ciudad',
        'state' => 'Estado/Provincia',
        'country' => 'País',
        'postal_code' => 'Código Postal',
        'admission_date' => 'Fecha de Admisión',
        'sex' => 'Sexo',
        'birth_date' => 'Fecha de Nacimiento',
        'other_club' => '¿Es socio de otro club?',
        'previous_club' => 'Club Anterior',
        'district' => 'Distrito',
        'languages' => 'Idiomas',
        'subscription' => 'Suscripción',
        'submit' => 'Enviar Solicitud',
        'success' => '¡Solicitud recibida con éxito! Tu solicitud está pendiente de aprobación.',
        'error' => 'Error al enviar la solicitud. Por favor, verifica los datos e intenta de nuevo.',
        'home' => 'Inicio',
        'male' => 'Masculino',
        'female' => 'Femenino',
        'none' => 'Ninguna',
        'invalid_email' => 'El correo electrónico no es válido.',
        'invalid_postal' => 'El código postal debe contener solo letras, números o guiones.',
        'invalid_date' => 'Las fechas no son válidas o la edad mínima es 18 años.',
        'required_field' => 'Todos los campos obligatorios deben estar completos.',
        'id_number' => 'Cédula de Ciudadanía',
        'phone' => 'Teléfono Fijo',
        'mobile' => 'Celular',
        'profession' => 'Profesión',
        'postgraduate' => 'Posgrado',
        'occupation' => 'Ocupación',
        'office_address' => 'Dirección Oficina/Empresa',
        'office_phone' => 'Teléfono Fijo Oficina',
        'office_mobile' => 'Celular Oficina',
        'marital_status' => 'Estado Civil',
        'spouse' => 'Cónyuge (Nombre y Apellidos)',
        'spouse_profession' => 'Profesión/Ocupación del Cónyuge',
        'spouse_email' => 'Correo Electrónico del Cónyuge',
        'spouse_birth_date' => 'Fecha de Cumpleaños del Cónyuge',
        'children' => 'Hijos',
        'child_name' => 'Nombre del Hijo/a',
        'child_age' => 'Edad',
        'child_profession' => 'Profesión',
        'add_child' => 'Agregar Hijo/a',
        'remove_child' => 'Eliminar',
        'motivation' => '¿Por qué deseas vincularte al Club Rotario de Barranquilla (CRDB)?',
        'how_knew_club' => '¿Cómo conociste al Club?',
        'rotary_knowledge' => '¿Qué conoces de Rotary International?',
        'interests' => '¿Cuáles son tus principales intereses o aficiones relacionadas con el Club?',
        'time_commitment' => '¿Cuánto tiempo puedes dedicar a las actividades del Club?',
        'commitment_declaration' => 'Declaración de Compromiso',
        'commitment_text' => 'Por la presente certifico que poseo las cualificaciones necesarias para convertirme en socio activo, debido a mi puesto ejecutivo o profesional actual o anterior, mi vocación de servicio a la comunidad. En caso de aceptar la afiliación, seré responsable de ejemplificar el Objetivo de Rotary en mis contactos y actividades y acatar los documentos estatutarios de Rotary International y del Club.',
        'invalid_id_number' => 'La cédula de ciudadanía debe contener solo números.',
        'invalid_phone' => 'El número de teléfono debe contener solo números.',
        'invalid_child_age' => 'La edad de los hijos debe ser un número positivo.'
    ],
    'en' => [
        'title' => 'Membership Application',
        'subtitle' => 'Complete the application form to become a member of the Barranquilla Rotary Club. You can complete the process online through our form or physically by downloading the PDF available at the following link: <a href="https://clubrotariodebarranquilla.com/doc/FORMATO_WEB%20_ASPIRANTE_A_SOCIO.pdf" target="_blank">Download PDF Form</a>. If you choose the physical option, please send the completed form to: <a href="mailto:barranquillaclubrotario@gmail.com">barranquillaclubrotario@gmail.com</a>.',
        'name' => 'Name',
        'last_name' => 'Last Name',
        'email' => 'Email',
        'address' => 'Residential Address',
        'city' => 'City',
        'state' => 'State/Province',
        'country' => 'Country',
        'postal_code' => 'Postal Code',
        'admission_date' => 'Admission Date',
        'sex' => 'Sex',
        'birth_date' => 'Birth Date',
        'other_club' => 'Member of another club?',
        'previous_club' => 'Previous Club',
        'district' => 'District',
        'languages' => 'Languages',
        'subscription' => 'Subscription',
        'submit' => 'Submit Application',
        'success' => 'Application received successfully! Your application is pending approval.',
        'error' => 'Error sending application. Please check the data and try again.',
        'home' => 'Home',
        'male' => 'Male',
        'female' => 'Female',
        'none' => 'None',
        'invalid_email' => 'The email address is not valid.',
        'invalid_postal' => 'The postal code must contain only letters, numbers, or hyphens.',
        'invalid_date' => 'Dates are invalid or minimum age is 18 years.',
        'required_field' => 'All required fields must be completed.',
        'id_number' => 'Citizenship ID',
        'phone' => 'Landline Phone',
        'mobile' => 'Mobile Phone',
        'profession' => 'Profession',
        'postgraduate' => 'Postgraduate Studies',
        'occupation' => 'Occupation',
        'office_address' => 'Office/Company Address',
        'office_phone' => 'Office Landline Phone',
        'office_mobile' => 'Office Mobile Phone',
        'marital_status' => 'Marital Status',
        'spouse' => 'Spouse (Name and Last Name)',
        'spouse_profession' => 'Spouse’s Profession/Occupation',
        'spouse_email' => 'Spouse’s Email',
        'spouse_birth_date' => 'Spouse’s Birth Date',
        'children' => 'Children',
        'child_name' => 'Child’s Name',
        'child_age' => 'Age',
        'child_profession' => 'Profession',
        'add_child' => 'Add Child',
        'remove_child' => 'Remove',
        'motivation' => 'Why do you wish to join the Barranquilla Rotary Club (CRDB)?',
        'how_knew_club' => 'How did you learn about the Club?',
        'rotary_knowledge' => 'What do you know about Rotary International?',
        'interests' => 'What are your main interests or hobbies related to the Club?',
        'time_commitment' => 'How much time can you dedicate to Club activities?',
        'commitment_declaration' => 'Commitment Declaration',
        'commitment_text' => 'I hereby certify that I possess the necessary qualifications to become an active member due to my current or former executive or professional position and my commitment to community service. If my membership is accepted, I will be responsible for exemplifying the Object of Rotary in my contacts and activities and for complying with the statutory documents of Rotary International and the Club.',
        'invalid_id_number' => 'The citizenship ID must contain only numbers.',
        'invalid_phone' => 'The phone number must contain only numbers.',
        'invalid_child_age' => 'Children’s ages must be positive numbers.'
    ]
][$idioma];

$pageTitle = $lang['title'];

// Función para sanitizar datos
function sanitizeInput($data) {
    return htmlspecialchars(strip_tags(trim($data)), ENT_QUOTES, 'UTF-8');
}

// Función para enviar correo
function sendEmail($to, $subject, $data, $email) {
    $hijos_html = '';
    if (!empty($data['hijos'])) {
        $hijos_html .= '<ul>';
        foreach ($data['hijos'] as $index => $hijo) {
            $hijos_html .= '<li>';
            $hijos_html .= 'Hijo/a ' . ($index + 1) . ': ';
            $hijos_html .= htmlspecialchars($hijo['nombre'], ENT_QUOTES, 'UTF-8');
            $hijos_html .= !empty($hijo['edad']) ? ', Edad: ' . htmlspecialchars($hijo['edad'], ENT_QUOTES, 'UTF-8') : '';
            $hijos_html .= !empty($hijo['profesion']) ? ', Profesión: ' . htmlspecialchars($hijo['profesion'], ENT_QUOTES, 'UTF-8') : '';
            $hijos_html .= '</li>';
        }
        $hijos_html .= '</ul>';
    } else {
        $hijos_html = 'N/A';
    }

    $htmlContent = '
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>' . htmlspecialchars($subject, ENT_QUOTES, 'UTF-8') . '</title>
        <style>
            :root {
                --azul-primario: #00a2e0;
                --azul-oscuro: #17458f;
                --azul-claro: #b9d9eb;
                --naranja-primario: #f7a81b;
                --naranja-oscuro: #898a8d;
                --gris-primario: #f8f4f4;
                --gris-claro: #d0cfcd;
                --gris-oscuro: #333;
                --blanco: #ffffff;
                --texto: #333;
                --texto-claro: rgba(255, 255, 255, 0.9);
            }
            body {
                font-family: \'Poppins\', Arial, sans-serif;
                background-color: var(--gris-primario);
                color: var(--texto);
                margin: 0;
                padding: 0;
                line-height: 1.6;
            }
            .container {
                width: 100%;
                max-width: 600px;
                margin: 20px auto;
                background: var(--blanco);
                border-radius: 8px;
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
                overflow: hidden;
            }
            .header {
                background-color: var(--azul-primario);
                padding: 20px;
                text-align: center;
            }
            .header img {
                max-width: 200px;
                height: auto;
            }
            .header h1 {
                color: var(--blanco);
                font-size: 24px;
                margin: 10px 0 0;
            }
            .content {
                padding: 30px;
            }
            .content h2 {
                color: var(--azul-primario);
                font-size: 20px;
                margin-bottom: 20px;
                text-align: center;
            }
            table {
                width: 100%;
                border-collapse: collapse;
                font-size: 16px;
            }
            td {
                padding: 10px 5px;
                vertical-align: top;
            }
            td.label {
                width: 40%;
                font-weight: 500;
                color: var(--azul-oscuro);
            }
            td.value {
                color: var(--texto);
            }
            .footer {
                background-color: var(--gris-oscuro);
                color: var(--texto-claro);
                padding: 20px;
                text-align: center;
                font-size: 14px;
            }
            .footer a {
                color: var(--naranja-primario);
                text-decoration: none;
            }
            .footer a:hover {
                color: var(--azul-primario);
            }
            .social-icons {
                margin-top: 10px;
            }
            .social-icons a {
                color: var(--texto-claro);
                font-size: 16px;
                margin: 0 10px;
                text-decoration: none;
                transition: color 0.3s ease;
            }
            .social-icons a:hover {
                color: var(--naranja-primario);
            }
        </style>
    </head>
    <body>
        <div class="container">
            <!-- Header -->
            <div class="header">
                <img src="https://clubrotariodebarranquilla.com/imagenes/logo_rotary.png" alt="Rotary Club de Barranquilla">
                <h1>Nueva Solicitud de Vinculación</h1>
            </div>
            <!-- Content -->
            <div class="content">
                <h2>Detalles de la Solicitud</h2>
                <p>Hemos recibido una nueva solicitud de vinculación para el Club Rotario de Barranquilla. A continuación, se presentan los detalles del solicitante:</p>
                <table>
                    <tr>
                        <td class="label">Nombre:</td>
                        <td class="value">' . htmlspecialchars($data['nombre'], ENT_QUOTES, 'UTF-8') . '</td>
                    </tr>
                    <tr>
                        <td class="label">Apellidos:</td>
                        <td class="value">' . htmlspecialchars($data['apellidos'], ENT_QUOTES, 'UTF-8') . '</td>
                    </tr>
                    <tr>
                        <td class="label">Cédula de Ciudadanía:</td>
                        <td class="value">' . htmlspecialchars($data['cedula'], ENT_QUOTES, 'UTF-8') . '</td>
                    </tr>
                    <tr>
                        <td class="label">Correo Electrónico:</td>
                        <td class="value">' . htmlspecialchars($data['email'], ENT_QUOTES, 'UTF-8') . '</td>
                    </tr>
                    <tr>
                        <td class="label">Dirección Residencia:</td>
                        <td class="value">' . htmlspecialchars($data['direccion'], ENT_QUOTES, 'UTF-8') . '</td>
                    </tr>
                    <tr>
                        <td class="label">Teléfono Fijo:</td>
                        <td class="value">' . (empty($data['telefono_fijo']) ? 'N/A' : htmlspecialchars($data['telefono_fijo'], ENT_QUOTES, 'UTF-8')) . '</td>
                    </tr>
                    <tr>
                        <td class="label">Celular:</td>
                        <td class="value">' . (empty($data['celular']) ? 'N/A' : htmlspecialchars($data['celular'], ENT_QUOTES, 'UTF-8')) . '</td>
                    </tr>
                    <tr>
                        <td class="label">Ciudad:</td>
                        <td class="value">' . htmlspecialchars($data['ciudad'], ENT_QUOTES, 'UTF-8') . '</td>
                    </tr>
                    <tr>
                        <td class="label">Estado/Provincia:</td>
                        <td class="value">' . htmlspecialchars($data['estado_provincia'], ENT_QUOTES, 'UTF-8') . '</td>
                    </tr>
                    <tr>
                        <td class="label">País:</td>
                        <td class="value">' . htmlspecialchars($data['pais'], ENT_QUOTES, 'UTF-8') . '</td>
                    </tr>
                    <tr>
                        <td class="label">Código Postal:</td>
                        <td class="value">' . htmlspecialchars($data['codigo_postal'], ENT_QUOTES, 'UTF-8') . '</td>
                    </tr>
                    <tr>
                        <td class="label">Profesión:</td>
                        <td class="value">' . (empty($data['profesion']) ? 'N/A' : htmlspecialchars($data['profesion'], ENT_QUOTES, 'UTF-8')) . '</td>
                    </tr>
                    <tr>
                        <td class="label">Posgrado:</td>
                        <td class="value">' . (empty($data['posgrado']) ? 'N/A' : htmlspecialchars($data['posgrado'], ENT_QUOTES, 'UTF-8')) . '</td>
                    </tr>
                    <tr>
                        <td class="label">Ocupación:</td>
                        <td class="value">' . (empty($data['ocupacion']) ? 'N/A' : htmlspecialchars($data['ocupacion'], ENT_QUOTES, 'UTF-8')) . '</td>
                    </tr>
                    <tr>
                        <td class="label">Dirección Oficina/Empresa:</td>
                        <td class="value">' . (empty($data['direccion_oficina']) ? 'N/A' : htmlspecialchars($data['direccion_oficina'], ENT_QUOTES, 'UTF-8')) . '</td>
                    </tr>
                    <tr>
                        <td class="label">Teléfono Fijo Oficina:</td>
                        <td class="value">' . (empty($data['telefono_oficina']) ? 'N/A' : htmlspecialchars($data['telefono_oficina'], ENT_QUOTES, 'UTF-8')) . '</td>
                    </tr>
                    <tr>
                        <td class="label">Celular Oficina:</td>
                        <td class="value">' . (empty($data['celular_oficina']) ? 'N/A' : htmlspecialchars($data['celular_oficina'], ENT_QUOTES, 'UTF-8')) . '</td>
                    </tr>
                    <tr>
                        <td class="label">Estado Civil:</td>
                        <td class="value">' . (empty($data['estado_civil']) ? 'N/A' : htmlspecialchars($data['estado_civil'], ENT_QUOTES, 'UTF-8')) . '</td>
                    </tr>
                    <tr>
                        <td class="label">Cónyuge:</td>
                        <td class="value">' . (empty($data['conyuge']) ? 'N/A' : htmlspecialchars($data['conyuge'], ENT_QUOTES, 'UTF-8')) . '</td>
                    </tr>
                    <tr>
                        <td class="label">Profesión/Ocupación del Cónyuge:</td>
                        <td class="value">' . (empty($data['profesion_conyuge']) ? 'N/A' : htmlspecialchars($data['profesion_conyuge'], ENT_QUOTES, 'UTF-8')) . '</td>
                    </tr>
                    <tr>
                        <td class="label">Correo Electrónico del Cónyuge:</td>
                        <td class="value">' . (empty($data['correo_conyuge']) ? 'N/A' : htmlspecialchars($data['correo_conyuge'], ENT_QUOTES, 'UTF-8')) . '</td>
                    </tr>
                    <tr>
                        <td class="label">Fecha de Cumpleaños del Cónyuge:</td>
                        <td class="value">' . (empty($data['fecha_nacimiento_conyuge']) ? 'N/A' : htmlspecialchars($data['fecha_nacimiento_conyuge'], ENT_QUOTES, 'UTF-8')) . '</td>
                    </tr>
                    <tr>
                        <td class="label">Hijos:</td>
                        <td class="value">' . $hijos_html . '</td>
                    </tr>
                    <tr>
                        <td class="label">Fecha de Admisión:</td>
                        <td class="value">' . htmlspecialchars($data['fecha_admision'], ENT_QUOTES, 'UTF-8') . '</td>
                    </tr>
                    <tr>
                        <td class="label">Sexo:</td>
                        <td class="value">' . htmlspecialchars($data['sexo'], ENT_QUOTES, 'UTF-8') . '</td>
                    </tr>
                    <tr>
                        <td class="label">Fecha de Nacimiento:</td>
                        <td class="value">' . htmlspecialchars($data['fecha_nacimiento'], ENT_QUOTES, 'UTF-8') . '</td>
                    </tr>
                    <tr>
                        <td class="label">¿Es socio de otro club?:</td>
                        <td class="value">' . ($data['es_socio_otro_club'] ? 'Sí' : 'No') . '</td>
                    </tr>
                    <tr>
                        <td class="label">Club Anterior:</td>
                        <td class="value">' . (empty($data['club_anterior']) ? 'N/A' : htmlspecialchars($data['club_anterior'], ENT_QUOTES, 'UTF-8')) . '</td>
                    </tr>
                    <tr>
                        <td class="label">Distrito:</td>
                        <td class="value">' . htmlspecialchars($data['distrito'], ENT_QUOTES, 'UTF-8') . '</td>
                    </tr>
                    <tr>
                        <td class="label">Idiomas:</td>
                        <td class="value">' . (empty($data['idiomas']) ? 'N/A' : htmlspecialchars($data['idiomas'], ENT_QUOTES, 'UTF-8')) . '</td>
                    </tr>
                    <tr>
                        <td class="label">Suscripción:</td>
                        <td class="value">' . (empty($data['suscripcion']) ? $lang['none'] : htmlspecialchars($data['suscripcion'], ENT_QUOTES, 'UTF-8')) . '</td>
                    </tr>
                    <tr>
                        <td class="label">Motivación para unirse al CRDB:</td>
                        <td class="value">' . htmlspecialchars($data['motivacion'], ENT_QUOTES, 'UTF-8') . '</td>
                    </tr>
                    <tr>
                        <td class="label">Cómo conoció al Club:</td>
                        <td class="value">' . htmlspecialchars($data['como_conocio'], ENT_QUOTES, 'UTF-8') . '</td>
                    </tr>
                    <tr>
                        <td class="label">Conocimiento de Rotary International:</td>
                        <td class="value">' . htmlspecialchars($data['conocimiento_rotary'], ENT_QUOTES, 'UTF-8') . '</td>
                    </tr>
                    <tr>
                        <td class="label">Intereses/Aficiones:</td>
                        <td class="value">' . htmlspecialchars($data['intereses'], ENT_QUOTES, 'UTF-8') . '</td>
                    </tr>
                    <tr>
                        <td class="label">Tiempo a Dedicar:</td>
                        <td class="value">' . htmlspecialchars($data['tiempo_dedicar'], ENT_QUOTES, 'UTF-8') . '</td>
                    </tr>
                    <tr>
                        <td class="label">Declaración de Compromiso:</td>
                        <td class="value">' . ($data['declaracion_compromiso'] ? 'Aceptada' : 'No Aceptada') . '</td>
                    </tr>
                </table>
                <p>Por favor, revisa la información y procede con la evaluación de la solicitud. Para cualquier consulta, contáctanos a través de los canales oficiales.</p>
            </div>
            <!-- Footer -->
            <div class="footer">
                <p>Club Rotario de Barranquilla</p>
                <p>
                    <a href="mailto:barranquillaclubrotario@gmail.com">barranquillaclubrotario@gmail.com</a> | 
                    <a href="https://api.whatsapp.com/send?phone=573012345678">WhatsApp: +57 301 234 5678</a>
                </p>
                <div class="social-icons">
                    <a href="https://www.facebook.com/ClubRotariodeBarranquilla/?locale=es_LA" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="https://www.instagram.com/clubrotariodebarranquilla/?hl=es" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="https://twitter.com/Rotary" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
                    <a href="https://www.youtube.com/user/rotary" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
                <p>© 2025 Club Rotario de Barranquilla. Todos los derechos reservados.</p>
            </div>
        </div>
    </body>
    </html>';

    $headers = "From: noreply@clubrotariodebarranquilla.com\r\n" .
               "Reply-To: $email\r\n" .
               "Content-Type: text/html; charset=UTF-8\r\n" .
               "MIME-Version: 1.0\r\n";

    return mail($to, $subject, $htmlContent, $headers);
}

// Manejo del formulario
$error_messages = [];
$success = '';

if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['add_member'])) {
    // Validar CSRF
    if (!isset($_POST['csrf_token']) || $_POST['csrf_token'] !== $_SESSION['csrf_token']) {
        $error_messages[] = $lang['error'];
    } else {
        // Sanitizar y validar datos
        $nombre = sanitizeInput($_POST['nombre'] ?? '');
        $apellidos = sanitizeInput($_POST['apellidos'] ?? '');
        $email = filter_var($_POST['email'] ?? '', FILTER_VALIDATE_EMAIL);
        $direccion = sanitizeInput($_POST['direccion'] ?? '');
        $ciudad = sanitizeInput($_POST['ciudad'] ?? '');
        $estado_provincia = sanitizeInput($_POST['estado_provincia'] ?? '');
        $pais = sanitizeInput($_POST['pais'] ?? '');
        $codigo_postal = sanitizeInput($_POST['codigo_postal'] ?? '');
        $fecha_admision = sanitizeInput($_POST['fecha_admision'] ?? '');
        $sexo = sanitizeInput($_POST['sexo'] ?? '');
        $fecha_nacimiento = sanitizeInput($_POST['fecha_nacimiento'] ?? '');
        $es_socio_otro_club = isset($_POST['es_socio_otro_club']) ? 1 : 0;
        $club_anterior = sanitizeInput($_POST['club_anterior'] ?? '');
        $distrito = sanitizeInput($_POST['distrito'] ?? '');
        $idiomas = sanitizeInput($_POST['idiomas'] ?? '');
        $suscripcion = sanitizeInput($_POST['suscripcion'] ?? '');
        $cedula = sanitizeInput($_POST['cedula'] ?? '');
        $telefono_fijo = sanitizeInput($_POST['telefono_fijo'] ?? '');
        $celular = sanitizeInput($_POST['celular'] ?? '');
        $profesion = sanitizeInput($_POST['profesion'] ?? '');
        $posgrado = sanitizeInput($_POST['posgrado'] ?? '');
        $ocupacion = sanitizeInput($_POST['ocupacion'] ?? '');
        $direccion_oficina = sanitizeInput($_POST['direccion_oficina'] ?? '');
        $telefono_oficina = sanitizeInput($_POST['telefono_oficina'] ?? '');
        $celular_oficina = sanitizeInput($_POST['celular_oficina'] ?? '');
        $estado_civil = sanitizeInput($_POST['estado_civil'] ?? '');
        $conyuge = sanitizeInput($_POST['conyuge'] ?? '');
        $profesion_conyuge = sanitizeInput($_POST['profesion_conyuge'] ?? '');
        $correo_conyuge = filter_var($_POST['correo_conyuge'] ?? '', FILTER_VALIDATE_EMAIL);
        $fecha_nacimiento_conyuge = sanitizeInput($_POST['fecha_nacimiento_conyuge'] ?? '');
        $hijos = [];
        if (isset($_POST['hijos_nombre']) && is_array($_POST['hijos_nombre'])) {
            foreach ($_POST['hijos_nombre'] as $index => $hijo_nombre) {
                $hijo_nombre = sanitizeInput($hijo_nombre);
                $hijo_edad = sanitizeInput($_POST['hijos_edad'][$index] ?? '');
                $hijo_profesion = sanitizeInput($_POST['hijos_profesion'][$index] ?? '');
                if (!empty($hijo_nombre)) {
                    $hijos[] = [
                        'nombre' => $hijo_nombre,
                        'edad' => $hijo_edad,
                        'profesion' => $hijo_profesion
                    ];
                }
            }
        }
        $motivacion = sanitizeInput($_POST['motivacion'] ?? '');
        $como_conocio = sanitizeInput($_POST['como_conocio'] ?? '');
        $conocimiento_rotary = sanitizeInput($_POST['conocimiento_rotary'] ?? '');
        $intereses = sanitizeInput($_POST['intereses'] ?? '');
        $tiempo_dedicar = sanitizeInput($_POST['tiempo_dedicar'] ?? '');
        $declaracion_compromiso = isset($_POST['declaracion_compromiso']) ? 1 : 0;

        // Validaciones adicionales
        $today = date('Y-m-d');
        $min_birth_date = date('Y-m-d', strtotime('-18 years'));

        // Required fields validation
        if (empty($nombre) || empty($apellidos) || !$email || empty($direccion) || 
            empty($ciudad) || empty($estado_provincia) || empty($pais) || 
            empty($codigo_postal) || empty($fecha_admision) || empty($sexo) || 
            empty($fecha_nacimiento) || empty($distrito) || empty($cedula) || 
            empty($motivacion) || empty($como_conocio) || empty($conocimiento_rotary) || 
            empty($intereses) || empty($tiempo_dedicar) || !$declaracion_compromiso) {
            $error_messages[] = $lang['required_field'];
        }
        if (!$email) {
            $error_messages[] = $lang['invalid_email'];
        }
        if ($correo_conyuge === false && !empty($_POST['correo_conyuge'])) {
            $error_messages[] = $lang['invalid_email'];
        }
        if (!in_array($sexo, ['Masculino', 'Femenino', 'Male', 'Female'])) {
            $error_messages[] = $lang['error'];
        }
        if (!preg_match('/^[a-zA-Z0-9-]+$/', $codigo_postal)) {
            $error_messages[] = $lang['invalid_postal'];
        }
        if ($fecha_nacimiento >= $min_birth_date || $fecha_admision > $today || 
            (!empty($fecha_nacimiento_conyuge) && $fecha_nacimiento_conyuge >= $today)) {
            $error_messages[] = $lang['invalid_date'];
        }
        if (!preg_match('/^[0-9]+$/', $cedula)) {
            $error_messages[] = $lang['invalid_id_number'];
        }
        if (!empty($telefono_fijo) && !preg_match('/^[0-9]+$/', $telefono_fijo)) {
            $error_messages[] = $lang['invalid_phone'];
        }
        if (!empty($celular) && !preg_match('/^[0-9]+$/', $celular)) {
            $error_messages[] = $lang['invalid_phone'];
        }
        if (!empty($telefono_oficina) && !preg_match('/^[0-9]+$/', $telefono_oficina)) {
            $error_messages[] = $lang['invalid_phone'];
        }
        if (!empty($celular_oficina) && !preg_match('/^[0-9]+$/', $celular_oficina)) {
            $error_messages[] = $lang['invalid_phone'];
        }
        foreach ($hijos as $hijo) {
            if (!empty($hijo['edad']) && (!is_numeric($hijo['edad']) || $hijo['edad'] < 0)) {
                $error_messages[] = $lang['invalid_child_age'];
            }
        }

        if (empty($error_messages)) {
            // Preparar datos para el correo
            $data = [
                'nombre' => $nombre,
                'apellidos' => $apellidos,
                'email' => $email,
                'direccion' => $direccion,
                'ciudad' => $ciudad,
                'estado_provincia' => $estado_provincia,
                'pais' => $pais,
                'codigo_postal' => $codigo_postal,
                'fecha_admision' => $fecha_admision,
                'sexo' => $sexo,
                'fecha_nacimiento' => $fecha_nacimiento,
                'es_socio_otro_club' => $es_socio_otro_club,
                'club_anterior' => $club_anterior,
                'distrito' => $distrito,
                'idiomas' => $idiomas,
                'suscripcion' => $suscripcion,
                'cedula' => $cedula,
                'telefono_fijo' => $telefono_fijo,
                'celular' => $celular,
                'profesion' => $profesion,
                'posgrado' => $posgrado,
                'ocupacion' => $ocupacion,
                'direccion_oficina' => $direccion_oficina,
                'telefono_oficina' => $telefono_oficina,
                'celular_oficina' => $celular_oficina,
                'estado_civil' => $estado_civil,
                'conyuge' => $conyuge,
                'profesion_conyuge' => $profesion_conyuge,
                'correo_conyuge' => $correo_conyuge,
                'fecha_nacimiento_conyuge' => $fecha_nacimiento_conyuge,
                'hijos' => $hijos,
                'motivacion' => $motivacion,
                'como_conocio' => $como_conocio,
                'conocimiento_rotary' => $conocimiento_rotary,
                'intereses' => $intereses,
                'tiempo_dedicar' => $tiempo_dedicar,
                'declaracion_compromiso' => $declaracion_compromiso
            ];

            // Enviar correo
            $subject = 'Nueva Solicitud de Vinculación';
            $email_sent = sendEmail('contacto@clubrotariodebarranquilla.com', $subject, $data, $email);

            if ($email_sent) {
                $success = $lang['success'];
                $_SESSION['csrf_token'] = bin2hex(random_bytes(32)); // Regenerar token
            } else {
                $error_messages[] = $lang['error'];
            }
        }
    }
}
?>
<!DOCTYPE html>
<html lang="<?php echo htmlspecialchars($idioma, ENT_QUOTES, 'UTF-8'); ?>">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="<?php echo $idioma == 'es' ? 'Solicita tu vinculación como socio del Rotary Club de Barranquilla' : 'Apply to become a member of the Barranquilla Rotary Club'; ?>">
    <meta name="keywords" content="Rotary Club, Barranquilla, solicitud, vinculación, servicio comunitario">
    <meta name="author" content="Rotary Club de Barranquilla">
    <title><?php echo htmlspecialchars($pageTitle, ENT_QUOTES, 'UTF-8'); ?> | Rotary Club de Barranquilla</title>
    <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;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root {
            --azul-primario: #00a2e0;
            --azul-oscuro: #17458f;
            --azul-claro: #b9d9eb;
            --naranja-primario: #f7a81b;
            --naranja-oscuro: #898a8d;
            --gris-primario: #f8f4f4;
            --gris-claro: #d0cfcd;
            --gris-oscuro: #333;
            --blanco: #ffffff;
            --texto: #333;
            --texto-claro: rgba(255, 255, 255, 0.9);
        }
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Poppins', sans-serif;
        }
        body {
            background-color: var(--blanco);
            color: var(--texto);
            line-height: 1.6;
            overflow-x: hidden;
        }
        /* BARRA SUPERIOR DE REDES SOCIALES */
        .top-social-bar {
            background-color: var(--gris-primario);
            padding: 10px 0;
            text-align: center;
        }
        .top-social-container {
            width: 95%;
            max-width: 1200px;
            margin: 0 auto;
        }
        .social-icons {
            display: flex;
            justify-content: flex-end;
            gap: 15px;
            flex-wrap: wrap;
        }
        .social-icons a {
            color: var(--azul-oscuro);
            font-size: 15px;
            width: auto;
            height: 30px;
            padding: 0 8px;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            text-decoration: none;
        }
        .social-icons a:hover {
            color: var(--blanco);
            background-color: var(--azul-primario);
            transform: translateY(-3px);
        }
        .social-icons a i {
            margin-right: 5px;
        }
        /* HEADER Y NAVEGACIÓN */
        header {
            background-color: var(--blanco);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            position: sticky;
            top: 0;
            z-index: 1000;
            padding: 2px 0;
        }
        .container {
            width: 95%;
            max-width: 1200px;
            margin: 0 auto;
        }
        .header-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }
        .logo {
            font-size: 24px;
            font-weight: 700;
            color: var(--azul-primario);
        }
        .menu-toggle {
            display: none;
            background: none;
            border: none;
            font-size: 21px;
            color: var(--azul-primario);
            cursor: pointer;
        }
        nav {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 5px;
        }
        nav > a, .dropdown {
            display: inline-block;
            min-width: 100px;
            text-align: center;
        }
        nav > a, .dropdown-btn {
            color: var(--texto);
            padding: 12px 15px;
            text-decoration: none;
            font-weight: 500;
            transition: all 0.3s ease;
            border-radius: 4px;
            font-size: 16px;
            font-family: 'Poppins', sans-serif;
            margin: 2px 0;
            border: none;
            background: none;
            cursor: pointer;
            text-align: center;
            display: inline-block;
        }
        nav > a:not(.donate-btn):hover, 
        .dropdown-btn:hover {
            color: var(--azul-primario);
            background-color: rgba(0, 87, 183, 0.05);
        }
        .donate-btn {
            background-color: var(--naranja-primario);
            color: var(--blanco) !important;
            padding: 12px 15px !important;
            margin-left: 5px;
        }
        .donate-btn:hover {
            background-color: var(--naranja-oscuro);
        }
        .dropdown {
            position: relative;
            display: inline-block;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: var(--blanco);
            min-width: 200px;
            box-shadow: 0 8px 16px rgba(0,0,0,0.1);
            border-radius: 4px;
            z-index: 1;
            top: 100%;
            left: 0;
            opacity: 0;
            transform: translateY(-10px);
            transition: all 0.3s ease;
        }
        .dropdown:hover .dropdown-content {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }
        .dropdown-content a {
            color: var(--texto);
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            transition: all 0.3s ease;
            border-left: 3px solid transparent;
            text-align: left;
            font-size: 15px;
        }
        .dropdown-content a:hover {
            background-color: var(--gris-claro);
            color: var(--azul-primario);
            border-left: 3px solid var(--naranja-primario);
        }
        .header-content {
            align-items: center;
        }
        /* SECCIÓN DE REGISTRO */
        .history-section {
            padding: 80px 0;
            background-color: var(--blanco);
        }
        .history-container {
            max-width: 900px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .contact-card {
            background: var(--blanco);
            border-radius: 8px;
            padding: 30px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            max-width: 800px;
            margin: 0 auto;
        }
        h2, h3 {
            color: var(--azul-primario);
            text-align: center;
            margin-bottom: 20px;
        }
        form {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        .form-group {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }
        label {
            font-weight: 500;
            color: var(--azul-oscuro);
        }
        input, select, textarea {
            padding: 12px 15px;
            border: 1px solid var(--gris-claro);
            border-radius: 4px;
            font-size: 16px;
        }
        textarea {
            resize: vertical;
            min-height: 100px;
        }
        .submit-btn {
            background-color: var(--naranja-primario);
            color: var(--blanco);
            border: none;
            padding: 12px 20px;
            font-size: 16px;
            border-radius: 4px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        .submit-btn:hover {
            background-color: var(--naranja-oscuro);
        }
        .error-message, .success-message {
            text-align: center;
            margin-bottom: 15px;
            padding: 10px;
            border-radius: 4px;
        }
        .error-message {
            background-color: #ffebee;
            color: #d32f2f;
        }
        .success-message {
            background-color: #e8f5e9;
            color: #2e7d32;
        }
        .error-list {
            list-style-type: none;
            padding: 0;
        }
        .error-list li {
            margin-bottom: 5px;
        }
        /* FIELDSETS */
        fieldset {
            border: 1px solid var(--gris-claro);
            border-radius: 4px;
            padding: 20px;
            margin-bottom: 20px;
        }
        legend {
            font-weight: 500;
            color: var(--azul-oscuro);
            font-size: 18px;
            padding: 0 10px;
        }
        /* DYNAMIC CHILDREN FIELDS */
        .child-group {
            border: 1px solid var(--gris-claro);
            padding: 15px;
            margin-bottom: 10px;
            border-radius: 4px;
        }
        .child-group .form-group {
            display: inline-block;
            width: 30%;
            margin-right: 3%;
        }
        .child-group .form-group:last-child {
            margin-right: 0;
        }
        .remove-child {
            background-color: #d32f2f;
            color: var(--blanco);
            border: none;
            padding: 8px 12px;
            font-size: 14px;
            border-radius: 4px;
            cursor: pointer;
            margin-top: 10px;
        }
        .remove-child:hover {
            background-color: #b71c1c;
        }
        .add-child {
            background-color: var(--azul-primario);
            color: var(--blanco);
            border: none;
            padding: 10px 15px;
            font-size: 14px;
            border-radius: 4px;
            cursor: pointer;
            margin-bottom: 10px;
        }
        .add-child:hover {
            background-color: var(--azul-oscuro);
        }
        /* PIE DE PÁGINA */
        footer {
            background-color: var(--gris-oscuro);
            color: var(--blanco);
            padding: 50px 0 30px;
        }
        .footer-content {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            margin-bottom: 40px;
        }
        .footer-column {
            flex: 1;
            min-width: 200px;
        }
        .footer-column h3 {
            color: var(--naranja-primario);
            margin-bottom: 20px;
            font-size: 20px;
        }
        .footer-column p {
            text-align: left;
            color: rgba(255, 255, 255, 0.7);
        }
        .footer-links {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .footer-links a {
            color: rgba(255, 255, 255, 0.7);
            text-decoration: none;
            transition: color 0.3s ease;
        }
        .footer-links a:hover {
            color: var(--naranja-primario);
        }
        .footer-social {
            margin-bottom: 30px;
        }
        .footer-social .social-icons {
            justify-content: center;
        }
        .footer-social .social-icons a {
            background-color: rgba(255, 255, 255, 0.1);
            color: var(--blanco);
        }
        .footer-social .social-icons a:hover {
            background-color: var(--naranja-primario);
            color: var(--blanco);
        }
        .footer-bottom {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            padding-top: 20px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 15px;
        }
        .footer-bottom p {
            text-align: left;
            color: rgba(255, 255, 255, 0.7);
            margin: 0;
        }
        .footer-bottom a {
            color: rgba(255, 255, 255, 0.7);
            text-decoration: none;
            transition: color 0.3s ease;
        }
        .footer-bottom a:hover {
            color: var(--naranja-primario);
        }
        /* Menú responsive */
        @media (max-width: 768px) {
            .menu-toggle {
                display: block;
            }
            nav {
                display: none;
                width: 100%;
                flex-direction: column;
                margin-top: 15px;
            }
            nav.active {
                display: flex;
            }
            nav > a, .dropdown-btn {
                width: 100%;
                text-align: left;
                padding: 12px 20px;
            }
            .donate-btn {
                margin-left: 0;
                margin-top: 5px;
                text-align: center;
            }
            .dropdown {
                width: 100%;
            }
            .dropdown-content {
                position: static;
                width: 100%;
                box-shadow: none;
                opacity: 1;
                transform: none;
                display: none;
            }
            .dropdown:hover .dropdown-content {
                display: block;
            }
            .contact-card {
                padding: 20px;
            }
            .child-group .form-group {
                display: block;
                width: 100%;
                margin-right: 0;
                margin-bottom: 10px;
            }
        }
        @media (max-width: 480px) {
            .footer-content {
                flex-direction: column;
                gap: 30px;
            }
            .social-icons {
                justify-content: center;
            }
        }
    </style>
    <script>
        // Menú hamburguesa para móviles
        document.addEventListener('DOMContentLoaded', function() {
            const menuToggle = document.querySelector('.menu-toggle');
            const mainNav = document.querySelector('#main-nav');
            menuToggle.addEventListener('click', function() {
                mainNav.classList.toggle('active');
                const icon = menuToggle.querySelector('i');
                icon.classList.toggle('fa-bars');
                icon.classList.toggle('fa-times');
            });
            // Manejo dinámico de hijos
            let childCount = 0;
            document.getElementById('add-child')?.addEventListener('click', function(e) {
                e.preventDefault();
                const childrenContainer = document.getElementById('children-container');
                const childGroup = document.createElement('div');
                childGroup.className = 'child-group';
                childGroup.innerHTML = `
                    <div class="form-group">
                        <label for="hijos_nombre_${childCount}"><?php echo $lang['child_name']; ?></label>
                        <input type="text" id="hijos_nombre_${childCount}" name="hijos_nombre[]">
                    </div>
                    <div class="form-group">
                        <label for="hijos_edad_${childCount}"><?php echo $lang['child_age']; ?></label>
                        <input type="number" id="hijos_edad_${childCount}" name="hijos_edad[]" min="0">
                    </div>
                    <div class="form-group">
                        <label for="hijos_profesion_${childCount}"><?php echo $lang['child_profession']; ?></label>
                        <input type="text" id="hijos_profesion_${childCount}" name="hijos_profesion[]">
                    </div>
                    <button type="button" class="remove-child"><?php echo $lang['remove_child']; ?></button>
                `;
                childrenContainer.appendChild(childGroup);
                childCount++;
                // Añadir evento para eliminar hijo
                childGroup.querySelector('.remove-child').addEventListener('click', function() {
                    childrenContainer.removeChild(childGroup);
                });
            });
        });
    </script>
</head>
<body>
    <!-- BARRA SUPERIOR DE REDES SOCIALES -->
    <div class="top-social-bar">
        <div class="top-social-container">
            <div class="social-icons">
                <a href="https://my.rotary.org/es" target="_blank" aria-label="My Rotary"><i class="fa fa-home"></i> My Rotary</a>
                <a href="https://www.facebook.com/ClubRotariodeBarranquilla/?locale=es_LA" target="_blank" aria-label="Facebook"><i class="fab fa-facebook-f"></i> Facebook</a>
                <a href="https://www.instagram.com/clubrotariodebarranquilla/?hl=es" target="_blank" aria-label="Instagram"><i class="fab fa-instagram"></i> Instagram</a>
                <a href="https://twitter.com/Rotary" target="_blank" aria-label="Twitter"><i class="fab fa-twitter"></i> Twitter</a>
                <a href="https://www.youtube.com/user/rotary" target="_blank" aria-label="YouTube"><i class="fab fa-youtube"></i> YouTube</a>
                <a href="https://api.whatsapp.com/send?phone=573012345678" target="_blank" aria-label="WhatsApp"><i class="fab fa-whatsapp"></i> WhatsApp</a>
            </div>
        </div>
    </div>
    <!-- ENCABEZADO PRINCIPAL -->
    <header>
        <div class="container">
            <div class="header-content">
                <div class="logo"><img src="https://clubrotariodebarranquilla.com/imagenes/logo_rotary.png" width="200" height="68" alt="Rotary Club de Barranquilla"></div>
                <button class="menu-toggle" aria-label="Menú">
                    <i class="fas fa-bars"></i>
                </button>
                <nav id="main-nav">
                    <a href="index.html">Inicio</a>
                    <div class="dropdown">
                        <button class="dropdown-btn">Sobre Rotary</button>
                        <div class="dropdown-content">
                            <a href="historia.html">Historia</a>
                            <a href="mision-vision.html">Misión y Visión</a>
                            <a href="socios.html">Socios</a>
                            <a href="junta-directiva.html">Junta Directiva y Comités</a>
                            <a href="normatividad.html">Normatividad</a>
                            <a href="tributarios.html">Documentos Tributarios</a>
                        </div>
                    </div>
                    <div class="dropdown">
                        <button class="dropdown-btn">Proyectos</button>
                        <div class="dropdown-content">
                            <a href="areas-interes.html">Áreas de Interés</a>
                            <a href="proyectos-ejecucion.html">Proyectos en ejecución</a>
                            <a href="propuestas.html">Propuestas de Proyectos</a>
                            <a href="proyectos-finalizados.html">Proyectos Finalizados</a>
                            <a href="servicios-a-la-comunidad.html">Servicio en Comunidad</a>
                        </div>
                    </div>
                    <div class="dropdown">
                        <button class="dropdown-btn">Fundación Rotaria</button>
                        <div class="dropdown-content">
                            <a href="junta-fundacion-rotaria.html">Junta Directiva</a>
                            <a href="somos-fundacion-rotaria.html">Quienes Somos</a>
                        </div>
                    </div>
                    <a href="galeria.html">Galería</a>
                    <div class="dropdown">
                        <button class="dropdown-btn">Juventudes Rotarias</button>
                        <div class="dropdown-content">
                            <a href="rotaract.html">Rotaract</a>
                            <a href="interact.html">Interact</a>
                        </div>
                    </div>
                    <a href="contacto.php">Contacto</a>
                    <a href="registros.php" class="donate-btn">Solicita Vinculación</a>
                </nav>
            </div>
        </div>
    </header>

    <!-- SECCIÓN DE SOLICITUD -->
    <section class="history-section">
        <div class="history-container">
            <h2><?php echo htmlspecialchars($lang['title'], ENT_QUOTES, 'UTF-8'); ?></h2>
            <p style="text-align: center;"><?php echo $lang['subtitle']; ?></p>
            
            <div class="contact-card">
                <?php if (!empty($success)): ?>
                    <div class="success-message"><?php echo htmlspecialchars($success, ENT_QUOTES, 'UTF-8'); ?></div>
                    <a href="index.html" class="submit-btn"><?php echo $lang['home']; ?></a>
                <?php elseif (!empty($error_messages)): ?>
                    <div class="error-message">
                        <ul class="error-list">
                            <?php foreach ($error_messages as $error): ?>
                                <li><?php echo htmlspecialchars($error, ENT_QUOTES, 'UTF-8'); ?></li>
                            <?php endforeach; ?>
                        </ul>
                    </div>
                <?php endif; ?>
                
                <?php if (empty($success)): ?>
                    <form action="registros.php?lang=<?php echo $idioma; ?>" method="POST">
                        <input type="hidden" name="csrf_token" value="<?php echo htmlspecialchars($_SESSION['csrf_token'], ENT_QUOTES, 'UTF-8'); ?>">
                        <input type="hidden" name="add_member" value="1">
                        
                        <fieldset>
                            <legend><?php echo $idioma == 'es' ? 'I. Datos Personales' : 'I. Personal Information'; ?></legend>
                            
                            <div class="form-group">
                                <label for="nombre"><?php echo $lang['name']; ?></label>
                                <input type="text" id="nombre" name="nombre" required>
                            </div>
                            
                            <div class="form-group">
                                <label for="apellidos"><?php echo $lang['last_name']; ?></label>
                                <input type="text" id="apellidos" name="apellidos" required>
                            </div>
                            
                            <div class="form-group">
                                <label for="cedula"><?php echo $lang['id_number']; ?></label>
                                <input type="text" id="cedula" name="cedula" required pattern="[0-9]+" title="<?php echo $lang['invalid_id_number']; ?>">
                            </div>
                            
                            <div class="form-group">
                                <label for="email"><?php echo $lang['email']; ?></label>
                                <input type="email" id="email" name="email" required>
                            </div>
                            
                            <div class="form-group">
                                <label for="direccion"><?php echo $lang['address']; ?></label>
                                <input type="text" id="direccion" name="direccion" required>
                            </div>
                            
                            <div class="form-group">
                                <label for="telefono_fijo"><?php echo $lang['phone']; ?></label>
                                <input type="tel" id="telefono_fijo" name="telefono_fijo" pattern="[0-9]*" title="<?php echo $lang['invalid_phone']; ?>">
                            </div>
                            
                            <div class="form-group">
                                <label for="celular"><?php echo $lang['mobile']; ?></label>
                                <input type="tel" id="celular" name="celular" pattern="[0-9]*" title="<?php echo $lang['invalid_phone']; ?>">
                            </div>
                            
                            <div class="form-group">
                                <label for="profesion"><?php echo $lang['profession']; ?></label>
                                <input type="text" id="profesion" name="profesion">
                            </div>
                            
                            <div class="form-group">
                                <label for="posgrado"><?php echo $lang['postgraduate']; ?></label>
                                <input type="text" id="posgrado" name="posgrado">
                            </div>
                            
                            <div class="form-group">
                                <label for="ocupacion"><?php echo $lang['occupation']; ?></label>
                                <input type="text" id="ocupacion" name="ocupacion">
                            </div>
                            
                            <div class="form-group">
                                <label for="direccion_oficina"><?php echo $lang['office_address']; ?></label>
                                <input type="text" id="direccion_oficina" name="direccion_oficina">
                            </div>
                            
                            <div class="form-group">
                                <label for="telefono_oficina"><?php echo $lang['office_phone']; ?></label>
                                <input type="tel" id="telefono_oficina" name="telefono_oficina" pattern="[0-9]*" title="<?php echo $lang['invalid_phone']; ?>">
                            </div>
                            
                            <div class="form-group">
                                <label for="celular_oficina"><?php echo $lang['office_mobile']; ?></label>
                                <input type="tel" id="celular_oficina" name="celular_oficina" pattern="[0-9]*" title="<?php echo $lang['invalid_phone']; ?>">
                            </div>
                            
                            <div class="form-group">
                                <label for="estado_civil"><?php echo $lang['marital_status']; ?></label>
                                <input type="text" id="estado_civil" name="estado_civil">
                            </div>
                            
                            <div class="form-group">
                                <label for="ciudad"><?php echo $lang['city']; ?></label>
                                <input type="text" id="ciudad" name="ciudad" required>
                            </div>
                            
                            <div class="form-group">
                                <label for="estado_provincia"><?php echo $lang['state']; ?></label>
                                <input type="text" id="estado_provincia" name="estado_provincia" required>
                            </div>
                            
                            <div class="form-group">
                                <label for="pais"><?php echo $lang['country']; ?></label>
                                <input type="text" id="pais" name="pais" required>
                            </div>
                            
                            <div class="form-group">
                                <label for="codigo_postal"><?php echo $lang['postal_code']; ?></label>
                                <input type="text" id="codigo_postal" name="codigo_postal" required pattern="[a-zA-Z0-9-]+" title="<?php echo $lang['invalid_postal']; ?>">
                            </div>
                            
                            <div class="form-group">
                                <label for="fecha_nacimiento"><?php echo $lang['birth_date']; ?></label>
                                <input type="date" id="fecha_nacimiento" name="fecha_nacimiento" required max="<?php echo date('Y-m-d', strtotime('-18 years')); ?>">
                            </div>
                            
                            <div class="form-group">
                                <label for="sexo"><?php echo $lang['sex']; ?></label>
                                <select id="sexo" name="sexo" required>
                                    <option value="<?php echo $idioma == 'es' ? 'Masculino' : 'Male'; ?>"><?php echo $lang['male']; ?></option>
                                    <option value="<?php echo $idioma == 'es' ? 'Femenino' : 'Female'; ?>"><?php echo $lang['female']; ?></option>
                                </select>
                            </div>
                        </fieldset>
                        
                        <fieldset>
                            <legend><?php echo $idioma == 'es' ? 'II. Datos Familiares' : 'II. Family Information'; ?></legend>
                            
                            <div class="form-group">
                                <label for="conyuge"><?php echo $lang['spouse']; ?></label>
                                <input type="text" id="conyuge" name="conyuge">
                            </div>
                            
                            <div class="form-group">
                                <label for="profesion_conyuge"><?php echo $lang['spouse_profession']; ?></label>
                                <input type="text" id="profesion_conyuge" name="profesion_conyuge">
                            </div>
                            
                            <div class="form-group">
                                <label for="correo_conyuge"><?php echo $lang['spouse_email']; ?></label>
                                <input type="email" id="correo_conyuge" name="correo_conyuge">
                            </div>
                            
                            <div class="form-group">
                                <label for="fecha_nacimiento_conyuge"><?php echo $lang['spouse_birth_date']; ?></label>
                                <input type="date" id="fecha_nacimiento_conyuge" name="fecha_nacimiento_conyuge" max="<?php echo date('Y-m-d'); ?>">
                            </div>
                            
                            <div class="form-group">
                                <label><?php echo $lang['children']; ?></label>
                                <div id="children-container"></div>
                                <button type="button" id="add-child" class="add-child"><?php echo $lang['add_child']; ?></button>
                            </div>
                        </fieldset>
                        
                        <fieldset>
                            <legend><?php echo $idioma == 'es' ? 'III. Información Rotaria' : 'III. Rotary Information'; ?></legend>
                            
                            <div class="form-group">
                                <label for="fecha_admision"><?php echo $lang['admission_date']; ?></label>
                                <input type="date" id="fecha_admision" name="fecha_admision" required max="<?php echo date('Y-m-d'); ?>">
                            </div>
                            
                            <div class="form-group">
                                <label for="es_socio_otro_club"><?php echo $lang['other_club']; ?></label>
                                <input type="checkbox" id="es_socio_otro_club" name="es_socio_otro_club">
                            </div>
                            
                            <div class="form-group">
                                <label for="club_anterior"><?php echo $lang['previous_club']; ?></label>
                                <input type="text" id="club_anterior" name="club_anterior">
                            </div>
                            
                            <div class="form-group">
                                <label for="distrito"><?php echo $lang['district']; ?></label>
                                <input type="text" id="distrito" name="distrito" required>
                            </div>
                            
                            <div class="form-group">
                                <label for="idiomas"><?php echo $lang['languages']; ?></label>
                                <input type="text" id="idiomas" name="idiomas">
                            </div>
                            
                            <div class="form-group">
                                <label for="suscripcion"><?php echo $lang['subscription']; ?></label>
                                <input type="text" id="suscripcion" name="suscripcion">
                            </div>
                        </fieldset>
                        
                        <fieldset>
                            <legend><?php echo $idioma == 'es' ? 'IV. Motivación e Intereses' : 'IV. Motivation and Interests'; ?></legend>
                            
                            <div class="form-group">
                                <label for="motivacion"><?php echo $lang['motivation']; ?></label>
                                <textarea id="motivacion" name="motivacion" required></textarea>
                            </div>
                            
                            <div class="form-group">
                                <label for="como_conocio"><?php echo $lang['how_knew_club']; ?></label>
                                <textarea id="como_conocio" name="como_conocio" required></textarea>
                            </div>
                            
                            <div class="form-group">
                                <label for="conocimiento_rotary"><?php echo $lang['rotary_knowledge']; ?></label>
                                <textarea id="conocimiento_rotary" name="conocimiento_rotary" required></textarea>
                            </div>
                            
                            <div class="form-group">
                                <label for="intereses"><?php echo $lang['interests']; ?></label>
                                <textarea id="intereses" name="intereses" required></textarea>
                            </div>
                            
                            <div class="form-group">
                                <label for="tiempo_dedicar"><?php echo $lang['time_commitment']; ?></label>
                                <textarea id="tiempo_dedicar" name="tiempo_dedicar" required></textarea>
                            </div>
                        </fieldset>
                        
                        <fieldset>
                            <legend><?php echo $lang['commitment_declaration']; ?></legend>
                            <div class="form-group">
                                <label>
                                    <input type="checkbox" name="declaracion_compromiso" required>
                                    <?php echo $lang['commitment_text']; ?>
                                </label>
                            </div>
                        </fieldset>
                        
                        <button type="submit" class="submit-btn"><?php echo $lang['submit']; ?></button>
                    </form>
                <?php endif; ?>
            </div>
        </div>
    </section>

    <!-- PIE DE PÁGINA -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-column">
                    <h3>Club Rotario de Barranquilla</h3>
                    <p>Servir para cambiar vidas.</p>
                    <p>Dirección: Cra 52 # 74-120, Barranquilla, Atlántico, Colombia</p>
                    <p>Email: <a href="mailto:barranquillaclubrotario@gmail.com">barranquillaclubrotario@gmail.com</a></p>
                    <p>WhatsApp: <a href="https://api.whatsapp.com/send?phone=573012345678">+57 301 234 5678</a></p>
                </div>
                <div class="footer-column">
                    <h3>Enlaces Rápidos</h3>
                    <div class="footer-links">
                        <a href="index.html">Inicio</a>
                        <a href="historia.html">Historia</a>
                        <a href="mision-vision.html">Misión y Visión</a>
                        <a href="contacto.php">Contacto</a>
                        <a href="registros.php">Solicita Vinculación</a>
                    </div>
                </div>
                <div class="footer-column">
                    <h3>Síguenos</h3>
                    <div class="footer-social">
                        <div class="social-icons">
                            <a href="https://www.facebook.com/ClubRotariodeBarranquilla/?locale=es_LA" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                            <a href="https://www.instagram.com/clubrotariodebarranquilla/?hl=es" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                            <a href="https://twitter.com/Rotary" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
                            <a href="https://www.youtube.com/user/rotary" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <p>© 2025 Club Rotario de Barranquilla. Todos los derechos reservados.</p>
                <a href="politica-privacidad.html">Política de Privacidad</a>
            </div>
        </div>
    </footer>
</body>
</html>