Modelo dos grupos

bronze.blade.php

@extends('_partials.base',['menuActive' => 'accounts.validate'])

@section('content')

    <div class="row justify-content-center">
        <div class="col-md-4">
            <div class="cus-bg-content">
                <table class="table table-bordered">

                    <tr style="background: #cd7f32">
                        <th scope="row" colspan="2" class="text-center text-uppercase">{{$group->level->description}} - {{$group->id}}</th>
                    </tr>
                    <tr>
                        <th scope="row" colspan="2" class="text-center">{{$groupAccount[1]->account->name}}</th>
                    </tr>
                    <tr style="background: #fff;color: #000">
                        <td scope="row">{{$groupAccount[2]->account->name}}</td>
                        <td>{{$groupAccount[3]->account->name}}</td>
                    </tr>
                    <tr style="background: #004085">
                        <td scope="row">{{$groupAccount[4]->account->name}}</td>
                        <td>{{$groupAccount[5]->account->name}}</td>
                    </tr>
                    <tr style="background: #004085">
                        <td scope="row">{{$groupAccount[6]->account->name}}</td>
                        <td>{{$groupAccount[7]->account->name}}</td>
                    </tr>
                    <tr>
                        <td style="background: #ff0000" scope="row">Vermelho <span class="badge badge-pill rounded-circle" style="background: #ffff00;color: #000">&nbsp;</span></td>
                        <td style="background: #ff0000">Vermelho <span class="badge badge-pill rounded-circle" style="background: #21965F;color: #000">&nbsp;</span></td>
                    </tr>
                    <tr style="background: #cc0109">
                        <td style="background: #ff0000" scope="row"><button type="button" class="btn btn-warning  btn-sm btn-block">Adicionar CS</button></td>
                        <td style="background: #ff0000">Vermelho <span class="badge badge-pill rounded-circle" style="background: #c0c0c0;color: #000">&nbsp;</span></td>
                    </tr>
                    <tr style="background: #cc0109">
                        <td style="background: #ff0000" scope="row">Vermelho <span class="badge badge-pill rounded-circle" style="background: #c0c0c0;color: #000">&nbsp;</span></td>
                        <td style="background: #ff0000"><button type="button" class="btn btn-warning  btn-sm btn-block">Adicionar CS</button></td>
                    </tr>
                    <tr style="background: #cc0109">
                        <td style="background: #ff0000" scope="row">Vermelho <span class="badge badge-pill rounded-circle" style="background: #21965F;color: #000">&nbsp;</span></td>
                        <td style="background: #ff0000">Vermelho <span class="badge badge-pill rounded-circle" style="background: #ffff00;color: #000">&nbsp;</span></td>
                    </tr>
                    </tbody>
                    <tr>
                        <td colspan="2" class="text-center">
                            <span class="badge border border-white" style="background: #21965F">Ajuda Ok</span>
                            <span class="badge border border-white" style="background: #ffff00;color: #000">Ajuda pendente</span>
                            <span class="badge border border-white" style="background: #c0c0c0;color: #000">Fora de prazo</span>
                        </td>
                    </tr>
                </table>
            </div>


        </div>
    </div>
    </div>

@endsection