@extends('layouts.app')
<link rel="stylesheet" href="{{ asset('vendors/select2/select2.min.css') }}" type="text/css">
<link rel="stylesheet" href="{{ asset('vendors/select2/select2-materialize.css') }}" type="text/css">
<link rel="stylesheet" type="text/css" href="{{ asset('css/pages/form-select2.css') }}">@section('title')
<link rel="stylesheet" type="text/css" href="{{ asset('css/pages/dashboard.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/custom/custom.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('vendors/data-tables/css/jquery.dataTables.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('vendors/data-tables/extensions/responsive/css/responsive.dataTables.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('vendors/data-tables/css/select.dataTables.min.css') }}">
<style>
    .tablita{
        font-size: 6px!important;
        font-family: Arial!important;
    }
</style>
    ARCHIVO DIGITAL
@endsection
@section('content')
    <div class="card-body">
        <div class="container">
            <div class="section">
                <div class="card">
                    <div class="card-content">
                        <div id="chart-dashboard">
                            <div class="row">
                                <div class="col s12 m12 l12">
                                    <div class="card animate fadeUp">
                                        <div class="card-move-up waves-effect waves-block waves-light" style="background-color: yellow">
                                            <div class="move-up " style="background-color: #960948; !important;" >
                                                <div>
                                                    <span class="chart-title white-text" >Reporte de estado de envíos</span>
                                                </div>
{{--                                                <div class="trending-line-chart-wrapper"><canvas id="revenue-line-chart" height="50"></canvas>--}}
{{--                                                </div>--}}
                                            </div>
                                        </div>
                                        <div class="card-content">
                                            <a class="btn-floating btn-move-up waves-effect waves-light red accent-2 z-depth-4 right">
                                                <i class="material-icons activator">filter_list</i>
                                            </a>
                                            <div class="col s12 m12 l12">
                                                <div id="doughnut-chart-wrapper">
                                                    <h6>Fecha de inicio: {{$fIni}}<br></brt> Fecha de término: {{$fFin}} </h6>
                                                    <table>
                                                        <tr>
                                                            <td>Total de turnos: {{$pendientes+$concluidos+$cancelados}}</td>
                                                            <td>Total de envíos: {{$i}}</td>
                                                            <td>Atendidos: {{$concluidos}}</td>
                                                            <td>Pendientes: {{$pendientes}}</td>
                                                            <td>Cancelados: {{$cancelados}}</td>
                                                            <td><a onclick="excel()"> <img class="recent-file" src="{{asset('images/logo/xls-image.png')}}" height="38" width="30" alt="Card image cap"></a> </td>
                                                        </tr>
                                                    </table>
                                                    <br>
                                                    <br>
                                                    <table>
                                                        @foreach($direcciones as $item)
                                                        <tr>
                                                            <th colspan="2" style="background-color: #ccd1d1!important; color: black; font-size: 12px;">{{$item->nombre_completo}}</th>
                                                        </tr>
                                                            @foreach ($turnoDir as $items)
                                                                @if(count($items) > 0)
                                                                    @foreach ($items as $dir)
                                                                        @if($dir->direccion == $item->id_Direccion)
                                                                            <tr>
                                                                                <td style="font-size: 10px;">{{$dir->Nombre}}</td>
                                                                                <td style="font-size: 10px;">{{$dir->turnos}}</td>
                                                                            </tr>
                                                                        @endif
                                                                    @endforeach
                                                               @endif
                                                            @endforeach
                                                        @endforeach
                                                    </table>

                                                </div>
                                            </div>
                                            <div class="col s12 m2 l2">
{{--                                                <h4><strong>Pendientes: </strong>{{$pendientes}} <strong>Atendidos: </strong>{{$concluidos}} <strong>Cancelados: </strong>{{$cancelados}} <strong>Total: </strong>{{$pendientes+$concluidos+$cancelados}}</h4>--}}
{{--                                                <br>--}}
                                            </div>
                                        </div>
                                        <div class="card-reveal">
                                            <span class="card-title grey-text text-darken-4">Envios <i class="material-icons right">close</i>
                                            </span>
                                            <table id="table_id" class="display" width="100%">
                                                <thead>
                                                <tr>
                                                    <th data-field="id" style="width: 1%!important; font-size: 14px!important;">#</th>
                                                    <th data-field="id" style="width: 9%!important; font-size: 14px!important;">Folio</th>
                                                    <th data-field="referencia" style="width: 5%!important; font-size: 14px!important;">Referencia</th>
                                                    <th data-field="detalles" style="width: 35%!important; font-size: 14px!important;">Asunto</th>
                                                    <th data-field="indicaciones" style="width: 17%!important; font-size: 14px!important;">Indicaciones</th>
                                                    <th data-field="destinatarios" style="width: 21%!important; font-size: 14px!important;">Destinatarios</th>
                                                    <th data-field="remitente" style="width: 12%!important; font-size: 14px!important;">Remitente</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @php $i = 1; @endphp
                                                @foreach ($registro as $r)
                                                    @if ($r->activo == 1)
                                                        @php  $aten = 0 @endphp
                                                            <tr>
                                                    @else
                                                        <tr style="background-color: #FBD8DA">
                                                    @endif
                                                            <td style="font-size: 12px!important;">{{ $i }}</td>
                                                            <td style="font-size: 12px!important;">{{ $r->folio }}</td>
                                                            <td style="font-size: 12px!important;">{{ $r->referencia_documento}}</td>
                                                            <td style="font-size: 12px!important;">{{$r->descripcion_doc}} <br>
                                                                <b>Enviado:</b> {{$r->created_at}} <br>
                                                                <b>Fecha de atención:</b> {{$r->fecha_limite_atencion}}
                                                            </td>
                                                            <td style="font-size: 12px!important;">{{ $r->titulo_doc}}</td>
                                                            <td style="font-size: 10px!important;">
                                                                @foreach($r->atencion as $at)
                                                                    {{$at->usuario->Nombre}}<br>
                                                                @endforeach
                                                            </td>
                                                            <td style="font-size: 10px!important;">
                                                            @if ($r->remitente_rfc != 999)
                                                                @if($r->usuarioRemitente){{ $r->usuarioRemitente->Nombre }}@endif
                                                            @else
                                                                {{ $r->otro_remitente }}
                                                            @endif
                                                            </td>
                                                        </tr>
                                                         @php $i = $i+1; @endphp
                                                        @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <input type="hidden" name="fin" id="fin" value="{{$fFin}}">
                        <input type="hidden" name="ini" id="ini" value="{{$fIni}}">
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('vendor-script')
    <script src="{{ asset('vendors/data-tables/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('vendors/data-tables/extensions/responsive/js/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('vendors/data-tables/js/dataTables.select.min.js') }}"></script>
    <script src="{{ asset('vendors/sweetalert/sweetalert.min.js') }}"></script>
