{{--Vista Creada por Junior Medina 12/12/18--}}
<!-- Vista Creada por Junior Medina 12/12/18 -->
@extends('layouts/master')
@section('content')
    @foreach($Resp as $ofic)
        @php
            $ofi_nombre = $ofic['oficina']['entidadRespuesta'][0]['nombre'];
        @endphp
    @endforeach
    @php
    if((!empty($filtro['fechadesde']) && ($filtro['fechadesde'] != '')) && (!empty($filtro['fechahasta']) && ($filtro['fechahasta'] != ''))){
        $fecha_f = 'Fecha Guia Desde: '.$filtro['fechadesde'].' Hasta: '.$filtro['fechahasta'];
    }else{
        $fecha_f = '';
    }
    if((!empty($filtro['fechaprodesde']) && ($filtro['fechaprodesde'] != '')) && (!empty($filtro['fechaprohasta']) && ($filtro['fechaprohasta'] != ''))){
        $fechapro_f = '  Fecha Proceso Guia Desde: '.$filtro['fechaprodesde'].' Hasta: '.$filtro['fechaprohasta'];
    }else{
        $fechapro_f = '';
    }
    if((!empty($filtro['fechaoddesde']) && ($filtro['fechaoddesde'] != '')) && (!empty($filtro['fechaodhasta']) && ($filtro['fechaodhasta'] != ''))){
        $fechaod_f = '  Fecha Proceso Guia Desde: '.$filtro['fechaoddesde'].' Hasta: '.$filtro['fechaodhasta'];
    }else{
        $fechaod_f = '';
    }
    if($filtro['OficDestino'] != 0){
        $oficina_nombre = 'Oficina Destino: '.$ofi_nombre;
    }else{
        $oficina_nombre = 'Oficina Destino: Todas';
    }
   if( !empty($filtro['codcliente']) && $filtro['codcliente'] != ''){
        $cliente = ' Cliente: '.$filtro['codcliente'].' - '.$filtro['nombreCliente'];
    }else{
        $cliente = '';
    }
    @endphp
    <!-- Metas para la Página -->
    <meta charset="UTF-8">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Last-Modified" content="0">
    <meta http-equiv="Cache-Control" content="no-cache, mustrevalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <!-- Librerias Styles para la Página -->
    <link href="{!! asset('/plugins/fontawesome/font-awesome.css')  !!}" rel="stylesheet">
    <link href="{!! asset('/plugins/DataTables/1-10-9/css/dataTables.bootstrap4.min.css')  !!}" rel="stylesheet">
    <link href="{!! asset('/plugins/DataTables/1-10-9/css/buttons.bootstrap4.min.css')  !!}" rel="stylesheet">
    <!-- Styles página -->
    <style>
        .container {
            width: 100% !important;
        }
        .row {
            margin-right: 5px !important;
            margin-left: 5px !important;
            margin-top: -30px !important;
        }
        .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: 200;
            text-transform: capitalize;
        }
        .table-earning thead th.text-right {
            padding-left: 15px;
            padding-right: 65px;
        }
        .table-earning tbody td {
            color: #808080;
            white-space: nowrap;
            font-size: 11px;
        }
        .table-earning tbody td.text-right {
            padding-left: 15px;
            padding-right: 65px;
        }
        .table-earning tbody tr:hover td {
            color: #555;
            cursor: pointer;
        }
        .card-subtitle {
            margin-top: -0.375rem;
            margin-bottom: 0;
        }
        .panel-theme {
            background-color: #FFFFFF;
            border: none;
            box-shadow: 1px 2px 6px rgba(0, 0, 0, .2);
        }
        .panel-heading {
            background-color: #0076be;
            border: none;
        }
        .panel-footer {
            background-color: white;
            border: none;
        }
        .badge {
            color:#FFFFFF;
            background-color: #000000;
        }
        .panel-title {
            font-weight: bold;
        }
        .panel-primary {
            extend(. panel-theme);
        }
        .panel-heading {
            padding: 0.75rem 1.25rem;
            margin-bottom: 0;
            background-color: #0076be;
            color: white;
        }
        .panel-footer {
            padding: 0.75rem 1.25rem;
            margin-bottom: 0;
            background-color: white;
        }
        .margen{
            margin-top: 0%;
        }
        p{
            color: #0b5fc6;
        }
        .tooltip-inner {
            background-color: #0076C0;
            color: #FFFFFF;
            border: 1px solid #004672;-
            padding: 2px;
            font-size: 12px;
        }
        td{
            text-align:center;
        }
        th{
            text-align:center;
        }
        .ciudad{
            background-color: #d9edf7;
        }
        .pie_border{
            border-style: ridge;
            border-width: 1px;
            padding: 6px;
        }
        .modal_style_1{
            margin-top: 150px;
        }
        .modal_style_11{
            margin-top: 300px;
        }
        .modal_style_2{
            width:100%;
            border-color: rgba(255,255,255,0.9);
        }
        .excel {
            margin-top: -15px;
            margin-bottom: 2px;
            background-color: #3ca23c !important;
            color: white;
            border-color: #3ca23c !important; ;
            margin-right: 5px;
            margin-left: 5px;
        }

        .excel:hover{
            transform: scale(1.1);
            border-color: #aaa;
            transition: all .2s;
            color: white;
        }
        .pdf {
            margin-top: -15px;
            background-color: #dc2f2f !important;
            color: white;
            border-color:#dc2f2f !important ;
            margin-right: 5px;
            margin-left: 5px;
        }
        .pdf:hover{
            transform: scale(1.1);
            border-color: #aaa;
            transition: all .2s;
            color: white;
        }
        .imprimir {
            margin-top: -15px;
            background-color: #8766b1 !important;
            color: white;
            border-color:#8766b1 !important ;
            margin-right: 5px;
            margin-left: 5px;
        }
        .imprimir:hover{
            transform: scale(1.1);
            border-color: #aaa;
            transition: all .2s;
            color: white;
        }
        li{
            font-size: 12px;
        }
    </style>
    <input type="hidden" id="url" data-url="{{ route('getConsumirAjax') }}">
    <div style="margin-right:20px; color: #2aabd2;" align="Right"><p><i class="glyphicon glyphicon-chevron-left" data-toggle="tooltip" ></i><a href="{{ url($rutaSession.'/'.'FormReporteEntrandoCOD') }}" class="hover_color">Volver a la página anterior</a></p></div>
    <div class="col-lg-12 margen">
        <div class="panel panel-theme">
            <div class="panel-heading"><h5 class="text-center card-subtitle panel-title">Reporte Total de COD Entrando a la Oficina</h5></div>
            <div class="panel-body">
                <div class="row col-md-12">
                    <div class="table-responsive table--no-card m-b-30">
                        <br>
                        <table id="ReporteCOD" class="table table-borderless table-striped table-earning">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Nro Guia</th>
                                    <th>Fecha</th>
                                    <th>Estatus</th>
                                    <th>Ruta</th>
                                    <th>Fecha Pro.</th>
                                    <th>Oficina Estatus</th>
                                    <th>Días Pen.</th>
                                    <th>Días Ven.</th>
                                    <th>Estatus ADMON</th>
                                    <th>Total a Pagar</th>
                                    <th>Fecha Pago Elect.</th>
                                    <th>Total Pagado Elect.</th>
                                    <th>Total Cobrado</th>
                                    <th>Días Pen ADMON.</th>
                                    <th>Solicitud N/C</th>
                                    <th>N/C</th>
                                </tr>
                            </thead>
                            <tbody>
                            @php
                                if(!empty($Resp) && $Resp != ''){
                                    $i=0;
                                    $k=0;
                                    $total_pagar_aux = 0;
                                    $total_pago_elec_aux = 0;
                                    $total_cobrado_aux = 0;
                            @endphp
                            @foreach($Resp as $Data)
                                @php
                                $oficina = $Data['oficina']['entidadRespuesta'][0];
                                $guia = $Data['guia']['entidadRespuesta'];
                                $j = 1;
                                $total_pagar_ = 0;
                                $total_pago_elec = 0;
                                $total_cobrado_ = 0;
                                if(!empty($guia) && $guia != ''){
                                @endphp
                                <tr>
                                    <td class="ciudad" colspan="17" ><b>{{$oficina['nombre']}}</b></td>
                                    <td style="display: none;"></td>
                                    <td style="display: none;"></td>
                                    <td style="display: none;"></td>
                                    <td style="display: none;"></td>
                                    <td style="display: none;"></td>
                                    <td style="display: none;"></td>
                                    <td style="display: none;"></td>
                                    <td style="display: none;"></td>
                                    <td style="display: none;"></td>
                                    <td style="display: none;"></td>
                                    <td style="display: none;"></td>
                                    <td style="display: none;"></td>
                                    <td style="display: none;"></td>
                                    <td style="display: none;"></td>
                                    <td style="display: none;"></td>
                                    <td style="display: none;"></td>
                                </tr>
                                @foreach($guia as $reporte)
                                    @php
                                            // Tratado a Fechas Y días
                                           $date_actual = new DateTime();
                                           $date = date_create($reporte['fecha']);
                                           $fecha = date_format($date, 'd-m-Y');
                                           //*************************************
                                           // Fecha del Proceso
                                           $date = date_create($reporte['fechapro']);
                                           $fechapro = date_format($date, 'd-m-Y');
                                           $date = date_create($reporte['fechapro']);
                                           $diff_pro = $date->diff($date_actual);
                                           $pen_pro = $diff_pro->days;
                                           $diasNLpr = $reporte['diasferpro'] + $reporte['diasfinpro'];
                                           $pen_pro = $pen_pro - $diasNLpr;
                                           $diasMax =  ($reporte['servicioestatus']['diasmax'] != null)? $reporte['servicioestatus']['diasmax'] : 15;
                                           //***************************************
                                           // Fecha del OD/SO para días vencidos
                                           if($reporte['fechaod'] != null){
                                               $date = date_create($reporte['fechaod']);
                                               $diff_v = $date->diff($date_actual);
                                               $diff_v = $diff_v->days;
                                               $diasNLfin = $reporte['diasfer'] + $reporte['diasfin'];
                                               $diasNL = $diff_v - $diasNLfin;
                                           }else{
                                               $diasNL = 0;
                                           }

                                           if($diasNL > $diasMax){
                                               $diasV = $diasNL - $diasMax;
                                               $diasV = $diasV;
                                               $style = 'style=color:#ff0000;';
                                           }else{
                                               $diasV = $diasMax - $diasNL;
                                               $diasV = $diasV;
                                               $style = '';
                                           }
                                        //***************************************
                                        // Días Pendiente Administrativamente
                                        $date = date_create($reporte['pagodoc']['pago']['fechapago']);
                                        $diff_admod = $date->diff($date_actual);
                                        $pen_admod = $diff_admod->days;
                                        //****************************************
                                        //Fecha del pago electronico
                                        $date = date_create($reporte['pagodoc']['pago']['fechapago']);
                                        $fechapago = date_format($date, 'd-m-Y');
                                        //****************************************
                                        // Nota De credito
                                        $solicitud_nota = ($reporte['notadebitocreditoofi']['notadebitocredito']['numeronota'] != '' || $reporte['notadebitocreditoofi']['notadebitocredito']['numeronota'] != null) ? 'SI' : 'NO';
                                        //****************************************
                                        // Pago Electronico
                                        if($reporte['pagodoc']['pago']['idtipotransbanc'] == 24 || $reporte['pagodoc']['pago']['idtipotransbanc'] == 25){
                                            $pago_elec = $reporte['pagodoc']['pago']['montototal'];
                                        }else{
                                            $pago_elec = 0;
                                        }
                                        $total_pago_elec = $total_pago_elec + $pago_elec;
                                        $total_pago_elec_aux = $total_pago_elec_aux + $pago_elec;
                                        //*****************************************
                                        // Total a Pagar
                                        if($reporte['totalpag'] >0 || $reporte['totalpag'] != null){
                                            $total_pagar = $reporte['totalpag'];
                                        }else{
                                            $total_pagar = 0;
                                        }
                                        $total_pagar_ = $total_pagar_ + $total_pagar;
                                        $total_pagar_aux= $total_pagar_aux + $total_pagar;
                                        //*****************************************
                                        // Total a Cobrado
                                        if($reporte['pagodoc']['monto'] >0 || $reporte['pagodoc']['monto'] != null){
                                            $total_cobrado = $reporte['pagodoc']['monto'];
                                        }else{
                                            $total_cobrado = 0;
                                        }
                                        $total_cobrado_ = $total_cobrado_ + $total_cobrado;
                                        $total_cobrado_aux = $total_cobrado_aux + $total_cobrado;
                                        //*****************************************
                                    @endphp
                                   <tr>
                                       <td>{{$j}}</td>
                                       <td><a href="{{ url('/'.'resultados?opcion=guia&nroguia='.$reporte['codguia']) }}" target="_blank">{{$reporte['codguia']}}</a></td>
                                       <td>{{$fecha}}</td>
                                       <td><p data-toggle="tooltip" data-placement="top" title="{{$reporte['estatus']['nombre']}}">{{$reporte['estatus']['siglas']}}</p></td>
                                       <td><p data-toggle="tooltip" data-placement="top" title="{{$reporte['ruta']['nombre']}}">{{$reporte['ruta']['numerorut']}}</p></td>
                                       <td>{{$fechapro}}</td>
                                       <td><p data-toggle="tooltip" data-placement="top" title="{{$reporte['ultimotracking']['oficina']['nombre']}}">{{$reporte['ultimotracking']['oficina']['siglas']}}</p></td>
                                       <td>{{$pen_pro}}</td>
                                       <td><samp {{$style}}>{{$diasV}}</samp></td>
                                       <td><p data-toggle="tooltip" data-placement="top" title="{{$reporte['pagodoc']['pago']['listestatuspago']['nombre']}}">{{$reporte['pagodoc']['pago']['listestatuspago']['siglas']}}</p></td>
                                       <td onclick="modal_inf_adm({{$reporte['codguia']}})"><p>{{number_format($total_pagar, 2, ",", ".")}} Bs</p></td>
                                       <td>{{$fechapago}}</td>
                                       <td onclick="modal_inf_adm({{$reporte['codguia']}})"><p>{{number_format($pago_elec, 2, ",", ".")}} Bs</p></td>
                                       <td onclick="modal_inf_adm({{$reporte['codguia']}})"><p>{{number_format($total_cobrado, 2, ",", ".")}} Bs</p></td>
                                       <td>{{$pen_admod}} Días</td>
                                       <td>{{$solicitud_nota}}</td>
                                       <td>{{$reporte['notadebitocreditoofi']['notadebitocredito']['numeronota']}}</td>
                                   </tr>
                                    @php $j++; $k++ @endphp
                                @endforeach
                                <tr>
                                    <td>Total</td>
                                    <td><p class="pie_border"><b>{{$j-1}}</b></p></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td><p class="pie_border"><b>{{number_format($total_pagar_, 2, ",", ".")}} Bs</b></p></td>
                                    <td></td>
                                    <td><p class="pie_border"><b>{{number_format($total_pago_elec, 2, ",", ".")}} Bs</b></p></td>
                                    <td><p class="pie_border"><b>{{number_format($total_cobrado_, 2, ",", ".")}} Bs</b></p></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                @php} $i++@endphp
                            @endforeach
                            @php}@endphp
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td>Totales Generales</td>
                                    <td><p class="pie_border"><b>{{$k}}</b></p></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td><p class="pie_border"><b>{{number_format($total_pagar_aux, 2, ",", ".")}}Bs</b></p></td>
                                    <td></td>
                                    <td><p class="pie_border"><b>{{number_format($total_pago_elec_aux, 2, ",", ".")}}Bs</b></p></td>
                                    <td><p class="pie_border"><b>{{number_format($total_cobrado_aux, 2, ",", ".")}}Bs</b></p></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="id_modal_adm"></div>
    <div id="id_modal_tracking"></div>
