<?php
/**
 * ASISMA CRM - Formulario de edición de Leads
 */
?>
<!-- Header -->
<div class="mb-8">
    <a href="<?php echo APP_URL; ?>/leads/ver?id=<?php echo $lead['id']; ?>" class="inline-flex items-center gap-1.5 text-xs text-slate-500 hover:text-slate-300 font-semibold mb-3">
        <i data-lucide="arrow-left" class="w-3.5 h-3.5"></i>
        <span>Volver a la Ficha</span>
    </a>
    <h1 class="text-3xl font-extrabold text-white tracking-tight">Editar Lead</h1>
</div>

<?php
// Fila Guardar/Cancelar: se repite ARRIBA y ABAJO de la card del formulario
ob_start(); ?>
<div class="flex items-center justify-end gap-4">
    <a href="<?php echo APP_URL; ?>/leads/ver?id=<?php echo $lead['id']; ?>"
       class="px-5 py-3 bg-slate-950 hover:bg-red-500/10 border border-red-500/40 hover:border-red-500/70 text-red-400 text-center font-medium rounded-xl text-sm transition-colors">
        Cancelar
    </a>
    <button type="submit" form="editLeadForm"
            class="btn-guardar-lead px-6 py-3 bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-500 hover:to-indigo-500 text-white font-semibold rounded-xl text-sm transition-all duration-300 shadow-lg shadow-blue-500/10 hover:shadow-blue-500/20 flex items-center justify-center gap-2">
        <span>Guardar Cambios</span>
        <i data-lucide="check" class="w-4 h-4"></i>
    </button>
</div>
<?php $filaBotones = ob_get_clean(); ?>

<!-- Acciones arriba de la card -->
<div class="mb-6"><?php echo $filaBotones; ?></div>

<!-- Form Card -->
<div class="bg-slate-900 border border-slate-800/80 rounded-2xl p-8 shadow-2xl relative overflow-hidden">
    <!-- Back light effect -->
    <div class="absolute inset-0 bg-[radial-gradient(circle_at_top_right,rgba(37,99,235,0.03),transparent_40%)]"></div>

    <form id="editLeadForm" class="space-y-8 relative z-10">
        <input type="hidden" name="id" value="<?php echo $lead['id']; ?>">
        <?php $esAdmin = SessionHelper::isAdmin(); ?>

        <!-- SECTION 1: DATOS DEL LEAD -->
        <div>
            <h3 class="text-sm font-bold text-blue-400 uppercase tracking-wider border-b border-slate-800 pb-2 mb-6">1. Datos del Lead</h3>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                <!-- Nombre Contacto -->
                <div>
                    <label class="block text-xs font-semibold text-slate-400 uppercase tracking-wider mb-2">Nombre Completo *</label>
                    <input type="text" name="contacto_nombre" id="contacto_nombre" required value="<?php echo htmlspecialchars($lead['contacto_nombre']); ?>"
                           class="block w-full px-3 py-2.5 bg-slate-950 border border-slate-800 rounded-xl text-slate-200 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
                           placeholder="Juan Pérez">
                </div>
                <!-- Correo -->
                <div>
                    <label class="block text-xs font-semibold text-slate-400 uppercase tracking-wider mb-2">Email <span class="text-slate-600 text-[10px] normal-case">(opcional)</span></label>
                    <input type="email" name="contacto_email" id="contacto_email" value="<?php echo htmlspecialchars(isset($lead['correo_real']) ? $lead['correo_real'] : ''); ?>"
                           class="block w-full px-3 py-2.5 bg-slate-950 border border-slate-800 rounded-xl text-slate-200 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
                           placeholder="juan.perez@empresa.cl">
                </div>
                <!-- Teléfono (solo lectura: es la llave del candado anti-duplicado) -->
                <div>
                    <label class="block text-xs font-semibold text-slate-400 uppercase tracking-wider mb-2">Teléfono / WhatsApp <span class="text-slate-600 text-[10px] normal-case">(no editable)</span></label>
                    <input type="text" id="contacto_telefono" value="<?php echo htmlspecialchars($lead['telefono_real']); ?>" readonly
                           class="block w-full px-3 py-2.5 bg-slate-900/60 border border-slate-800 rounded-xl text-slate-500 text-sm cursor-not-allowed focus:outline-none">
                </div>
            </div>
        </div>

        <!-- SECTION 2: INTERÉS (simplificado: el producto define marca y vertical) -->
        <div>
            <h3 class="text-sm font-bold text-blue-400 uppercase tracking-wider border-b border-slate-800 pb-2 mb-6">2. <?php echo $esAdmin ? 'Región e Interés' : 'Interés Comercial'; ?></h3>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                <?php if ($esAdmin): ?>
                <!-- Región: SOLO el superadmin puede cambiarla. A franquiciados y
                     vendedores no se les muestra (el backend la fija a la de su
                     franquicia ignorando lo que venga en el POST). -->
                <div>
                    <label class="block text-xs font-semibold text-slate-400 uppercase tracking-wider mb-2">Región del Cliente</label>
                    <select name="region_id" id="region_id"
                            class="block w-full px-3 py-2.5 bg-slate-950 border border-slate-800 rounded-xl text-slate-300 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
                        <option value="">-- Seleccionar Región --</option>
                        <?php foreach ($regiones as $reg): ?>
                            <option value="<?php echo $reg['id']; ?>" <?php echo $lead['region_id'] == $reg['id'] ? 'selected' : ''; ?>><?php echo htmlspecialchars($reg['nombre']); ?></option>
                        <?php endforeach; ?>
                    </select>
                </div>
                <?php endif; ?>

                <!-- Producto de Interés (la marca y la vertical se derivan solas) -->
                <div>
                    <label class="block text-xs font-semibold text-slate-400 uppercase tracking-wider mb-2">Producto de Interés</label>
                    <?php
                    $marcasPorId = array();
                    foreach ($marcas as $m) { $marcasPorId[$m['id']] = $m['nombre']; }
                    ?>
                    <select name="producto_id" id="producto_id"
                            class="block w-full px-3 py-2.5 bg-slate-950 border border-slate-800 rounded-xl text-slate-300 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
                        <option value="">-- Seleccionar Producto --</option>
                        <?php foreach ($productos as $p): ?>
                            <option value="<?php echo $p['id']; ?>" <?php echo $lead['producto_interes'] == $p['id'] ? 'selected' : ''; ?>>
                                <?php echo htmlspecialchars($p['nombre']); ?><?php echo isset($marcasPorId[$p['marca_id']]) ? ' — ' . htmlspecialchars($marcasPorId[$p['marca_id']]) : ''; ?>
                            </option>
                        <?php endforeach; ?>
                    </select>
                    <p class="text-[10px] text-slate-500 mt-1.5">La marca y la vertical quedan definidas por el producto.</p>
                </div>

                <!-- Origen del Lead -->
                <div>
                    <label class="block text-xs font-semibold text-slate-400 uppercase tracking-wider mb-2">Origen / Canal del Lead</label>
                    <select name="origen" id="origen"
                            class="block w-full px-3 py-2.5 bg-slate-950 border border-slate-800 rounded-xl text-slate-300 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
                        <?php foreach (arr_origenes_lead() as $key => $label): ?>
                            <option value="<?php echo $key; ?>" <?php echo $lead['origen'] === $key ? 'selected' : ''; ?>><?php echo $label; ?></option>
                        <?php endforeach; ?>
                    </select>
                </div>
            </div>
        </div>

        <!-- SECTION 3: EMPRESA (solo lectura, va al final como referencia) -->
        <div>
            <h3 class="text-sm font-bold text-blue-400 uppercase tracking-wider border-b border-slate-800 pb-2 mb-6">3. Información de la Empresa</h3>
            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                <!-- RUT (solo lectura: los datos de la empresa no se tocan desde el lead) -->
                <div>
                    <label class="block text-xs font-semibold text-slate-400 uppercase tracking-wider mb-2">RUT de la Empresa <span class="text-slate-600 text-[10px] normal-case">(no editable)</span></label>
                    <input type="text" id="rut" value="<?php echo htmlspecialchars($lead['empresa_rut']); ?>" readonly
                           class="block w-full px-3 py-2.5 bg-slate-900/60 border border-slate-800 rounded-xl text-slate-500 text-sm cursor-not-allowed focus:outline-none">
                </div>
                <!-- Razón Social (solo lectura) -->
                <div class="md:col-span-2">
                    <label class="block text-xs font-semibold text-slate-400 uppercase tracking-wider mb-2">Razón Social <span class="text-slate-600 text-[10px] normal-case">(no editable)</span></label>
                    <input type="text" id="razon_social" value="<?php echo htmlspecialchars($lead['empresa_razon_social']); ?>" readonly
                           class="block w-full px-3 py-2.5 bg-slate-900/60 border border-slate-800 rounded-xl text-slate-500 text-sm cursor-not-allowed focus:outline-none">
                    <p class="text-[11px] text-slate-500 mt-1.5">Los datos de la empresa se administran en su ficha (Clientes / Empresas), no desde el lead.</p>
                </div>
            </div>
        </div>

    </form>
