<?php
if (is_array($mensaje)) {
    $edicto = reordenar($mensaje);
} else {
    $edicto = "Se produjo un error al crear el archivo csv";
}
//--------------------------
function reordenar($p) {
    $contenido = [];
    if (count($p) != 0) {
        foreach ($p as $e) {
            try {
                if (!str_contains($p[0], 'Se produjo un error')) {
                    $e = explode("|", $e);
                    array_push($contenido, $e);
                } else {
                    $contenido = $e;
                    return 'Se produjo un error con el archivo CSV';
                }
            } catch (Exception $w) {
                $contenido = $e;
            }
        }
        return $contenido;
    } else {
        $alerta = "Se produjo un error, no se pudo procesar el pdf. El archivo csv está vacío";
        return $alerta;
    }
}
?>

@include('header_nuevo_generico')

<link rel="stylesheet" href="{{ URL::asset('/Libreria_CA/css/vista_generica.css') }}">

<div class="rectangle_bg_backend align-items-start" style="margin-top: 64px;">
    <div class="d-flex justify-content-between align-items-start" style="width: 100%; margin-top:32px;">
        <div class="title_page">Edictos</div>
    </div>
</div>

<div class="d-flex justify-content-center align-items-center" style="width: 100%;">
    <div class="content-target">
        <div class="content-box">
            <div class="mt-5">
                @if (isset($archivo_csv))
                <section class="container" id="cont_principal">
                    <form id="edictos">
                        <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                        <input type="hidden" name="archivo_csv" id="arch_csv" value="{{ $archivo_csv }}">
                        <div class="row justify-content-center">
                            <div class="col-sm-12">
                                <div class="card">
                                    <div class="card-body" style="padding:18px 18px 14px 18px;">
                                        @if (is_array($edicto) && count($edicto[0]) == 5)
                                            <div class="card-text px-4" style="overflow-x: auto; width:100%; height: 600px;"
                                                id="contenido">
                                                <div class="row d-flex justify-content-end" style="margin-bottom: 2rem;">
                                                    <div class="col-2 d-flex justify-content-center">
                                                        <button type="button" class="btn btn-success" data-bs-toggle="modal"
                                                            data-bs-target="#nuevoEdictoModal">
                                                            Nuevo edicto
                                                        </button>
                                                    </div>
                                                </div>

                                                <div id="nuevos_edictos">

                                                </div>

                                                <div>
                                                    <input id="fecha_global" name="fecha_global" type="hidden"
                                                        class="d-none" value="{{ $fecha }}" readonly>
                                                    <input id="region_global" name="region_global" type="hidden"
                                                        class="d-none" value="{{ $region }}" readonly>
                                                </div>
                                                @if(trim($edicto[0][4]) != 'Sin resultados')

                                                    @foreach ($edicto as $index => $p)
                                                    @if(count($p) > 4)
                                                    <div id="id_edicto_{{ $index }}">
                                                        <div class="row" style="padding-bottom:10px; padding-left: 20px;">
                                                            <div class="col-sm-3 d-flex align-items-center" style="gap: 6px">
                                                                <b>Razon-Social:</b>
                                                                <input name="razonsocial[]" type="text" value="{{ $p[1] ?? ''}}"
                                                                    maxlength="100" id="razonsocial"
                                                                    class="form-control form-select-sm" size="100" readonly />
                                                            </div>
                                                            <div class="col-sm-3 d-flex align-items-center" style="gap: 6px">
                                                            <!-- NUEVO -->
                                                            <b id="label_cuit_{{ $index }}" @if(empty($p[0])) class="bg-warning" @endif>CUIT:</b>
                                                                <input name="cuit[]" type="number" value="{{ $p[0] ?? ''}}"
                                                                    maxlength="30" id="cuit" class="form-control form-select-sm"
                                                                    size="30" readonly
                                                                    oninput="if(this.value.length > 11) this.value = this.value.slice(0, 11); toggleLabelColor(this, 'label_cuit_{{ $index }}');" />
                                                            </div>
                                                            <div class="col-sm-2 d-flex align-items-center" style="gap: 6px">
                                                                <b>Fecha:</b> {{$p[2]}}
                                                            </div>
                                                            <div class="col-sm-2 d-flex align-items-center" style="gap: 6px">
                                                                <b>Region:</b> {{$p[3]}}
                                                            </div>
                                                            <div class="col-sm-2 d-flex align-items-center justify-content-center"
                                                                style="gap: 6px;">
                                                                <button type="button" class="btn btn-danger"
                                                                    onclick="openDeleteModal('{{ $index }}', '{{ $p[1] ?? '' }}', '{{ $p[0] ?? '' }}')">
                                                                    <i class="fa fa-trash" aria-hidden="true"
                                                                        style="color: white;"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                        <div class="row justify-content-center" style="padding-left: 20px;">
                                                            <p><b>Edicto:</b>
                                                                <textarea name="edicto[]" rows="5" id="edicto"
                                                                    class="form-control form-control-sm"
                                                                    readonly>{{ $p[4] ?? ''}}</textarea>
                                                            </p>
                                                        </div>
                                                        <hr>
                                                    </div>
                                                    @endif
                                                    @endforeach
                                                @else
                                                    <div id="not_edictos">
                                                        <h3>No se encontraron edictos</h3>
                                                    </div>
                                                @endif
                                            </div>
                                            @if (str_contains($archivo_csv, 'BUENOS_AIRES_JUDICIALES'))
                                            <div class="card-footer" style="padding: 10px 10px 0px 10px;">
                                                <div class="row justify-cotent-center"
                                                    style="padding-top:20px; padding-left: 20px;">
                                                    <div class="col-12 text-center">
                                                        ESTOS SON LOS EDICTOS DE CONCURSOS Y QUIEBRAS DE BUENOS AIRES
                                                        ALMACENADOS
                                                    </div>
                                                </div>
                                                <div class="row justify-cotent-center"
                                                    style="padding-top:20px; padding-left: 20px;">
                                                    <div class="col col-sm-4">
                                                        <a href="/extractor" class="btn btn-secondary">Volver</a>
                                                    </div>
                                                </div>
                                            </div>
                                            @elseif (str_contains($archivo_csv, 'SANTA_FE_JUDICIALES'))
                                            <div class="card-footer" style="padding: 10px 10px 0px 10px;">
                                                <div class="row justify-cotent-center"
                                                    style="padding-top:20px; padding-left: 20px;">
                                                    <div class="col-12 text-center">
                                                        ESTOS SON LOS EDICTOS DE CONCURSOS Y QUIEBRAS DE SANTA FE
                                                        ALMACENADOS
                                                    </div>
                                                </div>
                                                <div class="row justify-cotent-center"
                                                    style="padding-top:20px; padding-left: 20px;">
                                                    <div class="col col-sm-4">
                                                        <a href="/extractor" class="btn btn-secondary">Volver</a>
                                                    </div>
                                                </div>
                                            </div>
                                            @elseif (str_contains($archivo_csv, 'CORDOBA_JUDICIALES'))
                                            <div class="card-footer" style="padding: 10px 10px 0px 10px;">
                                                <div class="row justify-cotent-center"
                                                    style="padding-top:20px; padding-left: 20px;">
                                                    <div class="col-12 text-center">
                                                        ESTOS SON LOS EDICTOS DE CONCURSOS Y QUIEBRAS DE CORDOBA ALMACENADOS
                                                    </div>
                                                </div>
                                                <div class="row justify-cotent-center"
                                                    style="padding-top:20px; padding-left: 20px;">
                                                    <div class="col col-sm-4">
                                                        <a href="/extractor" class="btn btn-secondary">Volver</a>
                                                    </div>
                                                </div>
                                            </div>
                                            @else
                                            <div class="card-footer" style="padding: 10px 10px 0px 10px;">
                                                <div class="row d-flex justify-content-end"
                                                    style="padding-top:20px; padding-left: 20px;">
                                                    <div class="col-4 d-flex justify-content-center gap-4">
                                                        <button id="btn_editar_edictos" class="btn btn-success"
                                                            type="button">Editar</button>
                                                        <button id="btn_editar_edictos_cancelar"
                                                            class="btn btn-success d-none" type="button">Confirmar
                                                            Edición</button>
                                                        
                                                            <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#confirmEdictoModal">
                                                                Guardar
                                                            </button>
                                                        <a href="/extractor" class="btn btn-danger d-flex align-items-center">Cancelar</a>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                        @else
                                            <div class="card-text">
                                                @if (is_array($edicto))
                                                    @foreach ($edicto as $e)
                                                        @foreach ($e as $edi)
                                                            <h3>{{$edi}}</h3>
                                                        @endforeach
                                                    @endforeach
                                                @else
                                                    <h3>{{$edicto}}</h3>
                                                @endif
                                                <div class="card-footer">
                                                    <div class="row justify-content-center col-2" style="padding-top:20px;">
                                                        <a href="/extractor" class="btn btn-fidelitas">Volver</a>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </section>

                <section id="cont_de_respuesta" class="container" style="display: none;">
                    <div class="card" style="margin: auto; padding: 20px; text-align: center;">
                        <div class="card-body" style="margin: auto; padding: 20px; text-align: center;">
                            <h3 id="alerta">Aguarde un momento por favor</h3>
                            <a id="volver" href="/extractor" class="btn btn-fidelitas" style="display:none;">Volver</a>
                        </div>
                    </div>
                </section>

                @else
                <section class="container">
                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-body" style="margin: auto; padding: 20px; text-align: center;">
                                <h3>{{$mensaje}} </h3>
                                <a href="/extractor" class="btn btn-fidelitas">Volver</a>
                            </div>
                        </div>
                    </div>
                </section>
                @endif
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="confirmEdictoModal" tabindex="-1" aria-labelledby="confirmEdictoModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="confirmEdictoModalLabel">Confirmar Guardado de Edicto</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
            </div>
            <div class="modal-body">
                <p>¿Está seguro que desea guardar los datos de los edictos?</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" id="confirmEdictoButton">Confirmar</button>
            </div>
        </div>
    </div>
