@extends('Wscanguroazul.layouts.master_liquidacion')
{{--@include('Wscanguroazul.LiquidacionAliados.header')--}}

@section('content')

    <style>
        .section__content--p35 {
            padding: 0 35px;
        }

        .table-responsive.table--no-card {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 10px;
            -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
        }
        .m-b-30 {
            margin-top: 15px;
            margin-bottom: 15px;
            margin-left: 20px;
        }

        .table-earning thead th {
            background:rgb(30, 115, 183);
            font-size: 12px;
            color: #fff;
            vertical-align: middle;
            font-weight: 100;
            text-transform: capitalize;
            line-height: 1;
            /*padding: 12px 22px;*/
            /*white-space: nowrap;*/
        }

        .table-earning thead th.text-right {
            padding-left: 15px;
            padding-right: 65px;
        }

        .table-earning tbody td {
            color: #808080;
            /*padding: 12px 22px;*/
           /* white-space: nowrap;*/
            font-size: 11px;

        }

        .table-earning tbody td.text-right {
            padding-left: 15px;
            padding-right: 65px;
        }

        .table-earning tbody tr:hover td {
            color: #555;
            cursor: pointer;
        }
        #btn-center{
            position:relative;
            left:45%;
        }
        #btn-center_{
            position:relative;
            left:45%;
        }

        #modal_actualizar_tam .modal-content{
            width: 140% !important;
            right: 20%;
            margin-top: 40%;
        }

        .section__content {
            position: relative;
            margin: 0 auto;
            z-index: 1;
        }

        .section__content--w1830 {
            max-width: 1830px;
        }

        .section__content--p30 {
            padding: 0 30px;
        }

        @media (max-width: 991px) {
            .section__content--p30 {
                padding: 0;
            }
        }

        .section__content--p35 {
            padding: 0 35px;
        }
        .invalid-feedback{
            font-size: 10px!important;
        }
        .tooltip.primary .tooltip-inner          { background-color:    white; color:black;  border: #0f0f0f 1px solid; }
        .tooltip.primary.top > .tooltip-arrow    { border-top-color:    #0f0f0f; }
        .tooltip.primary.right > .tooltip-arrow  { border-right-color:  #0f0f0f; }
        .tooltip.primary.bottom > .tooltip-arrow { border-bottom-color: #0f0f0f; }
        .tooltip.primary.left > .tooltip-arrow   { border-left-color:   #0f0f0f; }

        .alert2{
            margin-left: 3em !important;
            margin-right: 8em !important;
            background-color: white;
            color: #555555;
            border-radius: 3px;
            box-shadow: 0 12px 20px -10px rgba(255, 255, 255, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 255, 255, 0.2);
        }
    </style>

    @php $data = $consultaGuias['entidadRespuesta'] @endphp
    @php $list_estatusP = $get_estatus @endphp
    @php $codcliente= Session::get('LoginUE.listcliente.codcliente')@endphp

    <div class="row">
        <div class="col-xs-12 col-lg-12 col-sm-12 col-md-12">
            {{--<MARQUEE onmouseover="this.stop()" onmouseout="this.start()" scrollAmount="9" scrollDelay="120"
                     direction="left" height="35" width="980"  style="margin-top: 4px" align="center">
                <spam class="font_header" style="font-size: 18px; color: #0076BE;"><b>* NOTA:  *</b></spam>
                <spam class="font_header" style="font-size: 16px; color: #0076BE;"> Vídeo instruccional para actualizar envíos en el sistema Guía Electrónica </spam>

                <spam class="font_header" style="font-size: 16px; color: #0076BE;"><a style=" text-decoration:none; color:black;" class="material-icons btn btn-danger btn-sm video"  data-video="https://www.youtube.com/embed/TwsGfhUZdCQ" data-toggle="modal" data-target="#videoModal" ><span style="color: white" class="fab fa-youtube"></span> </a> </spam>
            </MARQUEE>--}}
            <spam class="font_header"><a style=" text-decoration:none; color:black;" class="video"  data-video="https://www.youtube.com/embed/TwsGfhUZdCQ" data-toggle="modal" data-target="#videoModal" ><img src="{{ asset('/youtube_img/botton-actualizar-envio-en-GE.png') }}"></a></spam>
        </div>
    </div>

    <div class="row" style="margin-top: -20px;">
        <div class="col-md-12 margen">
            <div class="panel panel-theme">
                <div class="panel-heading"><h5 class="text-center card-subtitle">ACTUALIZAR MASIVO RT</h5></div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="p-3 mb-2 bg-light text-dark">
                                {{--<p class="text-justify" style="font-size: 14px;"><b>Paso 1:</b> Seleccionar el estatus que desea colocar a todas las guias que desea actualizar </p>--}}
                                <p class="text-justify" style="font-size: 12px;"><b>Paso 1:</b> Seleccionar las guias que desea que se actualice con el estatus RT.</p>
                                <p class="text-justify" style="font-size: 12px;"><b>Paso 2:</b> Presionar el botón de procesar, una vez presionando el botón se despliega una ventana
                                    emergente donde pregunta si esta seguro de actualizar las guias seleccionadas, si esta seguro presionar el botón de Actualizar RT </p>
                              </div>
                          </div>
                      </div>
                      <div class="row">
                          {{--<div class="col-sm-2" style="margin-left: 10px;">Estatus: </div>--}}
                        <div class="col-sm-3">
                            {{--<select class="form-control form-control-sm list_estatus" name="list_estatus" id="list_estatus">--}}
                                {{--<option value="">Seleccione..</option>--}}
                             <!--                               </select>-->
                            <input type="hidden" value="" id="estatus_Rt">

                        </div>
                    </div>


                    <div class="col-md-12">
                        <div class="table-responsive">
                            <table id="actualizar_aliados_masivos" class="table table-borderless table-striped table-earning">
                                <thead>
                                <tr>
                                    <th>ID</th>
                                    <th> <input type="checkbox" id="checkAll"></th>
                                    <th>Nro Guía</th>
                                    <th>Fecha</th>
                                    <th>Ser.</th>
                                    <th>Destinatario</th>
                                    {{--<th>Ruta</th>--}}
                                    <th>Pend.</th>
                                    <th>Estatus Guía</th>
                                    <th>Monto Bs</th>
                                    <th>Ven.</th>
                                </tr>
                                </thead>
                                <tbody>
                                @php $i=1;
                                @endphp
                                @if ($consultaGuias['entidadRespuesta'] >0 )
                                @foreach($consultaGuias['entidadRespuesta'] as $actualizar)
                                    @php
                                        $fechaFER = $actualizar['diasfer'];
                                             $fechaFIN = $actualizar['diasfin'];
                                              $fechaFERPro = $actualizar['diasferpro'];
                                             $fechaFINpro = $actualizar['diasfinpro'];

                                                $fechaH= $actualizar['fecha'];
                                                 $newDate = date("d/m/Y", strtotime($fechaH));
                                                /* var_dump($newDate);*/
                                                $feccha_SA = $actualizar['fechapro'];
                                                $fecha_hoy = date("Y-m-d");
                                                 $date1= new DateTime($feccha_SA);
                                                 $date2= new DateTime($fecha_hoy);
                                            $dif  = $date1->diff($date2);
                                            $dif2 = $dif->days;
                                            $diff = $dif2 - $fechaFERPro - $fechaFINpro;
                                            $fechaOD = $actualizar['fechaod'];
                                            $fecha_aliado = $actualizar['guia_aliado']['fecha'];
                                            $dateA_1= new DateTime($fechaOD);
                                            $dateA_2= new DateTime($fecha_hoy);
                                            $dias_V= $dateA_1->diff($dateA_2);
                                            $dias_VE = $dias_V->days;
                                            if ($actualizar['servicioestatus']['diasmax'] == null || $actualizar['servicioestatus']['diasmax']==NULL || $actualizar['servicioestatus']['diasmax']==Null){
                                            $diasmax = 15;
                                            }else{
                                               $diasmax = $actualizar['servicioestatus']['diasmax'];
                                            }
                                            $dia10 = $diasmax + $fechaFER +  $fechaFIN ;
                                            $Dias_Ven= $dias_VE - $dia10;
                                            $diasporvencer = $dia10 - $dias_VE;
                                            $destinatario = $actualizar['destinatario'];
                                            $destinatario =  substr($destinatario, 0, 25);
                                            $destinatario = strtoupper($destinatario);
                                            $totalpag = (($actualizar['totalpag'] > 0 || $actualizar['totalpag'] == '') && $actualizar['servicio']['codservicio'] == 1)? number_format($actualizar['totalpag'], 2, ",", ".") : '';

                                    @endphp
                                    @if ($actualizar['estatus']['codestatus'] == 98 )
                                    <tr>
                                        <td>{{$i}}</td>
                                        <td><input type="checkbox"  class="chcktbl" data-codguia="{{$actualizar['codguia']}}"/></td>
                                        <td><a href="ConsultaGuia?id={{base64_encode($actualizar['codguia'])}}" target="_blank">{{$actualizar['codguia']}}</a></td>
                                        <td>{{$newDate}}</td>
                                        <td><div class="red-tooltip" style="color:#0076BE;" data-toggle="tooltip" data-placement="top"  data-type="primary" title="{{$actualizar['servicio']['nombre']}}">{{$actualizar['servicio']['siglas']}}</div></td>
                                        <td><div class="red-tooltip" style="color:#0076BE;" data-toggle="tooltip" data-placement="top"  data-type="primary" title="{{ $actualizar['destinatario']}}">{{$destinatario}}</div></td>
                                        {{--<td>{{$actualizar['ruta']['nombre']}}</td>--}}
                                        {{--<td>{{$actualizar['ruta']['numerorut']}}</td>--}}
                                        <td> días </td>
                                        <td> <div class="red-tooltip" style="color:#0076BE;" data-toggle="tooltip" data-placement="top"  data-type="primary" title="{{$actualizar['estatus']['nombre']}}">{{$actualizar['estatus']['siglas']}}</div></td>
                                        <td>{{$totalpag}}</td>
                                        @if($dias_VE>$dia10)
                                            <td style="color:#b00; font-weight: bold;"></td>
                                        @else
                                            <td  style="color:green; font-weight: bold;"></td>
                                        @endif
                                    </tr>
                                    @endif

                                    @php $i++
                                    @endphp
                                @endforeach
                                @endif
                                </tbody>
                                {{--{{dd($recepcion['codguia'])}}--}}
                            </table>

                        </div>
                        {{--<button id="btn-center" class="btn btn-md btn-color-primary" style="text-align: center;" onclick="select_guias();">--}}
                            {{--<i class="fa fa-lock fa-md"></i>&nbsp;--}}
                            {{--<span>Procesar</span>--}}
                        {{--</button>--}}
                        <div class="row">
                            <div class="col-sm-9">
                                <button id="btn-center" class="btn btn-md btn-color-primary" style="margin-left:13%;" onclick="select_guias();">
                                    <i class="fa fa-lock fa-md"></i>&nbsp;
                                    <span>Procesar</span>
                                </button>
                            </div>
                            <div class="col-sm-3">
                                <div class="card" style="width: 10rem;">
                                    <div class="card-body">
                                        <span class="card-title">Leyenda</span>
                                        <div class=""><i class="fas fa-circle" style="color:#b00"></i><span style="font-size: x-small;"> Días vencidos</span></div>
                                        <div><i class="fas fa-circle" style="color:green"></i><span style="font-size: x-small;"> Días por vencer</span></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="panel-footer letra-nota text-muted"><i class="fas fa-exclamation-circle" style="color: #0076be;"></i>  Nota: Seleccionar las guias que desea actualizar y presionar el boton  Procesar</div>
            </div>
        </div>
    </div>


    <div id='modal_actualizar_masivo' class="modal fade bs-example-modal-md" tabindex="1" role="dialog" aria-labelledby="myLargeModalLabel">
        <div class="modal-dialog modal-lg" id="modal_actualizar_tam" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Actualizar Guias de Aliados</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="main-content">
                        <div class="section__content section__content--p30">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-2">
                                        <input type="hidden" id="estatus_sel" class="form-control" value=""
                                               data-estatus="">
                                    </div>
                                    <div class="col-10">
                                        <input type="hidden" id="guias_sel" class="form-control">
                                    </div>
                                </div>
                                <form id="myForm_masivo">
                                <div class="row">
                                                                            <div class="col-4"><input type="hidden" id="receptor" class="form-control  form-control-sm"  placeholder="Nombre" disabled="" required><div class="invalid-feedback">Ingresar Nombre</div>  </div>
                                        <div class="col-4"><input type="hidden" id="fecha_aliado" value="07/06/2025" class="form-control fecha_aliado  form-control-sm " disabled> </div>
                                        <div class="col-4"><input type="hidden" id="observa_aliado" class="form-control  form-control-sm btn-block"  placeholder="Observaciones " disabled> </div>
                                </div>
                                    <div class="row">
                                        <p> Estas Seguro de Actualizar las Guias Seleccionadas con el estatus RT..</p><i class="fas fa-question fa-5x"></i>
                                        </div>
                                    <br>

                                        <button id="btn-center_" class="btn btn-md btn-color-primary" style="text-align: center;" onclick="post_actualizar_aliados_masivis();">
                                            <i class="fa fa-lock fa-md"></i>&nbsp;
                                            <span>Actualizar RT</span>
                                        </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <iframe width="100%" height="350" src="" frameborder="0" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </div>

    <input type="hidden" id="url" data-url="{{ route('getConsumirAjax') }}">

@endsection
@section('script')
    <script>
        var estatusP;
        var guias_seleccionadas = [];
        $( document ).ready(function() {

            $('#checkAll').click(function () {
                $(".chcktbl").prop('checked', $(this).prop("checked"));
                var trs = $("#actualizar_aliados_masivos").find("tbody>tr");// busca todos los trs despues de tbody
            });

            $('#actualizar_aliados_masivos').DataTable({
                "paging": false,
                "ordering": true,
                "info": false,
                "bSort": true,
                "bFilter": true,
                "lengthChange": true,
                language: {
                    "emptyTable": "No Existe Registro para Actualizar Guias de Aliados",
                    "sSearch":         "Buscar:",
                    "sZeroRecords":    "No se encontraron resultados",
                    "oPaginate": {
                        "sFirst":    "Primero",
                        "sLast":     "Ultimo",
                        "sNext":     "Siguiente",
                        "sPrevious": "Anterior"
                    },
                    // "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                    // "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
                    "sLengthMenu":     "Mostrar _MENU_ registros",
                }
            });

            // $("#btn-center_").click(function(event) {
            //     // Fetch form to apply custom Bootstrap validation
            //     var form = $("#myForm_masivo");
            //     if (form[0].checkValidity() === false) {
            //         event.preventDefault();
            //         event.stopPropagation();
            //     }
            //     form.addClass('was-validated');
            //     // Perform ajax submit here...
            //     if(form[0].checkValidity() === true){
            //         post_actualizar_aliados_masivis();
            //     }
            //
            // });




        });

        $('[data-toggle="tooltip"]').each(function(){
            var options = {
                html: true
            };

            if ($(this)[0].hasAttribute('data-type')) {
                options['template'] =
                    '<div class="tooltip ' + $(this).attr('data-type') + '" role="tooltip">' +
                    '	<div class="tooltip-arrow"></div>' +
                    '	<div class="tooltip-inner"></div>' +
                    '</div>';
            }

            $(this).tooltip(options);
        });

        estatusP= $('#estatus_Rt').val();

        // var data_=[];
        function select_guias() {//Funcion para cargar los datos seleccionados


                guias_seleccionadas.length = 0;
                $('.chcktbl').each(function () {
                    if (this.checked) {
                        guias_seleccionadas.push($(this).data('codguia'));
                    }
                });
                // alert(guias_seleccionadas);
                if(guias_seleccionadas>[0]) {
                    // if(estatusP>0) {
                        mostrarDatosSel(guias_seleccionadas);
                    // }else{
                        // alert('debe seleccionar el estatus')
                        // alertify.set('notifier','position', 'bottom-right');
                        // alertify.error('Debe seleccionar el Estatus');
                    //     $.alert({
                    //         title: 'Error!',
                    //         content: 'Debe Seleccionar el Estatus',
                    //         columnClass: 'col-md-6 col-md-offset-3',
                    //         type: 'red',
                    //         typeAnimated: true,
                    //         icon: 'fa fa-warning'
                    //
                    //     });
                    //
                    // }
                }else{
                    // alert('debe seleccionar una guia')
                    // alertify.set('notifier','position', 'bottom-right');
                    // alertify.error('Debe seleccionar la guia');
                    $.alert({
                        title: 'Error!',
                        content: 'Debe Seleccionar la Guia',
                        columnClass: 'col-md-6 col-md-offset-3',
                        type: 'red',
                        typeAnimated: true,
                        icon: 'fa fa-warning'
                    });

                }
        }


        function mostrarDatosSel(vector_seleccionados) {
            var data_ =null;
            var i = 1;
           // console.debug(data_);
            // alert(data_);
            $('#modal_actualizar_masivo').modal('show');
            var f = new Date();
            var fecha = f.getDate() + "/" + (f.getMonth() + 1) + "/" + f.getFullYear();
            $('#estatus_sel').val(estatusP);
             $('#guias_sel').val(guias_seleccionadas)


        }

        function post_actualizar_aliados_masivis() {
            var guias_ = guias_seleccionadas;
            var estatus_ = $('#estatus_sel').val();
            var receptor_ = $('#receptor').val();
            var fecha_ = $('#fecha_aliado').val();
            var observacion_= $('#observa_aliado').val();

            var array_guias = guias_;
            var array_query1 =Array();//forma 1
            /* forma todos array  */
            var array_estatus =Array();
            var array_receptor =Array();
            var array_fecha =Array();
            var array_observacion =Array();
            var codcliente_ = ;
            //alert(estatus_);
           // alert(array_guias);

            array_guias.forEach( function(valor, indice, array) {
               // console.log("El indice " + indice + " tiene el valor: " + valor);
                array_query1.push(Array(valor,estatus_,fecha_,receptor_,observacion_));
              //  alert(fecha_ )

                array_estatus.push(estatus_);
                array_receptor.push(receptor_);
                array_fecha.push(fecha_);
                array_observacion.push(observacion_);

            });
          //  alert(array_guias);
            var url = $("#url").data('url'),
                method = 'POST',
                pagina = 'canguroazul/',
                params = {
                    // token: token,
                    webservice: 'actualizaGuiaAliadoWs',
                    pagina: pagina,
                    method: method,
                    campos: ['codguia','codcliente', 'codestatus','fecha','receptor','observacion'],
                    valores: [array_guias, codcliente_, array_estatus,array_fecha, array_receptor,array_observacion]

                };

            //alert(JSON.stringify(params));
            $.ajax({
                async : false,
                type: 'GET',
                url: url,
                data: params,
                datatype: 'JSON',
                success: function(data) {
                    var obj = data;
                    //console.debug('holaaaaaaaa'+obj);
                   // console.debug('entra aqui');
                   // console.debug(JSON.stringify(obj));

                    if(obj.codrespuesta=="COD_000") {
                        $.confirm({
                            title: 'Procesado Exitosamente',
                            content: 'Actualizado Correctamente',
                            type: 'blue',
                            typeAnimated: true,
                            columnClass: 'col-md-6 col-md-offset-3',
                            offsetTop: 1,
                            offsetBottom: 220,
                            icon: 'fa fa-check',
                            buttons: {
                                tryAgain: {
                                    text: 'Aceptar',
                                    btnClass: 'btn-blue',
                                    action: function(){
                                        setTimeout('window.location = "actualizarmasivo"',5);
                                    }
                                },

                            }
                        });
                    }

                }
                , error: function (mensaje) {
                    console.log(mensaje)

                }
            });
            // });

        }


        // $('select.list_estatus').change(function () {
        //     var estatus_1 = $(this).val();
        //     console.debug('obtengo mi estatus ' + estatus_1);
        //     estatusP = estatus_1;
        //     if(estatusP==7 || estatusP==286 || estatusP==304 || estatusP==128 ||estatusP==186 ||estatusP==187 ){
        //         $('#receptor').attr('disabled', false);
        //         $('#fecha_aliado').attr('disabled', false);
        //         $('#observa_aliado').attr('disabled', false);
        //     }else{
        //         $('#receptor').attr('disabled', true);
        //         $('#fecha_aliado').attr('disabled', true);
        //         $('#observa_aliado').attr('disabled', true);
        //     }
        //
        // });

        // $('.fecha_aliado').datepicker({
        //     format: 'dd/mm/yyyy'
        //    // startDate: '-3d'
        //     // language: 'es',
        //   //  uiLibrary: 'bootstrap4'
        // });


        $(function() {
            $(".video").click(function () {
                var theModal = $(this).data("target"),
                    videoSRC = $(this).attr("data-video"),
                    videoSRCauto = videoSRC + "?modestbranding=1&rel=0&controls=0&showinfo=0&html5=1&autoplay=1";
                $(theModal + ' iframe').attr('src', videoSRCauto);
                $(theModal + ' button.close').click(function () {
                    $(theModal + ' iframe').attr('src', videoSRC);
                });
            });
        });

    </script>

@endsection