@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>
        table.dataTable tbody th, table.dataTable tbody td {
            padding:4px 4px !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>Reporte de documentación para archivar</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" width="100%">
                                    <thead>
                                    <tr>
                                        <th style="text-align: center; width: 8%;">Folio</th>
                                        <th style="text-align: center; width: 8%;">Referencia</th>
                                        <th style="text-align: center; width: 20%;">Asunto</th>
                                        <th style="text-align: center; width: 10%;" >Indicación</th>
                                        <th style="text-align: center; width: 12%;">Destinatarios</th>
                                        <th style="text-align: center; width: 12%;">Remitente</th>
                                        <th style="text-align: center; width: 10%;">Estatus</th>
                                        <th style="text-align: center; width: 10%;">Fecha de registro / Tiempo</th>
                                        <th style="text-align: center; width: 10%;">Acciones</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach ($archivos as $registro)
                                        @if($registro->activo == 0)
                                            <tr style="background-color: #FBD8DA">@else <tr>  @endif
                                            <td>{{$registro->folio}}</td>
                                            <td>{{$registro->referencia_documento}}</td>
                                            <td style="text-align-all: justify">
                                                {{$registro->descripcion_doc}}<br>
                                                <strong> Enviado:</strong> {{$registro->created_at}}<br>
                                                <strong>Fecha atención:</strong> {{ $registro->fecha_limite_atencion }}
                                            </td>
                                            <td style="text-align-all: justify">
                                                {{$registro->titulo_doc}}
                                            </td>
                                            {{--                                        <strong>Recibido: </strong>{{$registro->created_at}}--}}
                                            {{--                                    </td>--}}
                                            <td>
                                                @if($registro->activo == 1)
                                                    @foreach($registro->atencion as $regis)
                                                        @if($regis->statusAtencion == 1 && $regis->tipoAtencion == 'A')
                                                            <p style=" font-size: 11px;"><strong>Atentido por: </strong>@if($regis->usuario){{$regis->usuario->Nombre}}  @endif<br>
                                                                @if($regis->comentario_conclusion)
                                                                    <strong>Comentario: </strong>{{$regis->comentario_conclusion}}<br>
                                                                @endif
                                                                @if($regis->file_conclusion)
                                                                    <a title="Ver" class="tooltipped" data-position="bottom" data-tooltip="Ver" target="_blank" href="{{ route('verConclusion', [$regis->id]) }}">Ver evidencia</a>
                                                                @endif
                                                            </p>
                                                        @endif
                                                        @if($regis->statusAtencion == 0  && $regis->tipoAtencion == 'A')
                                                            <p style="color: #FF5763FF; font-size: 11px;">Pentiende por atender: {{$regis->usuario->Nombre}}</p>
                                                        @endif
                                                    @endforeach
                                                @endif
                                            </td>
                                            <td>
                                                @if($registro->usuarioRemitente)
                                                    {{$registro->usuarioRemitente->Nombre}}
                                                @endif
                                            </td>
                                            <td>
                                                @if ($registro->activo == 1)
                                                    @if($registro->tipo_atencion ==1)
                                                        Tipo: <span style="color: green; margin : 0 !important;"> {{$registro->tipo->tipo}}</span>
                                                    @else
                                                        Tipo: <span style="color:red; margin : 0 !important;"> {{$registro->tipo->tipo}}</span>
                                                    @endif
                                                    {{-- ***************************** --}}
                                                    <br> Estatus:
                                                    @if($registro->status == 0)
                                                        <span style="color: red; margin : 0 !important;">Concluido</span>
                                                    @else
                                                        @if($registro->status == 0)
                                                            @php $color = 'green'; @endphp
                                                        @else
                                                            @php
                                                                $fecha_aprovacion = new \Carbon\Carbon($registro->fecha_limite_atencion);
                                                                $hoy = now();
                                                                $diferencia = $hoy->diffInDays($fecha_aprovacion);
                                                                if ($diferencia >2) {
                                                                    $color = '#FFC300';
                                                                }elseif ($diferencia < 2) {
                                                                    $color = 'red';
                                                                }else{
                                                                    $color = 'red';
                                                                }
                                                            @endphp
                                                            <span style="color: {{$color}}; margin : 0 !important;">Pendiente</span>
                                                        @endif
                                                    @endif
                                                @else
                                                    <span style="color: #FF5763FF; font-size: 13px;"><strong> CANCELADO</strong></span>
                                                @endif
                                            </td>
                                            <td> {{$registro->created_at}} <br> {{$registro->diasTranscurridos}} Días transcurridos</td>
                                            <td>
                                                <center><a class="tooltipped" data-position="bottom" data-tooltip="Transferir a archivo" href="{{ route('transferir', [$registro->id]) }}">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" fill="currentColor" class="bi bi-arrow-left-right"viewBox="0 0 16 16">
                                                        <path fill-rule="evenodd" d="M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5zm14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5z" />
                                                    </svg>
                                                </a></center>
                                            </td>
                                        </tr>
                                        @endforeach

                                    </tbody>
                                    <tfoot>
                                    <tr>
                                        <th style="text-align: center; width: 8%;">Folio</th>
                                        <th style="text-align: center; width: 8%;">Referencia</th>
                                        <th style="text-align: center; width: 20%;">Asunto</th>
                                        <th style="text-align: center; width: 10%;" >Indicación</th>
                                        <th style="text-align: center; width: 12%;">Destinatarios</th>
                                        <th style="text-align: center; width: 12%;">Remitente</th>
                                        <th style="text-align: center; width: 10%;">Estatus</th>
                                        <th style="text-align: center; width: 10%;">Fecha de registro / Tiempo</th>
                                        <th style="text-align: center; width: 10%;">Acciones</th>
                                    </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



@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">
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        function eliminar(id){
            swal({
                title: "¿Estas seguro de eliminar el envío?",
                text: "",
                icon: 'success',
                dangerMode: true,
                buttons: {
                    cancel: 'CANCELAR',
                    accept: 'ACEPTAR'
                }
            }).then(function(willDelete) {
                if (willDelete) {
                    $.ajax({
                        url: "{{ url('eliminarEnvio') }}",
                        type: 'GET',
                        data: {
                            id,
                        },
                        success: function(response) {
                            swal({
                                title: "Eliminación satisfactoria",
                                icon: 'success',
                                dangerMode: true,
                                buttons: {
                                    accept: 'ACEPTAR'
                                }
                            }).then(function(willDelete) {
                                if (willDelete) {
                                    location.reload();
                                } else {
                                    location.reload();
                                }
                            });
                        },
                        error: function(xhr, status, error) {
                        }
                    })
                } else {
                }
            });
        }


    </script>
@endpush