@extends('layouts.app')

@section('vendor-style')
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/flag-icon/css/flag-icon.min.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') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/sweetalert/sweetalert.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/flag-icon/css/flag-icon.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/quill/quill.snow.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/select2/select2.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('vendors/select2/select2-materialize.css') }}">
@endsection
@section('title', 'Solicitudes')
{{-- page style --}}
@section('page-style')
    <link rel="stylesheet" type="text/css" href="{{ asset('css/pages/data-tables.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/pages/app-sidebar.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/pages/app-todo.css') }}">
    <style>
        .todo-list li.active {
            height: 40px !important;
            background-color: #9b0048 !important;
            box-shadow: 0 0 8px 0 #bf5c8a !important;
            margin-right: 50px !important;
        }

    </style>
@endsection
@section('content')
    <div class="breadcrumbs pb-0 pt-4" id="breadcrumbs-wrapper">
        <!-- Search for small screen-->
        <div class="container">
            <div class="row">
                <div class="col s10 m6 l6">
                    <h5 class="breadcrumbs-title mt-0 mb-0"><span>Bandeja de entrada</span></h5>
                </div>
            </div>
        </div>
    </div>

    <div class="card-body">
        <div class="container">
            <div class="section">
                <div class="card">
                    <div class="card-content">
                        <div class="row">
                            <div class="input-field col s10">
                                <p><strong>Periodo inicio:</strong> {{$fIni}} <strong>final:</strong> {{$fFin}} </p>
                            </div>
                            <div class="input-field col s2">
                                <p>Descargar consentrado <a onclick="excel()"> <img class="recent-file" src="{{asset('images/logo/xls-image.png')}}" height="38" width="30" alt="Card image cap"></a></p><br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col s12">
                                <table id="table_id">
                                    <thead>
                                    <tr>
                                        <th style="text-align: center; width: 8%;">Folio</th>
                                        <th style="text-align: center; width: 40%;">Fecha de recepción</th>
                                        <th style="text-align: center; width: 20%;" >Fecha de turno</th>
                                        <th style="text-align: center; width: 14%;">Estatus</th>
                                        <th style="text-align: center; width: 13%;">Remitente</th> evelin
                                        <th style="text-align: center; width: 13%;">Unidad administrativa</th>
                                        <th style="text-align: center; width: 13%;">Asunto</th>
                                        <th style="text-align: center; width: 13%;">Instrucciones</th>
                                        <th style="text-align: center; width: 13%;">Turno para atención</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @if(count($registros))
                                            @foreach ($registros as $registro)
                                                <tr>
                                                    <td>{{$registro->folio}}</td>
                                                    <td>{{$registro->created_at}}</td>
                                                    <td>{{$registro->created_at}}</td>
                                                    <td>
                                                        @if($registro->activo == 0)
                                                            Cancelado
                                                        @else
                                                            @if($registro->status == 0)
                                                                Concluido
                                                            @else
                                                                Pendiente
                                                            @endif
                                                        @endif

                                                    </td>
                                                    <td>
                                                        @if($registro->usuarioRemitente){{$registro->usuarioRemitente->Nombre}} @endif
                                                    </td>
                                                    <td>
                                                        @if($registro->usuarioRemitente){{$registro->usuarioRemitente->departamento->nombre_completo}} @endif
                                                    </td>
                                                    <td>{{$registro->descripcion_doc}}</td>
                                                    <td>{{$registro->titulo_doc}}</td>
                                                    <td>
                                                        @if($registro->atencion)
                                                            @foreach($registro->atencion as $at)
                                                                {{$at->usuario->Nombre}}<br>
                                                            @endforeach
                                                        @endif
                                                    </td>
                                                </tr>

                                            @endforeach
                                    @else
                                        <tr>
                                            <td colspan="10">Sin registros</td>
                                        </tr>
                                    @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <input type="hidden" name="fin" id="fin" value="{{$fFin}}">
    <input type="hidden" name="ini" id="ini" value="{{$fIni}}">

@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>
    <!--<script src="{{ asset('js/scripts/data-tables.js') }}"></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('verConsentrado') }}",
                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