@extends('header_nuevo_generico')

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

@section('main')
    <div class="rectangle_bg_backend align-items-start" style="margin-top: 64px;">
        <div class="row w-100 align-items-center" style="margin-top:32px;">
            <div class="col-3 text-nowrap align-self-center">
                <div class="title_page">Verificación de edictos
                    <button type="button" class="btn text-white rounded-circle" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-html="true" data-bs-title="
                        <h4>Cómo Gestionar Edictos en Nuestra Plataforma</h4>
                        <b>1. Verifique la Información de los Edictos</b>
                        <p class='text-start'>Comienza revisando los datos editables de cada edicto, como la razón social o el CUIT de la empresa/persona que figura en cada uno de los 20 edictos mostrados en pantalla. Verifica la exactitud de estos datos cuidadosamente.
                        Si detecta alguna falla o falta de información, como un CUIT ausente, deje el campo correspondiente vacío y registra el edicto como homónimo. Asegúrese de que los datos presentes coincidan con la información obtenida del edicto.</p>
                        

                        <b>2. Eliminar Duplicados con Cuidado</b>

                        <p class='text-start'>Si observa datos duplicados, puede proceder a eliminarlos. Se solicitará confirmación antes de la eliminación para evitar pérdidas de información irrecuperable. Revise detenidamente las razones de la eliminación antes de proceder.</p>


                        <b>3. Guarde sus Cambios</b>
                        <p class='text-start'>
                        Es crucial completar la revisión de todos los 20 edictos antes de salir de la pantalla. Si sale sin guardar, se perderán todos los cambios realizados durante la revisión. Después de revisar y editar los edictos, asegúrese de guardar las modificaciones utilizando el botón 'Guardar' ubicado al final de la tabla. Esto almacenará los datos en nuestra base de datos. La pantalla se actualizará automáticamente mostrando 20 nuevos edictos para revisar.
                        Importante: Complete la revisión de los 20 edictos antes de guardar. Si guarda después de revisar solo algunos de ellos, los restantes se guardarán con la información que puede ser incorrecta, ya que no se revisaron adecuadamente.
                        </p>

                        <b>Utilice Filtros para Búsquedas Específicas</b>

                        <p class='text-start'>Utilice el filtro de búsqueda si necesitas encontrar un edicto específico por fecha o región. También dispones de una barra de búsqueda para facilitar la localización de edictos mediante razones sociales o CUITs.</p>">
                        <i class="bi bi-info-circle-fill"></i>
                    </button>  
                </div> 
            </div>
            <div class="col-9 p-0">
                <form action="/verificacion-edictos/filtrar" method="GET" id="filtros" class="row justify-content-end  align-items-center text-white">
                    <div class="col-3">
                        <label for="razonsocial_filtro">Buscador</label>
                        <input type="text" name="razonsocial_filtro" class="w-100 form-control py-0" id="razonsocial_filtro" value="{{$razon_social ?? ''}}" placeholder="Ingrese razón social o CUIT" @if ($filtrosAplicados) disabled @endif>
                    </div>

                    <div class="col-2">
                        <label for="fecha_filtro">Fecha</label>
                        <input type="text" name="fecha_filtro" class="w-100 form-control py-0" id="fecha_filtro" value="{{ $fecha ?? '' }}" readonly="" @if ($filtrosAplicados) disabled @endif>
                    </div>
                    <div class="col-2 me-4">
                        <label for="region_filtro">Región</label>
                        <select name="region_filtro" id="region_filtro" class="w-100 form-control py-0" @if ($filtrosAplicados) disabled @endif>
                            <option value="">Elegir región</option>
                            @foreach(collect($regiones)->sortBy('nombre_region') as $reg)
                            <option value="{{$reg->nombre_region}}"  {{ $region == $reg->nombre_region ? 'selected' : '' }}>{{$reg->nombre_region}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-1 text-nowrap d-flex justify-content-end ms-4" style="position: relative; top: 4px;">
                        @if ($filtrosAplicados)
                            <a href="/verificacion-edictos" class="btn" style="color:#FCF8F8;background-color:#103F31;border: solid ##103F31;border-radius: 8px;">
                                Borrar Filtros
                            </a>
                        @else
                            <button type="submit" id="boton-busqueda" class="btn" style="color:#41A788;background-color:#FCF8F8;border: solid #41A788; border-radius: 8px;">
                                <i class="bi bi-search"></i>
                            </button>
                        @endif
                    </div>
                </form>              
            </div>
        </div>
    </div>

    <div class="d-flex justify-content-center align-items-center w-100">    
        <div class="content-target">
            <div class="content-box">
                <div class="mt-3">
                    @include('extractor/carga-fecha-cola')
                </div>
                @if(!empty($data))
                    <div class="d-flex justify-content-end" style="padding-top:20px; padding-left: 20px;">
                        <div class="col-4 d-flex justify-content-center">
                            <button type="button" class="btn btn-success  ms-auto" data-bs-toggle="modal" data-bs-target="#confirmEdictoModal">
                                Guardar
                            </button>
                        </div>
                    </div>
                @endif
            </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 Cambios</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
            </div>
            <div class="modal-body">
                <p>Está a punto de guardar las modificaciones realizadas a los 20 edictos mostrados. Por favor, revise que toda la información esté correcta antes de proceder. Una vez guardado, se cargarán 20 nuevos edictos para su revisión. ¿Desea continuar?</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" id="cancelarCargaGeneral">Revisar de Nuevo</button>
                <button type="button" class="btn btn-success" id="confirmarVerificacionEdictos">Guardar y Continuar</button>
                <div class="cargandoEdictosGeneral d-none">
                    <div class="spinner-border text-success" role="status">
                      <span class="visually-hidden">Loading...</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="deleteModal" 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="deleteRazonsocial"></span></li>
                    <li><b>CUIT:</b> <span id="deleteCuit"></span></li>
                </ul>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" id="cancelarDelete">Cancelar</button>
                <button type="button" class="btn btn-danger" id="confirmarDelete">Eliminar</button>
                <div class="cargandoBorradoIndividual d-none">
                    <div class="spinner-border text-success" role="status">
                      <span class="visually-hidden">Loading...</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- <div class="modal fade" id="guardarIndividual" tabindex="-1" aria-labelledby=""
    aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="">Confirmar Guardado Individual</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 guardar el edicto con la siguiente información?</p>
                <ul>
                    <li><b>Razón Social:</b> <span id="confirmarIndvRazonsocial"></span></li>
                    <li><b>CUIT:</b> <span id="confirmarIndvCuit"></span></li>
                    <li><b>EDICTO:</b></li>
                    <textarea name="confirmarIndvEdicto" rows="6" id="confirmarIndvEdicto" class="form-control form-control-sm"></textarea>

                </ul>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" id="cancelarVerificacionEdictos">Cancelar</button>
                <button type="button" class="btn btn-fidelitas" id="confirmarGuardadoiInvividual">Guardar</button>
                <div class="cargandoGuardadoIndividual d-none">
                    <div class="spinner-border text-success" role="status">
                      <span class="visually-hidden">Loading...</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 -->
@endsection

@section('funcionesJS')
    <script type="text/javascript" src="{{ URL::asset('js/cola-edictos/cola-edictos.js') }}"></script>
@endsection