@component('components.portlets', [
    'title' => 'Projeção',
    'initial_col' => false,
    'data_parent' => 'accordion-rel-cart',
    'id_panel_collapse' => 'collapseProjecao',
    'bg' => 'bg-portlets-header',
    'open_close' => false,
])
    @slot('portlet_widgets')
        <span class="m-r-15 font-14" data-name="value_PeriodoPrevia"></span>
    @endslot

    <table class="table table-hover table-sm m-b-0">
        <thead>
            <tr>
                <th></th>
                <th class="text-center">Volume</th>
                {{-- <th class="text-center">Percentual</th> --}}
                <th class="text-center">Custo Médio</th>
                <th class="text-center">Total Forecast x Custo Médio</th>
                {{-- <th class="text-center">Total de Despesas</th> --}}
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Chamadas (Forecast)</td>
                <td class="text-center">
                    <div class="is_editable">
                        <span data-name="value_Fc_volume_Previa" data-idcampo="809" data-justify="true" data-description="Projeção - Volume">-</span>
                    </div>
                </td>
                {{-- <td class="text-center"><span data-name="value_PcProjecao">-</span> %</td> --}}
                <td class="text-center">R$ <span data-name="value_VlCMI">-</span></td>
                <td class="text-center">R$ <span data-name="value_VlProjecao">-</span></td>
                {{-- <td class="text-center"><span data-name="value_">-</span></td> --}}
            </tr>
        </tbody>
    </table>
@endcomponent