@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') }}">
@endsection

@section('content')


<section class="invoice-list-wrapper section">
    <div class="section">
        <div class="row">
            <div class="col s12 m12 l12">
                <div id="Form-advance" class="card card card-default scrollspy">
                    <div class="card-content">
                        <div class="invoice-create-btn">
                            @if (count($agEventos)>=1)
                            <a href="{{ route('getpdfEventos', [$agEventos[0]->id]) }}" class="btn waves-effect waves-light gradient-45deg-red-pink gradient-shadow" target="_blank">

                                <i class="material-icons">picture_as_pdf</i>
                                <span class="hide-on-small-only">Descargar PDF</span>
                            </a>

                            @endif

                        </div>
                        <br>
                        <div class="responsive-table">
                            <table id="table_id" class="display" width="100%">
                                <thead>
                                    <tr>
                                        <td style="text-align: center;"><strong>Folio</strong></td>
                                        <td style="text-align: center;"><strong>Hora - Tipo</strong></td>
                                        <td style="text-align: center;"><strong>Título</strong></td>
                                        <td style="text-align: center;"><strong>Para atención</strong></td>
                                        <td style="text-align: center;"><strong>Descripción</strong></td>
                                        <td style="text-align: center;"><strong>Documento</strong></td>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($agEventos as $agEventos)
                                    <tr>
                                        <td>{{$agEventos->folio}}</td>
                                        <td>
                                            <strong  style=" color:  #960948;">{{$agEventos->hora_atencion}}</strong> -
                                            <strong  style=" color:  #960948;">{{$agEventos->series->serie}}</strong>
                                            <br>
                                        </td>
                                        <td>{{$agEventos->titulo_doc}}</td>
                                        <td>

                                            @foreach ($agEventos->atencion as $aten)
                                           {{$aten->usuarioDetail->Nombre }},
                                            <br>
                                        @endforeach
                                        </td>
                                        <td>{{$agEventos->descripcion_doc}}</td>
                                        <td>
                                            @if($agEventos->path != 'nofile')
                                                <div class="" style="width: 10rem;">
                                                    <div class="card-body">
                                                        <center><a href="{{route('getDocEventos', [$agEventos->id])}}"  target=”_blank” class="btn btn-primary">Ver archivo</a></center>
                                                    </div>
                                                </div>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>

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


@endsection

        {{-- vendor scripts --}}
        @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 type="text/javascript">
    </script>
@endpush