@extends('header_nuevo_generico')
@section('main')

<link rel="stylesheet" href="{{ asset('/Libreria_CA/css/fancy_fidelitas_theme.css') }}?v=2">
<link rel="stylesheet" href="{{ asset('/components/trumbowyg.2.18.0/ui/trumbowyg.css') }}">
<link rel="stylesheet" href="{{ asset('/Libreria_CA/css/fancy_tasks.css') }}?v=2">
<style>

    .modal-header--sticky {
        position: sticky;
        top: 0;
        background-color: inherit; /* [1] */
        z-index: 1055; /* [2] */
    }
</style>
<!-- -->
<main class="container-fluid mt-5">
    <!-- -->
    <div id="loading" class="col-md-12 text-center pt-5 d-none" ><span class="fs-3 text-fidelitas">@traducir('Cargando','Cargando')...  </span> <img style="float:none;" src="/images/loading.gif" class="loading"/></div>
    <!--  -->
    <div class="container-fluid py-4">
        <!-- TASKS -->
        <div id="contenido">
            <div class="row justify-content-center pt-3">
                <ul class="nav nav-tabs" id="tab-tasks" role="tablist">
                    {{--<li class="nav-item" role="presentation">
                        <button class="nav-link active" id="informes-tareas-tab" data-bs-toggle="tab" data-bs-target="#informes-tareas-tab-pane" type="button" role="tab" aria-controls="informes-tareas-tab" aria-selected="true"> <a href="#informes-tareas-tab">@traducir('Informes y Tareas','Informes y Tareas')</a><span id="contador-informes-tareas" class="badge bg-fidelitas-secondary"></span> <i class="bi bi-arrow-clockwise btn btn-sm btn-dark" id="cargando-informes-tareas-tab"></i> </button>
                    </li>--}}
                    <!-- -->
                    <li class="nav-item" role="presentation">                                                
                        <button class="nav-link active" id="informes-tab" data-bs-toggle="tab" data-bs-target="#informes-tab-pane" type="button" role="tab" aria-controls="informes-tab" aria-selected="false"> <a >@traducir('Informes','Informes')</a><span id="contador-informes" class="badge bg-fidelitas-secondary"></span>  <i class="bi bi-arrow-clockwise btn btn-sm btn-dark" id="cargando-informes-tab"></i></button>                                                              
                    </li>
                    <!-- -->
                    <li class="nav-item" role="presentation">                        
                        <button class="nav-link" id="informes-gestion-tab" data-bs-toggle="tab" data-bs-target="#informes-gestion-tab-pane" type="button" role="tab" aria-controls="informes-gestion-tab" aria-selected="false"><a >@traducir('Informes_gestion','Informes en gestion')</a><span id="contador-informes-gestion" class="badge bg-fidelitas-secondary"></span> <i class="bi bi-arrow-clockwise btn btn-sm btn-dark" id="cargando-informes-gestion-tab"></i> </button>
                    </li>
                    <!-- -->
                    <li class="nav-item" role="presentation">                        
                        <button class="nav-link" id="informes-docsok-tab" data-bs-toggle="tab" data-bs-target="#informes-docsok-tab-pane" type="button" role="tab" aria-controls="informes-docsok-tab" aria-selected="false"><a >@traducir('Informes_docsok','Informes en docs ok')</a><span id="contador-informes-docsok" class="badge bg-fidelitas-secondary"></span> <i class="bi bi-arrow-clockwise btn btn-sm btn-dark" id="cargando-informes-docsok-tab"></i> </button>
                    </li>
                    {{--<!-- -->
                    <li class="nav-item" role="presentation">                        
                        <button class="nav-link" id="informes-observados-tab" data-bs-toggle="tab" data-bs-target="#informes-observados-tab-pane" type="button" role="tab" aria-controls="informes-observados-tab" aria-selected="false"><a href="#informes-observados-tab">@traducir('Informes observados','Informes observados')</a><span id="contador-informes-observados" class="badge bg-fidelitas-secondary"></span> <i class="bi bi-arrow-clockwise btn btn-sm btn-dark" id="cargando-informes-observados-tab"></i> </button>
                    </li>--}}
                    <!-- -->
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="tareas-en-espera-tab" data-bs-toggle="tab" data-bs-target="#tareas-en-espera-tab-pane" type="button" role="tab" aria-controls="tareas-en-espera-tab" aria-selected="false"><a >@traducir('tareas_espera','Tareas en espera')</a><span id="contador-tareas-en-espera" class="badge bg-fidelitas-secondary"></span> <i class="bi bi-arrow-clockwise btn btn-sm btn-dark" id="cargando-tareas-en-espera-tab"></i> </button>
                    </li>
                    {{--<!-- -->
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="tareas-sin-contrapartes-tab" data-bs-toggle="tab" data-bs-target="#tareas-sin-contrapartes-tab-pane" type="button" role="tab" aria-controls="tareas-sin-contrapartes-tab" aria-selected="false"><a href="#tareas-sin-contrapartes-tab">@traducir('Informes y Tareas','Informes y Tareas')</a><span id="contador-tareas-sin-contrapartes" class="badge bg-fidelitas-secondary"></span> <i class="bi bi-arrow-clockwise btn btn-sm btn-dark" id="cargando-tareas-sin-contrapartes-tab"></i> </button>
                    </li>--}}
                    <!-- -->
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="tareas-call-center-tab" data-bs-toggle="tab" data-bs-target="#tareas-call-center-tab-pane" type="button" role="tab" aria-controls="tareas-call-center" aria-selected="false"> <a >@traducir('Tareas_call','Tareas Call Center')</a><span id="contador-tareas-call-center" class="badge bg-fidelitas-secondary"></span> <i class="bi bi-arrow-clockwise btn btn-sm btn-dark" id="cargando-tareas-call-center-tab"></i> </button>
                    </li>
                    <!-- -->
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="tareas-redaccion-tab" data-bs-toggle="tab" data-bs-target="#tareas-redaccion-tab-pane" type="button" role="tab" aria-controls="tareas-redaccion" aria-selected="false"> <a >@traducir('Tareas_redaccion','Tareas Redacción')</a><span id="contador-tareas-redaccion" class="badge bg-fidelitas-secondary"></span> <i class="bi bi-arrow-clockwise btn btn-sm btn-dark" id="cargando-tareas-redaccion-tab"></i> </button>
                    </li>
                    <!-- -->
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="tareas-control-tab" data-bs-toggle="tab" data-bs-target="#tareas-control-tab-pane" type="button" role="tab" aria-controls="tareas-control" aria-selected="false"> <a >@traducir('Tareas_control','Tareas Control')</a><span id="contador-tareas-control" class="badge bg-fidelitas-secondary"></span> <i class="bi bi-arrow-clockwise btn btn-sm btn-dark" id="cargando-tareas-control-tab"></i> </button>
                    </li><!-- -->
                    {{--<!-- -->
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="tareas-datacleaning-tab" data-bs-toggle="tab" data-bs-target="#tareas-datacleaning-tab-pane" type="button" role="tab" aria-controls="tareas-datacleaning" aria-selected="false"> <a href="#tareas-datacleaning-tab">@traducir('Tareas_datacleaning','Tareas Data Cleaning')</a><span id="contador-tareas-datacleaning" class="badge bg-fidelitas-secondary"></span> <i class="bi bi-arrow-clockwise btn btn-sm btn-dark" id="cargando-tareas-datacleaning-tab"></i> </button>
                    </li>--}}
                    {{--<!-- -->
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="tareas-balance-tab" data-bs-toggle="tab" data-bs-target="#tareas-balance-tab-pane" type="button" role="tab" aria-controls="tareas-balance" aria-selected="false"> <a href="#tareas-balance-tab">@traducir('Tareas_balance','Tareas Balances')</a><span id="contador-tareas-balance" class="badge bg-fidelitas-secondary"></span> <i class="bi bi-arrow-clockwise btn btn-sm btn-dark" id="cargando-tareas-balance-tab"></i> </button>
                    </li>--}}
                </ul>
                <!-- -->
                <div class="tab-content" id="myTabContent">
                    {{--<div class="tab-pane fade show active" id="informes-tareas-tab-pane" role="tabpanel" aria-labelledby="informes-tareas-tab" tabindex="0">
                        <div class="row justify-content-center pt-3" id="cargando-informes-tareas">
                            @traducir('Cargando','Cargando...')
                            <div class="spinner-border text-fidelitas" role="status">
                                <span class="visually-hidden">@traducir('Loading','Loading...')</span>
                            </div>
                        </div>
                        <!-- -->
                        <div class="row justify-content-center pt-3" id="contenedor-tareas-informes">
                            <div id="fancyTareasInformes"></div>
                        </div>
                    </div>--}}
                    <!-- -->
                    <div class="tab-pane fade show active" id="informes-tab-pane" role="tabpanel" aria-labelledby="informes-tab" tabindex="0">
                        <div class="row justify-content-center pt-3" id="cargando-informes">
                            @traducir('Cargando','Cargando...')
                            <div class="spinner-border text-fidelitas" role="status">
                                <span class="visually-hidden">@traducir('Loading','Loading...')</span>
                            </div>
                        </div>
                        <!-- -->
                        <div class="row justify-content-center pt-3" id="contenedor-informes">
                            <div id="fancyInformes"></div>
                        </div>
                    </div>
                    <!-- -->
                    <div class="tab-pane fade" id="informes-gestion-tab-pane" role="tabpanel" aria-labelledby="informes-gestion-tab" tabindex="0">
                        <div class="row justify-content-center pt-3" id="cargando-informes-en-gestion">
                            @traducir('Cargando','Cargando...')
                            <div class="spinner-border text-fidelitas" role="status">
                                <span class="visually-hidden">@traducir('Loading','Loading...')</span>
                            </div>
                        </div>
                        <!-- -->
                        <div class="row justify-content-center pt-3" id="contenedor-informes-gestion">
                            <div id="fancyInformesGestion"></div>
                        </div>
                    </div>
                    <!-- -->
                    <div class="tab-pane fade" id="informes-docsok-tab-pane" role="tabpanel" aria-labelledby="informes-docsok-tab" tabindex="0">
                        <div class="row justify-content-center pt-3" id="cargando-informes-en-docsok">
                            @traducir('Cargando','Cargando...')
                            <div class="spinner-border text-fidelitas" role="status">
                                <span class="visually-hidden">@traducir('Loading','Loading...')</span>
                            </div>
                        </div>
                        <!-- -->
                        <div class="row justify-content-center pt-3" id="contenedor-informes-docsok">
                            <div id="fancyInformesDocsOk"></div>
                        </div>
                    </div>
                    <!-- -->
                    <div class="tab-pane fade" id="informes-observados-tab-pane" role="tabpanel" aria-labelledby="informes-observados-tab" tabindex="0">
                        <div class="row justify-content-center pt-3" id="cargando-informes-observados">
                            @traducir('Cargando','Cargando...')
                            <div class="spinner-border text-fidelitas" role="status">
                                <span class="visually-hidden">@traducir('Loading','Loading...')</span>
                            </div>
                        </div>
                        <!-- -->
                        <div class="row justify-content-center pt-3" id="contenedor-informes-observados">
                            <div id="fancyInformesObservados"></div>
                        </div>
                    </div>
                    <!-- -->
                    <div class="tab-pane fade" id="tareas-en-espera-tab-pane" role="tabpanel" aria-labelledby="tareas-en-espera-tab" tabindex="0">
                        <div class="row justify-content-center pt-3" id="cargando-tareas-en-espera">
                            @traducir('Cargando','Cargando...')
                            <div class="spinner-border text-fidelitas" role="status">
                                <span class="visually-hidden">@traducir('Loading','Loading...')</span>
                            </div>
                        </div>
                        <!-- -->
                        <div class="row justify-content-center pt-3" id="contenedor-tareas-en-espera">
                            <div id="fancyTareasEnEspera"></div>
                        </div>
                    </div>
                    <!-- -->
                    <div class="tab-pane fade" id="tareas-sin-contrapartes-tab-pane" role="tabpanel" aria-labelledby="tareas-sin-contrapartes-tab" tabindex="0">
                        <div class="row justify-content-center pt-3" id="cargando-tareas-sin-contrapartes">
                            @traducir('Cargando','Cargando...')
                            <div class="spinner-border text-fidelitas" role="status">
                                <span class="visually-hidden">@traducir('Loading','Loading...')</span>
                            </div>
                        </div>
                        <!-- -->
                        <div class="row justify-content-center pt-3" id="contenedor-tareas-sin-contrapartes">
                            <div id="fancyTareasSinContrapartes"></div>
                        </div>
                    </div>
                    <!-- -->
                    <div class="tab-pane fade" id="tareas-call-center-tab-pane" role="tabpanel" aria-labelledby="tareas-call-center-tab" tabindex="0">
                        <div class="row justify-content-center pt-3" id="cargando-tareas-call-center">
                            @traducir('Cargando','Cargando...')
                            <div class="spinner-border text-fidelitas" role="status">
                                <span class="visually-hidden">@traducir('Loading','Loading...')</span>
                            </div>
                        </div>
                        <!-- -->
                        <div class="row justify-content-center pt-3" id="contenedor-tareas-call-center">
                            <div id="fancyTareasCallCenter"></div>
                        </div>
                    </div>
                    <!-- -->
                    <div class="tab-pane fade" id="tareas-redaccion-tab-pane" role="tabpanel" aria-labelledby="tareas-redaccion-tab" tabindex="0">
                        <div class="row justify-content-center pt-3" id="cargando-tareas-redaccion">
                            @traducir('Cargando','Cargando...')
                            <div class="spinner-border text-fidelitas" role="status">
                                <span class="visually-hidden">@traducir('Loading','Loading...')</span>
                            </div>
                        </div>
                        <!-- -->
                        <div class="row justify-content-center pt-3" id="contenedor-tareas-redaccion">
                            <div id="fancyTareasRedaccion"></div>
                        </div>
                    </div>
                    <!-- -->
                    <div class="tab-pane fade" id="tareas-control-tab-pane" role="tabpanel" aria-labelledby="tareas-control-tab" tabindex="0">
                        <div class="row justify-content-center pt-3" id="cargando-tareas-control">
                            @traducir('Cargando','Cargando...')
                            <div class="spinner-border text-fidelitas" role="status">
                                <span class="visually-hidden">@traducir('Loading','Loading...')</span>
                            </div>
                        </div>
                        <!-- -->
                        <div class="row justify-content-center pt-3" id="contenedor-tareas-control">
                            <div id="fancyTareasControl"></div>
                        </div>
                    </div>
                    <!-- -->
                    {{--<div class="tab-pane fade" id="tareas-datacleaning-tab-pane" role="tabpanel" aria-labelledby="tareas-datacleaning-tab" tabindex="0">
                        <div class="row justify-content-center pt-3" id="cargando-tareas-datacleaning">
                            @traducir('Cargando','Cargando...')
                            <div class="spinner-border text-fidelitas" role="status">
                                <span class="visually-hidden">@traducir('Loading','Loading...')</span>
                            </div>
                        </div>
                        <!-- -->
                        <div class="row justify-content-center pt-3" id="contenedor-tareas-datacleaning">
                            <div id="fancyTareasDataCleaning"></div>
                        </div>
                    </div>
                    <!-- -->
                    <div class="tab-pane fade" id="tareas-balance-tab-pane" role="tabpanel" aria-labelledby="tareas-balance-tab" tabindex="0">
                        <div class="row justify-content-center pt-3" id="cargando-tareas-balance">
                            @traducir('Cargando','Cargando...')
                            <div class="spinner-border text-fidelitas" role="status">
                                <span class="visually-hidden">@traducir('Loading','Loading...')</span>
                            </div>
                        </div>
                        <!-- -->
                        <div class="row justify-content-center pt-3" id="contenedor-tareas-balance">
                            <div id="fancyTareasBalance"></div>
                        </div>
                    </div>--}}
                </div>
            </div>
            <!-- -->
            <div class="row justify-content-center my-5 d-none" id="cargando-panel">
                <div class="col-md-10 col-12 text-center">
                    @traducir('Cargando','Cargando')...
                    <div class="spinner-border text-fidelitas" role="status">
                        <span class="visually-hidden">@traducir('Cargando','Cargando')...</span>
                    </div>
                </div>
            </div>
            <!-- -->
            <div class="row justify-content-center my-5 d-none" id="cargando-panel-tareas">
                <div class="col-md-10 col-12 text-center">
                    @traducir('Cargando','Cargando')...
                    <div class="spinner-border text-fidelitas" role="status">
                        <span class="visually-hidden">@traducir('Cargando','Cargando')...</span>
                    </div>
                </div>
            </div>
            <!-- -->
            <div class="row justify-content-center pt-3 d-none" id="contenedor-panel-informes">
                <div class="row justify-content-center my-5 d-none" id="cargando-panel-informes">
                    <div class="col-md-10 col-12 text-center">
                        @traducir('Cargando','Cargando')...
                        <div class="spinner-border text-fidelitas" role="status">
                            <span class="visually-hidden">@traducir('Cargando','Cargando')...</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- -->
            <div class="row justify-content-center my-5 d-none" id="cargando-panel-informes">
                <div class="col-md-10 col-12 text-center">
                    @traducir('Cargando','Cargando')...
                    <div class="spinner-border text-fidelitas" role="status">
                        <span class="visually-hidden">@traducir('Cargando','Cargando')...</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- FILTERED TASKS -->
        <div id="contenido-filtrado" class="d-none">
            <div class="row justify-content-center pt-3" id="cargando-contenido-filtrado">
                @traducir('Cargando','Cargando...')
                <div class="spinner-border text-fidelitas" role="status">
                    <span class="visually-hidden">@traducir('Loading','Loading...')</span>
                </div>
            </div>
            <!-- -->
            <div class="row justify-content-end pt-3">
                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-9 text-end">
                    <a href="/informes-blue" class="btn btn-fidelitas"><i class="bi bi-funnel"></i> Desactivar Filtro</a>
                </div>
            </div>
            <!-- -->
            <div class="row justify-content-center pt-3" id="contenedor-contenido-filtrado">
                <div id="fancyFiltrado"></div>
            </div>
        </div>  
    </div>
</main>
<!-- -->
@include('/informes-blue/modales_formularios_panel_tareas_informes')
<!-- -->
@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('/components/trumbowyg.2.18.0/plugins/colors/trumbowyg.colors.min.js') }}"></script>
<!-- -->
<script src="{{ asset('/Libreria_CA/Js/funciones_verificar_documentos_nuevo_facon.js') }}?v=1"></script>
<script src="{{ asset('/Libreria_CA/Js/funciones_panel_informes_blue.js') }}?v={{rand()}}"></script>
<script type="text/javascript" src="{{ URL::asset('Libreria_CA/Js/funciones_facones_fidelitas.js') }}?v={{time()}}"></script>
<script>
    $(document).ready(function(){
        let informe_select = '<?php if ( isset($_GET['informe_select']) && !empty($_GET['informe_select']) ) { echo($_GET['informe_select']); }?>';
        let titulo_informe_select = '<?php if ( isset($_GET['titulo_informe_select']) && !empty($_GET['titulo_informe_select']) ) { echo($_GET['titulo_informe_select']); }?>';
        eventosTareas(null,informe_select,titulo_informe_select);
        nuevaVentana();
    });
</script>
@endsection