@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') }}">
<!-- -->
<div class="container-fluid mt-5 pt-2">
    <div class="row justify-content-center pt-5 pb-2">
        <h3 class="text-center"> @traducir('Informes y Tareas', 'Informes y Tareas') <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> </h3>
    </div>
    <!-- -->
    <div class="row justify-content-center my-2">
        <div class="col-xl-3 col-lg-4 col-md-6 text-center">
            <input type="checkbox" class="btn-check" id="mostrar-todo" autocomplete="off">
            <label class="btn btn-fidelitas boton-etiqueta-check" id="boton-mostrar-todo" for="mostrar-todo">Mostrar
                Total</label>
            <label class="btn btn-fidelitas d-none boton-etiqueta-check" id="boton-mostrar-tope"
                for="mostrar-todo">Mostrar Tope</label>
        </div>
    </div>
    <!-- -->
    <div class="row justify-content-center mt-5" 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>
    <!-- -->
    @include('/informes-blue/modales_formularios_panel_tareas_informes')
    </main>
    @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/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>
        async function cargarFancy(cargo_todo) {
            $('.boton-etiqueta-check').addClass('disabled');
            if (cargo_todo) {
                await tablasTareasInformes('', 'tabla-tareas-informes', 'Tareas Informes', 'fancyTareasInformes', '#cargando-informes-tareas', '#contador-informes-tareas');
            } else {
                await tablasTareasInformes('?filtro=TOP', 'tabla-tareas-informes', 'Tareas Informes', 'fancyTareasInformes', '#cargando-informes-tareas', '#contador-informes-tareas');
            }
            $('.boton-etiqueta-check').removeClass('disabled');
        }
        //
        $(document).ready(function () {
            let cargo_todo = $('#mostrar-todo').is(':checked');
            //
            $('#mostrar-todo').on('change', function () {
                if ($(this).is(':checked')) {
                    cargo_todo = true;
                    $('#boton-mostrar-todo').addClass('d-none');
                    $('#boton-mostrar-tope').removeClass('d-none');
                } else {
                    cargo_todo = false;
                    $('#boton-mostrar-tope').addClass('d-none');
                    $('#boton-mostrar-todo').removeClass('d-none');
                }
                cargarFancy(cargo_todo);
            })
            //
            $('#cargando-informes-tareas-tab').on('click', function () {
                cargarFancy(cargo_todo);
            });
            //
            cargarFancy(cargo_todo);
        });
    </script>
    @endsection