@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>Bandeja de salida</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: 40%;">Asunto</th>
                                <th style="text-align: center; width: 20%;" >Indicación</th>
                                {{-- <th style="text-align: center;">Estado</th> --}}
                                <th style="text-align: center; width: 14%;">Destinatarios</th>
                                <th style="text-align: center; width: 14%;">Remitente</th>
                                <th style="text-align: center; width: 14%;">Estatus</th>
                                <th style="text-align: center; width: 13%;">Acciones</th>
                                {{-- <th style="text-align: center;">Enviado</th> --}}
                            </tr>
                            </thead>
                            <tbody>
                            @foreach ($registros 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)
                                            @if($Us->rfc  == 'GAJC730614')
                                                @if($registro->destinatario = 99999)
                                                    <p style="color: #FF5763FF; font-size: 11px;">Dirigido a: {{$registro->destinatario_otro}}</p>
                                                @else
                                                    <p style="color: #FF5763FF; font-size: 11px;">Dirigido a: {{$registro->dirigidoa->Nombre}}</p>
                                                @endif
                                            @endif

                                            @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: @if($regis->usuario){{$regis->usuario->Nombre}}@endif</p>
                                                @endif
                                            @endforeach
                                        @endif
                                    </td>
                                    <td>
                                        @if($registro->usuarioRemitente)
                                        {{$registro->usuarioRemitente->Nombre}}
                                        @else
                                            {{$registro->otro_remitente}}
                                        @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>

                                        @if($registro->activo == 1)
                                            @if($atendidos == false)
                                            @if($usV == false)
                                                <a title="Eliminar" class="tooltipped"
                                                   data-position="bottom" data-tooltip="Eliminar"
                                                   onclick="eliminar({{ $registro->id}})">
                                                    <i class="material-icons iconlegislatura">delete_forever</i>
                                                </a>
                                                <a title="Editar" class="tooltipped"
                                                   data-position="bottom" data-tooltip="Editar"
                                                   href="{{ route('registro.edit', [$registro->id]) }}">
                                                    <i class="material-icons iconlegislatura">edit</i>
                                                </a>
                                                @if ($registro->status != 0)
                                                    <a title="Turnar" class="tooltipped"
                                                       data-position="bottom" data-tooltip="Turnar"
                                                       href="{{ route('turnar', [$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><br>
                                                @endif
                                            @endif
                                            @endif
                                            <a title="Ver" class="tooltipped" data-position="bottom" data-tooltip="Ver"
                                               href="{{ route('solicitud.edit', [$registro->id]) }}">
                                                <i class="material-icons iconlegislatura">visibility</i>
                                            </a>
                                            @if ($registro->path == 'nofile')
                                                <a title="Ver documento" class="tooltipped" data-position="bottom"
                                                   data-tooltip="Ver documento" style="cursor: pointer !important;" onclick="alertaDoc();">
                                                    <i class="material-icons iconlegislatura">picture_as_pdf</i>
                                                </a>
                                            @else
                                                <a title="Ver documento" class="tooltipped" data-position="bottom"
                                                   data-tooltip="Ver documento" style="cursor: pointer !important;"
                                                   href="{{ route('getFile', [$registro->id]) }}" target="_blank">
                                                    <i class="material-icons iconlegislatura">picture_as_pdf</i>
                                                </a>
                                            @endif
                                            <br>
                                            <a title="Ver turno" class="tooltipped" data-position="bottom"
                                               data-tooltip="Ver turno" style="cursor: pointer !important;"
                                               href="{{ route('getTurno', [$registro->id]) }}" target="_blank">
                                                <i class="material-icons iconlegislatura">report</i>
                                            </a>
                                        @endif
                                    </td>
                                    {{-- <td>@if($registro->activo == 1){{$registro->created_at}} @endif</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: 40%;">Asunto</th>
                                <th style="text-align: center; width: 20%;" >Indicación</th>
                                {{-- <th style="text-align: center;">Estado</th> --}}
                                <th style="text-align: center; width: 14%;">Destinatarios</th>
                                <th style="text-align: center; width: 14%;">Remitente</th>
                                <th style="text-align: center; width: 14%;">Estatus</th>
                                <th style="text-align: center; width: 13%;">Acciones</th>
                                {{-- <th style="text-align: center;">Enviado</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