</div>



<div class="modal fade" id="nuevoEdictoModal" tabindex="-1" aria-labelledby="nuevoEdictoModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="nuevoEdictoModalLabel">Nuevo Edicto</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="nuevoEdictoForm">
                    <div class="mb-3">
                        <label for="razon" class="form-label">Razón</label>
                        <input type="text" class="form-control" id="razon_new" name="razon"
                            placeholder="Ingresa la razón" required>
                    </div>
                    <div class="mb-3">
                        <label for="cuit" class="form-label">CUIT</label>
                        <input type="text" class="form-control" id="cuit_new" name="cuit" placeholder="Ingresa el CUIT"
                            oninput="if(this.value.length > 11) this.value = this.value.slice(0, 11);" required>
                    </div>
                    <div class="mb-3">
                        <label for="fecha" class="form-label">Fecha</label>
                        <input type="text" class="form-control" id="fecha_new" name="fecha" value="{{ $fecha }}"
                            required readonly>
                    </div>
                    <div class="mb-3">
                        <label for="region" class="form-label">Región</label>
                        <input type="text" class="form-control" id="region_new" name="region" value="{{ $region }}"
                            required readonly>
                    </div>
                    <div class="mb-3">
                        <label for="region" class="form-label">Edicto</label>
                        <textarea class="form-control form-control-sm" id="edicto_new" name="edicto"
                            rows="5"></textarea>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" id="guardarNuevoEdicto">Guardar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="deleteEdictoModal" tabindex="-1" aria-labelledby="deleteEdictoModalLabel"
    aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="deleteEdictoModalLabel">Confirmar Eliminación</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p>¿Está seguro de que desea eliminar el edicto con la siguiente información?</p>
                <ul>
                    <li><b>Razón Social:</b> <span id="modalRazonsocial"></span></li>
                    <li><b>CUIT:</b> <span id="modalCuit"></span></li>
                </ul>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-danger" id="confirmDelete">Eliminar</button>
            </div>
        </div>
    </div>
