@csrf
<div class="space-y-6">

    {{-- Nombre --}}
    <div>
        <x-input-label for="nombre" value="Nombre del Congreso" />
        <x-text-input id="nombre" name="nombre" type="text" class="mt-1 block w-full"
            :value="old('nombre', $congreso->nombre ?? '')" required autofocus />
        <x-input-error class="mt-2" :messages="$errors->get('nombre')" />
    </div>

    {{-- Slug --}}
    <div>
        <x-input-label for="slug" value="Slug (URL amigable)" />
        <x-text-input id="slug" name="slug" type="text" class="mt-1 block w-full"
            :value="old('slug', $congreso->slug ?? '')" required />
        <x-input-error class="mt-2" :messages="$errors->get('slug')" />
    </div>

    {{-- Descripción Corta --}}
    <div>
        <div class="flex items-center justify-between mb-1">
            <x-input-label value="Descripción Corta" />
            <span class="inline-flex rounded-lg border border-gray-300 overflow-hidden text-xs font-semibold">
                <button type="button" id="btn-visual-descripcion_corta" class="px-3 py-1 bg-indigo-600 text-white">✦ Visual</button>
                <button type="button" id="btn-raw-descripcion_corta" class="px-3 py-1 bg-white text-gray-600">&lt;/&gt; HTML</button>
            </span>
        </div>
        {{-- TinyMCE se inicializa AQUÍ MISMO, sobre el textarea con name --}}
        <div id="cont-visual-descripcion_corta">
            <textarea id="descripcion_corta" name="descripcion_corta" class="w-full">{{ old('descripcion_corta', $congreso->descripcion_corta ?? '') }}</textarea>
        </div>
        <div id="cont-raw-descripcion_corta" style="display:none">
            <textarea id="raw_descripcion_corta" rows="5"
                class="block w-full border border-gray-300 rounded-md shadow-sm font-mono text-sm p-3">{{ old('descripcion_corta', $congreso->descripcion_corta ?? '') }}</textarea>
        </div>
        <x-input-error class="mt-2" :messages="$errors->get('descripcion_corta')" />
    </div>

    {{-- Límites --}}
    <div class="grid grid-cols-1 md:grid-cols-2 gap-4 p-4 bg-gray-50 rounded-xl border border-gray-200">
        <div>
            <x-input-label for="max_participantes" value="Límite de participantes" />
            <x-text-input id="max_participantes" name="max_participantes" type="number" class="mt-1 block w-full"
                :value="old('max_participantes', $congreso->max_participantes ?? '')" min="1" placeholder="Sin límite (dejar vacío)" />
            <p class="mt-1 text-xs text-gray-500">Deja vacío para no tener límite máximo.</p>
        </div>
        <div>
            <x-input-label for="max_invitados" value="Límite de invitados" />
            <x-text-input id="max_invitados" name="max_invitados" type="number" class="mt-1 block w-full"
                :value="old('max_invitados', $congreso->max_invitados ?? '')" min="1" placeholder="Sin límite (dejar vacío)" />
        </div>
    </div>

    @if(isset($congreso) && $congreso->exists && $congreso->max_participantes)
        @php
            $total    = $congreso->registros()->count();
            $max      = $congreso->max_participantes;
            $pct      = min(100, round($total / $max * 100));
            $colorBar = $pct >= 90 ? '#ef4444' : ($pct >= 70 ? '#f59e0b' : '#10b981');
        @endphp
        <div>
            <p class="text-xs text-gray-500 mb-1">Ocupación actual</p>
            <div class="w-full bg-gray-200 rounded-full overflow-hidden" style="height:22px">
                <div class="h-full rounded-full flex items-center justify-center text-white text-xs font-bold"
                     style="width:{{ $pct }}%; background-color:{{ $colorBar }}; min-width:60px">
                    {{ $total }} / {{ $max }} ({{ $pct }}%)
                </div>
            </div>
        </div>
    @endif

    {{-- ── HERO ──────────────────────────────────────────────────────── --}}
    <div class="pt-6 border-t border-gray-200">
        <h3 class="text-lg font-medium text-gray-900">Sección Principal (Hero)</h3>
        <p class="mt-1 text-sm text-gray-600">Lo primero que ve el usuario.</p>

        <div class="mt-4">
            <x-input-label for="hero_titulo" value="Título Principal" />
            <x-text-input id="hero_titulo" name="hero_titulo" type="text" class="mt-1 block w-full"
                :value="old('hero_titulo', $congreso->hero_titulo ?? '')" />
            <x-input-error class="mt-2" :messages="$errors->get('hero_titulo')" />
        </div>

        <div class="mt-4">
            <div class="flex items-center justify-between mb-1">
                <x-input-label value="Subtítulo del Hero" />
                <span class="inline-flex rounded-lg border border-gray-300 overflow-hidden text-xs font-semibold">
                    <button type="button" id="btn-visual-hero_subtitulo" class="px-3 py-1 bg-indigo-600 text-white">✦ Visual</button>
                    <button type="button" id="btn-raw-hero_subtitulo" class="px-3 py-1 bg-white text-gray-600">&lt;/&gt; HTML</button>
                </span>
            </div>
            <div id="cont-visual-hero_subtitulo">
                <textarea id="hero_subtitulo" name="hero_subtitulo" class="w-full">{{ old('hero_subtitulo', $congreso->hero_subtitulo ?? '') }}</textarea>
            </div>
            <div id="cont-raw-hero_subtitulo" style="display:none">
                <textarea id="raw_hero_subtitulo" rows="3"
                    class="block w-full border border-gray-300 rounded-md shadow-sm font-mono text-sm p-3">{{ old('hero_subtitulo', $congreso->hero_subtitulo ?? '') }}</textarea>
            </div>
            <x-input-error class="mt-2" :messages="$errors->get('hero_subtitulo')" />
        </div>

        <div class="mt-4">
            <x-input-label for="hero_imagen_path" value="Imagen Hero (Escritorio - Ej: 1920x1080px)" />
            <input id="hero_imagen_path" name="hero_imagen_path" type="file" class="mt-1 block w-full">
            @if (isset($congreso) && $congreso->hero_imagen_path)
                <div class="mt-2"><img src="{{ asset('storage/' . $congreso->hero_imagen_path) }}" class="h-40 w-auto rounded border"></div>
            @endif
        </div>

        <div class="mt-4">
            <x-input-label for="hero_imagen_mobile_path" value="Imagen Hero (Móvil - Ej: 1080x1920px)" />
            <input id="hero_imagen_mobile_path" name="hero_imagen_mobile_path" type="file" class="mt-1 block w-full">
            @if (isset($congreso) && $congreso->hero_imagen_mobile_path)
                <div class="mt-2">
                    <p class="text-sm text-gray-600">Imagen Móvil Actual:</p>
                    <img src="{{ asset('storage/' . $congreso->hero_imagen_mobile_path) }}" class="h-40 w-auto rounded border">
                </div>
            @endif
        </div>

        <div class="mt-4 space-y-2">
            <label for="hero_mostrar_texto" class="flex items-center">
                <input id="hero_mostrar_texto" name="hero_mostrar_texto" type="checkbox"
                    class="rounded border-gray-300 text-indigo-600 shadow-sm focus:ring-indigo-500" value="1"
                    @checked(old('hero_mostrar_texto', $congreso->hero_mostrar_texto ?? true))>
                <span class="ml-2 text-sm text-gray-600">Mostrar título y subtítulo en el Hero</span>
            </label>
            <label for="hero_aplicar_overlay" class="flex items-center">
                <input id="hero_aplicar_overlay" name="hero_aplicar_overlay" type="checkbox"
                    class="rounded border-gray-300 text-indigo-600 shadow-sm focus:ring-indigo-500" value="1"
                    @checked(old('hero_aplicar_overlay', $congreso->hero_aplicar_overlay ?? true))>
                <span class="ml-2 text-sm text-gray-600">Aplicar overlay oscuro sobre la imagen del Hero</span>
            </label>
        </div>

        @php
            $heroBotonPosicion = old('hero_boton_posicion', $congreso->hero_boton_posicion ?? 'inferior_derecha');
            $posicionesHero = [
                'superior_izquierda' => 'Superior izquierda',
                'superior_centro' => 'Superior centro',
                'superior_derecha' => 'Superior derecha',
                'centro_izquierda' => 'Centro izquierda',
                'centro' => 'Centro',
                'centro_derecha' => 'Centro derecha',
                'inferior_izquierda' => 'Inferior izquierda',
                'inferior_centro' => 'Inferior centro',
                'inferior_derecha' => 'Inferior derecha (default)',
            ];
        @endphp

        <div class="mt-6 rounded-2xl border border-gray-200 bg-gray-50 p-4">
            <x-input-label for="hero_boton_posicion" value='Posición del botón "Regístrate ahora"' />
            <p class="mt-1 text-sm text-gray-600">Si no lo cambias, se mostrará al final del hero como hasta ahora.</p>
            <select id="hero_boton_posicion" name="hero_boton_posicion" class="mt-3 block w-full rounded-xl border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500">
                @foreach ($posicionesHero as $valor => $etiqueta)
                    <option value="{{ $valor }}" @selected($heroBotonPosicion === $valor)>{{ $etiqueta }}</option>
                @endforeach
            </select>
            <x-input-error class="mt-2" :messages="$errors->get('hero_boton_posicion')" />
        </div>
    </div>

    {{-- ── SECCIÓN 1 ─────────────────────────────────────────────────── --}}
    <div class="pt-6 border-t border-gray-200">
        <h3 class="text-lg font-medium text-gray-900">Sección 1 (Ej. "Acerca del Evento")</h3>

        <div class="mt-4">
            <x-input-label for="seccion1_titulo" value="Título de la Sección 1" />
            <x-text-input id="seccion1_titulo" name="seccion1_titulo" type="text" class="mt-1 block w-full"
                :value="old('seccion1_titulo', $congreso->seccion1_titulo ?? '')" />
            <x-input-error class="mt-2" :messages="$errors->get('seccion1_titulo')" />
        </div>

        <div class="mt-4">
            <div class="flex items-center justify-between mb-1">
                <x-input-label value="Contenido de la Sección 1" />
                <span class="inline-flex rounded-lg border border-gray-300 overflow-hidden text-xs font-semibold">
                    <button type="button" id="btn-visual-seccion1_contenido" class="px-3 py-1 bg-indigo-600 text-white">✦ Visual</button>
                    <button type="button" id="btn-raw-seccion1_contenido" class="px-3 py-1 bg-white text-gray-600">&lt;/&gt; HTML</button>
                </span>
            </div>
            <div id="cont-visual-seccion1_contenido">
                <textarea id="seccion1_contenido" name="seccion1_contenido" class="w-full">{{ old('seccion1_contenido', $congreso->seccion1_contenido ?? '') }}</textarea>
            </div>
            <div id="cont-raw-seccion1_contenido" style="display:none">
                <textarea id="raw_seccion1_contenido" rows="6"
                    class="block w-full border border-gray-300 rounded-md shadow-sm font-mono text-sm p-3">{{ old('seccion1_contenido', $congreso->seccion1_contenido ?? '') }}</textarea>
            </div>
            <x-input-error class="mt-2" :messages="$errors->get('seccion1_contenido')" />
        </div>
    </div>

    {{-- ── SECCIÓN 2 ─────────────────────────────────────────────────── --}}
    <div class="pt-6 border-t border-gray-200">
        <h3 class="text-lg font-medium text-gray-900">Sección 2 (Ej. "Ponentes")</h3>

        <div class="mt-4">
            <x-input-label for="seccion2_titulo" value="Título de la Sección 2" />
            <x-text-input id="seccion2_titulo" name="seccion2_titulo" type="text" class="mt-1 block w-full"
                :value="old('seccion2_titulo', $congreso->seccion2_titulo ?? '')" />
            <x-input-error class="mt-2" :messages="$errors->get('seccion2_titulo')" />
        </div>

        <div class="mt-4">
            <div class="flex items-center justify-between mb-1">
                <x-input-label value="Contenido de la Sección 2" />
                <span class="inline-flex rounded-lg border border-gray-300 overflow-hidden text-xs font-semibold">
                    <button type="button" id="btn-visual-seccion2_contenido" class="px-3 py-1 bg-indigo-600 text-white">✦ Visual</button>
                    <button type="button" id="btn-raw-seccion2_contenido" class="px-3 py-1 bg-white text-gray-600">&lt;/&gt; HTML</button>
                </span>
            </div>
            <div id="cont-visual-seccion2_contenido">
                <textarea id="seccion2_contenido" name="seccion2_contenido" class="w-full">{{ old('seccion2_contenido', $congreso->seccion2_contenido ?? '') }}</textarea>
            </div>
            <div id="cont-raw-seccion2_contenido" style="display:none">
                <textarea id="raw_seccion2_contenido" rows="6"
                    class="block w-full border border-gray-300 rounded-md shadow-sm font-mono text-sm p-3">{{ old('seccion2_contenido', $congreso->seccion2_contenido ?? '') }}</textarea>
            </div>
            <x-input-error class="mt-2" :messages="$errors->get('seccion2_contenido')" />
        </div>
    </div>

    {{-- ── SECCIÓN 3 (Programa) ──────────────────────────────────────── --}}
    <div class="pt-6 border-t border-gray-200">
        <h3 class="text-lg font-medium text-gray-900">Sección 3 (Programa)</h3>

        <div class="mt-4">
            <x-input-label for="programa_pdf_path" value="Programa del Evento (PDF)" />
            <input id="programa_pdf_path" name="programa_pdf_path" type="file" class="mt-1 block w-full" accept=".pdf">
            @if (isset($congreso) && $congreso->programa_pdf_path)
                <div class="mt-2">
                    <a href="{{ asset('storage/' . $congreso->programa_pdf_path) }}" target="_blank"
                        class="text-indigo-600 hover:text-indigo-900 text-sm">Ver PDF actual</a>
                </div>
            @endif
        </div>

        <div class="mt-4">
            <x-input-label for="zoom_link" value="Enlace de Zoom (URL Completa)" />
            <x-text-input id="zoom_link" name="zoom_link" type="url" class="mt-1 block w-full"
                :value="old('zoom_link', $congreso->zoom_link ?? '')" placeholder="https://zoom.us/j/123456789..." />
            <x-input-error class="mt-2" :messages="$errors->get('zoom_link')" />
        </div>
    </div>

    {{-- ── FECHAS ────────────────────────────────────────────────────── --}}
    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        <div>
            <x-input-label for="fecha_inicio" value="Fecha de Inicio" />
            <x-text-input id="fecha_inicio" name="fecha_inicio" type="datetime-local" class="mt-1 block w-full"
                :value="old('fecha_inicio', isset($congreso->fecha_inicio) ? $congreso->fecha_inicio->format('Y-m-d\TH:i') : '')" required />
            <x-input-error class="mt-2" :messages="$errors->get('fecha_inicio')" />
        </div>
        <div>
            <x-input-label for="fecha_fin" value="Fecha de Fin" />
            <x-text-input id="fecha_fin" name="fecha_fin" type="datetime-local" class="mt-1 block w-full"
                :value="old('fecha_fin', isset($congreso->fecha_fin) ? $congreso->fecha_fin->format('Y-m-d\TH:i') : '')" required />
            <x-input-error class="mt-2" :messages="$errors->get('fecha_fin')" />
        </div>
    </div>

    {{-- ── LOGOS ─────────────────────────────────────────────────────── --}}
    <div>
        <x-input-label for="logo_path" value="Logo del Congreso" />
        <input id="logo_path" name="logo_path" type="file" class="mt-1 block w-full">
        @if (isset($congreso) && $congreso->logo_path)
            <div class="mt-2">
                <p class="text-sm text-gray-600">Logo actual:</p>
                <img src="{{ asset('storage/' . $congreso->logo_path) }}" alt="Logo actual" class="h-20 w-auto rounded">
            </div>
        @endif
    </div>

    <div>
        <x-input-label for="logo_secundario_path" value="Logo de la Dependencia" />
        <input id="logo_secundario_path" name="logo_secundario_path" type="file" class="mt-1 block w-full">
        @if (isset($congreso) && $congreso->logo_secundario_path)
            <div class="mt-2">
                <p class="text-sm text-gray-600">Logo secundario actual:</p>
                <img src="{{ asset('storage/' . $congreso->logo_secundario_path) }}" alt="Logo Secundario" class="h-20 w-auto rounded">
            </div>
        @endif
    </div>

    {{-- ── VISIBILIDAD ───────────────────────────────────────────────── --}}
    <div class="space-y-2">
        <label for="es_visible" class="flex items-center">
            <input id="es_visible" name="es_visible" type="checkbox"
                class="rounded border-gray-300 text-indigo-600 shadow-sm focus:ring-indigo-500"
                @if(old('es_visible', $congreso->es_visible ?? false)) checked @endif>
            <span class="ml-2 text-sm text-gray-600">¿Es visible públicamente?</span>
        </label>
        <label for="registro_abierto" class="flex items-center">
            <input id="registro_abierto" name="registro_abierto" type="checkbox"
                class="rounded border-gray-300 text-indigo-600 shadow-sm focus:ring-indigo-500"
                @if(old('registro_abierto', $congreso->registro_abierto ?? false)) checked @endif>
            <span class="ml-2 text-sm text-gray-600">¿Registro abierto?</span>
        </label>
    </div>

    {{-- ── RECURSOS CONSTANCIAS ──────────────────────────────────────── --}}
    <div class="pt-6 border-t border-gray-200">
        <h3 class="text-lg font-medium text-gray-900">Recursos para el Correo de Constancias</h3>

        <div class="mt-4">
            <x-input-label for="link_publicaciones" value="Enlace a Publicaciones (URL)" />
            <x-text-input id="link_publicaciones" name="link_publicaciones" type="url" class="mt-1 block w-full"
                :value="old('link_publicaciones', $congreso->link_publicaciones ?? '')" placeholder="https://..." />
        </div>

        <div class="mt-4">
            <x-input-label for="archivo_presentaciones_path" value="Archivo de Presentaciones (Adjunto ZIP/PDF)" />
            <input id="archivo_presentaciones_path" name="archivo_presentaciones_path" type="file"
                class="mt-1 block w-full" accept=".zip,.pdf,.rar">
            <p class="mt-1 text-sm text-gray-500">Se adjuntará al correo de la constancia. Máx 10MB.</p>
            @if (isset($congreso) && $congreso->archivo_presentaciones_path)
                <p class="mt-1 text-sm text-green-600">✓ Archivo cargado actualmente.</p>
            @endif
        </div>
    </div>

    {{-- ── BOTÓN GUARDAR ─────────────────────────────────────────────── --}}
    <div class="flex items-center gap-4 pt-4">
        <x-primary-button>{{ $buttonText }}</x-primary-button>
        <a href="{{ route('admin.congresos.index') }}" class="text-gray-600 hover:text-gray-900">Cancelar</a>
    </div>

