@foreach( $componentes as $componente )
@if( $componente->activo == '1' )
<div class="form-check form-check-inline mb-3">
    <input class="form-check-input compInforme" type="checkbox" name="componentes_informe[]" value="{{$componente->idComponente}}" id="componente_{{$componente->idComponente}}" data-tarea="{{ $componente->idTarea_dependiente }}" data-nombre-tarea="{{ $componente->nombre_tarea }}" data-name="{{ $componente->nombre_componente }}" data-id="{{ $componente->idComponente }}" data-descripcion="{{ $componente->descripcion }}" data-documento="{{ $componente->nombre_tipo_doc }}" data-cargado="0" style="cursor:pointer;">
    <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="componente_{{$componente->idComponente}}" style="cursor:pointer;">{{ \App\Http\Controllers\Traducciones::get($componente->nombre_componente) }} @if( !is_null($componente->descripcion) && !empty($componente->descripcion) ) <span class="text-info"><i class="bi bi-exclamation-octagon tootlip-componente" data-bs-toggle="tooltip" data-bs-title="{{ \App\Http\Controllers\Traducciones::get($componente->descripcion) }}"></i></span> @endif @if( !is_null($componente->nombre_tarea) ) <span class="text-dark"><i class="bi bi-list-task tootlip-componente" data-bs-toggle="tooltip" data-bs-title="Tarea Dependiente: {{ \App\Http\Controllers\Traducciones::get($componente->nombre_tarea) }}"></i></span> @endif</label>
</div>
@endif
@endforeach
<script>
    // [...document.querySelectorAll('.tootlip-componente')].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
</script>