@endsection
@section('script')
    <!-- Scripts para Data Tables -->
    <script type="text/javascript" src="{!! URL::asset('/plugins/DataTables/1-10-9/datatables.min.js')!!}"></script>
    <script type="text/javascript" src="{!! URL::asset('/plugins/DataTables/1-10-9/datatables-1.10.9.bootstrap4.min.js')!!}"></script>
    <script type="text/javascript" src="{!! URL::asset('/plugins/DataTables/1-10-9/datatables.buttons.min.js')!!}"></script>
    <script type="text/javascript" src="{!! URL::asset('/plugins/DataTables/1-10-9/buttons.bootstrap4.min.js')!!}"></script>
    <script type="text/javascript" src="{!! URL::asset('/plugins/DataTables/1-10-9/jszip.min.js')!!}"></script>
    <script type="text/javascript" src="{!! URL::asset('/plugins/DataTables/1-10-9/pdfmake.min.js')!!}"></script>
    <script type="text/javascript" src="{!! URL::asset('/plugins/DataTables/1-10-9/vfs_fonts.js')!!}"></script>
    <script type="text/javascript" src="{!! URL::asset('/plugins/DataTables/1-10-9/buttons.html5.min.js')!!}"></script>
    <script type="text/javascript" src="{!! URL::asset('/plugins/DataTables/1-10-9/buttons.print.min.js')!!}"></script>
    <script type="text/javascript" src="{!! URL::asset('/plugins/DataTables/1-10-9/buttons.colVis.min.js')!!}"></script>
    <script>
        $(document).ready(function () {
            $('[data-toggle="tooltip"]').tooltip();
            var Fecha_ = new Date();
            var options = { year: 'numeric', month: 'long', day: 'numeric' };
            Fecha_ = Fecha_.toLocaleDateString("es-ES", options);

            //Filtros
            var fecha = '{{$fecha_f}}';
            var fechapro = '{{$fechapro_f}}';
            var fechaod = '{{$fechaod_f}}';
            var oficina_nombre = '{{$oficina_nombre}}';
            var cliente = '{{$cliente}}';
            $('#ReporteCOD').append('<caption style="caption-side: top"><ul><li>'+fecha+'  '+fechapro+'  '+fechaod+'</li><li>'+oficina_nombre+' '+cliente+'</li></ul></caption>');
            $('#ReporteCOD').DataTable({
                language: {
                    "sProcessing": "Procesando...",
                    "sLengthMenu": "Mostrar _MENU_ registros",
                    "sZeroRecords": "No se encontraron resultados",
                    "sEmptyTable": "Ningún dato disponible en esta tabla",
                    "sInfo": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                    "sInfoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
                    "sInfoFiltered": "(filtrado de un total de _MAX_ registros)",
                    "sInfoPostFix": "",
                    "sSearch": "Buscar:",
                    "sUrl": "",
                    "sInfoThousands": ",",
                    "sLoadingRecords": "Cargando...",
                    "oPaginate": {
                        "sFirst": "Primero",
                        "sLast": "Último",
                        "sNext": "Siguiente",
                        "sPrevious": "Anterior"
                    },
                    "oAria": {
                        "sSortAscending": ": Activar para ordenar la columna de manera ascendente",
                        "sSortDescending": ": Activar para ordenar la columna de manera descendente"
                    }
                },
                "paging":   false,
                "ordering": false,
                "info":     false,
                dom: 'Bfrtip',
                buttons: [
                    {
                        extend: 'excel',
                        text: '<i class="fa fa-file-excel-o"></i> Excel',
                        className: 'btn excel',
                        title: 'Reporte Total de COD Entrando a la Oficina ZOOM',
                        filename: 'Reporte Total de COD Entrando a la Oficina ZOOM',
                        footer: true
                    },
                    {
                        extend: 'pdf',
                        text: '<i class="fa fa-file-pdf-o"></i> PDF',
                        className: 'btn pdf',
                        orientation: 'landscape',
                        pageSize: 'LEGAL',
                        title: 'Reporte Total de COD Entrando a la Oficina ZOOM',
                        filename: 'Reporte Total de COD Entrando a la Oficina ZOOM',
                        footer: true,
                        customize: function(doc) {
                            doc.styles.tableHeader = {
                                fillColor:'#F0EEED',
                                color:'black'
                            }
                            doc.styles.tableBodyEven = {
                                background: 'white',
                            }
                            doc.styles.tableBodyOdd = {
                                background: 'white',
                            }
                        }
                    },
                    {
                        extend: 'print',
                        text: '<i class="fa fa-print"></i> Print',
                        className: 'btn imprimir',
                        title: 'Reporte Total de COD Entrando a la Oficina ZOOM',
                        footer: true,
                        customize: function(win)
                        {
                            var last = null;
                            var current = null;
                            var bod = [];
                            var css = '@page { size: landscape; }',
                                head = win.document.head || win.document.getElementsByTagName('head')[0],
                                style = win.document.createElement('style');
                            style.type = 'text/css';
                            style.media = 'print';
                            if (style.styleSheet)
                            {
                                style.styleSheet.cssText = css;
                            }
                            else
                            {
                                style.appendChild(win.document.createTextNode(css));
                            }
                            head.appendChild(style);
                        }
                    }
                ]
            });
        });

        //Función para crear modal Admin
        function modal_inf_adm(codguia) {
            $.ajax({
                url:  '{{url($rutaSession.'/'.'WsmontosGuias')}}',
                //async: false,
                type: 'get',
                data: {codguia:codguia},
                success: function (data) {
                    if (data.error==true){
                        $( "#modal_adm" ).remove();
                        $( "#modal_tracking" ).remove();
                        var html = '';
                        html += '<div class="modal fade modal_style_1" id="modal_adm">';
                        html += '   <div class="modal-dialog modal-lg">';
                        html += '       <div class="modal-content">';
                        html += '           <div class="panel panel-primary modal_style_2">';
                        html += '               <div class="panel-heading">';
                        html += '                   <strong>';
                        html += '                       <h3 class="panel-title">';
                        html += '                           <div align="center">';
                        html += '                               <button class="close glyphicon glyphicon-remove" aria-hidden="true" data-dismiss="modal"></button>';
                        html += '                               <b class="font">';
                        html += '                                   <span class="glyphicon glyphicon-search"></span><b> Información Administrativa Guía N°: '+ codguia +'</b>';
                        html += '                               </b>';
                        html += '                           </div>';
                        html += '                       </h3>'
                        html += '                   </strong>';
                        html += '               </div>';
                        html += '               <div class="panel-body table-responsive">';
                        html += '                   <div align="center">'+data.mensaje.mensaje['mensaje']+'</div>';
                        html += '                   <div class="modal-footer">';
                        html += '                       <button class="btn btn-primary center-block" data-dismiss="modal">Cerrar</button>';
                        html += '                   </div>';
                        html += '               </div>';
                        html += '           </div>';
                        html += '       </div>';
                        html += '   </div>';
                        html += '</div>';
                        $('#id_modal_adm').append(html);
                        $('#modal_adm').modal('show'); // abrir modal admin
                    }else {
                        $( "#modal_adm" ).remove();
                        $( "#modal_tracking" ).remove();
                        if(data.datamonto.consultadetalle.codrespuesta == "COD_000"){
                            var consultamonto = data.datamonto.consultamonto.entidadRespuesta[0];
                            var consultadetalle = data.datamonto.consultadetalle.entidadRespuesta[0];
                            var html = '';
                            html += '<div class="modal fade modal_style_1" id="modal_adm">';
                            html += '   <div class="modal-dialog modal-lg">';
                            html += '       <div class="modal-content">';
                            html += '           <div class="panel panel-primary modal_style_2">';
                            html += '               <div class="panel-heading">';
                            html += '                   <strong>';
                            html += '                       <h3 class="panel-title">';
                            html += '                           <div align="center">';
                            html += '                               <button class="close glyphicon glyphicon-remove" aria-hidden="true" data-dismiss="modal"></button>';
                            html += '                               <b class="font">';
                            html += '                                   <span class="glyphicon glyphicon-search"></span><b> Información Administrativa Guía N°:  '+ consultadetalle.codguia +'</b>';
                            html += '                               </b>';
                            html += '                           </div>';
                            html += '                       </h3>'
                            html += '                   </strong>';
                            html += '               </div>';
                            html += '               <div class="panel-body table-responsive">';
                            html += '                   <table id="" class="table text-center font table-borderless table-striped table-earning">';
                            html += '                       <thead>';
                            html += '                           <tr>';
                            html += '                               <th class="table-titulos"><b title="FACTURADO Bs">Facturado Bs</b></th>';
                            html += '                               <th class="table-titulos"><b title="PENDIENTE Bs">Pendiente Bs</b></th>';
                            html += '                               <th class="table-titulos"><b title="PAGADO Bs">Pagado Bs</b></th>';
                            html += '                           </tr>';
                            html += '                       </thead>';
                            html += '                       <tbody>';
                            html += '                           <tr>';
                            html += '                               <td>'+ consultamonto.montodoc +' Bs</td>';
                            html += '                               <td>'+ consultamonto.montopagar +' Bs</td>';
                            html += '                               <td>'+ consultamonto.totalpagado +' Bs</td>';
                            html += '                           </tr>';
                            html += '                       </tbody>';
                            html += '                   </table>';
                            html += '                   <div class="modal-footer">';
                            html += '                       <button class="btn btn-primary center-block" data-dismiss="modal">Cerrar</button>';
                            html += '                   </div>';
                            html += '               </div>';
                            html += '           </div>';
                            html += '       </div>';
                            html += '   </div>';
                            html += '</div>';
                            $('#id_modal_adm').append(html);
                            $('#modal_adm').modal('show'); // abrir modal admin
                        }else{
                            $( "#modal_adm" ).remove();
                            $( "#modal_tracking" ).remove();
                            var html = '';
                            html += '<div class="modal fade modal_style_1" id="modal_adm">';
                            html += '   <div class="modal-dialog modal-lg">';
                            html += '       <div class="modal-content">';
                            html += '           <div class="panel panel-primary modal_style_2">';
                            html += '               <div class="panel-heading">';
                            html += '                   <strong>';
                            html += '                       <h3 class="panel-title">';
                            html += '                           <div align="center">';
                            html += '                               <button class="close glyphicon glyphicon-remove" aria-hidden="true" data-dismiss="modal"></button>';
                            html += '                               <b class="font">';
                            html += '                                   <span class="glyphicon glyphicon-search"></span><b> Información Administrativa Guía N°: '+ codguia +'</b>';
                            html += '                               </b>';
                            html += '                           </div>';
                            html += '                       </h3>'
                            html += '                   </strong>';
                            html += '               </div>';
                            html += '               <div class="panel-body table-responsive">';
                            html += '                   <div align="center">'+data.datamonto.consultadetalle.mensaje+'</div>';
                            html += '                   <div class="modal-footer">';
                            html += '                       <button class="btn btn-primary center-block" data-dismiss="modal">Cerrar</button>';
                            html += '                   </div>';
                            html += '               </div>';
                            html += '           </div>';
                            html += '       </div>';
                            html += '   </div>';
                            html += '</div>';
                            $('#id_modal_adm').append(html);
                            $('#modal_adm').modal('show'); // abrir modal admin
                        }

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

        //Función para crear modal tracking
        function modal_tracking(codguia) {
            $.ajax({
                url:  '{{url($rutaSession.'/'.'WstrackingReporteZOOM')}}',
                //async: false,
                type: 'get',
                data: {codguia:codguia},
                success: function (data) {
                    if (data.error==true){
                        console.log(data.mensaje.mensaje['mensaje']);
                    }else {
                        $( "#modal_adm" ).remove();
                        $( "#modal_tracking" ).remove();
                        var infoZoom = data.data.entidadRespuesta.infoZoom;
                        var tracking = data.data.entidadRespuesta.tracking;
                        var html = '';
                        html += '<div class="modal fade modal_style_1" id="modal_tracking" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">';
                        html += '    <div class="modal-dialog modal-lg" role="document">';
                        html += '        <div class="modal-content">';
                        html += '            <div class="modal-header">';
                        html += '               <strong>';
                        html += '                   <h3 class="panel-title">';
                        html += '                       <div align="center">';
                        html += '                           <button class="close glyphicon glyphicon-remove" aria-hidden="true" data-dismiss="modal"></button>';
                        html += '                           <b class="font">';
                        html += '                               <span class="glyphicon glyphicon-search"></span><b> Seguimiento del Envío-Nro.Guía: '+infoZoom.codguia+' </b>';
                        html += '                           </b>';
                        html += '                        </div>';
                        html += '                   </h3>'
                        html += '               </strong>';
                        html += '            </div>';
                        html += '            <div class="modal-body">';
                        html += '                <table class="table table-striped" id="trackTable">';
                        html += '                    <thead>';
                        html += '                        <tr class="bg-primary">';
                        html += '                            <th>Fecha Proceso</th>';
                        html += '                            <th>Siglas</th>';
                        html += '                            <th>Estatus</th>';
                        html += '                            <th>Observación</th>';
                        html += '                            <th>Oficina</th>';
                        html += '                        </tr>';
                        html += '                    </thead>';
                        html += '                    <tbody>';
                        html += '                    </tbody>';
                        html += '                </table>';
                        html += '            </div>';
                        html += '            <div class="modal-footer">';
                        html += '                <button class="btn btn-primary center-block" data-dismiss="modal">Cerrar</button>';
                        html += '            </div>';
                        html += '        </div>';
                        html += '    </div>';
                        html += '</div>';
                        $('#id_modal_tracking').append(html);
                        $('#modal_tracking').modal('show'); // abrir modal admin
                        $.each(data.data.entidadRespuesta.tracking, function (index, tracking) {
                            if (tracking.mensajero != null) {
                                mensajero = tracking.mensajero.nombre;
                            }
                            if (tracking.ruta != null) {
                                NumRuta = tracking.ruta.numeroruta;
                            }
                            var FechaPro = moment(tracking.fechapro).format('DD/MM/YYYY');
                            var FechaHoraReal = moment(tracking.fechahorareal).format('DD/MM/YYYY h:mm a');
                            var FechaHoraRealCan = moment(tracking.fechahorareal).format('DD/MM/YYYY h:mm a');
                            $('#modal_tracking').find('tbody').append('<tr><td>' + FechaPro + '</td><td>' + tracking.estatus.siglas + '</td><td>' + tracking.estatus.nombre + '</td><td>' + tracking.observacion + '</td><td>' + tracking.oficina.nombre + '</td></tr>');
                        });
                    }
                },
                error: function(mensaje) {
                    console.log(mensaje);
                },
            });
        }
    </script>
@endsection