@foreach($bonuses as $bonus)
    <table id="rank-{{ $bonus[0]['bonusId'] }}" style="display: none;" class="scorecards-ranks-table table table-borderless table-progress">
        <tbody>
        @foreach($bonus as $key => $indi)
            <tr>
                <td>
                    <div class="d-flex justify-content-between">
                        <strong>{{ $indi['description'] }}</strong>
                        <div class="progress-mata">
                            <span class="mr-2">Weight: {{ $indi['actualWeight'] }} / {{ $indi['itemWeight'] }}</span>
                        </div>
                    </div>
                    <div class="progress" style="height: 5px">
                        <div class="progress-bar bg-info" role="progressbar" style="width: {{ $indi['score'] }}%"></div>
                    </div>
                    <div class="progress-meta">
                        {{ $indi['requiredValue'] }} / {{ $indi['actualValue'] }} {!! ($indi['qualified']) ? '<i class="fa fa-check"></i>' : '' !!}
                    </div>
                </td>
                <td class="progress-percentage">{{ $indi['score'] }}%</td>
            </tr>
        @endforeach

        </tbody>
    </table>
@endforeach