@if( count($tareas) > 0 )
{{--<div class="row justify-content-start my-3">
    <div class="col-lg-4 col-md-6">
        <div class="input-group">
            <span class="input-group-text">@traducir('Filtro por orden informe','Filtro por orden informe')</span>
            <!-- -->
            <div class="btn-group" role="group" aria-label="filtro por orden de tarea">
                <input type="radio" name="filtro_orden_familia" class="btn-check" id="todo_orden_familia" autocomplete="off" value="0" checked="true">
                <label class="btn btn-outline-fidelitas btn-sm" for="todo_orden_familia" title="@traducir('Todo','Todo)"><i class="bi bi-inboxes"></i></label>
                <!-- -->
                <input type="radio" name="filtro_orden_familia" class="btn-check" autocomplete="off" id="gest_docs_orden_familia" value="1">
                <label class="btn btn-outline-fidelitas btn-sm" for="gest_docs_orden_familia" title="@traducir('Carga de documentación','Carga de documentación)"><i class="bi bi-files"></i> </label>
                <!-- -->
                <input type="radio" name="filtro_orden_familia" class="btn-check" autocomplete="off" id="cont_calidad_orden_familia" value="2">
                <label class="btn btn-outline-fidelitas btn-sm" for="cont_calidad_orden_familia" title="@traducir('Producción','Producción)"><i class="bi bi-newspaper"></i> </label>
                <!-- -->
                <input type="radio" name="filtro_orden_familia" class="btn-check" autocomplete="off" id="redaccion_orden_familia" value="3">
                <label class="btn btn-outline-fidelitas btn-sm" for="redaccion_orden_familia" title="@traducir('Redacción y publicación','Redacción y publicación)"><i class="bi bi-pencil-square"></i> </label>
            </div>
        </div>
    </div>
    <!-- -->
    <div class="col-lg-4 col-md-6">
        <div class="input-group">
            <span class="input-group-text">@traducir('Filtro por vigencia','Filtro por vigencia')</span>
            <!-- -->
            <div class="btn-group" role="group" aria-label="filtro por vigencia">
                <input type="radio" name="filtro_vigencia_tarea" class="btn-check" id="todo_diferencia_fecha" autocomplete="off" value="T" checked="true" title="Todo">
                <label class="btn btn-outline-fidelitas btn-sm" for="todo_diferencia_fecha" title="@traducir('Todo','Todo)"><i class="bi bi-inboxes"></i></label>
                <!-- -->
                <input type="radio" name="filtro_vigencia_tarea" class="btn-check" id="tarea_no_vencida" autocomplete="off" value="no-vencido">
                <label class="btn btn-outline-fidelitas btn-sm" for="tarea_no_vencida" title="@traducir('No vencidos','No vencidos)"><i class="bi bi-check-lg"></i></label>
                <!-- -->
                <input type="radio" name="filtro_vigencia_tarea" class="btn-check" id="tarea_a_vencer" autocomplete="off" value="a-vencer">
                <label class="btn btn-outline-fidelitas btn-sm" for="tarea_a_vencer" title="@traducir('A vencer','A vencer)"><i class="bi bi-exclamation-square"></i></label>
                <!-- -->
                <input type="radio" name="filtro_vigencia_tarea" class="btn-check" id="tarea_vencida" autocomplete="off" value="vencido">
                <label class="btn btn-outline-fidelitas btn-sm" for="tarea_vencida" title="@traducir('Vencidos','Vencidos)"><i class="bi bi-x-lg"></i></label>
            </div>
        </div>
    </div>
</div>--}}
<!-- -->
<div class="row justify-content-center">
    <div class="col-12">
        <table id="tablaInformeTareas" class="table table-hover text-center my-2 w-100">
            <thead>
                <tr class="table-header-fidelitas">
                    <th class="d-none"></th>
                    {{--<th class="d-none"></th>--}}
                    <th>@traducir('Tarea','Tarea')</th>
                    <th>@traducir('Est. Tarea','Est. Tarea')</th>
                    <th>@traducir('Fecha Comprometida','Fecha Comprometida')</th>
                    <!-- <th>@traducir('Diff. Tiempo','Diff. Tiempo')</th> -->
                    <th>@traducir('Usuario','Usuario')</th>
                </tr>
            </thead>
            <tbody>
                @foreach( $tareas as $tarea )
                <tr @if( $tarea->diffdiasTAR > 1 ) class="no-vencido" @elseif( $tarea->diffdiasTAR < 0 ) class="vencido" @else class="a-vencer" @endif>
                    <td class="d-none">{{$tarea->tarea}}</td>
                    {{--<td class="d-none">{{$tarea->etapa}}</td>--}}
                    <td class="text-start">{{$tarea->nombre_tipo_tarea}}</td>
                    <td class="@if($tarea->nombre_estado_tarea == 'Aprobado')alert alert-success @endif" @if ($tarea->nombre_estado_tarea == 'Aprobado') role="alert" @endif>{{$tarea->nombre_estado_tarea}}</td>
                    <td>{{$tarea->fecha_comprometidaTAR}}</td>
                    <!-- <td @if( $tarea->diffdiasTAR > 1 ) class="bg-sucess text-white text-center" @elseif( $tarea->diffdiasTAR < 0 ) class="bg-danger text-white text-center" @else class="bg-warning text-white text-center" @endif>{{$tarea->diffdiasTAR}}</td> -->
                    <td>{{$tarea->tarea_usuario_asignado}}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
<!-- -->
<script>
    $(document).ready(function(){
        eventosTablaTareasInforme();
    });
</script>
@else
<div class="row justify-content-start my-3">
    <div class="col-lg-4 col-md-6">
        <div class="alert alert-warning">
            <i class="bi bi-exclamation-triangle-fill"></i> @traducir('El informe no tiene tareas','El informe no tiene tareas')
        </div>
    </div>
</div>
@endif