@component('components.portlets', [
    'title' => 'Faturamento',
    'initial_col' => false,
    'data_parent' => 'accordion-rel-cart',
    'id_panel_collapse' => 'collapseFaturamento',
    'bg' => 'bg-portlets-header',
    '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><span data-name="value_FatIdentifSemRech">-</span></td>
                <td><span data-name="value_PcFatIdentifSemRech">-</span> %</td>
                <td><span data-name="value_FatIdentifComRech">-</span></td>
                <td><span data-name="value_PcFatIdentifComRech">-</span> %</td>
                <td><span data-name="value_FatNaoIdentifDifProtocoloProjecao">-</span></td>
                <td><span data-name="value_PcFatNaoIdentifDifProtocoloProjecao">-</span> %</td>
                <td><span data-name="value_FatTotalChamadasPagas">-</span></td>
            </tr>
            <tr>
                <td>Custo</td>
                <td colspan="2">R$ <span data-name="value_VlFatIdentifSemRech">-</span></td>
                <td colspan="2">R$ <span data-name="value_VlFatIdentifComRech">-</span></td>
                <td colspan="2">R$ <span data-name="value_FatVlNaoIdentifDifProtocoloProjecao">-</span></td>
                <td>R$ <span data-name="value_FatVlTotalChamadasPagas">-</span></td>
            </tr>
            <tr>
                <td>Valor Total Serviço</td>
                <td colspan="2">R$ <span data-name="value_FatVlIdentifSemRech">-</span></td>
                <td colspan="2">R$ <span data-name="value_FatVlIdentifComRech">-</span></td>
                <td colspan="2">R$ <span data-name="value_FatVlTotalNaoIdentifDifProtocoloProjecao">-</span></td>
                <td>R$ <span data-name="value_FatVlTotalServicos">-</span></td>
            </tr>
        </tbody>
    </table> --}}

    <div class="row card-box m-b-0 p-b-0">
        <div class="col-sm-12 col-md">
            @component('components.widget-block-money')
                @slot('title')
                    <span>Chamadas Identificadas</span>
                @endslot
                @slot('class_block_money')
                    b-color-vls
                @endslot
                <span class="text-muted">R$</span>
                <span class="m-l-5"  data-name="value_DespTotaisIdentif">-</span>
            @endcomponent
        </div>

        <div class="col-sm-12 col-md">
             @component('components.widget-block-money')
                @slot('title')
                    <span>Chamadas Não Identificadas</span>
                @endslot
                @slot('class_block_money')
                    b-color-vls
                @endslot
                <span class="text-muted">R$</span>
                <span class="m-l-5"  data-name="value_DespTotaisNaoIdentif">-</span>
            @endcomponent
        </div>

        <div class="col-sm-12 col-md">
             @component('components.widget-block-money')
                @slot('title')
                    <span>Chamadas Projeção</span>
                @endslot
                @slot('class_block_money')
                    b-color-vls
                @endslot
                <span class="text-muted">R$</span>
                <span class="m-l-5"  data-name="value_VlProjecao">-</span>
            @endcomponent
        </div>

        <div class="col-sm-12 col-md">
             @component('components.widget-block-money')
                @slot('title')
                    <span>Dif. Prot. X Chamadas</span>
                @endslot
                @slot('class_block_money')
                    b-color-vls
                @endslot
                <span class="text-muted">R$</span>
                <span class="m-l-5"  data-name="value_VlTotalDifProtocoloChamadas">-</span>
            @endcomponent
        </div>

        <div class="col-sm-12 col-md">
             @component('components.widget-block-money')
                @slot('title')
                    <span>Garantia Mínima</span>
                @endslot
                @slot('class_block_money')
                    b-color-vls
                @endslot
                <span class="text-muted">R$</span>
                <span class="m-l-5"  data-name="value_VlFinalGarantiaMinima">-</span>
            @endcomponent
        </div>
    </div>

    <div class="row card-box m-b-0 p-b-0">
        <div class="col-sm-12 col-md">
             @component('components.widget-block-money')
                @slot('title')
                    <span>Outros Lançamentos</span>
                @endslot
                <span class="text-muted">R$</span>
                <span class="m-l-5 is_editable">
                    <span data-name="value_OutrasDiferencas" data-idcampo="882" data-justify="true" data-description="Outros Lançamentos">-</span>
                </span>
            @endcomponent
        </div>

        <div class="col-sm-12 col-md">
            @component('components.widget-block-money')
                @slot('title')
                    <span>Penalidades</span>
                @endslot
                <span class="text-muted">R$</span>
                <span class="m-l-5" data-name="value_FatVlTotPenalidades">-</span>
            @endcomponent
        </div>

        {{-- <div class="col-sm-12 col-md">
            @component('components.widget-block-money')
                @slot('title')
                    <span>Valor Total Serviços</span>
                @endslot
                <span class="text-muted">R$</span>
                <span class="m-l-5" data-name="value_FatVlTotalServicos">-</span>
            @endcomponent
        </div> --}}

        <div class="col-sm-12 col-md">
            @component('components.widget-block-money')
                @slot('title')
                    <span>Valor Bruto p/ Cálculo 1,2%</span>
                @endslot
                <span class="text-muted">R$</span>
                <span class="m-l-5"><span data-name="value_FatVlBrutoCalculo">-</span></span>
            @endcomponent
        </div>

        <div class="col-sm-12 col-md">
            @component('components.widget-block-money')
                @slot('title')
                    <span>Desconto Comercial</span>
                @endslot
                <span class="text-muted">R$</span>
                <span class="m-l-5"><span data-name="value_DescontoComercial">-</span></span>
            @endcomponent
        </div>

        <div class="col-sm-12 col-md">
            @component('components.widget-block-money')
                @slot('title')
                    <span>Prévia Paga</span>
                @endslot
                <span class="text-muted">R$</span>
                <span class="m-l-5 inline-editable-input" data-name="value_VlPagoPrevia">-</span>
            @endcomponent
        </div>

    </div>

    <div class="row card-box m-b-0 p-b-0 row-totals-faturamento">
        <div class="col-sm-12 col-md card-box m-b-0">
            @component('components.widget-total')
                @slot('title')
                    <span class="text-light">Valor Total Serviços</span>
                @endslot
                @slot('bg')
                    bg-bmg-purple
                @endslot
                <span class="text-simulator-indicators">R$</span>
                <span class="m-l-5 text-light" data-name="value_FatVlTotalServicos">-</span>
            @endcomponent
        </div>
        <div class="col-sm-12 col-md card-box m-b-0">
            @component('components.widget-total')
                @slot('title')
                    <span>Valor Total Faturado</span>
                @endslot
                <span class="text-simulator-indicators">R$</span>
                <span class="m-l-5" data-name="value_FatVlTotalFaturado">-</span>
            @endcomponent
        </div>
        <div class="col-sm-12 col-md card-box m-b-0">
            @component('components.widget-total')
                @slot('title')
                    <span>Valor Líquido</span>
                @endslot
                @slot('bg')
                    bg-bmg-dark-success
                @endslot
                @slot('class')
                    vl-destaque
                @endslot
                <span class="text-simulator-indicators">R$</span>
                <span class="m-l-5" data-name="value_FatVlLiquido">-</span>
            @endcomponent
        </div>
        <div class="col-sm-12 col-md card-box m-b-0">
            @component('components.widget-total')
                @slot('title')
                    <span>Dif. Prévia x Real</span>
                @endslot
                <span class="text-simulator-indicators">R$</span>
                <span class="m-l-5" data-name="value_FatVlDifPreviaReal">-</span>
            @endcomponent
        </div>
        <div class="col-sm-12 col-md card-box m-b-0">
            @component('components.widget-total')
                @slot('title')
                    <span>Valor Unitário</span>
                @endslot
                <span class="text-simulator-indicators">R$</span>
                <span class="m-l-5" data-name="value_VlNotaUnitario">-</span>
            @endcomponent
        </div>

    </div>

    <table class="table m-t-15 m-b-0 table-bordered">
        <tbody>
            <tr>
                <td width="33%" class="text-center">Totais</td>
                <td width="33%" class="text-center bg-bmg-dark-success">
                    <span class="font-18 font-500 text-light">
                        Custo médio: R$ <span data-name="value_VlCMI">-</span> (<span data-name="value_PcCMI">-</span> %)
                    </span>
                </td>
                <td width="34%" class="text-right">
                    R$ <span data-name="value_FatVlTotalServicos">-</span>
                </td>
            </tr>
        </tbody>
    </table>

    <div class="row card-box m-b-0 p-b-0 m-t-10">
        <div class="col-sm-12 col-md-6 col-lg-3">
            @component('components.fin.widget-fatura-perc-valor')
                @slot('title')
                    Total de Chamadas
                @endslot
                @slot('faturamento')
                    <span data-name="value_FatTotalChamadasPagas">-</span>
                @endslot
                @slot('percent')
                    <span>100,00</span>
                @endslot
                @slot('valor')
                    <span data-name="value_FatVlTotalChamadasPagas">-</span>
                @endslot
            @endcomponent
        </div>
        <div class="col-sm-12 col-md-6 col-lg-3">
            @component('components.fin.widget-fatura-perc-valor')
                @slot('title')
                    <span>Identificadas Sem Recontato</span>
                @endslot
                @slot('faturamento')
                    <span data-name="value_FatIdentifSemRech">-</span>
                @endslot
                @slot('percent')
                    <span data-name="value_PcFatIdentifSemRech">-</span>
                @endslot
                @slot('valor')
                    <span data-name="value_VlFatIdentifSemRech">-</span>
                @endslot
            @endcomponent
        </div>
        <div class="col-sm-12 col-md-6 col-lg-3">
            @component('components.fin.widget-fatura-perc-valor')
                @slot('title')
                    <span>Identificadas Com Recontato</span>
                @endslot
                @slot('faturamento')
                    <span data-name="value_FatIdentifComRech">-</span>
                @endslot
                @slot('percent')
                    <span data-name="value_PcFatIdentifComRech">-</span>
                @endslot
                @slot('valor')
                    <span data-name="value_VlFatIdentifComRech">-</span>
                @endslot
            @endcomponent
        </div>
        <div class="col-sm-12 col-md-6 col-lg-3">
            @component('components.fin.widget-fatura-perc-valor')
                @slot('title')
                    <span title="NÃO IDENTIFICADOS, DIFERENÇA PROTOCOLO X CHAMADAS, GARANTIA MÍNIMA E PROJEÇÃO">Demais Chamadas</span>
                @endslot
                @slot('faturamento')
                    <span data-name="value_FatNaoIdentifDifProtocoloProjecao">-</span>
                @endslot
                @slot('percent')
                    <span data-name="value_PcFatNaoIdentifDifProtocoloProjecao">-</span>
                @endslot
                @slot('valor')
                    <span data-name="value_FatVlNaoIdentifDifProtocoloProjecao">-</span>
                @endslot
            @endcomponent
        </div>
    </div>

@endcomponent