/**
 * Plugin Name: Despachador Universal Loher Multi-Paso
 * Description: Sistema modular "todo terreno" que agrega boton de Prueba, divide el checkout en 2 pasos nativos y procesa descargas con espacios para MetaTrader 4.
 * Version: 1.3.0
 * Author: RUBEN L. H.
 */

if ( ! defined( 'ABSPATH' ) ) {
    exit;
}

/**
 * 1. AGREGAR BOTÓN DE "VERSIÓN DE PRUEBA" EN LA PÁGINA DEL PRODUCTO
 */
add_action('woocommerce_after_add_to_cart_button', 'loher_inyectar_boton_version_prueba', 15);
function loher_inyectar_boton_version_prueba() {
    global $product;
    if ( ! $product ) return;

    $url_trial = wc_get_checkout_url() . '?solicitar_trial=' . $product->get_id();

    echo '<button type="button" onclick="window.location.href=\'' . esc_url($url_trial) . '\'" class="button alt" style="background-color: #00E5A8; color: #000; font-weight: bold; margin-top: 10px; display: block; width: 100%; border: none; padding: 12px; border-radius: 4px; text-align: center; cursor: pointer;">';
    echo '🔬 Solicitar Versión de Prueba (Gratis - 4 Horas)';
    echo '</button>';
}

/**
 * DETECTAR EL CLIC DEL BOTÓN DE PRUEBA Y ASIGNAR ATRIBUTO TRIAL A LA SESIÓN
 */
add_action('init', 'loher_capturar_solicitud_trial_directa');
function loher_capturar_solicitud_trial_directa() {
    if ( isset($_GET['solicitar_trial']) ) {
        $product_id = intval($_GET['solicitar_trial']);
        if ( function_exists('WC') && WC()->cart ) {
            WC()->cart->empty_cart();
            WC()->cart->add_to_cart($product_id, 1);
            WC()->session->set('loher_tipo_compra', 'TRIAL');
        }
    }
}

/**
 * 2. AGREGAR EL PASO 1 (CUESTIONARIO METATRADER) NATIVAMENTE ARRIBA DEL FORMULARIO
 */
add_action('woocommerce_before_checkout_form', 'loher_inyectar_formulario_paso1_nativo', 5);
function loher_inyectar_formulario_paso1_nativo() {
    ?>
    <style>
        .loher-step-container { display: flex; margin-bottom: 20px; background: #f7f7f7; padding: 10px; border-radius: 4px; font-family: sans-serif; }
        .loher-step { flex: 1; text-align: center; padding: 10px; font-weight: bold; color: #ccc; border-bottom: 3px solid #ccc; }
        .loher-step.active { color: #000; border-bottom: 3px solid #00E5A8; }
        
        #loher_bloque_paso1 { background: #fff; padding: 25px; border-radius: 6px; margin-bottom: 25px; border: 1px solid #e3e3e3; font-family: sans-serif; }
        #loher_bloque_paso1 h3 { margin-top: 0; color: #000; font-size: 18px; margin-bottom: 15px; border-botoom: 1px solid #eee; padding-bottom: 10px; }
        .loher-campo { margin-bottom: 15px; }
        .loher-campo label { display: block; font-weight: bold; margin-bottom: 5px; color: #333; font-size: 14px; }
        .loher-campo input { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; }
        
        #loher_btn_siguiente { background: #000; color: #fff; padding: 12px 20px; border: none; font-weight: bold; border-radius: 4px; cursor: pointer; display: block; margin: 20px auto 0; width: 100%; text-align: center; font-size: 15px; }
        
        /* Ocultar el formulario de pago original hasta que se presione Siguiente */
        form.checkout.loher-ocultar-checkout { display: none !important; }
    </style>

    <!-- Barra de Pasos Visual -->
    <div class="loher-step-container">
        <div id="p_paso1" class="loher-step active">PASO 1: Validación MetaTrader</div>
        <div id="p_paso2" class="loher-step">PASO 2: Información de Pago</div>
    </div>

    <!-- Bloque Físico Paso 1 (MetaTrader) -->
    <div id="loher_bloque_paso1">
        <h3>📋 Cuestionario de Validación de Licencia</h3>
        <p style="font-size: 13px; color: #666; margin-bottom: 20px;">Por favor, introduzca los datos de su plataforma para que el servidor pueda fabricar y encriptar su archivo de licencia (.loherlicencia) de forma personalizada.</p>
        
        <div class="loher-campo">
            <label for="loher_cuenta_input">Número de Cuenta de Trading (MetaTrader 4) <span style="color:red;">*</span></label>
            <input type="text" id="loher_cuenta_input" placeholder="Ejemplo: 1234567" required>
        </div>
        
        <div class="loher-campo">
            <label for="loher_broker_input">Nombre del Bróker <span style="color:red;">*</span></label>
            <input type="text" id="loher_broker_input" placeholder="Ejemplo: IC Markets, Pepperstone" required>
        </div>
        
        <button type="button" id="loher_btn_siguiente">Siguiente Paso ➡️</button>
    </div>

    <script>
    jQuery(document).ready(function($) {
        // Al arrancar, ocultamos el checkout comercial de WooCommerce a la fuerza
        $('form.checkout').addClass('loher-ocultar-checkout');

        // Lógica de transición al hacer clic en Siguiente Paso
        $('#loher_btn_siguiente').on('click', function(e) {
            e.preventDefault();
            
            var cuenta_val = $('#loher_cuenta_input').val().trim();
            var broker_val = $('#loher_broker_input').val().trim();

            if(cuenta_val === "" || broker_val === "") {
                alert("⚠️ Por favor, rellene su Número de Cuenta y Nombre de Bróker para continuar.");
                return;
            }

            // Inyectar de forma oculta los valores en las variables reales de WooCommerce para que se guarden en la orden
            // Si las casillas nativas no existen todavía, las creamos en el formulario para asegurar el guardado
            if ($('#_billing_cuenta_mt4').length === 0) {
                $('form.checkout').append('<input type="hidden" name="_billing_cuenta_mt4" id="_billing_cuenta_mt4">');
            }
            if ($('#_billing_broker_mt4').length === 0) {
                $('form.checkout').append('<input type="hidden" name="_billing_broker_mt4" id="_billing_broker_mt4">');
            }

            $('#_billing_cuenta_mt4').val(cuenta_val);
            $('#_billing_broker_mt4').val(broker_val);

            // Cambiar las pestañas visuales de arriba
            $('#p_paso1').removeClass('active');
            $('#p_paso2').addClass('active');

            // Ocultar el bloque del cuestionario y mostrar a la fuerza el formulario de pago nativo
            $('#loher_bloque_paso1').hide();
            $('form.checkout').removeClass('loher-ocultar-checkout').show();
            
            // Desplazar la pantalla arriba suavemente para comodidad del usuario
            $('html, body').animate({ scrollTop: $(".loher-step-container").offset().top - 20 }, 500);
        });
    });
    </script>