</div>

{{-- ── Panel accesos rápidos ────────────────────────────────────────── --}}
@if(isset($congreso) && $congreso->exists)
@php $user = Auth::user(); @endphp
    @if($user->isSuperAdmin() || $user->isAdminCongreso())
        <div class="mt-8 pt-6 border-t border-gray-200">
            <h3 class="text-sm font-black text-gray-400 uppercase tracking-widest mb-4">Configuración avanzada</h3>
            <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-3">

                <a href="{{ route('admin.congresos.campos-fijos.index', $congreso) }}"
                   class="flex flex-col items-center gap-2 p-4 rounded-2xl border-2 border-indigo-200 bg-indigo-50 hover:bg-indigo-100 hover:border-indigo-400 transition group text-center">
                    <i class="bi bi-person-lines-fill text-2xl text-indigo-500 group-hover:text-indigo-700"></i>
                    <span class="text-xs font-bold text-indigo-700 leading-tight">Campos del registro</span>
                </a>

                <a href="{{ route('admin.congresos.form-campos.index', $congreso) }}"
                   class="flex flex-col items-center gap-2 p-4 rounded-2xl border-2 border-purple-200 bg-purple-50 hover:bg-purple-100 hover:border-purple-400 transition group text-center">
                    <i class="bi bi-ui-checks text-2xl text-purple-500 group-hover:text-purple-700"></i>
                    <span class="text-xs font-bold text-purple-700 leading-tight">Campos personalizados</span>
                </a>

                <a href="{{ route('admin.congresos.secciones.index', $congreso) }}"
                   class="flex flex-col items-center gap-2 p-4 rounded-2xl border-2 border-emerald-200 bg-emerald-50 hover:bg-emerald-100 hover:border-emerald-400 transition group text-center">
                    <i class="bi bi-layout-text-window text-2xl text-emerald-500 group-hover:text-emerald-700"></i>
                    <span class="text-xs font-bold text-emerald-700 leading-tight">Secciones de la página</span>
                </a>

                <a href="{{ route('admin.congresos.materiales.index', $congreso) }}"
                   class="flex flex-col items-center gap-2 p-4 rounded-2xl border-2 border-sky-200 bg-sky-50 hover:bg-sky-100 hover:border-sky-400 transition group text-center">
                    <i class="bi bi-file-earmark-arrow-down text-2xl text-sky-500 group-hover:text-sky-700"></i>
                    <span class="text-xs font-bold text-sky-700 leading-tight">Material descargable</span>
                </a>

                <a href="{{ route('admin.congresos.registros.importar', $congreso) }}"
                   class="flex flex-col items-center gap-2 p-4 rounded-2xl border-2 border-gray-200 bg-gray-50 hover:bg-gray-100 hover:border-gray-400 transition group text-center">
                    <i class="bi bi-upload text-2xl text-gray-500 group-hover:text-gray-700"></i>
                    <span class="text-xs font-bold text-gray-700 leading-tight">Importar participantes</span>
                </a>
          
            </div>
        </div>
    @endif
