@component('components.portlets', [
    'title' => 'Faturamento',
    'initial_col' => false,
    'data_parent' => 'accordion-rel-cart',
    'class_portlet' => 'm-b-0',
    'id_panel_collapse' => 'collapseFaturamento',
    'bg' => 'bg-success',
    'open_close' => false,
])
    <table class="table table-hover table-sm m-b-0">
        <thead>
            <tr>
                <th></th>
                <th colspan="2">Identificadas sem Recontato</th>
                <th colspan="2">Identificadas com Recontato</th>
                <th colspan="2">Não Identificadas e Projeção</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Volumes</td>
                <td>-</td>
                <td>-</td>
                <td>-</td>
                <td>-</td>
                <td>-</td>
                <td>-</td>
                <td>-</td>
            </tr>
            <tr>
                <td>Custo</td>
                <td colspan="2">-</td>
                <td colspan="2">-</td>
                <td colspan="2">-</td>
                <td>-</td>
            </tr>
            <tr>
                <td>Valor Total serviço</td>
                <td colspan="2">-</td>
                <td colspan="2">-</td>
                <td colspan="2">-</td>
                <td>-</td>
            </tr>
        </tbody>
    </table>

    <div class="row card-box m-b-0 p-b-0">
        <div class="col">
            @component('components.widget-block-money')
                @slot('title')
                    <span data-name="label123">Outros Lançamentos</span>
                @endslot
                <span class="text-muted">R$</span>
                <span class="m-l-5" data-name="value123">-</span>
            @endcomponent
        </div>
        <div class="col">
            @component('components.widget-block-money')
                @slot('title')
                    <span data-name="label123">Valor Total Faturado</span>
                @endslot
                <span class="text-muted">R$</span>
                <span class="m-l-5" data-name="value123">-</span>
            @endcomponent
        </div>
        <div class="col">
            @component('components.widget-block-money')
                @slot('title')
                    <span data-name="label123">Valor da NF</span>
                @endslot
                <span class="text-muted">R$</span>
                <span class="m-l-5" data-name="value123">-</span>
            @endcomponent
        </div>
        <div class="col">
            @component('components.widget-block-money')
                @slot('title')
                    <span data-name="label123">Valor Bruto Para Calculo 1,2%</span>
                @endslot
                <span class="text-muted">R$</span>
                <span class="m-l-5" data-name="value123">-</span>
            @endcomponent
        </div>
        <div class="col">
            @component('components.widget-block-money')
                @slot('title')
                    <span data-name="label123">Desconto Comercial</span>
                @endslot
                <span class="text-muted">R$</span>
                <span class="m-l-5" data-name="value123">-</span>
            @endcomponent
        </div>
    </div>

    <div class="row card-box m-b-0 p-b-0">
        <div class="col-sm-4 card-box m-b-0">
            @component('components.widget-total')
                @slot('title')
                    <span data-name="label369">Prévia Paga</span>
                @endslot
                <span class="text-simulator-indicators">R$</span>
                <span class="m-l-5 inline-editable-input" data-name="value369">-</span>
            @endcomponent
        </div>
        <div class="col-sm-4 card-box m-b-0">
            @component('components.widget-total')
                @slot('title')
                    <span data-name="label370">Dif. Prévia x Real</span>
                @endslot
                <span class="text-simulator-indicators">R$</span>
                <span class="m-l-5" data-name="value370">-</span>
            @endcomponent
        </div>
        <div class="col-sm-4 card-box m-b-0">
            @component('components.widget-total')
                @slot('title')
                    <span data-name="label370">Valor Fechado</span>
                @endslot
                <span class="text-simulator-indicators">R$</span>
                <span class="m-l-5" data-name="value370">-</span>
            @endcomponent
        </div>
    </div>

@endcomponent