@foreach( $tareas as $tarea )
@if( $tarea->activo == '1' )
    <div class="form-check form-check-inline mb-3">
        <input type="hidden" name="duracion_tarea_{{ $tarea->idTarea }}" value="{{ $tarea->duracion }}" disabled>
        <input class="form-check-input tareaInforme" type="checkbox" value="{{ $tarea->idTarea }}" name="tareas_informe[]" data-tarea-padre="{{ $tarea->idTarea_Padre }}" id="tarea_{{ $tarea->idTarea }}" data-cargado="0" data-descripcion="{{ $tarea->descripcion }}" data-nombre="{{ $tarea->nombre_tarea }}" data-prioridad="{{ $tarea->prioridad }}" data-tipo-tarea="{{ $tarea->tipo_tarea }}" style="cursor:pointer;">
        <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="tarea_{{ $tarea->idTarea }}" style="cursor:pointer;">
            {{ $tarea->nombre_tarea }} 
            @if( !is_null($tarea->descripcion) && !empty($tarea->descripcion) ) <span class="text-info"><i class="bi bi-exclamation-octagon tarea-tooltip" data-bs-toggle="tooltip" data-bs-title="{{ $tarea->descripcion }}"></i></span> @endif
        </label>
    </div>
@endif
@endforeach
<script>
    // if ( document.querySelectorAll('.tarea-tooltip').length > 0 ){
    //     [...document.querySelectorAll('.tarea-tooltip')].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));    
    // }
</script>