@extends('admin.layout.master')

@section('content')
<main>
    <!-- Breadcrumb Area -->
    <div class="breadcrumb-area">
        <h1>Gestión de Publicaciones</h1>
        <ol class="breadcrumb">
            <li><a href="{{ url('/admin') }}"><i class='bx bx-home-alt' style="font-size: 18px;color: #F31519;"></i></a></li>
            <li><a href="{{ url('/admin') }}">Principal</a></li>
            <li>/ Publicaciones</li>
        </ol>
    </div>

    <style>
        .select2-container {
            width: 100% !important;
        }

        .select2-selection {
            min-height: 40px;
            padding: 10px;
            font-size: 16px;
        }
        /* Ocultar los campos adicionales inicialmente */
        .extra-fields {
            display: none;
        }
    </style>

    <!-- End Breadcrumb Area -->

    <div class="card mb-30">
        <div id="divPublicacion">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h3>Lista de Publicaciones</h3>
                <a href="javascript:void(0)" class="btn btn-info rounded-pill" onclick="mostrarFormularioPublicacion()">
                    <i class='bx bxs-pencil'></i> Nueva Publicación
                </a>
            </div>
            <div class="card-body">
                <!-- Tabla de Publicaciones -->
                <div class="table-responsive">
                    <table id="table" class="table" cellspacing="0" cellpadding="0" width="100%">
                        <thead>
                            <tr>
                                <th>N°</th>
                                <th>Nombre</th>
                                <th>tipo</th>
                                <th>tema</th>
                                <th>acceso</th>
                                <th>emision</th>
                                <th>Estado</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($publicaciones as $key => $publicacion)
                            <tr>
                                <td>{{$publicacion->id }}</td>
                                <td>{{ $publicacion->nombre??'' }}</td>
                                <td>{{ $publicacion->tipoCurso->tipo_curso ??''}}</td>
                                <td>{{ $publicacion->temaCurso->tema_curso ??''}}</td>
                                <td>{{ $publicacion->tipoAcceso->tipo_acceso ??''}}</td>
                                <td>{{ $publicacion->tipoEmision->tipo_emision ??''}}</td>
                                <td>
                                <button type="button" class="btn btn-xs {{$publicacion->activo==1 ? 'btn-success' : 'btn-danger'}}" 
                                        onclick="togglePublicacion({{$publicacion->id }},{{$publicacion->activo==1?0:1}})" 
                                        id="toggleButton{{ $publicacion->id }}">
                                    <span class="bx {{$publicacion->activo==1 ? 'bx-toggle-right' : 'bx-toggle-left'}}"></span>
                                </button>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary btn-xs" onclick="editarPublicacion({{ $publicacion->id }})">
                                        <span class='bx bx-pencil'></span> Editar
                                    </button>
                                    <button type="button" class="btn btn-danger btn-xs" onclick="eliminarPublicacion({{ $publicacion->id }})">
                                        <span class='bx bx-trash'></span> Eliminar
                                    </button>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="card mb-30" id='formularioPublicacion' style="display: none;">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h3>Crear/Editar Publicación</h3>
            </div>
            <div class="card-body">
                <form id="publicacionForm" class="form-horizontal" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="publicacion_id" id="publicacion_id">
                    <div class="row">
                        <!-- Nombre -->
                        <div class="form-group col-md-6">
                            <label for="nombre">Nombre de la Publicación:</label>
                            <input type="text" class="form-control" id="nombre" name="nombre" required>
                        </div>

                        <!-- Tipo de Curso -->
                        <div class="form-group col-md-6">
                            <label for="tipo_curso_id">Tipo de Curso:</label>
                            <select class="form-control" id="tipo_curso_id" name="tipo_curso_id" required>
                                <option value="" selected disabled>Seleccione ..</option>
                                @foreach($tiposCurso as $tipoCurso)
                                <option value="{{ $tipoCurso->id }}">{{ $tipoCurso->tipo_curso }}</option>
                                @endforeach
                            </select>
                        </div>

                        <!-- Tema de Curso -->
                        <div class="form-group col-md-4">
                            <label for="tema_curso_id">Tema del Curso:</label>
                            <select class="form-control" id="tema_curso_id" name="tema_curso_id" required>
                                <option value="" selected disabled>Seleccione ..</option>
                                @foreach($temasCurso as $temaCurso)
                                <option value="{{ $temaCurso->id }}">{{ $temaCurso->tema_curso }}</option>
                                @endforeach
                            </select>
                        </div>

                        <!-- Tipo de Acceso -->
                        <div class="form-group col-md-4">
                            <label for="tipo_acceso_id">Tipo de Acceso:</label>
                            <select class="form-control" id="tipo_acceso_id" name="tipo_acceso_id" required>
                                <option value="" selected disabled>Seleccione ..</option>
                                @foreach($tiposAcceso as $tipoAcceso)
                                <option value="{{ $tipoAcceso->id }}">{{ $tipoAcceso->tipo_acceso }}</option>
                                @endforeach
                            </select>
                        </div>

                        <!-- Tipo de Emisión -->
                        <div class="form-group col-md-4">
                            <label for="tipo_emision_id">Tipo de Emisión:</label>
                            <select class="form-control" id="tipo_emision_id" name="tipo_emision_id" required>
                                <option value="" selected disabled>Seleccione ..</option>
                                @foreach($tiposEmision as $tipoEmision)
                                <option value="{{ $tipoEmision->id }}">{{ $tipoEmision->tipo_emision }}</option>
                                @endforeach
                            </select>
                        </div>
                        <!-- introduccion y beneficios -->
                        <div class="form-group col-md-6">
                            <label for="introduccion">Introduccion:</label>
                            <textarea class="form-control" id="introduccion" name="introduccion"></textarea>
                        </div>
                        <div class="form-group col-md-6">
                            <label for="beneficios">Beneficios:</label>
                            <textarea class="form-control" id="beneficios" name="beneficios"></textarea>
                        </div>
                        <!-- certificado-vista-orden_vista -->
                        <div class="form-group col-md-4">
                            <label for="certificado">Certificado:</label>
                            <select class="form-control" id="certificado" name="certificado" required>
                                <option value="" selected disabled>Seleccione ..</option>
                                @foreach($certificados as $certificado)
                                <option value="{{ $certificado->id }}">{{ $certificado->nombre}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-md-4">
                            <label for="vista">Mostrar en Vista:</label>
                            <select class="form-control" id="vista" name="vista">
                                <option value="" selected disabled>Seleccione ..</option>
                                <option value="1" selected>SI</option>
                                <option value="0" selected>NO</option>
                            </select>
                        </div>

                        <div class="form-group col-md-4">
                            <label for="orden_vista">Orden de Vista:</label>
                            <select class="form-control" id="orden_vista" name="orden_vista">
                                <option value="" selected disabled>Seleccione ..</option>
                                @for($i = 1; $i <= 20; $i++)
                                    <option value="{{ $i }}">{{ $i }}</option>
                                    @endfor
                            </select>
                        </div>


                        <!-- Precio Normal -->
                        <div class="form-group col-md-6">
                            <label for="precio_normal">Precio Normal:</label>
                            <input type="number" class="form-control" id="precio_normal" name="precio_normal" step="0.01">
                        </div>

                        <!-- Precio Promoción -->
                        <div class="form-group col-md-6">
                            <label for="precio_promocion">Precio Promoción:</label>
                            <input type="number" class="form-control" id="precio_promocion" name="precio_promocion" step="0.01">
                        </div>

                        <!-- Fechas -->
                        <div class="form-group col-md-6">
                            <label for="fecha_publicacion">Fecha de Publicación:</label>
                            <input type="date" class="form-control" id="fecha_publicacion" name="fecha_publicacion">
                        </div>
                        <div class="form-group col-md-6">
                            <label for="link_venta">link_venta:</label>
                            <input type="text" class="form-control" id="link_venta" name="link_venta">
                        </div>

                        <div class="form-group col-md-6">
                            <label for="link_comunidad">link_comunidad:</label>
                            <input type="text" class="form-control" id="link_comunidad" name="link_comunidad">
                        </div>

                        <div class="form-group col-md-6">
                            <label for="certificacion">Certificación:</label>
                            <textarea class="form-control" id="certificacion" name="certificacion"></textarea>
                        </div>
                        <div class="form-group col-md-12">
                            <label for="tiempos">Tiempos:</label>
                            <textarea class="form-control" id="tiempos" name="tiempos"></textarea>
                        </div>

                        <!-- Imagen Miniatura -->
                        <div class="form-group col-md-6">
                            <label for="imagen_miniatura">Imagen Miniatura(pasarela):</label>
                            <input type="file" class="form-control" id="imagen_miniatura" name="imagen_miniatura" accept="image/*">
                            <div id="imagenMiniaturaLink" style="margin-top: 10px;">
                                <!-- El enlace se llena en la función editarPublicacion si existe la imagen -->
                            </div>
                        </div>

                        <!-- Imagen Grande -->
                        <div class="form-group col-md-6">
                            <label for="imagen_grande">Imagen Grande(La imagen de portada):</label>
                            <input type="file" class="form-control" id="imagen_grande" name="imagen_grande" accept="image/*">
                            <div id="imagenGrandeLink" style="margin-top: 10px;">
                                <!-- El enlace se llena en la función editarPublicacion si existe la imagen -->
                            </div>
                        </div>

                        <!-- Brochure -->
                        <div class="form-group col-md-6">
                            <label for="brochure">Brochure:</label>
                            <input type="file" class="form-control" id="brochure" name="brochure" accept=".pdf">
                            <div id="brochureLink" style="margin-top: 10px;">
                                <!-- El enlace se llena en la función editarPublicacion si existe el brochure -->
                            </div>
                        </div>
                        <!-- paises -->
                        <div class="form-group col-md-6">
                            <label for="paises">Seleccionar Paises:</label>
                            <select name="paises[]" id="paises" class="form-control" multiple>
                                @foreach($paises as $pais)
                                <option value="{{ $pais->id }}">{{ $pais->nombre }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="extra-fields form-group col-md-6" id="docentesEventoField">
                            <label for="docentesEvento">Docentes(solo_si_evento):</label>
                            <select class="form-control" id="docentesEvento" name="docentesEvento[]" multiple>
                                @foreach($docentes as $docente)
                                <option value="{{ $docente->id }}">{{ $docente->nombre }} {{ $docente->apellido_paterno }} {{ $docente->apellido_materno }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="extra-fields form-group col-md-6" id="linkYoutubeOzooField">
                            <label for="link_youtubeozoo">Link YouTube/zoom(solo_si_evento):</label>
                            <input type="text" class="form-control" id="link_youtubeozoom" name="link_youtubeozoom">
                        </div>

                        <div class="extra-fields form-group col-md-6" id="linkfechaprogrmadaield">
                            <label for="fecha_programada">Fecha Programada(solo_si_evento):</label>
                            <input type="date" class="form-control" id="fecha_programada" name="fecha_programada">
                        </div>

                        <div class="form-group col-md-12">
                            <label for="archivos">Seleccionar Archivos:</label>

                            <select name="archivos[]" id="archivos" class="form-control" multiple>
                                @foreach($archivos as $archivo)
                                <option value="{{ $archivo->id }}">{{ $archivo->nombre_original }}</option>
                                @endforeach
                            </select>
                        </div>


                        <!-- s y Sesiones -->
                        <div class="form-group col-md-6">
                            <label for="modulos">Seleccionar Módulos:</label>
                            <select name="modulos[]" id="modulos" class="form-control" multiple>
                                @foreach($modulos as $modulo)
                                <option value="{{ $modulo->id }}">{{ $modulo->nombre}}
                                    ({{$modulo->id}})({{$modulo->ayuda_memoria}})
                                </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group col-md-6">
                            <label for="sesiones">Seleccionar Sesiones:</label>
                            <select name="sesiones[]" id="sesiones" class="form-control" multiple>
                                @foreach($sesiones as $sesion)
                                <option value="{{ $sesion->id }}">{{ $sesion->nombre }}
                                    ({{$sesion->id}})({{$sesion->ayuda_memoria}})
                                </option>
                                @endforeach
                            </select>
                        </div>

                        <!-- Tabla para Ver el Prospecto del Curso -->
                        <div class="form-group col-md-12">
                            <h5>Contenido del Curso</h5>
                            <table id="tablaProspecto" class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Nombre</th>
                                        <th>Tipo</th>
                                        <th>Orden</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>

                        <div class="form-group">
                            <button type="button" class="btn btn-success" onclick="guardarPublicacion()">Guardar</button>
                            <button type="button" class="btn btn-danger" onclick="cancelarPublicacion()">Cancelar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <!-- Script para inicializar Select2 y funcionalidad AJAX -->
        <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
        <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
        <script src="{{ asset('ckeditor/ckeditor.js') }}"></script>

        <script>
            function togglePublicacion(id, newStatus) {
                $.ajax({
                    url: `/admin/publicacion/toggle-status/${id}`,
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        status: newStatus
                    },
                    success: function(response) {
                        if (response.state === '0') {
                            window.location.reload();
                        } else {
                            alert('No se pudo cambiar el estado.');
                        }
                    },
                    error: function() {
                        alert('Error al cambiar el estado de la publicación.');
                    }
                });
            }

            let combinados = [];
            $(document).ready(function() {
                CKEDITOR.replace('beneficios');
                $('#modulos').select2({
                    placeholder: "Seleccionar módulos",
                    allowClear: true
                });
                $('#archivos').select2({
                    placeholder: "Seleccionar archivos",
                    allowClear: true
                });
                $('#sesiones').select2({
                    placeholder: "Seleccionar sesiones",
                    allowClear: true
                });
                $('#paises').select2({
                    placeholder: "Seleccionar sesiones",
                    allowClear: true
                });
                
                $('#certificado_id').select2({
                    placeholder: "Seleccionar certificado",
                    allowClear: true
                });

                $('#table').DataTable({
                    "paging": true,
                    "lengthChange": false,
                    "searching": true,
                    "ordering": true,
                    "order": [[0, "desc"]], 
                    "info": true,
                    "autoWidth": false,
                    "responsive": true,
                    "pageLength": 10
                });

                // Actualizar la tabla de prospecto cada vez que se seleccionan módulos o sesiones
                $('#modulos, #sesiones').on('change', function() {
                    actualizarProspecto();
                });
                $('#tipo_curso_id').on('change', function() {
                    if ($(this).val() == 5) {
                        $('.extra-fields').show(); // Mostrar campos adicionales
                        $('#docentesEvento').select2({
                            placeholder: "Seleccionar docentes",
                            allowClear: true
                        });
                    } else {
                        $('.extra-fields').hide(); // Ocultar campos adicionales
                    }
                });
            });

            function actualizarProspecto() {
                let modulosSeleccionados = $('#modulos').val() || [];
                let sesionesSeleccionadas = $('#sesiones').val() || [];

                // Array temporal para nuevos módulos y sesiones
                let nuevosItems = [];

                // Primero, eliminar los módulos y sesiones que ya no están seleccionados
                combinados = combinados.filter(function(item) {
                    if (item.tipo === 'Módulo') {
                        return modulosSeleccionados.includes(item.id);
                    }
                    if (item.tipo === 'Sesión') {
                        return sesionesSeleccionadas.includes(item.id);
                    }
                    return false; // Remover si no es ni módulo ni sesión
                });

                // Luego, agregar los nuevos módulos seleccionados al array temporal
                modulosSeleccionados.forEach(function(moduloId) {
                    let moduloNombre = $('#modulos option[value="' + moduloId + '"]').text();

                    // Verificar si ya existe en combinados
                    let moduloExistente = combinados.some(item => item.id === moduloId && item.tipo === 'Módulo');

                    // Solo agregar a nuevosItems si no existe en combinados
                    if (!moduloExistente) {
                        nuevosItems.push({
                            nombre: moduloNombre,
                            tipo: 'Módulo',
                            id: moduloId
                        });
                    }
                });

                // Luego, agregar las nuevas sesiones seleccionadas al array temporal
                sesionesSeleccionadas.forEach(function(sesionId) {
                    let sesionNombre = $('#sesiones option[value="' + sesionId + '"]').text();

                    // Verificar si ya existe en combinados
                    let sesionExistente = combinados.some(item => item.id === sesionId && item.tipo === 'Sesión');

                    // Solo agregar a nuevosItems si no existe en combinados
                    if (!sesionExistente) {
                        nuevosItems.push({
                            nombre: sesionNombre,
                            tipo: 'Sesión',
                            id: sesionId
                        });
                    }
                });

                // Agregar los nuevos items al final de combinados, asignando el orden
                nuevosItems.forEach(function(item) {
                    item.orden = combinados.length + 1; // Dar orden correcto basado en la longitud de combinados
                    combinados.push(item);
                });

                // Finalmente, renderizar la tabla de prospecto con el array actualizado
                renderizarTablaProspecto();
            }

            function renderizarTablaProspecto() {
                let htmlProspecto = '';
                let orden = 1;

                // Renderizar todos los elementos de combinados con el orden adecuado
                combinados.forEach(function(item) {
                    htmlProspecto += `<tr>
                                        <td>${orden}</td>
                                        <td>${item.nombre}</td>
                                        <td>${item.tipo}</td>
                                        <td>${orden}</td>
                                    </tr>`;
                    orden++;
                });

                $('#tablaProspecto tbody').html(htmlProspecto);
            }

            function mostrarFormularioPublicacion() {
                limpiarFormularioPublicacion();
                $('#formularioPublicacion').show();
                $('#divPublicacion').hide();
            }

            function cancelarPublicacion() {
                limpiarFormularioPublicacion();
                $('#formularioPublicacion').hide();
                $('#divPublicacion').show();
            }

            function limpiarFormularioPublicacion() {
                $('#publicacion_id').val('');
                CKEDITOR.instances['beneficios'].setData('');
                $('#nombre').val('');
                $('#imagen_miniatura').val('');
                $('#modulos').val('').trigger('change');
                $('#sesiones').val('').trigger('change');
                $('#certificado_id').val('').trigger('change');
                $('#precio_normal').val('');
                $('#precio_promocion').val('');
                $('#brochure').val('');
                $('#fecha_publicacion').val('');
                $('#vista').val('');
                $('#link_venta').val('');
                $('#link_comunidad').val('');
            }

            function guardarPublicacion() {
                for (var instance in CKEDITOR.instances) {
                        CKEDITOR.instances[instance].updateElement();
                    }
                let formData = new FormData($('#publicacionForm')[0]);

                // Agregar módulos y sesiones combinados al formData
                combinados.forEach(function(item, index) {
                    formData.append(`combinados[${index}][id]`, item.id);
                    formData.append(`combinados[${index}][tipo]`, item.tipo);
                    formData.append(`combinados[${index}][orden]`, index + 1);
                });

                // Realizar la petición AJAX
                $.ajax({
                    url: '{{ url("/admin/publicacion/guardar") }}',
                    type: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    success: function(response) {
                        alert('Publicación guardada exitosamente');
                        location.reload();
                    },
                    error: function(response) {
                        console.error('Error al guardar la publicación', response);
                        alert('Error al guardar la publicación');
                    }
                });
            }

            function editarPublicacion(id) {
                $.ajax({
                    url: '{{ url("/admin/publicacion/editar") }}/' + id,
                    type: 'GET',
                    success: function(response) {
                      
                        if (response.publicacion.tipo_curso_id== 5) {
                            $('.extra-fields').show();
                        } 
                        $('#publicacion_id').val(response.publicacion.id);
                        $('#nombre').val(response.publicacion.nombre);
                        $('#tipo_curso_id').val(response.publicacion.tipo_curso_id).trigger('change');
                        $('#tema_curso_id').val(response.publicacion.tema_curso_id).trigger('change');
                        $('#tipo_acceso_id').val(response.publicacion.tipo_acceso_id).trigger('change');
                        $('#tipo_emision_id').val(response.publicacion.tipo_emision_id).trigger('change');
                        $('#certificado').val(response.publicacion.certificado_id).trigger('change');
                        $('#introduccion').val(response.publicacion.introduccion);
                        CKEDITOR.instances['beneficios'].setData(response.publicacion.beneficios);
                        // $('#beneficios').val(response.publicacion.beneficios);
                        $('#precio_normal').val(response.publicacion.precio_normal);
                        $('#precio_promocion').val(response.publicacion.precio_promocion);
                        $('#fecha_publicacion').val(response.publicacion.fecha_publicacion);
                        $('#fecha_programada').val(response.publicacion.fecha_programada);
                        $('#orden_vista').val(response.publicacion.orden_vista);
                        $('#vista').val(response.publicacion.vista);
                        $('#certificacion').val(response.publicacion.certificacion);
                        $('#tiempos').val(response.publicacion.tiempos);
                        $('#link_venta').val(response.publicacion.link_venta);
                        $('#link_comunidad').val(response.publicacion.link_comunidad);
                        $('#link_youtubeozoom').val(response.publicacion.link_youtube_o_zoom);
                        // Verificar y mostrar enlace de imagen miniatura
                        if (response.publicacion.imagen_miniatura) {
                            $('#imagenMiniaturaLink').html(
                                `<a href="{{ url('imagenes_publicaciones') }}/${response.publicacion.imagen_miniatura}" target="_blank">
                        Ver Imagen Miniatura
                    </a>`
                            );
                        } else {
                            $('#imagenMiniaturaLink').html('');
                        }

                        // Verificar y mostrar enlace de imagen grande
                        if (response.publicacion.imagen_grande) {
                            $('#imagenGrandeLink').html(
                                `<a href="{{ url('imagenes_publicaciones') }}/${response.publicacion.imagen_grande}" target="_blank">
                        Ver Imagen Grande
                    </a>`
                            );
                        } else {
                            $('#imagenGrandeLink').html('');
                        }

                        // Verificar y mostrar enlace de brochure
                        if (response.publicacion.brochure) {
                            $('#brochureLink').html(
                                `<a href="{{ url('brochures') }}/${response.publicacion.brochure}" target="_blank">
                        Ver Brochure (PDF)
                    </a>`
                            );
                        } else {
                            $('#brochureLink').html('');
                        }

                        // Llenar modulos y sesiones en los select2
                        $('#modulos').val(response.publicacion.modulos.map(modulo => modulo.id)).trigger('change');
                        $('#sesiones').val(response.publicacion.sesiones.map(sesion => sesion.id)).trigger('change');
                        $('#paises').val(response.publicacion.paises.map(pais => pais.id)).trigger('change');
                        $('#archivos').val(response.publicacion.archivos.map(archivo => archivo.id)).trigger('change');
                        $('#docentesEvento').val(response.publicacion.docentes.map(docente=> docente.id)).trigger('change');
                        // Llenar combinados para la tabla de prospecto
                        combinados = [];

                        response.publicacion.modulos.forEach(function(modulo) {
                            combinados.push({
                                id: modulo.id,
                                nombre: modulo.nombre + '(' + modulo.id + ')' + '(' + modulo.ayuda_memoria + ')',
                                tipo: 'Módulo',
                                orden: modulo.pivot.orden
                            });
                        });

                        response.publicacion.sesiones.forEach(function(sesion) {
                            combinados.push({
                                id: sesion.id,
                                nombre: sesion.nombre + '(' + sesion.id + ')' + '(' + sesion.ayuda_memoria + ')',
                                tipo: 'Sesión',
                                orden: sesion.pivot.orden
                            });
                        });

                        // Ordenar por 'orden' antes de renderizar
                        combinados.sort((a, b) => a.orden - b.orden);

                        // Renderizar la tabla de prospecto
                        renderizarTablaProspecto1();

                        // Mostrar el formulario y ocultar la lista de publicaciones
                        $('#formularioPublicacion').show();
                        $('#divPublicacion').hide();
                    },
                    error: function(response) {
                        alert('Error al cargar la publicación');
                    }
                });
            }


            function renderizarTablaProspecto1() {
                let htmlProspecto = '';


                combinados.forEach(function(item) {
                    htmlProspecto += `<tr>
                                        <td>${item.orden}</td>
                                        <td>${item.nombre}</td>
                                        <td>${item.tipo}</td>
                                        <td>${item.orden}</td>
                                    </tr>`;

                });

                $('#tablaProspecto tbody').html(htmlProspecto);
            }

            function eliminarPublicacion(id) {
                if (confirm('¿Estás seguro de eliminar esta publicación?')) {
                    $.ajax({
                        url: '{{ url("/admin/publicacion/eliminar") }}/' + id,
                        type: 'POST',
                        data: {
                            _token: '{{ csrf_token() }}',
                            _method: 'DELETE'
                        },
                        success: function(response) {
                            alert('Publicación eliminada exitosamente');
                            location.reload();
                        },
                        error: function(response) {
                            alert('Error al eliminar la publicación');
                        }
                    });
                }
            }
        </script>
</main>
@endsection