@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 atendidos</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="col s12">
                                <table id="table_id" class="display">
                                    <thead>
                                        <tr>
                                            <th style="text-align: center; width: 8%!important;">Folio</th>
                                            <th style="text-align: center; width: 8%!important;">Referencia</th>
                                            <th style="text-align: center; width: 20%!important;">Asunto</th>
                                            <th style="text-align: center; width: 20%!important;" >Indicación</th>
                                            <th style="text-align: center; width: 20%!important;">Destinatarios</th>
                                            <th style="text-align: center; width: 10%!important;">Remitente</th>
                                            <th style="text-align: center; width: 8%!important;">Estatus</th>
                                            <th style="text-align: center; width: 6%!important;">Acciones</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($registros as $item)
                                            @if ($item->activo == 1)
                                                <tr>
                                            @else
                                                <tr style="background-color: #FBD8DA">
                                            @endif
                                            <td>{{ $item->folio }}</td>
                                            <td>{{ $item->referencia_documento }}</td>
                                            <td style="text-align-all: justify; width: 45%;">
                                                {{ $item->descripcion_doc}}<br>
                                                <strong>Enviado:</strong> {{ $item->created_at }}<br>
                                                <strong>Recibido:</strong> {{ $item->created_at }}<br>
                                                <strong>Fecha atención:</strong> {{ $item->fecha_limite_atencion }}
                                            </td>
                                            <td style="text-align-all: justify; width: 45%;">
                                                {{ $item->titulo_doc }}
                                            </td>
                                                <td>
                                                    @foreach ($item->atencion as $tat)
                                                        @if($tat->user_turna == auth()->user()->rfc)
                                                            Turnado a: {{$tat->usuario->Nombre}}<br>
                                                        @endif

                                                        @if ($tat->statusAtencion == 1)
                                                            <p style="font-size: 11px;"><strong>Atendido por: </strong>{{ $tat->usuarioDetail->Nombre }}<br>
                                                                @if ($tat->comentario_conclusion)
                                                                    Comentario: {{ $tat->comentario_conclusion }}<br>
                                                                @endif
                                                                @if ($tat->file_conclusion)
                                                                    <a title="Ver" class="tooltipped" data-position="bottom"
                                                                       data-tooltip="Ver" target="_blank"
                                                                       href="{{ route('verConclusion', [$tat->id]) }}">Ver
                                                                        evidencia</a>
                                                                @endif
                                                            </p>
                                                        @elseif($tat->statusAtencion == 0 && $tat->tipoAtencion == 'A')
                                                            <p style="color: #FF5763FF; font-size: 11px;">Pendiente por atender:
                                                            {{ $tat->usuarioDetail->Nombre }}</p><br>
                                                        @endif
                                                    @endforeach
                                                </td>
                                                <td>@if($item->usuarioRemitente){{$item->usuarioRemitente->Nombre}}@endif</td>
                                            <td>
                                                @if ($item->activo == 1)
                                                    Tipo:
                                                    @if ($item->tipo_atencion == 1)
                                                        <span style="color: green; margin : 0 !important;">
                                                            {{ $item->tipo->tipo }}</span>
                                                    @else
                                                        <span style="color: red; margin : 0 !important;">
                                                            {{ $item->tipo->tipo }}</span>
                                                    @endif
                                                    <br>
                                                    @if ($item->status == 0)
                                                        Estado: <span style="color: red; margin : 0 !important;"> Concluido</span>
                                                    @else
                                                        Estado: <span style="color: #C5A009; margin : 0 !important;"> Pendiente</span>
                                                    @endif
                                                @else
                                                    Estado: <span style="color: #FF5763FF; font-size: 13px;"><strong>  CANCELADO</strong></span>
                                                @endif
                                            </td>

                                            <td>
                                                @if ($item->activo == 1)
                                                    @if ($item->path != 'nofile')
                                                        <a title="Ver documento" class="tooltipped" data-position="bottom"
                                                            data-tooltip="Ver documento" style="cursor: pointer !important;"
                                                            href="{{ route('getFileVer', [$item->id]) }}"
                                                            target="_blank">
                                                            <i class="material-icons iconlegislatura">picture_as_pdf</i>
                                                        </a>
                                                    @endif
                                                    <a title="Ver turno" class="tooltipped" data-position="bottom"
                                                       data-tooltip="Ver turno" style="cursor: pointer !important;"
                                                       href="{{ route('getTurno', [$item->id]) }}" target="_blank">
                                                        <i class="material-icons iconlegislatura">report</i>
                                                    </a>
                                                @endif
                                            </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <th style="text-align: center; width: 8%!important;">Folio</th>
                                            <th style="text-align: center; width: 8%!important;">Referencia</th>
                                            <th style="text-align: center; width: 20%!important;">Asunto</th>
                                            <th style="text-align: center; width: 20%!important;" >Indicación</th>
                                            <th style="text-align: center; width: 20%!important;">Destinatarios</th>
                                            <th style="text-align: center; width: 10%!important;">Remitente</th>
                                            <th style="text-align: center; width: 8%!important;">Estatus</th>
                                            <th style="text-align: center; width: 6%!important;">Acciones</th>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <br>
@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>
    <!--<script src="{{ asset('js/scripts/data-tables.js') }}"></script>-->
@endpush
@push('scripts')

    <script type="text/javascript">

        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
    </script>
@endpush