@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: 20px;
        }

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

        #modal_actualizar_tam .modal-content{
            width: 150% !important;
            right: 24%;

        }

        .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;
        }
        #message{
            display: none;
        }
        .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</h5></div>
                    <div class="panel-body">
                        <div class="col-lg-12">
                            <div class="table-responsive">
                                <br>
                                <table id="actualizar_aliados_" 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>Pend.</th>
                                        <th>Estatus Guía</th>
                                        <th>Monto Bs</th>
                                        <th>Ven.</th>
                                        {{--<th>Inf.</th>--}}
                                        {{--<th>Nro Piezas</th>--}}
                                        {{--<th>Peso(Kg)</th>--}}
                                        {{--<th>Ofi Origen</th>--}}
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @php $i=1;
                                    @endphp
                                    @if ($consultaGuias['entidadRespuesta'] >0 )
                                    @foreach($consultaGuias['entidadRespuesta'] as $actualizar)
                                        @php

                                            $fechaFER = $actualizar['diasfer'];
                                            ($actualizar['diasfer'] =! null && !empty($actualizar['diasfer'])) ? $actualizar['diasfer'] : false;
                                            $fechaFIN = $actualizar['diasfin'];
                                            $fechaFERPro = $actualizar['diasferpro'];
                                            $fechaFINpro = $actualizar['diasfinpro'];
                                           // dd('Feriado'.$fechaFERPro.'fin pro'.$fechaFINpro);
                                            $fechaH= $actualizar['fecha'];
                                            $newDate = date("d/m/Y", strtotime($fechaH));
                                            $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

                                        <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> 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
                                            {{--<td>   <button type="button" class="btn btn-md btn-info" data-toggle="popover" title="Información del Cliente" data-placement="top" data-content="{{$popover}}">Inf.</button></td>--}}
                                            {{--<td>{{$actualizar['nombre_oficina_ori']}}</td>--}}
                                        </tr>
                                        @php $i++
                                        @endphp
                                    @endforeach
                                    @endif
                                    </tbody>
                                    {{--{{dd($recepcion['codguia'])}}--}}
                                </table>
                                <br>
                            </div>

                        <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' class="modal fade bs-example-modal-lg" 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 ">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-md-12">
                                        <form id="myForm">
                                            {{--<input type="hidden" name="_token" value="'+ $('meta[name="csrf-token"]').attr('content') + '">--}}
                                        <div class="table-responsive">
                                            <table id="actualizar_aliados" class="actualizar_aliados table table-borderless table-bordered table-striped table-earning">
                                                <thead>
                                                <tr>
                                                    {{--<th>ID</th>--}}
                                                    <th>Nro Guia</th>
                                                    <th>Estatus Guia</th>
                                                    <th>Estatus Actual&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
                                                    {{--<th scope="col">Receptor</th>--}}
                                                    {{--<th>Fecha</th>--}}
                                                    {{--<th>Hora</th>--}}
                                                    <th>Observación</th>

                                                </tr>
                                                </thead>
                                                <tbody>
                                                </tbody>
                                            </table>
                                    </div>
                                        <br>
                                            <div class="form-group">
                                        <button id="submit" class="btn btn-md btn-color-primary" style="text-align: center;" onclick="">
                                            <i class="fa fa-lock fa-md"></i>&nbsp;
                                            <span>Actualizar</span>
                                        </button>
                                            </div>
                                        </form>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
                <div class="panel-footer letra-nota text-muted" style="margin-bottom: 10px; text-align: center;"><i class="fas fa-exclamation-circle" style="color: #0076be;"></i>  Nota: Seleccionar el estatus correspondiente de la guia que desea actualizar, y completar el formulario con los datos necesarios y presionar el boton Actualizar</div>

            </div>
    </div>
    </div>
    <div id="message">
        <div class="alert alert-success" role="alert">
        </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 sucesor=[];
        var f = new Date();
        var today, datepicker;
        today =f.getDate() + "/" + (f.getMonth() + 1) + "/"  +  f.getFullYear();
        $( document ).ready(function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }

            });
            $('#actualizar_aliados_').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",
                }
            });

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

            $("#submit").click(function(event) {
                // Fetch form to apply custom Bootstrap validation
                var form = $("#myForm");
                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();
                }

            });


        });
        $('[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);
        });

        $(document).ready(function(){
            $('[data-toggle="popover"]').popover();
        });



            // var data_=[];
    function select_guias(){//Funcion para cargar los datos seleccionados
        var guias_seleccionadas = [];
    $('.chcktbl').each(function () {
    if (this.checked) {
    guias_seleccionadas.push($(this).data('codguia'));
    }
    });
  //  alert(guias_seleccionadas);
        if(guias_seleccionadas>[0]) {
    mostrarDatosSel(guias_seleccionadas);
    }else{
            $.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').modal('show');
        $(".actualizar_aliados tr:has(td)").remove();
        var f = new Date();
        var fecha =  f.getDate() + "/" + (f.getMonth() + 1) + "/" +f.getFullYear();

        $.each(data_, function (key, val) {
           // console.debug(data_);
            var fecha2 = moment(val.fecha).format('DD/MM/YYYY');
          //  alert(fecha2);


            if
            ($.inArray(val.codguia, vector_seleccionados) > -1) {
             //   var id_tabla = $("#actualizar_aliados");
             //   var obj_tabla=$('#modal_actualizar').find(id_tabla);
                //var obj1_tabla=$('#modal_seleccioandos').find("#"+id_tabla);
                var obj_tabla=$('#modal_actualizar').find('#actualizar_aliados');
               // $(".actualizar_aliados").append($('<tr/>')
                obj_tabla.append($('<tr/>')
                    .append($('<td/>').html(val.codguia))
                    .append($('<td/>').html(val.estatus.siglas +'<input type="hidden" class="estatus_id estatus'+val.codguia+'" id="estatus_id" value="'+val.estatus.codestatus+'">'))
                    .append($('<td/>').html('<div class="form-group"><select class="form-control form-control-sm list_estatus_  guia_estatus_'+val.codguia+'" data-codguia="' + val.codguia + '" name="list_estatus" id="list_estatus" required> <option value="">-Select</option> </select><div class="invalid-feedback">Selecciona Estatus</div></div>'))
                  //  .append($('<td/>').html('<div class="form-group"><input type="text" id="receptor" class="form-control form-control-sm receptor_'+val.codguia+'"  placeholder="Nombre" disabled required> <div class="invalid-feedback">Ingresar Nombre</div> </div>'))
                   //     .append($('<td/>').html('<div><input type="text" id="fecha_aliado" value="'+fecha+'" class="form-control fecha_aliado  form-control-sm fecha_'+val.codguia+'" disabled> </div>'))
                   // .append($('<td/>').html('<div><input type="time" id="hola_aliado" value="" class="form-control hora_aliado  form-control-sm hora_'+val.codguia+'" disabled> </div>'))
                    .append($('<td/>').html('<div><input type="text" id="observa_aliado" class="form-control  form-control-sm btn-block observacion_'+val.codguia+'"  placeholder="Observaciones "> </div>'))
                );
              obj_tabla.append($('<tr/>')
                // $(".actualizar_aliados").append($('<tr/>')
                  .append($('<td class="iten_'+val.codguia+'"></td>').html(val.codguia))
                    .append($('<td class="iten_'+val.codguia+'" colspan="4"></td>').html('<div class="row"><div class="col-1" style="text-align: center; font-size: 100%; margin-top:5px;">Receptor:</div><div class="col-3 form-group"><input type="text" id="receptor" class="form-control form-control-sm receptor_'+val.codguia+'"  placeholder="Nombre" disabled required/><div class="invalid-feedback">Ingresar Nombre</div> </div><div class="col-1"  style="text-align: center; font-size: 100%; margin-top:5px;"> Fecha: </div><div class="col-3"> <input type="text" id="fecha_aliado" value="'+fecha+'" class="form-control fecha_aliado  form-control-sm fecha_'+val.codguia+'" disabled></div><div class="col-1"  style="text-align: center; font-size: 100%; margin-top:5px;"> Hora: </div><div class="col-3"><input type="time" id="hola_aliado" value="" class="form-control hora_aliado  form-control-sm hora_'+val.codguia+'" disabled></div></div>'))
                );
                $('.iten_'+val.codguia).hide();

                $('select.guia_estatus_'+val.codguia).change(function() {
                   // alert(JSON.stringify($('.iten_'+val.codguia)));
                    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 ){
                        // $("#actualizar_aliados").append($('<tr/>')
                        //     .append($('<td id="iten_'+val.codguia+'" colspan="4"></td>').html('<div class="row"><div class="col-1" style="text-align: center; font-size: 100%; margin-top:5px;">Receptor:</div><div class="col-3"><input type="text" id="receptor" class="form-control form-control-sm receptor_'+val.codguia+'"  placeholder="Nombre" disabled required/></div><div class="col-1"  style="text-align: center; font-size: 100%; margin-top:5px;"> Fecha: </div><div class="col-3"> <input type="text" id="fecha_aliado" value="'+fecha+'" class="form-control fecha_aliado  form-control-sm fecha_'+val.codguia+'" disabled></div><div class="col-1"  style="text-align: center; font-size: 100%; margin-top:5px;"> Hora: </div><div class="col-3"><input type="time" id="hola_aliado" value="" class="form-control hora_aliado  form-control-sm hora_'+val.codguia+'" disabled></div>'))
                        // );
                       $('.iten_'+val.codguia).show();

                        $('.receptor_'+val.codguia).attr('disabled', false);
                        $('.fecha_'+val.codguia).attr('disabled', false);
                        $('.hora_'+val.codguia).attr('disabled', false);
                       // $('.observacion_'+val.codguia).attr('disabled', false);
                    }else{
                        // $("#actualizar_aliados").append($('<tr/>')
                        //     .append($('<td id="iten_'+val.codguia+'" colspan="4"></td>').html('<div class="row"><div class="col-1" style="text-align: center; font-size: 100%; margin-top:5px;">Receptor:</div><div class="col-3"><input type="text" id="receptor" class="form-control form-control-sm receptor_'+val.codguia+'"  placeholder="Nombre" disabled required/></div><div class="col-1"  style="text-align: center; font-size: 100%; margin-top:5px;"> Fecha: </div><div class="col-3"> <input type="text" id="fecha_aliado" value="'+fecha+'" class="form-control fecha_aliado  form-control-sm fecha_'+val.codguia+'" disabled></div><div class="col-1"  style="text-align: center; font-size: 100%; margin-top:5px;"> Hora: </div><div class="col-3"><input type="time" id="hola_aliado" value="" class="form-control hora_aliado  form-control-sm hora_'+val.codguia+'" disabled></div>'))
                        // );
                      //  $('#iten_'+val.codguia).remove();
                        $('.iten_'+val.codguia).hide();

                        $('.receptor_'+val.codguia).attr('disabled', true);
                        $('.fecha_'+val.codguia).attr('disabled', true);
                        $('.hora_'+val.codguia).attr('disabled', true);
                       // $('.observacion_'+val.codguia).attr('disabled', true);
                    }
                });
                $('.fecha_'+val.codguia).datepicker({
                    format: 'dd/mm/yyyy',
                    //startDate: '-3d',
                    // language: 'es',
                    minDate: fecha2,
                    maxDate:today,
                    uiLibrary: 'bootstrap4'

                });

                var codestatus= $('.estatus'+val.codguia).val();
              //  alert(codestatus);

                var url = $("#url").data('url'),
                    method = 'GET',
                    pagina = 'canguroazul/',
                    params = {
                        // token: token,
                        webservice: 'getArbolEstatusAliadoWs',
                        pagina: pagina,
                        method: method,
                        campos: ['codestatus'],
                        valores: [codestatus]

                    };
                //  alert(JSON.stringify(params));
                $.ajax({
                    type: 'GET',
                    url: url,
                    data: params,
                    datatype: 'JSON',
                    success: function (data) {
                        var obj = data;
                        if(obj.codrespuesta=="COD_000"){
                      var estatus_sucesores = obj.entidadRespuesta.estatusucesor;
                        var y = estatus_sucesores.split(",");
                        sucesor=y;
                            var codestatus_2= sucesor;
                           // alert(codestatus_2);
                          //  console.debug('codestatus_2');

                            var url = $("#url").data('url'),
                                method = 'GET',
                                pagina = 'canguroazul/',
                                params = {
                                    // token: token,
                                    webservice: 'get_estatusWs',
                                    pagina: pagina,
                                    method: method,
                                    campos: ['codestatus'],
                                    valores: [codestatus_2]

                                };
                            $.ajax({
                                type: 'GET',
                                url: url,
                                data: params,
                                datatype: 'JSON',
                                success: function (data) {
                                    var obj = data;
                                    if(obj.codrespuesta=="COD_000"){
                                      //  console.debug(obj);
                                        var sucesores = obj.entidadRespuesta;
                                        $(".list_estatus_ select").empty();
                                        $.each(sucesores, function(id,value){
                                           // console.debug(value);
                                            $(".guia_estatus_"+val.codguia).append('<option value="'+value.codestatus+'" data-toggle="tooltip" data-placement="top" data-type="primary" title="'+value.nombre +'">'+value.siglas+'</option>');
                                        });
                                        $(".list_estatus_").each(function() {
                                            // Obtencion del elemento seleccionado
                                          //   var valorSeleccionado = $(this).val();
                                            // Aplicacion del orden alfabetico
                                            $(this).append($("option", $(this)).sort(function (a, b) {
                                                //return a.text == b.text ? 0 : a.text
                                                return a.text === b.text ? 0 : a.text < b.text ? -1 : 1;
                                            }));
                                            $(".list_estatus_").val("");

                                        });

                                    }

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

                            });
                        }

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

                });

            }

        });

    }
    //
    // function mostrar_estatus(sucesor_) {
    //     var codestatus= sucesor_;
    //     alert(codestatus);
    //
    //     var url = $("#url").data('url'),
    //         method = 'GET',
    //         pagina = 'canguroazul/',
    //         params = {
    //             // token: token,
    //             webservice: 'get_estatusWs',
    //             pagina: pagina,
    //             method: method,
    //             campos: ['codestatus'],
    //             valores: [codestatus]
    //
    //         };
    //     //  alert(JSON.stringify(params));
    //     $.ajax({
    //         type: 'GET',
    //         url: url,
    //         data: params,
    //         datatype: 'JSON',
    //         success: function (data) {
    //             var obj = data;
    //             if(obj.codrespuesta=="COD_000"){
    //                console.debug(obj);
    //                var sucesores = obj.entidadRespuesta;
    //
    //                 $(".list_estatus_ select").empty();
    //                     $.each(sucesores, function(id,value){
    //                         console.debug(value);
    //                       $(".guia_estatus_"+val.codguia).append('<option value="'+value+'">'+value+'</option>');
    //                 });
    //
    //             }
    //
    //         } , error: function (mensaje) {
    //             console.log(mensaje)
    //         }
    //
    //     });
    //
    //
    // }

    function post_actualizar_aliados1() {

        $('.list_estatus_').each(function () {
            var cod_guia = $(this).data('codguia');
            var estatus = estatusP;

            //alert(cod_guia )

        })

    }
    // function arbol_estatus() {
    //     var codestatus= $('#estatus_id').val();
    //
    //     var url = $("#url").data('url'),
    //         method = 'GET',
    //         pagina = 'canguroazul/',
    //         params = {
    //             // token: token,
    //             webservice: 'getArbolEstatusWs',
    //             pagina: pagina,
    //             method: method,
    //             campos: ['codestatus'],
    //             valores: [codestatus]
    //
    //         };
    //     alert(JSON.stringify(params));
    //     $.ajax({
    //         type: 'GET',
    //         url: url,
    //         data: params,
    //         datatype: 'JSON',
    //         success: function (data) {
    //             var obj = data;
    //             console.debug(obj);
    //
    //             } , error: function (mensaje) {
    //                 console.log(mensaje)
    //         }
    //
    //         });
    // }

        function post_actualizar_aliados() {
            {{--$('.actualizar_aliados tr').each(function(index, element){--}}
                {{--var codguia = $(element).find("td").eq(0).html(),siglas_iniciales = $(element).find("td").eq(1).html();--}}
                {{--var siglas_seleccionadas= $('.guia_estatus_'+codguia).val();--}}
                {{--var receptor = $('.receptor_'+codguia).val();--}}
                {{--var fecha = $('.fecha_'+codguia).val();--}}
                {{--var hora = $('.hora_'+codguia).val();--}}
                {{--var observacion= $('.observacion_'+codguia).val();--}}

                {{--var codguia_ =Array(codguia);--}}
                {{--var estatus = Array(siglas_seleccionadas);--}}
                {{--var receptor_ =Array(receptor);--}}
                {{--var fecha_= Array(fecha);--}}
                {{--var hora_= Array(hora);--}}
                {{--var observacion_ =Array(observacion);--}}
             //   alert('siglas iniciales: ' + siglas_iniciales +' siglas seleccionadas: ' +siglas_seleccionadas);
            var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                var arr_codguia = Array();
              //  var arr_codcliente= Array();
                var arr_estatus = Array();
                var arr_fecha = Array();
                var arr_hora = Array();
                var arr_receptor = Array();
                var arr_observacion= Array();
              //  if( siglas_iniciales!=siglas_seleccionadas ){  //ejacutar web service....
                 //  alert('mi guia ' + codguia+ ' con mi estatus ' + siglas_seleccionadas +' mi nombre es ' +receptor +' la fecha '+fecha+' observacion '+observacion);
                    var url = $("#url").data('url'),
                        method = 'POST',
                        pagina = 'canguroazul/',
                        codguia_ = arr_codguia,
                        codcliente = ,
                        estatus = arr_estatus,
                        fecha_ = arr_fecha,
                        hora_ = arr_hora,
                        receptor_ = arr_receptor,
                        observacion_ =arr_observacion,
                        params = {
                            token: CSRF_TOKEN,
                            webservice: 'actualizaGuiaAliadoWs',
                            pagina: pagina,
                            method: method,
                            campos: ['codguia', 'codcliente', 'codestatus','fecha','hora','receptor','observacion'],
                            valores: [codguia_,codcliente, estatus,fecha_,hora_, receptor_,observacion_ ]

                        };

            $('.list_estatus_').each(function () {
                var codguia = $(this).data('codguia');
              //  var codcliente_ = ;
                var siglas_seleccionadas= $('.guia_estatus_'+codguia).val();
                var fecha = $('.fecha_'+codguia).val();
                var hora = $('.hora_'+codguia).val();
                var receptor = $('.receptor_'+codguia).val();
                var observacion= $('.observacion_'+codguia).val();

                arr_codguia.push(codguia);
               // arr_codcliente.push(codcliente_);
                arr_estatus.push(siglas_seleccionadas);
                arr_fecha.push(fecha);
                arr_hora.push(hora);
                arr_receptor.push(receptor);
                arr_observacion.push(observacion)
            });
          //  alert(JSON.stringify(params));
                    $.ajax({
                        async : false,
                        type: 'GET',
                        url: url,
                        data: params,
                        datatype: 'JSON',
                        success: function (data) {
                            var obj = data;
                            //console.debug(obj);
                         //  alert(obj);
                            if(obj.codrespuesta=="COD_000") {
                                var actualizo_alidos = obj.entidadRespuesta;
                               // alert('procesado');
                               // console.debug(actualizo_alidos);
                                // mostrar_datos_reportes(consulta_alados);
                                $.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 = "actualizar"',40);
                                            }
                                        },

                                    }
                                });
                            }
                        }, error: function (mensaje) {
                            alert('Error para actualizar la Guía');
                            console.log(mensaje)
                        }
                    });
                // }else{
                //     alert('siglas iguales');
                // }
           // });
        }


        $(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