@extends('header_nuevo_generico')
@section('main')
<script type="text/javascript" src="{{ URL::asset('/js/vis.min.js') }}"></script>
<link rel="stylesheet" href="{{ asset('/components/trumbowyg.2.18.0/ui/trumbowyg.css') }}">
<link rel="stylesheet" href="{{ asset('/css/vis.min.css') }}">
<link rel="stylesheet" href="{{ URL::asset('/css/estilos_fidelitas.css') }}">
<style>
    .modal-header--sticky {
        position: sticky;
        top: 0;
        background-color: inherit; /* [1] */
        z-index: 1055; /* [2] */
    }
    .filtro-dropdown .dropdown-toggle {
        font-size: 0.8rem;
        padding: 3px 6px;
    }
    .filtro-dropdown .dropdown-menu{
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .filtro-dropdown .dropdown-menu label{
        font-size: 0.8rem;
    }
    .margin-dropdown {
        margin-bottom: 120px;
    }
</style>
    <main class="container-fluid mt-5 pt-5">
        <div class="row justify-content-center my-3">
            <div class="col-lg-4 col-md-6">
                <h2 class="text-center text-fidelitas"><b>@traducir('Tareas de','Tareas de'): {{ Session::get('usuario')->first_name.' '.Session::get('usuario')->last_name }}</b></h2>
            </div>    
        </div>
        <!-- -->
        <div class="row justify-content-center my-3">
            <div class="">                
                <!-- -->                
                @if( empty($indicadores_tareas) && empty($wsp) )
                    <h4 class="text-center text-fidelitas">@traducir('sin_tareas_asignadas','Sin Tareas Asignadas')</h4>
                @else             
                    <nav>
                        <div class="nav nav-tabs" id="nav-tab" role="tablist">
                            @if (!empty($indicadores_tareas))                        
                            @foreach( $indicadores_tareas as $ind => $datos_ind )
                                <a class="nav-link" id="" href="#nav-{{ $ind }}" type="button" role="tab" aria-controls="nav-{{ $ind }}">{{ $datos_ind->nombre_estado }}  <span class="badge bg-fidelitas-secondary">{{ $datos_ind->cant_tareas }}</span></a>
                            @endforeach
                            @endif
                            @if (count($wsp) != 0)
                            <a class="nav-link" id="" href="#nav-wsp" type="button" role="tab" aria-controls="nav-wsp">TICKETS <span class="badge bg-fidelitas-secondary">{{ count($wsp) }}</span></a>
                            @endif
                        </div>
                    </nav>
                    @if (count($wsp) != 0)
                        <div class="nav-wsp shadow-lg p-3 mb-5 bg-body rounded" id="nav-wsp">
                            <div class="row justify-content-center my-2">
                                <div class="col-lg-4 col-md-6">
                                    <h6 class="text-center text-fidelitas lead">TICKETS</h6>
                                </div>
                            </div>
                            <!-- -->
                            <div class="row justify-content-center my-2">
                                <div class="col-12">
                                    <table class="table table-responsive table-hover tablasTareasEstados" id="tabla-wsp">
                                        <thead class="table-header-fidelitas">
                                            <tr>
                                                <th>@traducir('Informe','Informe')</th>
                                                <!-- <th>@traducir('Tarea','Tarea')</th> -->
                                                <th>@traducir('Cliente','Cliente')</th>
                                                <th>Usuario Creador</th>
                                                <th>@traducir('Pais','Pais')</th>
                                                <th>Referencia</th>
                                                <th>Fecha Creación Ticket</th>
                                                <th>Estado Informe</th>
                                                <th>@traducir('Fecha_Comprometida_Informe','Fecha Comprometida Informe')</th>
                                                <th>@traducir('acciones','Acciones')</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach( $wsp as $msg )
                                            <tr>
                                                <td>{{ $msg->nombre_tipo_informe}}</td>
                                                <!-- <td></td> -->
                                                <td>{{ $msg->nombre_cliente}}</td>
                                                <td>{{ $msg->username }}</td>
                                                <td>{{$msg->country_code}}</td>
                                                <td>{{ $msg->id_referencia}}</td>
                                                @if ($msg->created != '')
                                                <td>{{ date_format(date_create($msg->created),'d/m/Y H:m:s') }}</td>
                                                @else
                                                <td></td>
                                                @endif
                                                <td> 
                                                @if ($msg->estado_informe == 'R')
                                                    <div class='col text-center fw-bold fs-3'><i class='bi bi-exclamation-triangle' title='To be reviewed' style='color:#fd7e14'></i></div>
                                                @elseif ($msg->estado_informe == 'C')
                                                    <div class='col text-center fs-4'><i class='text-danger bi bi-x' title='Rejected'></i></div>
                                                @elseif ($msg->estado_informe == 'N')
                                                    <div class='col text-center fs-4'><i class='text-primary bi bi-x' title='Cancelled'></i></div>
                                                @elseif ($msg->estado_informe == 'E' || $msg->estado_informe == 'T' )
                                                    <div class='col text-center fs-4'><i class='text-secondary bi bi-clock' title='In Progress'></i></div>
                                                @elseif ($msg->estado_informe == 'A')
                                                    <div class='col text-center fs-3'><b><i class='bi bi-box-arrow-in-right' title='Submitted' style='color:dimgrey;'></i></b></div>
                                                @elseif ($msg->estado_informe == 'K' && $msg->hit_summary == "0")
                                                    <div class='col text-center fs-4'><i class='text-success bi bi-person-check' title='No Hit'></i></div>
                                                @elseif ($msg->estado_informe == 'K' && $msg->hit_summary == "1")
                                                    <div class='col text-center fs-4'><i class='text-danger bi bi-person-dash' title='Hit'></i></div>
                                                @elseif ($msg->estado_informe == 'K' && is_null($msg->hit_summary))
                                                    <div class='col text-center fs-4'><i class='text-primary bi bi-person' title='Closed'></i></div>
                                                @endif
                                                </td>
                                                <td>{{ $msg->fecha_comprometida}}</td>
                                                <td class="col-2 text-center">
                                                    <button type="button" class="btn btn-sm btn-info btnMapaInforme" data-informe="{{$msg->informe}}" data-contraparte="{{$msg->contraparte}}" data-bs-toggle="tooltip" data-bs-placement="top" title="@traducir('Mapa de informe','Mapa de informe')"><i class="bi bi-diagram-3"></i></button>
                                                    <button type="button" class="btn btn-sm btn-fidelitas-secondary mx-1 btnConfigInforme" data-informe-ticket="{{$msg->informe}}" data-referencia="{{ $msg->id_referencia }}" data-nombre-cliente="{{$msg->nombre_cliente}}" data-nombre-informe="{{$msg->nombre_tipo_informe}}" data-bs-toggle="tooltip" data-bs-placement="top" title="Edición Informe"><i class="bi bi-gear"></i></button>
                                                    <button type="button" class="btn btn-sm btn-fidelitas-secondary listaDocs" data-informe="{{$msg->informe}}" data-contraparte="{{$msg->contraparte}}" data-gestion="{{$msg->gestion}}" data-nombre-cliente="{{$msg->nombre_cliente}}" data-bs-toggle="tooltip" data-bs-placement="top" title="Documentos"><i class="bi bi-files"></i></button>
                                                    <button type="button" class="btn btn-sm btn-warning mx-1 btn-redaccionar-informe" data-contraparte="{{$msg->contraparte}}" data-bs-toggle="tooltip" data-bs-placement="top" title="@traducir('Redacción','Redacción')"><i class="bi bi-pencil-square"></i></button>
                                                    <button type="button" class="btn btn-sm btn-fidelitas btnTicket" data-id-ticket="{{$msg->id_ticket}}" data-informe="{{$msg->informe}}" data-cliente="{{$msg->cliente}}" data-email="{{$msg->email}}" data-contraparte="{{$msg->contraparte}}" data-gestion="{{$msg->gestion}}" data-estado-informe="{{$msg->estado_informe}}" data-nombre-cliente="{{$msg->nombre_cliente}}" data-msg="{{$msg->texto}}" data-username="{{ $msg->username }}" data-created="{{ $msg->created }}" data-referencia="{{ $msg->id_referencia }}" data-bs-toggle="tooltip" data-bs-placement="top" title="Responder"><i class="bi bi-chat-text"></i></button>                                                    
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <th>Informe</th>
                                                <th>Tarea</th>
                                                <th>Cliente</th>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </div>
                    @endif
                    @include('informes-blue/tabla-mis-tareas')
                @endif
            </div>
        </div>
    </main>
    <!-- MODAL DE TICKETS -->
    <div class="modal fade" id="modalTickets">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title" id="titulo-ticket"></h6>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <form id="frmResponderTicket">
                        {{ csrf_field() }}
                        <input type="hidden" name="contraparte">
                        <input type="hidden" name="informe">
                        <input type="hidden" name="gestion">
                        <input type="hidden" name="cliente">
                        <input type="hidden" name="estado_informe">
                        <input type="hidden" name="to">
                        <input type="hidden" name="usuario_creador">
                        <input type="hidden" name="id_ticket">
                        <input type="hidden" name="referencia">
                        <div class="msg-ticket text-fidelitas" id="msg-ticket">
                            <small id="msg-user-date"></small>
                        </div>
                        <div id="cuerpo-ticket">
                        </div>
                        <br>
                        <hr>
                        <small class="text-muted"><i>Recuerde que una vez enviado la respuesta el ticket se cerrará y desaparecerá del panel. Por Favor revise bien la respuesta antes de enviar</i></small>
                        <div class="input-group my-2" id="send_msg_resp">
                            <input type="text" class="form-control" name="msg" placeholder="Respuesta" aria-label="Respuesta" aria-describedby="basic-addon2">
                            <div class="input-group-append">
                                <button class="btn btn-outline-secondary" id="respMsg" type="button"><i class="bi bi-chat-text"></i> Enviar</button>
                                <button type="submit" disabled class="d-none" aria-hidden="true"></button>
                            </div>
                        </div>

                    </form>
                </div>
                <!-- -->
                <div class="modal-body d-none" id="cargando-ticket">
                    <h6 class="lead text-fidelitas text-center">Cargando tickets... <div class="spinner-border text-fidelitas"></div></h6>
                </div>
                <!-- -->
                <div class="modal-body d-none" id="error-ticket">
                    <div class="alert alert-danger">
                        <i class="bi bi-exclamation-triangle-fill"></i> @traducir('Ocurrio un error','Ocurrio un error')
                    </div>
                </div>
                <div class="modal-body d-none" id="ok-ticket">
                    <div class="alert alert-success">
                        <i class="bi bi-check-circle"></i>&nbsp; Ticket respondido con éxito. Redirigiendo... &nbsp;&nbsp;&nbsp;<div class="spinner-border spinner-border-sm"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- MODAL DE DOCUMENTOS INFORME -->
    <div class="modal fade" id="modalDocumentosInforme" data-bs-backdrop="static">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title" id="titulo-informe-documentos"></h6>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body" id="cuerpo-informe-documentos"></div>
                <!-- -->
                <div class="modal-body d-none" id="cargando-informe-documentos">
                    <h6 class="lead text-fidelitas text-center">@traducir('Cargando los Documentos','Cargando los Documentos')... <div class="spinner-border text-fidelitas"></div></h6>
                </div>
                <!-- -->
                <div class="modal-body d-none" id="error-informe-documentos">
                    <div class="alert alert-danger">
                        <i class="bi bi-exclamation-triangle-fill"></i> @traducir('Ocurrio un error','Ocurrio un error')
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- MODAL DE EDICION DEL DOCUMENTO DEL INFORME -->
    <div class="modal fade" id="modalEdicionDocumentoInforme" data-bs-backdrop="static">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title" id="titulo-edicion-informe-documento"></h6>
                </div>
                <div class="modal-body" id="cuerpo-edicion-informe-documento"></div>
                <!-- -->
                <div class="modal-body d-none" id="cargando-edicion-informe-documento">
                    <h6 class="lead text-fidelitas text-center">@traducir('Cargando','Cargando')... <div class="spinner-border text-fidelitas"></div></h6>
                </div>
                <!-- -->
                <div class="modal-body d-none" id="exito-edicion-informe-documento">
                    <h6 class="text-success lead"><i class="bi bi-check-lg"></i>  @traducir('Datos guardados con éxito','Datos guardados con éxito'). </h6>
                </div>
                <!-- -->
                <div class="modal-body d-none" id="error-edicion-informe-documento">
                    <div class="alert alert-danger">
                        <i class="bi bi-exclamation-triangle-fill"></i> @traducir('Ocurrio un error','Ocurrio un error')
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- MODAL DE EDICION DEL INFORME -->
    <div class="modal fade" id="modalEdicionInforme" data-bs-backdrop="static">
        <div class="modal-dialog" style="max-width:1600px;">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title" id="titulo-edicion-informe"></h6> 
                    <button id="closeModalEdicionInforme" type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body" id="cuerpo-edicion-informe"></div>
            </div>
        </div>
    </div>
    <!-- MODAL DE EDICION TAREA INFORME -->
    <div class="modal fade" id="modalTarea">
        <div class="modal-dialog modal-xl" style="max-width:1600px;">
            <div class="modal-content">
                <div class="modal-header modal-header--sticky">
                    <h6 class="modal-title" id="titulo-edicion-tarea-informe"></h6>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body" id="cuerpo-edicion-tarea-informe"></div>
                <!-- -->
                <div class="modal-body d-none" id="cargando-edicion-tarea-informe">
                    <h6 class="lead text-fidelitas text-center">@traducir('Cargando los Documentos','Cargando los Documentos')... <div class="spinner-border text-fidelitas"></div></h6>
                </div>
                <!-- -->
                <div class="modal-body d-none" id="error-edicion-tarea-informe">
                    <div class="alert alert-danger">
                        <i class="bi bi-exclamation-triangle-fill"></i> @traducir('Ocurrio un error','Ocurrio un error')
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- MODAL DE MAPA INFORMES -->
    <div class="modal fade" id="modalMapaInforme">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title" id="titulo-mapa-informe"></h6>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body" id="cuerpo-mapa-informe">
                    <div class="row justify-content-center text-fidelitas">
                        <p class="text-center">@traducir('texto_mapa_informe','Se visualizan los documentos y las tareas del informe y sus correspondientes estados')</p>
                        <small class="text-center text-muted">@traducir('explicacion_mapa_informe','Para visualizar el estado del nodo, apunte el raton sobre el nodo')</small>
                    </div>
                    <div style="height:400px;width:100%;" id="mapa-informe"></div>
                </div>
                <!-- -->
                <div class="modal-body d-none" id="cargando-mapa-informe">
                    <h6 class="lead text-fidelitas text-center">@traducir('Cargando los Documentos','Cargando los Documentos')... <div class="spinner-border text-fidelitas"></div></h6>
                </div>
                <!-- -->
                <div class="modal-body d-none" id="error-mapa-informe">
                    <div class="alert alert-danger">
                        <i class="bi bi-exclamation-triangle-fill"></i> @traducir('Ocurrio un error','Ocurrio un error')
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- MODAL DE CARGA DAGAS INTERNAS -->
    <div class="modal fade" id="modalDetalleDagasInternas" data-bs-backdrop="static">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title" id="titulo-detalle-daga-interno"></h6>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body" id="cuerpo-detalle-daga-interno"></div>
                <!-- -->
                <div class="modal-body d-none" id="cargando-detalle-daga-interno">
                    <h6 class="lead text-fidelitas text-center">@traducir('Cargando','Cargando')... <div class="spinner-border text-fidelitas"></div></h6>
                </div>
                <!-- -->
                <div class="modal-body d-none" id="exito-detalle-daga-interno">
                    <h6 class="text-success lead"><i class="bi bi-check-lg"></i>  @traducir('Datos guardados con éxito','Datos guardados con éxito'). </h6>
                </div>
                <!-- -->
                <div class="modal-body d-none" id="error-detalle-daga-interno">
                    <div class="alert alert-danger">
                        <i class="bi bi-exclamation-triangle-fill"></i> @traducir('Ocurrio un error','Ocurrio un error')
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--  -->
    <div id="modalDocumento" class="modal fade" data-bs-backdrop="static">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title" id="modal_title_daga"></h3>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
                </div>
                <div class="modal-body" id="modal_body_daga"></div>
            </div>
        </div>
    </div>
    <!-- FORMULARIO ACCEDER A INFORME -->
    <form id="frmReports" method="post" action="/blue/servicios-contratados-contrapartes-acciones">
        {{ csrf_field() }}
        <input type="hidden" name="accion" value="reportes">
        <input type="hidden" name="contraparte" value="">
        <input type="hidden" name="cli_cuit" value="20111111112">
        <input type="hidden" name="cli_codigo" value="5680">
        <input type="hidden" name="desde_contraparte_generico" value="0">
        <input type="hidden" name="desde_mis_tareas" value="1">
        <input type="hidden" name="de_informe_tareas" value='1'>
    </form>
    <!-- FORMULARIO EDICION TAREA -->
    <form id="frmTarea">
        {{ csrf_field() }}
        <input type="hidden" name="informe">
        <input type="hidden" name="tarea">
    </form>
    <!-- FORMULARIO LISTA DOCUMENTOS -->
    <form id="frmDocumentosInforme">
        {{ csrf_field() }}
        <input type="hidden" name="contraparte">
        <input type="hidden" name="gestion" >
    </form>
    <!-- FORMULARIO DEL MODAL DE EDITAR INFORME -->
    <form id="frmTareasInforme">
        {{ csrf_field() }}
        <input type="hidden" name="informe">
    </form>
    <!-- FORMULARIO PARA REENVIAR A GESTION -->
    <form id="frmBtnDocs" name="frmBtnDocs" method="post" action="/docs-nuevo/informes-docs">
        {{csrf_field()}}
        <input type="hidden" name="doc_contraparte" id="doc_id_contraparte" value="">
        <input type="hidden" name="doc_data_informe" id="id_data_informe" value="">
        <input type="hidden" name="doc_data_docid" id="data_docid" value="">
        <input type="hidden" name="doc_data_esrevisado" id="data_esrevisado" value="">
        <input type="hidden" name="doc_data_integridad_carga" id="data_integridad_carga" value="">
        <input type="hidden" name="doc_data_integridad_verif" id="data_integridad_verif" value="">
        <input type="hidden" name="doc_data_integridad_rech" id="data_integridad_rech" value="">
    </form>
@endsection
@section('funcionesJS')
<script src="{{ asset('/components/trumbowyg.2.18.0/trumbowyg.min.js') }}"></script>
<script src="{{ asset('/components/trumbowyg.2.18.0/langs/es.min.js') }}"></script>
<script src="{{ asset('/components/trumbowyg.2.18.0/plugins/fontfamily/trumbowyg.fontfamily.min.js') }}"></script>
<script src="{{ asset('/components/trumbowyg.2.18.0/plugins/fontsize/trumbowyg.fontsize.min.js') }}"></script>
<!-- -->
<script src="{{ asset('/Libreria_CA/Momentjs-2.29.2/moment.js') }}"></script>
<script src="{{ asset('/Libreria_CA/Momentjs-2.29.2/datetime_moment.js') }}"></script>
<!--  -->
<script src="{{ asset('/Libreria_CA/Js/funciones_panel_informes_blue.js') }}?v={{rand()}}"></script>
<script src="{{ asset('/Libreria_CA/Js/funciones_verificar_documentos_nuevo_facon.js') }}?v=1"></script>
<!--  -->
<script type="text/javascript" src="{{ URL::asset('Libreria_CA/Js/funciones_verifica_doc_nuevo.js') }}?v={{time()}}"></script>
<script type="text/javascript" src="{{ URL::asset('Libreria_CA/Js/funciones_facones_fidelitas.js') }}?v={{time()}}"></script>
<!-- -->
<script type="text/javascript" src="{{ asset('/js/buscador_v2.js') }}?v={{rand()}}"></script>
<script>
    $(document).ready(function(){
        $('.btn-redaccionar-informe').on('click',function(){
            $('#frmReports [name="contraparte"]').val($(this).data('contraparte'));
            // $('#frmReports [name="cliente"]').val($(this).data('cliente'));
            $('#frmReports').submit();
        });
        let id_tarea = '<?php echo($id_tarea);?>';
        funcionesMisTareas('',id_tarea);
    });
</script>
@endsection