</div>



<script type="text/javascript" src="{{ asset('js/extractor-js/carga_boletin.js') }}?v={{ time() }}"></script>
<script>
    document.getElementById('confirmEdictoButton').addEventListener('click', function() {
        // Realiza el submit del formulario con id "edictos"
        $("#edictos").trigger("submit");

        // Opcional: oculta el modal después del submit
        var modalElement = document.getElementById('confirmEdictoModal');
        var modal = bootstrap.Modal.getInstance(modalElement);
        modal.hide();
    });

    function toggleLabelColor(input, labelId) {
        var label = document.getElementById(labelId);
        if (input.value.trim() !== '') {
            // Si el input tiene algún valor, se quita la clase "bg-warning"
            label.classList.remove("bg-warning");
        } else {
            // Si el input está vacío, se añade la clase "bg-warning"
            label.classList.add("bg-warning");
        }
    }



    function openDeleteModal(index, razonSocial, cuit) {
        // Cargar datos dinámicos en el modal
        document.getElementById('modalRazonsocial').textContent = razonSocial;
        document.getElementById('modalCuit').textContent = cuit;

        // Guardar el índice para identificar el div a eliminar
        document.getElementById('confirmDelete').setAttribute('data-index', index);

        // Abrir el modal
        const deleteModal = new bootstrap.Modal(document.getElementById('deleteEdictoModal'));
        deleteModal.show();
    }

    $(document).ready(function () {
        mandar_respuesta();

        // Manejar la confirmación de eliminación
        document.getElementById('confirmDelete').addEventListener('click', function () {
            const index = this.getAttribute('data-index'); // Obtener el índice del div
            const divToDelete = document.getElementById(`id_edicto_${index}`);

            if (divToDelete) {
                divToDelete.remove(); // Eliminar el div
            }

            // Cerrar el modal
            const deleteModal = bootstrap.Modal.getInstance(document.getElementById('deleteEdictoModal'));
            deleteModal.hide();
        });

        let index_nuevo = 99999;
        $('#guardarNuevoEdicto').on('click', function (e) {
            e.preventDefault();

            // Obtener valores del formulario
            const razon = $('#razon_new').val();
            const cuit = $('#cuit_new').val();
            const fecha = $('#fecha_new').val();
            const region = $('#region_new').val();
            const edicto = $('#edicto_new').val();

            // Validar que todos los campos tengan valores
            if (!razon || !cuit || !fecha || !region || !edicto) {
                alert('Por favor completa todos los campos.');
                return;
            }

            // Crear el HTML del nuevo edicto
            const nuevoEdictoHTML = `
                <div id="id_edicto_${index_nuevo}">
                    <div class="row justify-content-center" style="padding-bottom:10px; padding-left: 20px;">
                        <div class="col-sm-3 d-flex align-items-center" style="gap: 6px">
                            <b>Razón-Social:</b>
                            <input name="razonsocial[]" type="text" value="${razon}" maxlength="100" id="razonsocial" class="form-control form-select-sm" size="100" readonly />
                        </div>
                        <div class="col-sm-3 d-flex align-items-center" style="gap: 6px">
                            <b id="label_nuevo_cuit_${index_nuevo}">CUIT:</b>
                            <input 
                                name="cuit[]" 
                                type="number" 
                                value="${cuit}" 
                                maxlength="30"  
                                id="cuit" 
                                class="form-control form-select-sm"  
                                size="30" 
                                readonly  
                                oninput="if(this.value.length > 11) this.value = this.value.slice(0, 11); toggleLabelColor(this, 'label_nuevo_cuit_${index_nuevo}');" 
                            />
                        </div>
                        <div class="col-sm-2 d-flex align-items-center" style="gap: 6px">
                            <b>Fecha:</b> ${fecha}
                        </div>
                        <div class="col-sm-2 d-flex align-items-center" style="gap: 6px">
                            <b>Región:</b> ${region}
                        </div>
                        <div class="col-sm-2 d-flex align-items-center justify-content-center" style="gap: 6px;">
                            <button 
                                type="button" 
                                class="btn btn-danger" 
                                onclick="openDeleteModal('${index_nuevo}', '${razon}', '${cuit}')">
                                <i class="fa fa-trash" aria-hidden="true" style="color: white;"></i>
                            </button>
                        </div>
                    </div>
                    <div class="row justify-content-center" style="padding-left: 20px;">
                        <p><b>Edicto:</b>
                        <textarea name="edicto[]" rows="5" id="edicto" class="form-control form-control-sm" readonly>${edicto}</textarea>
                        </p>
                    </div>
                    <hr>
                </div>
            `;

            // Agregar el nuevo edicto al div con id "nuevos_edictos"
            $('#nuevos_edictos').append(nuevoEdictoHTML);

            index_nuevo--;

            $('#not_edictos').addClass('d-none');

            // Cerrar el modal
            $('#nuevoEdictoModal').modal('hide');

            // Limpiar el formulario
            $('#nuevoEdictoForm')[0].reset();
        });


        // Evento al hacer clic en el botón de editar
        $('#btn_editar_edictos').on('click', function (e) {
            e.preventDefault();

            // Deshabilitar el botón de editar
            $('#btn_editar_edictos').prop('disabled', true);

            // Habilitar los campos de entrada para editar
            $('#razonsocial, #cuit, #edicto').prop('readonly', false);

            // Mostrar el botón de cancelar edición
            $('#btn_editar_edictos_cancelar').removeClass('d-none');

            // Ocultar el botón de editar
            $('#btn_editar_edictos').addClass('d-none');

            $('#btn_guardar').prop('disabled', true);
        });

        // Evento al hacer clic en el botón de cancelar edición
        $('#btn_editar_edictos_cancelar').on('click', function (e) {
            e.preventDefault();

            // Restablecer los campos a modo de solo lectura
            $('#razonsocial, #cuit, #edicto').prop('readonly', true);

            // Mostrar el botón de editar
            $('#btn_editar_edictos').removeClass('d-none');

            // Ocultar el botón de cancelar edición
            $('#btn_editar_edictos_cancelar').addClass('d-none');

            // Habilitar el botón de editar nuevamente
            $('#btn_editar_edictos').prop('disabled', false);

            $('#btn_guardar').prop('disabled', false);
        });
    });
</script>