<thead class="table-header-fidelitas">
    <tr>
        <th class="d-none"></th>
        <th>@traducir('Orden','Orden')</th>
        <th>@traducir('Nombre Componente','Nombre Componente')</th>
        <th>@traducir('Tipo Componente','Tipo Componente')</th>
        <th>@traducir('Descripción Componente','Descripción Componente')</th>
        <th class="col col-2">@traducir('Acciones','Acciones')</th>
    </tr>
</thead>
<tbody>
    @foreach ($componentes_inf as $ind_componentes => $comp)
        <tr id="orden_{{$comp->orden}}">
            <td class="d-none"><input class="listaComp" type="hidden" name="componentes[]" value="{{ $comp->idElem }}"></td>
            <td>{{$comp->orden}}</td>
            <td>{{$comp->nombre_componente}}</td>  
            <td></td>
            <td>{{ $comp->descrip_componente }}</td>
            <td class="text-end">
                @if ($comp->orden > 1)
                <button type="button" class="btn btn-fidelitas upbtn" data-orden="{{$comp->orden}}" data-idcomp="{{$comp->idElem}}" data-idcomp-anterior="{{$componentes_inf[$ind_componentes-1]->idElem}}" data-id-infdesgin="{{$comp->idLNInformeDesign}}" data-id-infdesgin-anterior="{{$componentes_inf[$ind_componentes-1]->idLNInformeDesign}}" data-bs-toggle="tooltip" data-bs-title="@traducir('Subir','Subir')"><i class="fa fa-arrow-up"></i></button>
                @else
                <button type="button" class="btn btn-fidelitas disabled" data-bs-toggle="tooltip" data-bs-title="@traducir('Subir','Subir')"><i class="fa fa-arrow-up"></i></button>
                @endif
                @if ($ind_componentes == 0 || $ind_componentes < count($componentes_inf)-1)
                <button type="button" class="btn btn-fidelitas downbtn" data-orden="{{$comp->orden}}" data-idComp="{{$comp->idElem}}" data-idComp-anterior="{{$componentes_inf[$ind_componentes+1]->idElem}}" data-id-infdesgin="{{$comp->idLNInformeDesign}}" data-id-infdesgin-anterior="{{$componentes_inf[$ind_componentes+1]->idLNInformeDesign}}" data-bs-toggle="tooltip" data-bs-title="@traducir('Bajar','Bajar')"><i class="fa fa-arrow-down"></i></button>
                @else
                <button type="button" class="btn btn-fidelitas disabled" data-bs-toggle="tooltip" data-bs-title="@traducir('Bajar','Bajar')"><i class="fa fa-arrow-down"></i></button>
                @endif
                <!-- <button type="button" class="btn btn-fidelitas-secondary editbtn"  data-bs-toggle="tooltip" data-bs-title="Editar"><i class="bi bi-pencil-square"></button></i> -->
                @if ( $comp->activo == 1 )
                    <button type="button" class="btn btn-danger deletecompbtn" data-bs-toggle="tooltip" data-ifinfdes="{{$comp->idLNInformeDesign}}" data-bs-title="@traducir('Desactivar','Desactivar')" data-idComp="{{$comp->idElem}}"><i class="bi bi-trash"></i></button>
                @else
                    <button type="button" class="btn btn-info activatecompbtn" data-bs-toggle="tooltip" data-ifinfdes="{{$comp->idLNInformeDesign}}" data-bs-title="@traducir('Activar','Activar')" data-idComp="{{$comp->idElem}}"><i class="bi bi-activity"></i></button>
                @endif
            </td>
        </tr>
    @endforeach
</tbody>
<!-- -->
<script>
    $(document).ready(function(){
        eventosComponentesInformes();
    });
</script>