@extends('header_nuevo_generico')
@section('main')
<div class="container-fluid mt-5 pt-5">
    <div class="row justify-content-center my-2">
        <div class="col-md-12">
            <h2 class="text-fidelitas display-6 text-center">Actualizar Directorios de empresas</h2>
            <small class="text-muted">Aquí verá la lista de empresas a actualizar. En c/u puede ver la fecha de última
                actualización de directorio y la fecha del último edicto asignado a dicha empresa.</small><br>
            <small class="text-muted"><span class="text-success">Paso 1:</span> con el botón Ver Edictos, revise los
                edictos que tienen CUIT asignado, para ver si son correctos (desadignar CUIT en caso de encontrar
                errores), y a los que no tengan CUIT asignado, asigne el CUIT en los casos que corresponda.</small><br>
            <small class="text-muted"><span class="text-success">Paso 2:</span> En caso de no contar con edictos, o ver
                que hay muchas huecos de fechas sin edictos, buscarlos en los Boletines correspondientes. Para ello,
                puede ver de qué provincia son los existentes, o utilizar el botón Ver Domicilios, para saber de qué
                provincia es la empresa y buscar en los boletines correspondientes. Utilizar el botón Cargar Edictos,
                para cargar los edictos encontrados en boletines, que no estaban cargados. ('CIUDAD AUTONOMA BUENOS
                AIRES','BUENOS AIRES','CORDOBA','MENDOZA','SANTA FE' no se mostrarán como faltantes)</small><br>
            <small class="text-muted"><span class="text-success">Paso 3:</span> Cargar directorios, utilizando el botón
                correspondiente. Recuerde tildar "Tilde aquí para confirmar que el directorio fue revisado hoy" y luego
                presionar el botón Finalizar. En caso de no haber realizado los controles y actualizaciones necesarios,
                utilice el botón back (flechita) de su explorador.</small>
        </div>
    </div>
    <div class="row">
        <div class="col-md-10 col-sm-10 text-center">

            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="contraScreen" id="mostrarContraparte" value="C">
                <label class="form-check-label" for="mostrarContraparte">Contrapartes</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="contraScreen" id="mostrarFamilia" value="F">
                <label class="form-check-label" for="mostrarFamilia">Cliente/Familia</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="contraScreen" id="mostrarScreening" value="S">
                <label class="form-check-label" for="mostrarScreening">Screening</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="contraScreen" id="mostrarSubcontratistas" value="A">
                <label class="form-check-label" for="mostrarScreening">Subcontratistas</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="contraScreen" id="mostrarSubcontratistas" value="L">
                <label class="form-check-label" for="mostrarScreening">Listado Subcontratistas enriquecidos</label>
            </div>
        </div>

        <div id="seccioNuevaConsulta" class="col-md-2 col-sm-2 text-end d-none">
            <button id="nuevaConsulta" type="button" class="btn btn-success">Nueva consulta</button>
        </div>


    </div>


    <!-- SECCION DE CONTRAPARTES -->
    <div class="seleccionContrapartes d-none">
        <form id="frmproductos" method="post">
            <input type="hidden" name="_token" value="{{csrf_token()}}" id="__token">
            <input type="hidden" name="move" value="" id="_move">
            <div class="row">
                <div class="col-md-5 form-group">
                    <label for="disponibles">Clientes</label>
                    <select name="disponibles" id="disponibles" size="11" class="form-control" multiple="multiple"
                        style="height:85px">
                        @foreach($disponibles as $indica)
                            <option value="{{$indica->cliente}}">{{$indica->nombre_cliente}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2 text-center" style="vertical-align: middle;">
                    <br>
                    <button type="button" class="btn btn-primary btn-fidelitas move" data-to="left"><i
                            class="fa fa-arrow-left"></i></button>
                    <br>
                    <br>
                    <button type="button" class="btn btn-primary btn-fidelitas move" data-to="right"><i
                            class="fa fa-arrow-right"></i></button>
                </div>
                <div class="col-md-5 form-group">
                    <label for="asignados">Clientes que se toman en cuenta para la búsqueda</label>
                    <select name="asignados" id="asignados" size="11" class="form-control" multiple="multiple"
                        style="height:85px">
                        @foreach($asignados as $indica)
                            <option value="{{$indica->cliente}}">{{$indica->nombre_cliente}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </form>
    </div>
    <!-- SECCION DE SCREENING -->
    <div id="buscadorClientes" class='row justify-content-center align-items-center d-none'>
        <div class='col-12 col-lg-6'>
            <div class='text-center'>
                <h4 id="tituloMod">Buscar Cliente</h4>
            </div>
            <form id='form_busqueda_cliente'>
                <div class='row justify-content-center my-2 segunCliente'>
                    <small class="text-secondary text-center">Ingrese CUIT, CUIL o nombre completo para realizar una
                        busqueda, luego presione enter</small>
                </div>
                <div class='input-group shadow mt-3 busquedasClientes'>
                    <input type="hidden" id='token' name="_token" value="{{ csrf_token() }}" />
                    <input type="hidden" id='clienteOk' name="clienteOk" value="">
                    <input type="hidden" id='nombrecliente' name="nombrecliente" value="">
                    <input type="text" id='cliente' name='cliente' value=''
                        class='form-control form-control-lg text-center cli' list='lista_clientes'
                        placeholder='@traducir("Buscar Cliente", "Buscar Cliente")...' autocomplete='off'>
                    <!-- sección para buscar por usuario -->
                    <span class='input-group-text'>
                        <i id="lupa" class="bi bi-search fs-5"></i>
                        <div id="loading" class="spinner-border text-fidelitas ms-auto d-none" role="status"
                            aria-hidden="true"></div>
                    </span>
                </div>
                <div id='notificacion' class='mt-2'></div>
                <div id='lista_clientes' class='overflow-auto col-12 py-2 list-group'></div>
            </form>
            <div id="buscando"></div>
        </div>
    </div>
    <div class="row">

        <div class="col-md-5 col-sm-9 d-none" id="nombre_cliente">
            <h5 class="text-fidelitas">Cliente: <span id="nombreSelecionado"></span></h5>
        </div>

        <div class="col-md-2 col-sm-9 d-none" id="fechasSC">
            <label for="fecha_screening" class='titulo_fechas'></label>
            <select id="fecha_screening" class="form-select fecha_screening">
                <select id="screening_subc" class='hidden'>
                </select>
        </div>

    </div>
    <div class="row mt-5 mb-2">
        <div id="cargandoTabla" class="row justify-content-center my-2 d-none">
            <div class="spinner-border text-success" role="status">
                <span class="visually-hidden">Loading...</span>
            </div>
        </div>
        <div class="col-md-12 mb-3" id="datos"></div>
    </div>
    <!--  -->
</div>
<!-- SECCIONES DE MODALES -->
<div id="modalContraparte" class="modal" tabindex="-1">
    <div class="modal-dialog modal-xl" style="min-width:90%;">
        <div class="modal-content">
            <div class="modal-header">
                <div class="row">
                    <div class="text-left color-fidelitas "
                        style="font-size:15px;font-weight:600; margin-top:5px;padding-left:45px;">
                        <h4><span id="cuit_modal"></span> - <span id="razon_social_modal"></span></h4>
                    </div>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body"></div>
        </div>
    </div>
</div>
<!--  -->
<div id="modalEdictos" class="modal" tabindex="-1">
    <div class="modal-dialog modal_edictos modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <div class="row">
                    <div class="text-left color-fidelitas "
                        style="font-size:15px;font-weight:600; margin-top:5px;padding-left:45px;">
                        <h4><span id="cuit_edictos"></span> - <span id="razon_social_edictos"></span></h4>
                    </div>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body"></div>
        </div>
    </div>
</div>
<!--  -->
<div id="modalDomicilio" class="modal" tabindex="-1">
    <div class="modal-dialog modal_domicilio modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <div class="row">
                    <div class="text-left color-fidelitas "
                        style="font-size:15px;font-weight:600; margin-top:5px;padding-left:45px;">
                        <h4><span id="cuit_domicilio"></span> - <span id="razon_social_domicilio"></span></h4>
                    </div>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body"></div>
        </div>
    </div>
</div>
<form name="buscar_consultas" id="buscar_consultas" method="post" class="form-signin">
    <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
    <input type="hidden" name="usuario" value="{{Session::get('usuario')->user_id}}" id="usuario">
    <input type="hidden" name="contraScreenSub" value="" id="contraScreenSub">
    <input type="hidden" name="son_contrapartes" value="{{$son_contrapartes}}" id="son_contrapartes">
    <input type="hidden" name="fecha_de_screening" value="" id="fecha_de_screening">
    <input type="hidden" name="cliente_SC" value="" id="cliente_SC">
</form>
<div id="sinFechas" class="sinFechas row justify-content-center my-2 d-none">
    <div class="col-md-6 col-sm-9">
        <h5 class="text-muted text-center">El cliente no tiene screening por realizar</h5>
    </div>
    <div>
        <div id="test"></div>

        <a class="d-none" id="descarga_reporte">DOWNLOAD</a>

        <!--  -->
        @endsection
        @section('funcionesJS')
        <script src="{{ asset('/Libreria_CA/Js/funciones_actualizar_directorios.js') }}?v={{rand()}}"></script>
        <script type="text/javascript"
            src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
        <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.html5.min.js"></script>
        <script>
            $(document).ready(function () {
                $('input:radio[name=contraScreen]').change(function () {
                    $("#datos").html("");
                    $("#contraScreenSub").val(this.value);

                    if (this.value == 'C') {
                        $("#fechasSC").addClass("d-none");
                        $('#fecha_screening').empty().append('');
                        $("#sinFechas").addClass("d-none");
                        $("#nombre_cliente").addClass("d-none");
                        $("#seccioNuevaConsulta").addClass("d-none");
                        $('.seleccionContrapartes').removeClass('d-none');
                        $('#buscadorClientes').addClass('d-none');
                        $("#fechasSC").addClass("d-none");
                        $("#fecha_de_screening").val("");
                        $("#cliente_SC").val("");
                        $("#nombre_cliente").addClass("d-none");

                        $('.move').on('click', function () {
                            if ($(this).data('to') == 'right') {
                                var _go = ($('#disponibles').val() != null);
                            } else {
                                var _go = ($('#asignados').val() != null);
                            }

                            if (_go) {
                                $('#_move').val($(this).data('to'));

                                var disp = '';
                                if ($('#disponibles').val() != null) {
                                    $.each($('#disponibles').val(), function (i, el) {
                                        if (disp != '') {
                                            disp = disp + ',';
                                        }
                                        disp = disp + el.toString();
                                    });
                                }

                                var asig = '';
                                if ($('#asignados').val() != null) {
                                    $.each($('#asignados').val(), function (i, el) {
                                        if (asig != '') {
                                            asig = asig + ',';
                                        }
                                        asig = asig + el.toString();
                                    });
                                }

                                $.ajax({
                                    method: 'post',
                                    url: '/tablasgenerales/socios-enriquecer-move',
                                    data: {
                                        '_token': $('#__token').val(),
                                        'move': $('#_move').val(),
                                        'disponibles': disp,
                                        'asignados': asig
                                    },
                                    beforeSend: function () { },
                                    success: function (data) {
                                        var r = eval(data);
                                        $('#disponibles').empty();
                                        $('#asignados').empty();
                                        $.each(r[0], function (i, el) {
                                            $('#disponibles').append($("<option />").val(el.cliente).text(el.nombre_cliente));
                                        });
                                        $.each(r[1], function (i, el) {
                                            $('#asignados').append($("<option />").val(el.cliente).text(el.nombre_cliente));
                                        });
                                        actualizarFancyDatos();

                                    },
                                });
                            }
                        });
                        actualizarFancyDatos();

                    }
                    else if (this.value == 'S') {
                        $('.seleccionContrapartes').addClass('d-none');
                        $('#buscadorClientes').removeClass('d-none');
                        $("#seccioNuevaConsulta").removeClass("d-none");
                        $("#fechasSC").addClass("d-none");
                        $('#fecha_screening').empty().append('');
                        $("#sinFechas").addClass("d-none");
                        $("#nombre_cliente").addClass("d-none");
                        busqueda_cliente_nuevo(0, 1);
                        nuevaConsulta();

                    }
                    else if (this.value == 'A' || this.value == 'L') {
                        $('.seleccionContrapartes').addClass('d-none');
                        $('#buscadorClientes').removeClass('d-none');
                        $("#seccioNuevaConsulta").removeClass("d-none");
                        $("#fechasSC").addClass("d-none");
                        $('#fecha_screening').empty().append('');
                        $("#sinFechas").addClass("d-none");
                        $("#nombre_cliente").addClass("d-none");
                        busqueda_cliente_nuevo(0, 1);
                        nuevaConsulta();
                    }
                    else if (this.value == 'F') {
                        $('.seleccionContrapartes').addClass('d-none');
                        $('#buscadorClientes').removeClass('d-none');
                        $("#seccioNuevaConsulta").removeClass("d-none");
                        $("#fechasSC").addClass("d-none");
                        $('#fecha_screening').empty().append('');
                        $("#sinFechas").addClass("d-none");
                        $("#nombre_cliente").addClass("d-none");
                        busqueda_cliente_nuevo(0, 1);
                        nuevaConsulta();
                    }
                });

                $('#form_busqueda_cliente').on('submit', function (e) {
                    e.preventDefault();
                    if ($("#contraScreenSub").val() == 'S') {
                        $("#sinFechas").addClass("d-none");
                        $("#nombre_cliente").addClass("d-none");
                        $("#cliente_SC").val("");
                        $("#nombreSelecionado").text("")
                        $("#datos").html("");

                        let datos = $(this).serialize();
                        $.ajax({
                            type: "post",
                            url: "/fechas-screening",
                            data: datos,
                            beforeSend: function () {
                                $('#cliente').val('');
                                $('#lista_clientes').empty();
                                $("#cargandoTabla").removeClass("d-none");
                                $("#sinFechas").addClass("d-none");
                            },
                            success: function (data) {
                                $("#cargandoTabla").addClass("d-none");
                                if (data != 0) {
                                    $("#buscadorClientes").addClass("d-none");
                                    $("#sinFechas").addClass("d-none");
                                    $("#fechasSC").removeClass("d-none");
                                    $(".titulo_fechas").text('Fechas de screening');
                                    $("#screening_subc").val('S');
                                    $("#cliente_SC").val(data[0].cliente);
                                    $("#nombre_cliente").removeClass("d-none");
                                    $("#nombreSelecionado").text(data[0].nombre_cliente)
                                    $('#fecha_screening').append($('<option>').text("Selecione una fecha..."));
                                    data.forEach(values => {
                                        $('#fecha_screening').append($('<option>').text(values.fecha).attr('value', values.fecha));
                                    });
                                } else {

                                    $("#sinFechas").removeClass("d-none");
                                }
                            },
                            error: function (err) {
                                alert('se produjo un error.');
                            }
                        });
                    }
                    if ($("#contraScreenSub").val() == 'A') {
                        $("#cliente_SC").val($("#cliente").val());
                        $("#fecha_de_screening").val('');

                        $("#buscadorClientes").addClass("d-none");
                        $("#sinFechas").addClass("d-none");
                        $("#fechasSC").addClass("d-none");
                        $("#nombre_cliente").removeClass("d-none");
                        $("#nombreSelecionado").text($("#nombrecliente").val());
                        $('#cliente').val('');
                        $('#lista_clientes').empty();
                        $("#cargandoTabla").removeClass("d-none");

                        actualizarFancyDatos();
                    }
                    if ($("#contraScreenSub").val() == 'L') {
                        $("#sinFechas").addClass("d-none");
                        $("#nombre_cliente").addClass("d-none");
                        $("#cliente_SC").val($("#cliente").val());
                        $("#nombreSelecionado").text($("#nombrecliente").val());
                        $("#datos").html("");

                        $('#cliente').val('');
                        $('#lista_clientes').empty();
                        $("#cargandoTabla").addClass("d-none");
                        $("#buscadorClientes").addClass("d-none");

                        $("#fechasSC").removeClass("d-none");
                        $(".titulo_fechas").text('Mes a facturar');
                        $("#screening_subc").val('L');
                        $("#nombre_cliente").removeClass("d-none");
                        $('#fecha_screening').append($('<option>').text("Selecione un mes..."));

                        today = new Date();
                        yyyy = today.getFullYear();
                        let mm = today.getMonth() + 1; // Months start at 0
                        if (mm < 10) { mm = '0' + mm; }
                        mes = yyyy + '-' + mm;
                        mesdia = mes + '-01';

                        if (mm == '01') { mm = 12; yyyy = yyyy - 1; }
                        else { mm = mm - 1; }
                        if (mm < 10) { mm = '0' + mm; }
                        mesAnterior = yyyy + '-' + mm;
                        mesAnteriordia = mesAnterior + '-01';

                        if (mm == '01') { mm = 12; yyyy = yyyy - 1; }
                        else { mm = mm - 1; }
                        if (mm < 10) { mm = '0' + mm; }
                        mesAnterior2 = yyyy + '-' + mm;
                        mesAnteriordia2 = mesAnterior2 + '-01';


                        $('#fecha_screening').append($('<option>').text(mes).attr('value', mesdia));
                        $('#fecha_screening').append($('<option>').text(mesAnterior).attr('value', mesAnteriordia));
                        $('#fecha_screening').append($('<option>').text(mesAnterior2).attr('value', mesAnteriordia2));


                    }
                    if ($("#contraScreenSub").val() == 'F') {
                        $("#sinFechas").addClass("d-none");
                        $("#nombre_cliente").addClass("d-none");
                        $("#cliente_SC").val($("#cliente").val());
                        $("#nombreSelecionado").text($("#nombrecliente").val());
                        $("#datos").html("");

                        let datos = $(this).serialize();
                        $.ajax({
                            type: "post",
                            url: "/familias-screening",
                            data: datos,
                            beforeSend: function () {
                                $('#cliente').val('');
                                $('#lista_clientes').empty();
                                $("#cargandoTabla").removeClass("d-none");
                                $("#sinFechas").addClass("d-none");
                            },
                            success: function (data) {
                                $("#cargandoTabla").addClass("d-none");
                                if (data != 0) {
                                    $("#buscadorClientes").addClass("d-none");
                                    $("#sinFechas").addClass("d-none");
                                    $("#fechasSC").removeClass("d-none");
                                    $(".titulo_fechas").text('Familia');
                                    $("#screening_subc").val('S');
                                    $("#nombre_cliente").removeClass("d-none");
                                    $('#fecha_screening').append($('<option>').text("Selecione una familia..."));
                                    data.forEach(values => {
                                        $('#fecha_screening').append($('<option>').text(values.nombre_familia).attr('value', values.familia));
                                    });
                                } else {
                                    $("#sinFechas").removeClass("d-none");
                                }
                            },
                            error: function (err) {
                                alert('se produjo un error.');
                            }
                        });
                    }


                })
                $('#fecha_screening').on('change', function (e) {
                    var valueSelected = this.value;
                    $("#datos").html("");
                    $("#fecha_de_screening").val(valueSelected);
                    if ($("#contraScreenSub").val() == 'S' || $("#contraScreenSub").val() == 'F') {
                        actualizarFancyDatos();
                    }
                    else {
                        alert("Se descargará el excel en su PC");
                        listadoSubcontratistas();
                        $("#nuevaConsulta").trigger("click");
                    }
                });
                rowDelete();
            })
        </script>
        @endsection