</div>

<!-- Acciones abajo de la card -->
<div class="mt-6"><?php echo $filaBotones; ?></div>

<!-- jQuery Script for Cascading Dropdowns and AJAX Submission -->
<script>
    $(document).ready(function() {

        // Form AJAX Submission
        $('#editLeadForm').on('submit', function(e) {
            e.preventDefault();

            // Deshabilitar botón
            $('.btn-guardar-lead').attr('disabled', true).addClass('opacity-80');

            const formData = $(this).serialize();

            $.ajax({
                url: '<?php echo APP_URL; ?>/leads/editar',
                type: 'POST',
                data: formData,
                dataType: 'json',
                success: function(response) {
                    if (response.success) {
                        Swal.fire({
                            icon: 'success',
                            title: '¡Actualizado!',
                            text: response.message,
                            background: '#1e293b',
                            color: '#f8fafc',
                            confirmButtonColor: '#3b82f6',
                            timer: 2000,
                            showConfirmButton: false
                        }).then(() => {
                            window.location.href = response.redirect;
                        });
                    } else {
                        Swal.fire({
                            icon: 'error',
                            title: 'Error de validación',
                            text: response.message,
                            background: '#1e293b',
                            color: '#f8fafc',
                            confirmButtonColor: '#3b82f6'
                        });
                        $('.btn-guardar-lead').attr('disabled', false).removeClass('opacity-80');
                    }
                },
                error: function() {
                    Swal.fire({
                        icon: 'error',
                        title: 'Error de servidor',
                        text: 'No se pudo actualizar el lead en este momento.',
                        background: '#1e293b',
                        color: '#f8fafc',
                        confirmButtonColor: '#ef4444'
                    });
                    $('.btn-guardar-lead').attr('disabled', false).removeClass('opacity-80');
                }
            });
        });

    });
</script>