@endif

{{-- ══ TINYMCE ════════════════════════════════════════════════════════ --}}
<script src="https://cdn.jsdelivr.net/npm/tinymce@6/tinymce.min.js" referrerpolicy="origin"></script>
<script>
(function () {
    var campos = ['descripcion_corta', 'hero_subtitulo', 'seccion1_contenido', 'seccion2_contenido'];

    // TinyMCE se inicializa SOBRE el textarea con name, así guarda solo
    tinymce.init({
        selector: campos.map(function(c){ return '#' + c; }).join(', '),
        height: 320,
        menubar: false, branding: false, promotion: false,
        plugins: ['advlist','autolink','lists','link','charmap','searchreplace','visualblocks','code','table','wordcount'],
        toolbar: 'undo redo | blocks | bold italic underline | forecolor backcolor | alignleft aligncenter alignright | bullist numlist | link table | removeformat code',
        content_style: 'body{font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.7;padding:8px}',
        valid_elements: '*[*]',
        // Cada vez que cambia, guarda al textarea original automáticamente
        setup: function(editor) {
            editor.on('change input', function(){ editor.save(); });
        }
    });

    // Toggle Visual <-> Raw
    campos.forEach(function(campo) {
        var btnVisual  = document.getElementById('btn-visual-' + campo);
        var btnRaw     = document.getElementById('btn-raw-'    + campo);
        var contVisual = document.getElementById('cont-visual-' + campo);
        var contRaw    = document.getElementById('cont-raw-'   + campo);
        var rawTA      = document.getElementById('raw_'        + campo);
        var modo = 'visual';

        if (!btnVisual) return;

        btnVisual.addEventListener('click', function() {
            var editor = tinymce.get(campo);
            if (editor && rawTA) editor.setContent(rawTA.value);
            contVisual.style.display = ''; contRaw.style.display = 'none';
            btnVisual.style.cssText = 'padding:4px 12px;background:#4f46e5;color:#fff;';
            btnRaw.style.cssText    = 'padding:4px 12px;background:#fff;color:#4b5563;';
            modo = 'visual';
        });

        btnRaw.addEventListener('click', function() {
            var editor = tinymce.get(campo);
            if (editor && rawTA) rawTA.value = editor.getContent();
            contVisual.style.display = 'none'; contRaw.style.display = '';
            btnRaw.style.cssText     = 'padding:4px 12px;background:#4f46e5;color:#fff;';
            btnVisual.style.cssText  = 'padding:4px 12px;background:#fff;color:#4b5563;';
            modo = 'raw';
        });

        // Al guardar en modo raw: copiar al textarea real antes de submit
        document.querySelector('form')?.addEventListener('submit', function() {
            if (modo === 'raw' && rawTA) {
                var editor = tinymce.get(campo);
                // Destruir TinyMCE temporalmente para que el textarea tenga el valor
                if (editor) {
                    editor.setContent(rawTA.value);
                    editor.save();
                } else {
                    document.getElementById(campo).value = rawTA.value;
                }
            } else {
                var editor = tinymce.get(campo);
                if (editor) editor.save();
            }
        });
    });
})();
</script>