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

@section('content')
    <style>
        @heading-bg-color: #FFFFFF;
        @heading-text-color: #00000;




        .btn2-contenedor{
            width:90px;
            height:240px;
            position:absolute;
            right:0px;
            bottom:0px;

        }
        .botonF1{
            width:60px;
            height:60px;
            border-radius:100%;
            background:#0076be;
            right:0;
            bottom:0;
            position:absolute;
            margin-right:30px;
            margin-bottom:50px;
            border:none;
            outline:none;
            color:#FFF;
            font-size:32px;
            box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
            transition:.3s;

        }
        span{
            transition:.5s;
        }
        .botonF1:hover span{
            transform:rotate(360deg);
        }
        .botonF1:active{
            transform:scale(1.1);
        }
        .btn2{
            width:40px;
            height:40px;
            border-radius:100%;
            border:none;
            color:#FFF;
            box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
            font-size:28px;
            outline:none;
            position:absolute;
            right:0;
            bottom:0;
            margin-right:43px;
            transform:scale(0);
        }
        .botonF2{
            background:#2ecc71;
            margin-bottom:116px;
            transition:0.5s;
            cursor: pointer;
        }
        .botonF3{
            background:#51bfe4;
            margin-bottom:162px;
            transition:0.5s;
            cursor: pointer;
        }
        /*.botonF4{*/
            /*background:#009688;*/
            /*margin-bottom:175px;*/
            /*transition:0.9s;*/
        /*}*/
        /*.botonF5{*/
            /*background:#FF5722;*/
            /*margin-bottom:220px;*/
            /*transition:0.99s;*/
        /*}*/
        .animacionVer{
            transform:scale(1);
        }

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

        }
        #modal_recepcion_tam_fecha .modal-content{
            width: 140% !important;
            right: 20%;

        }

        .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;
        }

        .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-bottom: 30px;
        }

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

        .table-earning thead th.text-right {
            padding-left: 10px;
            padding-right: 55px;
        }

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

        }

        .table-earning tbody td.text-right {
            padding-left: 10px;
            padding-right: 55px;
        }

        .table-earning tbody tr:hover td {
            color: #555;
            cursor: pointer;
        }


        .excel {
            margin-top: 2px;
            margin-bottom: 2px;
            background-color: #3ca23c !important;
            color: white;
            border-color: #3ca23c !important; ;
        }

        .excel:hover{
            transform: scale(1.1);
            border-color: #aaa;
            transition: all .2s;
        }
        .pdf {
            margin-top: 2px;
            background-color: #dc2f2f !important;
            color: white;
            border-color:#dc2f2f !important ;
        }
        .pdf:hover{
            transform: scale(1.1);
            border-color: #aaa;
            transition: all .2s;
        }
        .imprimir {
            margin-top: 2px;
            background-color: #8766b1 !important;
            color: white;
            border-color:#8766b1 !important ;
        }
        .imprimir:hover{
            transform: scale(1.1);
            border-color: #aaa;
            transition: all .2s;
        }
        .btn-color-primary2{
            color: #fff;
            background-color: #337ab7;
        }
        .btn-color-primary{
            background-color: #0076be;
            color: #FFFFFF;
        }
        .btn-color-primary:hover{
            color: #fff;
            background-color: #337ab7;
            border-color: #0062cc;
        }

        .border-color-info{
            border-color: rgb(30, 115, 183); !important;
        }

        #obtener{
            margin-top: 10px;
        }
        /*.tam-ico{*/
            /*font-size: 15px;*/
            /*margin-top: 52px;*/
            /*position: fixed;*/
            /*color:red;*/
        /*}*/

        /*div.dataTables_wrapper div.dataTables_filter {*/
            /*text-align: left;*/
            /*!*margin-top: 15px;*!*/
            /*margin-right: 100%;*/
        /*}*/

        .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>
    <!-- MAIN CONTENT-->
    @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 center-block">
            {{--<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 registrar guías en el sistema Guía Electronica </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/EH5pp8Lwnj8" 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/EH5pp8Lwnj8" data-toggle="modal" data-target="#videoModal" ><img src="{{ asset('/youtube_img/botton-registrar-guia-en-GE.png') }}"></a></spam>
        </div>
    </div>

    <div class="row" style="margin-top: 20px;">
        <div class="col-md-10 offset-md-1">
            <div class="panel panel-theme">
                <div class="panel-heading"><h5 class="text-center card-subtitle">RECIBIR</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> Ingresar la fecha de recepción y el número de guía, luego se presiona el botón procesar, automáticamente se irán mostrando en el recuadro derecho para que verifique la guías antes de guardar.</p>
                                <p class="text-justify" style="font-size: 14px;"><b>Paso 2:</b> Luego de haber ingresado todas las guías que desea registrar presionar el botón Guardar.</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row col-md-12">
                        {{--<div class="form-group col-md-1"></div>--}}
                        <div class="col-md-1"></div>
                         {{--<label for="cc-payment" class="control-label mb-1">Fecha</label><br><br>--}}
                            {{--<label for="cc-payment" class="control-label mb-1">Guías</label></div>--}}
                    <div class="form-group col-md-5">
                        <br>
                        <label for="cc-payment" class="control-label mb-1">Ingresar Fecha y Guia</label>

                        <div class="input-group mb-3">
                        {{--<div class="input-group-prepend">--}}
                        {{--<button class="btn btn-color-primary" type="button"  data-toggle="tooltip" data-placement="left" title="Ingresar Fecha">--}}
                            {{--<i class="far fa-calendar-alt"></i>--}}
                        {{--</button>--}}
                        {{--</div>--}}
                        <input type="text" id="Bfecha" value="20/04/2025" class="form-control"  placeholder="Ingresar Fecha" />
                        </div>
                        {{--<label for="cc-payment" class="control-label mb-1">Guías</label>--}}
                        {{--<input id="cc-pament" name="cc-payment" type="text" class="form-control" aria-required="true" aria-invalid="false" value="">--}}
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <button class="btn btn-color-primary" type="button"  data-toggle="tooltip" data-placement="left" title="Ingresar Nro de Guia">
                                    <i class="fas fa-list"></i>
                                </button>
                            </div>
                            <input type="text" id="Bguias" class="form-control" value="" placeholder="Ingresar Nro de Guia"  onKeyPress="return soloNumeros(event)" />
                        </div>

                        <div>
                            <button id="payment-button" class="btn btn-lg btn-color-primary btn-block" style="margin-top: 18px;" onclick="validar();">
                                <i class="far fa-share-square"></i>&nbsp;
                                <span id="payment-button-amount">Procesar</span>
                                <span id="payment-button-sending" style="display:none;">Sending…</span>
                            </button>
                        </div>
                    </div>
                    <div class="form-group col-md-5">
                        <br>
                        <label for="exampleFormControlSelect2">Guías a guardar en recepción</label>
                        <div id="div_x" >
                        <select multiple class="form-control" id="exampleFormControlSelect2" name="lineas" style="margin-top: -4px;">
                            </select>
                            {{--<div id="div_x" >--}}
                                {{--<input type="text" class="form-control" name="exampleFormControlSelect2" id="exampleFormControlSelect2" data-paraia-multi-select="true"  >--}}
                            {{--</div>--}}
                            <div class="">
                                <button id="obtener" class="btn btn-lg btn-color-primary btn-block" onclick="capturar();">
                                    <i class="fa fa-lock fa-md"></i>&nbsp;
                                    <span>Guardar</span>
                                </button>
                            </div>
                        </div>
                    </div>
                        <div class="col-md-1">
                            <br><br>
                            <button class="btn" style="margin-top: 10px;" data-toggle="tooltip" data-placement="top" title="Eliminar Guia" onclick="remover_guia();">
                                <span class="zmdi zmdi-close"></span>
                            </button>

                        </div>
                        {{--<div class="form-group col-md-1">--}}
                            {{--<div class="tam-ico">--}}
                            {{--<i class="fa fa-times-circle fa-2x"></i>--}}
                            {{--</div>--}}
                        {{--</div>--}}
            </div>
        </div>
                <div class="panel-footer letra-nota text-muted"><i class="fas fa-exclamation-circle" style="color: #0076be;"></i>  Nota: La fecha de recepción ingresada será registrada para todas las guías procesadas.</div>

            </div>
            </div>
            </div>


    {{--{!! Form::hidden('lista_nrosguia[]', null, ['id'=>'lista_nrosguia[]' ]) !!}--}}
    <div class="row" style="margin-top: 14%;">
        <div class="btn2-contenedor">
            <button class="btn botonF1" data-toggle="tooltip" data-placement="left" title="Ver Reporte de Recepción" onclick="reportes_fecha()">
                <span class="zmdi zmdi-eye"></span>
               </button>

            <button class="btn2 botonF2" data-toggle="tooltip" data-placement="left" title="Ver Reporte del día" onclick="lavantamodal_dia()">
                <span class="zmdi zmdi-eye"></span>
            </button>
            <button class="btn2 botonF3" data-toggle="tooltip" data-placement="left" title="Ver Reporte Pendientes" onclick="lavantamodal_pendientes()">
                <span class="zmdi zmdi-eye"></span>
            </button>
            {{--<button class="btn2 botonF4">--}}
                {{--<span>+</span>--}}
            {{--</button>--}}
            {{--<button class="btn2 botonF5">--}}
                {{--<span>+</span>--}}
            {{--</button>--}}
        </div>
    </div>



    <div id='modal_recepcion_desde' class="modal fade bs-example-modal-md" tabindex="1" role="dialog" aria-labelledby="myLargeModalLabel">
        <div class="modal-dialog modal-lg" id="modal_recepcion_tam" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel_">Reporte de Recepcion 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-lg-9">
                                        <div id='div_contenido' >
                                        <div class="table-responsive table--no-card m-b-30">
                                            <table id="recepcion_aliados_desde" class="table table-borderless table-striped table-earning">
                                                <thead>
                                                <tr>
                                                    <th>ID</th>
                                                    <th>Nro Guia</th>
                                                    <th>Fecha</th>
                                                    <th>Servicio</th>
                                                    <th>Estatus</th>
                                                    <th>Destinatario</th>
                                                    <th>Nro Piezas</th>
                                                    <th>Peso(Kg)</th>
                                                    <th>Ofi Origen</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                </tbody>
                                            </table>

                                        </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
                <div id='modal_recepcion_dia' class="modal fade bs-example-modal-md" tabindex="1" role="dialog" aria-labelledby="myLargeModalLabel">
                    <div class="modal-dialog modal-lg" id="modal_recepcion_tam" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">Reporte de Recepcion 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-lg-9">
                                                    <div class="table-responsive table--no-card m-b-30">
                                                        <table id="recepcion_aliados_dia" class="table table-borderless table-striped table-earning">
                                                            <thead>
                                                            <tr>
                                                                <th>ID</th>
                                                                <th>Nro Guia</th>
                                                                <th>Fecha</th>
                                                                <th>Servicio</th>
                                                                <th>Estatus</th>
                                                                <th>Destinatario</th>
                                                                <th>Nro Piezas</th>
                                                                <th>Peso(Kg)</th>
                                                                <th>Ofi Origen</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            </tbody>
                                                        </table>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id='modal_guias_pendientes' class="modal fade bs-example-modal-md" tabindex="1" role="dialog" aria-labelledby="myLargeModalLabel">
                    <div class="modal-dialog modal-lg" id="modal_recepcion_tam" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">Reporte de Guias Pendientes por Recibir</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-lg-9">
                                                    <div class="table-responsive table--no-card m-b-30">
                                                        <table id="guia_pendientes" class="table table-borderless table-striped table-earning">
                                                            <thead>
                                                            <tr>
                                                                <th>ID</th>
                                                                <th>Nro Guia</th>
                                                                <th>Fecha</th>
                                                                <th>Servicio</th>
                                                                <th>Estatus</th>
                                                                <th>Destinatario</th>
                                                                <th>Nro Piezas</th>
                                                                <th>Peso(Kg)</th>
                                                                {{--<th>Ofi Origen</th>--}}
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            </tbody>
                                                        </table>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id='modal_recepcion_fecha' class="modal fade bs-example-modal-md" tabindex="1" role="dialog" aria-labelledby="myLargeModalLabel">
                    <div class="modal-dialog modal-lg" id="modal_recepcion_tam_fecha" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">Reporte de Recepcion 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">
                                                                                                            <label for="cc-payment" class="control-label mb-1">Fecha Desde</label>
                                                    <div class="col"><input type="text" id="fecha_desde" name="fecha_desde"
                                                                            value=""
                                                                            class="form-control fecha_aliado fecha_desde  form-control-sm">
                                                    </div>
                                                        <label for="cc-payment" class="control-label mb-1">Fecha Hasta</label>
                                                    <div class="col"><input type="text" id="fecha_hasta" name="fecha_hasta"
                                                                            value=""
                                                                            class="form-control fecha_aliado fecha_hasta form-control-sm">
                                                    </div>
                                                </div>
                                                <br>
                                                <div class="row">

                                                    <div class="col-5"></div>
                                                    <div class="col-7">
                                                        <button id="reportes" class="btn btn-sm btn-color-primary"
                                                                onclick="">
                                                            <i class="fa fa-lock fa-md"></i>&nbsp;
                                                            <span>Buscar</span>
                                                        </button>

                                                    </div>
                                                </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div id='modal_recepcion_noexiste' class="modal fade bs-example-modal-md" tabindex="1" role="dialog" aria-labelledby="myLargeModalLabel">
                    <div class="modal-dialog modal-lg" id="modal_recepcion_tam_fecha" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">Reporte de Recepcion 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">

                                                <div class="alert alert-danger" role="alert">
                                                   <center>No Existe Información con ese Rango de fecha</center>
                                                </div>
                                                </div>


                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id='modal_recepcion_fecha_error' class="modal fade bs-example-modal-md" tabindex="1" role="dialog" aria-labelledby="myLargeModalLabel">
                    <div class="modal-dialog modal-lg" id="modal_recepcion_tam_fecha" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">Reporte de Recepcion 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">

                                                    <div class="alert alert-danger" role="alert">
                                                        <center>La Fecha Inicial debe ser Menor a la fecha Final</center>
                                                    </div>
                                                </div>


                                            </div>
                                        </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('scripts')
    <script>
        var recepcion;
         var estatu="";
        var mensaje_estatus = "";
        var select_multiple;
        var Desde;
        var Hasta;
        var fechaCreaGuia;
        var f = new Date();
        var today, datepicker;
        today =f.getDate() + "/" + (f.getMonth() + 1) + "/"  +  f.getFullYear();

        $( document ).ready(function() {


        });

        $('#fecha_desde').datepicker({
            format: 'dd/mm/yyyy',
            uiLibrary: 'bootstrap4',
            maxDate: function () {
                return $('#fecha_hasta').val();
            }
        });

        $('#fecha_hasta').datepicker({
            format: 'dd/mm/yyyy',
            uiLibrary: 'bootstrap4',
            minDate: function () {
                return $('#fecha_desde').val();
            }
            });


        var todayDate = new Date().getDate();

        $('#Bfecha').datepicker({
            format: 'dd/mm/yyyy',
            //startDate: '-3d',
            // language: 'es',
            minDate: new Date(new Date().setDate(todayDate - 4)),
            maxDate: today,
            uiLibrary: 'bootstrap4'

        });


        function traeritems(){
           var items= $('#tokenfield').tokenfield('getTokensList');
          // alert(items);
        }

        function remover_guia() {
            var x = document.getElementById("exampleFormControlSelect2");
            x.remove(x.selectedIndex);
             $('#exampleFormControlSelect2 option').prop('selected',true);
        }

        function validar(){
          //  alert('holaaaaaaaaaaaa');
            var codguia= $("#Bguias").val();
            //alert(codguia);
            var url = $("#url").data('url'),
                method = 'GET',
                pagina = 'canguroazul/',
                params = {
                    // token: token,
                    webservice: 'digitoValidadorWs',
                    pagina: pagina,
                    method: method,
                    campos: ['codguia'],
                    valores: [ codguia ]

                };
           // alert(params);
            $.ajax({
                type: method,
                url: url,
                data: params,
                datatype: 'JSON',
                success: function (data) {
                    var obj = data;
                    var digitoValidator = obj.entidadRespuesta.mensaje;
                  //  console.debug(digitoValidator);
                    var guiafinal= obj.entidadRespuesta.guiafinal;
                    if(digitoValidator == "OK"){
                       // alert('entroooooooooo aqui');
                       //  var valor = '<option value="" selected>'+guiafinal+'</option>';
                       //  $("#exampleFormControlSelect2").append(valor);
                       //      $("#Bguias").val("");

                        // var vlr_ = $("#bguias").val();
                        var items_existentes = $('#exampleFormControlSelect2').val();
                        if( items_existentes.indexOf(codguia) === -1 ) { // si no existe append...
                           // console.debug('etra aqui' + codguia);

                            var valor = '<option value="'+codguia+'" selected>'+guiafinal+'</option>';
                            $("#exampleFormControlSelect2").append(valor);
                            $("#Bguias").val("");
                            $("#Bguias").focus();

                        }else{
                            var hulla = new hullabaloo();
                            hulla.send("Guia ya Ingreasada!", "danger");
                        }

                    }else{
                        var hulla = new hullabaloo();
                         hulla.send("Verifica Nro de Guia", "danger");
                    }

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

            }
        });

        }


        function capturar(){
                var selected =[];
                    $('#exampleFormControlSelect2 option:selected').each(function() {
                        selected.push($( this ).text());
                    });
                   // console.debug(selected);
                    recepcion_aliados(selected);
            }

        function  recepcion_aliados(selected){
            mensaje_estatus="";
            var codruta = $('#codruta').val();
            var codcliente ='';
           // console.debug(codcliente);
            var fecha = $('#Bfecha').val();
            var codguia = selected;
        //    alert(codcliente);

            var url = $("#url").data('url'),
                method = 'POST',
                pagina = 'canguroazul/',
                params = {
                    // token: token,
                    webservice: 'recepcionAliadoWs',
                    pagina: pagina,
                    method: method,
                    campos: ['codcliente','codguia','codruta','fecha'],
                    valores: [codcliente, codguia, codruta, fecha]

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

                        // $.each(recepcion_aliados, function (key, val) {
                        //          var fallido = val.fallido;
                        //          if(fallido!= false) {
                        //              estatu = val.fallido;
                        //
                        //              mensaje_estatus = mensaje_estatus + '<br/>' + estatu;
                        //          }else {
                        //               mensaje_estatus = "Ninguna";
                        //          }
                        //
                        //
                        //
                        // });
                        // console.debug(mensaje_estatus);
                        if(obj.guias_fallidas==false){
                            //alert('entroooo');
                            mensaje_estatus='Guias Registradas con exito!'

                        }else{
                            mensaje_estatus = 'Guias no registradas: ' + obj.guias_fallidas;
                        }


                        if(obj.Cant_guias_faltantes==0){
                            $.confirm({
                                title: 'Procesado Exitosamente',
                                content: mensaje_estatus,
                                type: 'blue',
                                typeAnimated: true,
                                columnClass: 'col-md-6 col-md-offset-3',
                                offsetTop: 1,
                                offsetBottom: 220,
                                animationSpeed: 1000,


                             //   animationBounce: 2.5,
                                icon: 'fa fa-warning',
                                buttons: {
                                    tryAgain: {
                                        text: 'Ok',
                                        btnClass: 'btn-blue',
                                        action: function () {
                            $.confirm({
                                title: 'Visualizar Reporte',
                                content: '' , //<i class="fa fa-question" style="color:green;
                                type: 'blue',
                                typeAnimated: true,
                                columnClass: 'col-md-6 col-md-offset-3',
                                animationSpeed: 1000,
                               // animation: 'rotate',
                              // icon: 'fa fa-question',
                                offsetTop: 1,
                                offsetBottom: 220,
                                theme: 'material',
                                buttons: {
                                    tryAgain: {
                                        text: 'Aceptar',
                                        btnClass: 'btn-blue',
                                    action: function () {
                                        lavantamodal_dia();

                                    }
                                    },
                                    Cancelar: function () {

                                    }

                                }
                            });
                                        }
                                    },
                                }
                            });

                        }else {
                            var faltan = obj.Cant_guias_faltantes;
                          //  alert(faltan);
                            //console.debug(faltan);
                            var mensaje = '<div>Se Registro exitosamente quedaron pendientes "' + faltan + '" Guias sin recibir </div>';
                            $.confirm({
                                title: 'Procesado Exitosamente',
                                content:mensaje_estatus,
                                type: 'blue',
                                typeAnimated: true,
                                columnClass: 'col-md-6 col-md-offset-3',
                                offsetTop: 1,
                                offsetBottom: 220,
                                animationSpeed: 1000,
                               // animationBounce: 2.5,
                              //  icon: 'fa fa-warning',
                                buttons: {
                                    tryAgain: {
                                        text: 'Ok',
                                        btnClass: 'btn-blue',
                                        action: function () {

                            $.confirm({
                                title: 'Visualizar Reporte',
                                content: '<div>Quedaron pendientes ' + faltan + ' Guias sin recibir.</div>' ,  //Desea Visualizar el Reporte de recepcion <i class="fa fa-question" style="color:green;
                                type: 'blue',
                                typeAnimated: true,
                                columnClass: 'col-md-9 col-md-offset-2',
                                animationSpeed: 1500,
                               // animation: 'rotate',
                                 //icon: 'fa fa-question',
                                offsetTop: 1,
                                offsetBottom: 220,
                                theme: 'material',
                                buttons: {
                                    tryAgain: {
                                        text: 'Recibidos',
                                        btnClass: 'btn-green',
                                        action: function () {
                                            lavantamodal_dia();
                                         //   setTimeout('window.location = "recibir"',40);
                                        }
                                    },
                                    somethingElse: {
                                        text: 'Pendientes',
                                        btnClass: 'btn-blue',
                                        action: function(){
                                            lavantamodal_pendientes();
                                        }
                                    },
                                    Cancelar: function () {

                                    }

                                }
                            });
                                        }
                                    },
                                }
                            });

                        }
                        $("#exampleFormControlSelect2 option").remove();
                    }
                }
                , error: function (mensaje) {
                    $.alert({
                        title: 'Error!',
                        content: 'Debe Guardar minimo una Guia',
                        columnClass: 'col-md-6 col-md-offset-3',
                        type: 'red',
                        offsetTop: 1,
                        offsetBottom: 220,
                        typeAnimated: true,
                        icon: 'fa fa-warning'
                    });
                console.log(mensaje)


            }
        });

        }

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

        $('.botonF1').hover(function(){
            $('.btn2').addClass('animacionVer');
        });
        $('.btn2-contenedor').mouseleave(function(){
            $('.btn2').removeClass('animacionVer');
        });

        function reportes_fecha() {
            $(Desde).empty();
            $(Hasta).empty();

            $('#modal_recepcion_fecha').modal('show');

           // Desde= fecha_desde;
           // Hasta=fecha_hasta;

            $('#reportes').click(function () {
                lavantamodal();

            })

        }

        function lavantamodal(){

            $('#modal_recepcion_fecha').modal('hide');
            var fecha_desde = $('.fecha_desde').val();
            var fecha_hasta  = $('.fecha_hasta').val();
            var obj_tabla=$('#recepcion_aliados_desde');
            obj_tabla.find("tr:has(td)").remove();
            if((fecha_desde <= fecha_hasta) || (fecha_desde=="" && fecha_hasta=="")) {

                consulta_aliados(fecha_desde, fecha_hasta);
            }else{
                $('#modal_recepcion_fecha_error').modal('show')


            }
        }

        function lavantamodal_dia(){
            // $('#modal_recepcion').modal('show');
            consulta_aliados_dia();

        }

        function lavantamodal_pendientes(){
            // $('#modal_recepcion').modal('show');
            consulta_aliados_guias_pendientes();

        }

        function llamar_datatable() {
            var table = $('#recepcion_aliados_desde').DataTable();
            table.destroy();
            $('#recepcion_aliados_desde').DataTable({
                "paging": true,
                "ordering": true,
                "info": false,
                "bSort": true,
                "bFilter": true,
                "lengthChange": true,
              //  dom:'Bfrt<"col-md-6 inline"i> <"col-md-6 inline"p>',
                dom: 'Bfrtip<"col-md-6 inline"i>',


                buttons: {
                    dom: {
                        container: {
                            tag: 'div',
                            className: 'flexcontent'
                        },
                        buttonLiner: {
                            tag: null
                        }
                    },
                    buttons: [
                        //'excel'//,'pdfHtml5'
                        {
                            extend: 'excelHtml5',
                            text: '<i class="fa fa-file-excel-o"></i> Excel',
                            title: 'Reporte de Recepcion de Aliados',
                            titleAttr: 'Excel',
                            className: 'btn btn-app export excel'
                        },
                        {
                            extend:    'pdfHtml5',
                            text:      '<i class="fa fa-file-pdf-o"></i> PDF',
                            title:'Reporte de Recepcion de Aliados',
                            titleAttr: 'PDF',
                            className: 'btn btn-app-pdf export pdf',
                            exportOptions: {
                                columns: [ 0, 1, 2, 3, 4, 5, 6, 7, 8 ]
                            },
                            customize:function(doc) {

                                doc.styles.title = {
                                    color: '#4c8aa0',
                                    fontSize: '20',
                                    alignment: 'center'
                                },
                                    doc.styles['td:nth-child(2)'] = {
                                        width: '100px',
                                        'max-width': '100px'
                                    },
                                    doc.styles.tableHeader = {
                                        fillColor:'#4c8aa0',
                                        color:'white',
                                        alignment:'center'
                                    },
                                    doc.content[1].margin = [ 10, 0, 10, 0 ]

                            }


                        },
                        {
                            extend:    'print',
                            text:      '<i class="fa fa-print"></i> Print',
                            title:'Reporte de Recepcion de Aliados',
                            titleAttr: 'Imprimir',
                            className: 'btn btn-app-print export imprimir',
                            exportOptions: {
                                columns:[ 0, 1, 2, 3, 4, 5, 6, 7, 8 ]
                            }
                        }

                    ],
                },
                language: {
                    "emptyTable": "No Existe Registro de Recepcion de Aliados",
                    "sSearch":         "Buscar:",
                    "sZeroRecords":    "No se encontraron resultados",
                    "oPaginate": {
                        "sFirst": "Primero",
                        "sLast": "Ultimo",
                        "sNext": "Siguiente",
                        "sPrevious": "Anterior"
                    },
                    "sLengthMenu":     "Mostrar _MENU_ registros",
                }

            });
            // $('#table_dats').dataTable().fnDestroy();
        }

        function llamar_datatable_dia() {
            var table = $('#recepcion_aliados_dia').DataTable();
            table.destroy();
            $('#recepcion_aliados_dia').DataTable({
                "paging": true,
                "ordering": true,
                "bSort": true,
                "bFilter": true,
                "info": false,
                dom: 'Bfrtip<"col-md-6 inline"i>',
                buttons: {
                    dom: {
                        container: {
                            tag: 'div',
                            className: 'flexcontent'
                        },
                        buttonLiner: {
                            tag: null
                        }
                    },
                    buttons: [
                        //'excel'//,'pdfHtml5'
                        {
                            extend: 'excelHtml5',
                            text: '<i class="fa fa-file-excel-o"></i>Excel',
                            title: 'Reporte de Recepcion de Aliados',
                            titleAttr: 'Excel',
                            className: 'btn btn-app export excel'
                        },
                        {
                            extend:    'pdfHtml5',
                            text:      '<i class="fa fa-file-pdf-o"></i>PDF',
                            title:'Reporte de Recepcion de Aliados',
                            titleAttr: 'PDF',
                            className: 'btn btn-app-pdf export pdf',
                            exportOptions: {
                                columns: [ 0, 1, 2, 3, 4, 5, 6, 7, 8 ]
                            },
                            customize:function(doc) {

                                doc.styles.title = {
                                    color: '#4c8aa0',
                                    fontSize: '20',
                                    alignment: 'center'
                                },
                                    doc.styles['td:nth-child(2)'] = {
                                        width: '100px',
                                        'max-width': '100px'
                                    },
                                    doc.styles.tableHeader = {
                                        fillColor:'#4c8aa0',
                                        color:'white',
                                        alignment:'center'
                                    },
                                    doc.content[1].margin = [ 10, 0, 10, 0 ]

                            }


                        },
                        {
                            extend:    'print',
                            text:      '<i class="fa fa-print"></i> Print',
                            title:'Reporte de Recepcion de Aliados',
                            titleAttr: 'Imprimir',
                            className: 'btn btn-app-print export imprimir',
                            exportOptions: {
                                columns:[ 0, 1, 2, 3, 4, 5, 6, 7, 8 ]
                            }
                        }

                    ],
                },
                language: {
                    "emptyTable": "No Existe Registro de Recepcion de Aliados",
                    "sSearch":         "Buscar:",
                    "sZeroRecords":    "No se encontraron resultados",
                    "oPaginate": {
                        "sFirst":    "Primero",
                        "sLast":     "Ultimo",
                        "sNext":     "Siguiente",
                        "sPrevious": "Anterior"
                    }
                }

            });
            // $('#table_dats').dataTable().fnDestroy();
        }


        function llamar_datatable_pendientes() {
            var table = $('#guia_pendientes').DataTable();
            table.destroy();
            $('#guia_pendientes').DataTable({
                "paging": true,
                "ordering": true,
                "bSort": true,
                "bFilter": true,
                "info": false,
                dom: 'Bfrtip<"col-md-6 inline"i>',
                buttons: {
                    dom: {
                        container: {
                            tag: 'div',
                            className: 'flexcontent'
                        },
                        buttonLiner: {
                            tag: null
                        }
                    },
                    buttons: [
                        //'excel'//,'pdfHtml5'
                        {
                            extend: 'excelHtml5',
                            text: '<i class="fa fa-file-excel-o"></i>Excel',
                            title: 'Reporte de Recepcion de Aliados',
                            titleAttr: 'Excel',
                            className: 'btn btn-app export excel'
                        },
                        {
                            extend:    'pdfHtml5',
                            text:      '<i class="fa fa-file-pdf-o"></i>PDF',
                            title:'Reporte de Recepcion de Aliados',
                            titleAttr: 'PDF',
                            className: 'btn btn-app-pdf export pdf',
                            exportOptions: {
                                columns: [ 0, 1, 2, 3, 4, 5, 6, 7, 8 ]
                            },
                            customize:function(doc) {

                                doc.styles.title = {
                                    color: '#4c8aa0',
                                    fontSize: '20',
                                    alignment: 'center'
                                },
                                    doc.styles['td:nth-child(2)'] = {
                                        width: '100px',
                                        'max-width': '100px'
                                    },
                                    doc.styles.tableHeader = {
                                        fillColor:'#4c8aa0',
                                        color:'white',
                                        alignment:'center'
                                    },
                                    doc.content[1].margin = [ 10, 0, 10, 0 ]

                            }


                        },
                        {
                            extend:    'print',
                            text:      '<i class="fa fa-print"></i> Print',
                            title:'Reporte de Recepcion de Aliados',
                            titleAttr: 'Imprimir',
                            className: 'btn btn-app-print export imprimir',
                            exportOptions: {
                                columns:[ 0, 1, 2, 3, 4, 5, 6, 7, 8 ]
                            }
                        }

                    ],
                },
                language: {
                    "emptyTable": "No Existe Guías Pendientes para el Aliado",
                    "sSearch":         "Buscar:",
                    "sZeroRecords":    "No se encontraron resultados",
                    "oPaginate": {
                        "sFirst":    "Primero",
                        "sLast":     "Ultimo",
                        "sNext":     "Siguiente",
                        "sPrevious": "Anterior"
                    }
                }

            });
            // $('#table_dats').dataTable().fnDestroy();
        }

        function soloNumeros(e){
            var key = window.Event ? e.which : e.keyCode
            return (key >= 48 && key <= 57)
        }


        function consulta_aliados(fechaDesde, fechaHasta) {
          // alert('fecha desde: '+fechaDesde +'hasta: ' + fechaHasta);
            var fecha_desde = fechaDesde;
            var fecha_hasta = fechaHasta;
            var codcliente =;
            var url = $("#url").data('url'),
                method = 'GET',
                pagina = 'canguroazul/',
                params = {
                    // token: token,
                    webservice: 'consultaAliadoWs',
                    pagina: pagina,
                    method: method,
                    campos: ['codcliente', 'fechaDesde', 'fechaHasta'],
                    valores: [codcliente ,fecha_desde , fecha_hasta]

                };
           //  alert(JSON.stringify(params));
            $.ajax({
                type: 'GET',
                url: url,
                data: params,
                datatype: 'JSON',
                success: function (data) {
                    var obj = data;
                    console.debug(obj);
                    if(obj.codrespuesta=="COD_000") {
                         var consulta_alados = obj.entidadRespuesta;
                        console.debug(obj);
                        //   alert(consulta_alados);
                        //  console.debug(consulta_alados);
                           mostrar_datos_reportes(consulta_alados);
                    } else{
                       // alert('muestra error')
                        $('#modal_recepcion_noexiste').modal('show')
                    }


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

                }
            });

        }

        function consulta_aliados_dia() {
            var codcliente =;
            var f = new Date();
            var fecha_ = + f.getDate() + "/" + (f.getMonth() + 1) + "/"  +  f.getFullYear();
            var fecha = Array(fecha_);
            //   alert(fecha);
            var url = $("#url").data('url'),
                method = 'GET',
                pagina = 'canguroazul/',
                params = {
                    // token: token,
                    webservice: 'consultaAliadoWs',
                    pagina: pagina,
                    method: method,
                    campos: ['codcliente','fecha'],
                    valores: [codcliente, fecha ]

                };
            $.ajax({
                type: 'GET',
                url: url,
                data: params,
                datatype: 'JSON',
                success: function (data) {
                    var obj = data;
                    var consulta_alados = obj.entidadRespuesta;
                    console.debug(consulta_alados);
                    mostrar_datos_reportes_dia(consulta_alados);


                }
            });

        }


        function consulta_aliados_guias_pendientes() {
            var codcliente =;
            var estatus = Array('125','12','46','186');
            var url = $("#url").data('url'),
                method = 'GET',
                pagina = 'canguroazul/',
                params = {
                    // token: token,
                    webservice: 'consultaGuiaAliadoWs',
                    pagina: pagina,
                    method: method,
                    campos: ['codcliente','codestatus'],
                    valores: [codcliente, estatus]

                };
            $.ajax({
                type: 'GET',
                url: url,
                data: params,
                datatype: 'JSON',
                success: function (data) {
                    var obj = data;
                    var consulta_aliados_pendientes = obj.entidadRespuesta;
                    console.debug(consulta_aliados_pendientes);
                    mostrar_datos_reportes_pendientes(consulta_aliados_pendientes);
                }
            });

        }

        function mostrar_datos_reportes(consulta_alados_) {
            $("tr:has(td)").remove();
            $('#modal_recepcion_desde').modal('show');
            var i=1;

            $.each(consulta_alados_, function (key, val) {
                var title_servicio = val.listguia.nombre_servicio;
                var sgl_servicio = val.listguia.siglas_servicio;
                var title_estatus= val.listguia.nombre_status;
                var sgl_estatus= val.listguia.siglas_status;
                var title_oficina= val.listguia.nombre_oficina_ori;
                var sgl_oficina= val.listguia.siglas_oficina_ori;
                if(title_servicio==undefined && sgl_servicio==undefined){
                    title_servicio="";
                    sgl_servicio="";
                }else{

                    title_servicio = val.listguia.nombre_servicio;
                    sgl_servicio = val.listguia.siglas_servicio;
                }
                if(title_estatus==undefined && sgl_estatus==undefined){
                    title_estatus="";
                    sgl_estatus="";
                }else{

                    title_estatus = val.listguia.nombre_status;
                    sgl_estatus = val.listguia.siglas_status;
                }
                if(title_oficina==undefined && sgl_oficina==undefined){
                    title_oficina="";
                    sgl_oficina="";
                }else{

                    title_oficina =val.listguia.nombre_oficina_ori;
                    sgl_oficina = val.listguia.siglas_oficina_ori;
                }

                $("#recepcion_aliados_desde").append($('<tr/>')
                    .append($('<td/>').html(i++))
                    .append($('<td/>').html('<a href="ConsultarTracking?id='+val.codguia+'" target="_blank">'+val.codguia+'</a>'))
                    .append($('<td/>').html(moment(val.fecha).format('DD-MM-YYYY')))
                    .append($('<td/>').html('<div style="color:#0076BE;" data-toggle="tooltip" data-placement="top" title="'+title_servicio+'">'+sgl_servicio+'</div>'))
                    .append($('<td/>').html('<div  style="color:#0076BE;" data-toggle="tooltip" data-placement="top" title="'+title_estatus+'">'+sgl_estatus+'</div>'))
                    .append($('<td/>').html(val.listguia.destinatario))
                    .append($('<td/>').html(val.listguia.numeropie))
                    .append($('<td/>').html(val.listguia.pesobru))
                    .append($('<td/>').html('<div  style="color:#0076BE;" data-toggle="tooltip" data-placement="top" title="'+title_oficina +'">'+sgl_oficina+'</div>'))
                );

            });

            llamar_datatable();

            //    $('#modal_recepcion_desde').modal('show');

        }

        function mostrar_datos_reportes_dia(consulta_alados_) {
            $("tr:has(td)").remove();
            var i=1;
          // alert(JSON.stringify(consulta_alados_.listguia));

            $.each(consulta_alados_, function (key, val) {
                var title_servicio = val.listguia.nombre_servicio;
                var sgl_servicio = val.listguia.siglas_servicio;
                var title_estatus= val.listguia.nombre_status;
                var sgl_estatus= val.listguia.siglas_status;
                var title_oficina= val.listguia.nombre_oficina_ori;
                var sgl_oficina= val.listguia.siglas_oficina_ori;
                if(title_servicio==undefined && sgl_servicio==undefined){
                    title_servicio="";
                    sgl_servicio="";
                }else{

                    title_servicio = val.listguia.nombre_servicio;
                    sgl_servicio = val.listguia.siglas_servicio;
                }
                if(title_estatus==undefined && sgl_estatus==undefined){
                    title_estatus="";
                    sgl_estatus="";
                }else{

                    title_estatus = val.listguia.nombre_status;
                    sgl_estatus = val.listguia.siglas_status;
                }
                if(title_oficina==undefined && sgl_oficina==undefined){
                    title_oficina="";
                    sgl_oficina="";
                }else{

                    title_oficina =val.listguia.nombre_oficina_ori;
                    sgl_oficina = val.listguia.siglas_oficina_ori;
                }


                $("#recepcion_aliados_dia").append($('<tr/>')
                    .append($('<td/>').html(i++))
                    .append($('<td/>').html('<a href="ConsultarTracking?id='+val.codguia+'" target="_blank">'+val.codguia+'</a>'))
                    .append($('<td/>').html(moment(val.fecha).format('DD-MM-YYYY')))
                    .append($('<td/>').html('<div  style="color:#0076BE;" data-toggle="tooltip" data-placement="top" title="'+title_servicio+'">'+sgl_servicio+'</div>'))
                    .append($('<td/>').html('<div  style="color:#0076BE;" data-toggle="tooltip" data-placement="top" title="'+title_estatus+'">'+sgl_estatus+'</div>'))
                    .append($('<td/>').html(val.listguia.destinatario))
                    .append($('<td/>').html(val.listguia.numeropie))
                    .append($('<td/>').html(val.listguia.pesobru))
                    .append($('<td/>').html('<div  style="color:#0076BE;" data-toggle="tooltip" data-placement="top" title="'+title_oficina+'">'+sgl_oficina+'</div>'))
                );

            });

            llamar_datatable_dia();

            $('#modal_recepcion_dia').modal('show');


        }
        function mostrar_datos_reportes_pendientes(consulta_aliados_pendientes_) {
            //alert(consulta_aliados_pendientes_);
            $("tr:has(td)").remove();
            var i=1;

            $.each(consulta_aliados_pendientes_, function (key, val) {
                
                $("#guia_pendientes").append($('<tr/>')
                    .append($('<td/>').html(i++))
                    .append($('<td/>').html('<a href="ConsultarTracking?id='+val.codguia+'" target="_blank">'+val.codguia+'</a>'))
                    .append($('<td/>').html(moment(val.fecha).format('DD-MM-YYYY')))
                    .append($('<td/>').html('<div  style="color:#0076BE;" data-toggle="tooltip" data-placement="top" title="'+val.servicio.nombre+'">'+val.servicio.siglas+'</div>'))
                    .append($('<td/>').html('<div  style="color:#0076BE;" data-toggle="tooltip" data-placement="top" title="'+val.estatus.nombre+'">'+val.estatus.siglas+'</div>'))
                    .append($('<td/>').html(val.destinatario))
                    .append($('<td/>').html(val.numeropie))
                    .append($('<td/>').html(val.pesobru))
                    //.append($('<td/>').html('<div  style="color:#0076BE;" data-toggle="tooltip" data-placement="top" title="'+val.listguia.nombre_oficina_ori+'">'+val.listguia.siglas_oficina_ori+'</div>'))
                );

            });

            llamar_datatable_pendientes();

            $('#modal_guias_pendientes').modal('show');


        }

        // $('#reportes').click(function () {
        //     $('#modal_recepcion_fecha').modal('hide');
        //     lavantamodal(Desde,Hasta);
        //
        //
        // })



        // $('#payment-button').click(function () {
        //     var items= [];
        //     var items_sel=[];
        //     try{
        //         items_sel  =  select_multiple.paraia_multi_select('get_items');
        //     }catch(e){
        //
        //     }
        //     items_sel.forEach(function(item) {
        //         items.push({ value: item, text: item } );
        //     });
        //     items.push({ value: $("#Bguias").val(), text: $("#Bguias").val() } );
        //     items_sel.push( $("#Bguias").val() );
        //     $("#Bguias").val("");
        //     $("#div_x").html('<input type="text" class="form-control" name="exampleFormControlSelect2" id="exampleFormControlSelect2" data-paraia-multi-select="true"  > ');
        //     select_multiple = $('#exampleFormControlSelect2').paraia_multi_select({
        //         multi_select: true,
        //         items: items,
        //         defaults: items_sel,
        //         rtl: false
        //     });
        // });

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