@component('components.portlets', [
    'title' => 'Descontos',
    'initial_col' => false,
    'data_parent' => 'accordion-rel-cart',
    'id_panel_collapse' => 'collapseDescontos',
    'bg' => 'bg-portlets-header',
    'open_close' => false,
])
    {{-- <table class="table table-hover table-sm">
        <tbody>
            <tr class="text-light bg-secondary bg-gradient">
                <td class="text-center">TMO Real</td>
                <td class="text-center"><span data-name="value_TMA"></span></td>
            </tr>
        </tbody>
    </table> --}}

    <div class="row">
        <div class="col-md-5 card m-b-0">
            <table class="table table-hover table-sm m-b-0">
                <thead>
                    <tr class="bg-bmg-dark-success">
                        <th colspan="2" class="text-center">Expurgo</th>
                    </tr>
                    <tr>
                        <th class="text-center">Chamadas</th>
                        <th class="text-center">Short Call</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="text-center">
                            <div class="is_editable">
                                <span data-name="value_ExpurgoChamadas" data-idcampo="723" data-justify="true" data-description="Expurgo - Chamadas">-</span>
                            </div>
                        </td>
                        <td class="text-center">
                            <div class="is_editable">
                                <span data-name="value_ExpurgoShortCall" data-idcampo="722" data-justify="false" data-description="Expurgo - Short Call">-</span>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="col-md-7 card m-b-0">
            <table class="table table-hover table-sm m-b-0">
                <thead>
                    <tr class="bg-bmg-dark-success">
                        <th colspan="4" class="text-center">Recontato</th>
                    </tr>
                    <tr>
                        <th class="text-center">Acima da Média</th>
                        <th class="text-center">Meta</th>
                        <th class="text-center">Real</th>
                        <th class="text-center">Diferença</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="text-center">
                            <span data-name="value_VolumeDifExpurgo">-</span>
                        </td>
                        <td class="text-center">
                            <div class="is_editable">
                                <span data-name="value_MetaRecontato" data-idcampo="795" data-justify="false" data-description="Recontato - Meta">-</span> %
                            </div>
                        </td>
                        <td class="text-center">
                            <span data-name="value_RealExpurgo">-</span> %
                        </td>
                        <td class="text-center">
                            <div class="is_editable">
                                <span data-name="value_PcDifExpurgo" data-idcampo="797" data-justify="false" data-description="Recontato - Diferença">-</span> %
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    {{-- <div class="row m-0">
        <div class="col-6">
            <button class="btn btn-link text-reset" id="btn-add-new-value">+ Adicionar novo</button>
        </div>
    </div> --}}
@endcomponent