@component('components.portlets', [
    'title' => 'Demais SLA\'s',
    'initial_col' => false,
    'data_parent' => 'accordion-rel-cart',
    'id_panel_collapse' => 'collapseDemaisSla',
    'bg' => 'bg-portlets-header',
    'open_close' => false,
])

    <div class="row justify-content-center m-b-15">
        <div class="col-3 card-box m-b-0">
            @component('components.widget-total')
                @slot('title')
                    <span>Erro Operacional</span>
                @endslot
                <span class="text-simulator-indicators">R$</span>
                <span class="m-l-5" data-name="value_VlTotalErroOperacional">-</span>
            @endcomponent
        </div>
        <div class="col-3 card-box m-b-0">
            @component('components.widget-total')
                @slot('title')
                    <span>Diferença de Log</span>
                @endslot
                <span class="text-simulator-indicators">R$</span>
                <span class="m-l-5" data-name="value_VlTotalDiferencaLog">-</span>
            @endcomponent
        </div>
    </div>

    <table class="table table-hover table-sm m-b-0 w-100" id="table-demais-sla">
        <thead>
            <tr>
                <th>Detalhes</th>
                <th>Descrição</th>
                <th class="text-center">Protocolo</th>
                <th class="text-center">Valor</th>
                <th class="text-center">Usuário</th>
                <th class="text-center">Criado em</th>
                <th class="text-center"><i class="fa fa-cog"></i></th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>

@endcomponent