@endsection

{{-- page script --}}
@push('page-script')

    <script>
        $(document).ready(function() {
            $('.tooltipped').tooltip();
            $("#data-table-row-grouping").DataTable({
                language: datablees,
                "order": []
            });
        });
    </script>
@endpush
@push('scripts')
    <script src="{{ asset('vendors/select2/select2.full.min.js') }}"></script>
    <script src="{{ asset('js/scripts/form-select2.js') }}"></script>
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <script src="{{ asset('js/scripts/dashboard-analytics.js') }}"></script>
    <script src="{{ asset('vendors/chartjs/chart.min.js') }}"></script>

    <script type="text/javascript">
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        function excel(){
            var fin = $("#fin").val();
            var ini = $("#ini").val();
            $.ajax({
                url: "{{ url('verReporteEXCEL') }}",
                type: 'POST',
                data: {
                    fin: fin,
                    ini: ini,
                },
                xhrFields: {
                    responseType: 'blob'
                },
                beforeSend: function () {
                    $(".loader").show()
                },
                success: function (response) {
                    var blob = new Blob([response]);
                    console.log(blob);
                    var link = document.createElement('a');
                    link.href = window.URL.createObjectURL(blob);
                    link.download = "reporte.xls";
                    link.click();
                    $(".loader").hide();
                    // document.getElementById("botonE").style.backgroundColor = "green";
                },
                error: function (blob) {
                    swal({
                        title: "No se pudo descargar, comunicate con el departamento de desarrollo",
                        icon: 'warning',
                        position: 'top-end',
                        timer: 1500
                    })
                }
            });
        }
    </script>
@endpush