@extends('helper.include.view.modal', ['id' => 'modal-cota-mensal', 'class_size' => 'modal-full'])

@section('modal-header-left')

<h4 class="modal-title">
    Demonstrativo Mensal de Consumo de Cotas
</h4>

@overwrite

@section('modal-header-right')

    <button type="button" class="btn btn-default btn-voltar" data-dismiss="modal" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> 
        Voltar
    </button>

@overwrite

@section('modal-body')

    <form class="form-inline" ng-submit="vm.CotaMensal.consultar(true)" style="display: initial;">
        
        @php $def_mes_1         = isset($_GET['MES_1'        ]) ? $_GET['MES_1'        ] : ''
        @php $def_ano_1         = isset($_GET['ANO_1'        ]) ? $_GET['ANO_1'        ] : ''
        @php $def_mes_2         = isset($_GET['MES_2'        ]) ? $_GET['MES_2'        ] : ''
        @php $def_ano_2         = isset($_GET['ANO_2'        ]) ? $_GET['ANO_2'        ] : ''
        @php $def_cota_zerada   = isset($_GET['COTA_ZERADA'  ]) ? $_GET['COTA_ZERADA'  ] : '1'
        @php $def_cota_valida   = isset($_GET['COTA_VALIDA'  ]) ? $_GET['COTA_VALIDA'  ] : '1'
        @php $def_totaliza_cota = isset($_GET['TOTALIZA_COTA']) ? $_GET['TOTALIZA_COTA'] : '0'
        @php $def_faturamento   = isset($_GET['FATURAMENTO'  ]) ? $_GET['FATURAMENTO'  ] : '0'
        @php $def_cota_ggf      = isset($_GET['COTA_GGF'     ]) ? $_GET['COTA_GGF'     ] : ''
        @php $def_cota_ajuste_inventario      = isset($_GET['COTA_AJUSTE_INVENTARIO'     ]) ? $_GET['COTA_AJUSTE_INVENTARIO'     ] : ''
        @php $def_cota          = isset($_GET['COTA_ID'      ]) ? $_GET['COTA_ID'      ] : ''
        @php $def_cota_open     = isset($_GET['COTA_OPEN'    ]) ? $_GET['COTA_OPEN'    ] : ''
        
        <input type="hidden" ng-init="vm.CotaMensal.FILTRO.COTA_ID = '{{ $def_cota }}';"  ng-model="vm.CotaMensal.FILTRO.COTA_ID" ng-update-hidden value="{{ $def_cota }}" />
        <input type="hidden" ng-init="vm.CotaMensal.FILTRO.COTA_OPEN = '{{ $def_cota_open }}';"  ng-model="vm.CotaMensal.FILTRO.COTA_OPEN" ng-update-hidden value="{{ $def_cota_open }}" />
        
        <div id="form-filtro" class="table-filter collapse in" aria-expanded="true">
            <div>
                @php $meses = array(1 => ['01','Janeiro'],['02','Fevereiro'],['03','Março'],['04','Abril'],['05','Maio'],['06','Junho'],['07','Julho'],['08','Agosto'],['09','Setembro'],['10','Outubro'],['11','Novembro'],['12','Dezembro'])
                <div class="form-group">
                    <label>Data Inicial:</label>
                    <select name="mes_1" ng-init="vm.CotaMensal.FILTRO.MES_1 = '1'" ng-model="vm.CotaMensal.FILTRO.MES_1" class="form-control" required>
                        <option disabled>Mês</option>
                        @for ($i = 1; $i < 13; $i++)
                         <option value="{{ $i }}">{{ $meses[$i][1] }}</option>
                        @endfor
                    </select>
                    <select name="ano_1" ng-init="vm.CotaMensal.FILTRO.ANO_1 = '{{ $def_ano_1 == '' ? date('Y',strtotime('-1 Month')) : $def_ano_1 }}'" ng-model="vm.CotaMensal.FILTRO.ANO_1" class="form-control" required>
                        <option disabled>Ano</option>
                        @for ($i = 2000; $i < 2041; $i++)
                        <option value="{{ $i }}">{{ $i }}</option>
                        @endfor
                    </select>
                </div>
                <div class="form-group">
                    <label>Data Final:</label>
                    <select name="mes_2" ng-init="vm.CotaMensal.FILTRO.MES_2 = '{{ $def_mes_2 == '' ? date('n') : $def_mes_2 }}'" ng-model="vm.CotaMensal.FILTRO.MES_2" class="form-control" required>
                        <option disabled>Mês</option>
                        @for ($i = 1; $i < 13; $i++)
                         <option value="{{ $i }}">{{ $meses[$i][1] }}</option>
                        @endfor
                    </select>
                    <select name="ano_2" ng-init="vm.CotaMensal.FILTRO.ANO_2 = '{{ $def_ano_2 == '' ? date('Y') : $def_ano_2 }}'" ng-model="vm.CotaMensal.FILTRO.ANO_2" class="form-control" required>
                        <option disabled>Ano</option>
                        @for ($i = 2000; $i < 2041; $i++)
                        <option value="{{ $i }}">{{ $i }}</option>
                        @endfor
                    </select>
                </div>
                <div class="form-group">
                    <input type="checkbox" id="cota_mensal_cota_zerada" class="form-control" ng-init="vm.CotaMensal.FILTRO.COTA_ZERADA = '{{ $def_cota_zerada }}'" ng-checked="vm.CotaMensal.FILTRO.COTA_ZERADA == 1" ng-click="vm.CotaMensal.FILTRO.COTA_ZERADA = vm.CotaMensal.FILTRO.COTA_ZERADA == 1 ? 0 : 1"/>
                    <label class="label-checkbox" for="cota_mensal_cota_zerada" ttitle="Exibe cotas com valor igual a 0 (zero)">Cotas Zeradas</label>
                </div>
                <div class="form-group">
                    <input type="checkbox" id="cota_mensal_cota_valida" class="form-control" ng-init="vm.CotaMensal.FILTRO.COTA_VALIDA = '{{ $def_cota_valida }}'" ng-checked="vm.CotaMensal.FILTRO.COTA_VALIDA == 1" ng-click="vm.CotaMensal.FILTRO.COTA_VALIDA = vm.CotaMensal.FILTRO.COTA_VALIDA == 1 ? 0 : 1"/>
                    <label class="label-checkbox" for="cota_mensal_cota_valida" ttitle="Exibe cotas com valor maior que 0 (zero)">Cotas Válidas</label>
                </div>	    
    <!--            <div class="form-group">
                    <input type="checkbox" id="cota_mensal_totaliza" class="form-control" ng-init="vm.CotaMensal.FILTRO.TOTALIZA_COTA = '{{ $def_totaliza_cota }}'" ng-checked="vm.CotaMensal.FILTRO.TOTALIZA_COTA == 1" ng-click="vm.CotaMensal.FILTRO.TOTALIZA_COTA = vm.CotaMensal.FILTRO.TOTALIZA_COTA == 1 ? 0 : 1"/>
                    <label class="label-checkbox" for="cota_mensal_totaliza" ttitle="Totaliza todas as cotas">Totaliza Cotas</label>
                </div>	 -->
                <div class="form-group">
                    <input type="checkbox" id="cota_mensal_ajuste_inventario" class="form-control" ng-init="vm.CotaMensal.FILTRO.COTA_AJUSTE_INVENTARIO = '{{ $def_cota_ajuste_inventario }}'" ng-checked="vm.CotaMensal.FILTRO.COTA_AJUSTE_INVENTARIO == 1" ng-click="vm.CotaMensal.FILTRO.COTA_AJUSTE_INVENTARIO = vm.CotaMensal.FILTRO.COTA_AJUSTE_INVENTARIO == 1 ? 0 : 1"/>
                    <label class="label-checkbox" for="cota_mensal_ajuste_inventario" ttitle="Exibir os ajustes de estoque realizados durante o período em reais">Exibir Ajustes de Inventário</label>
                </div>	 
                <div class="form-group">
                    <input type="checkbox" id="cota_mensal_ggf" class="form-control" ng-init="vm.CotaMensal.FILTRO.COTA_GGF = '{{ $def_cota_ggf }}'" ng-checked="vm.CotaMensal.FILTRO.COTA_GGF == 1" ng-click="vm.CotaMensal.FILTRO.COTA_GGF = vm.CotaMensal.FILTRO.COTA_GGF == 1 ? 0 : 1"/>
                    <label class="label-checkbox" for="cota_mensal_ggf" ttitle="Exibir os Gastos Gerais de Fabricação / Gastos Gerais Administrativos">Exibir G.G.F./G.G.A.</label>
                </div>	 
                <div class="form-group">
                    <input type="checkbox" id="cota_mensal_faturamento" class="form-control" ng-init="vm.CotaMensal.FILTRO.FATURAMENTO = '{{ $def_faturamento }}'" ng-checked="vm.CotaMensal.FILTRO.FATURAMENTO == 1" ng-click="vm.CotaMensal.FILTRO.FATURAMENTO = vm.CotaMensal.FILTRO.FATURAMENTO == 1 ? 0 : 1;"/>
                    <label class="label-checkbox" for="cota_mensal_faturamento">Exibir Faturamento</label>
                </div>	 

                <button type="submit" class="btn btn-xs btn-primary btn-filtrar" data-hotkey="alt+f" id="btn-table-filter">
                    <span class="glyphicon glyphicon-filter"></span> Filtrar
                </button>
            </div>
        </div>
    </form>   
    <div class="panel-filter">
        <div class="form-group">
            <input type="checkbox" id="cota_mensal_plano_acao" class="form-control" ng-model="vm.CotaMensal.MODEL_PLANO_ACAO"/>
            <label class="label-checkbox" for="cota_mensal_plano_acao" ttitle="Filtra somente C. Contábeis que necessitam plano de ação">Plano de Ação</label>
        </div>	
        <div class="form-group">
            <input type="checkbox" id="cota_mensal_ocultar_mes" class="form-control" ng-model="vm.CotaMensal.MODEL_OCULTAR_MES"/>
            <label class="label-checkbox" for="cota_mensal_ocultar_mes" ttitle="Oculta os meses da visualização">Ocultar meses</label>
        </div>	
    </div>
    <style>
        #dre-modal .ccusto.col-odd td {
            background-color: rgb(227, 235, 245) !important;
        }
        

        #dre-modal td a.totaliza::before {
            content: "\f055";
            float: left;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 10px;
            color: rgb(0, 0, 0);
        }           

        #dre-modal td a.totalizar::before {
            content: "\f055";
            float: left;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 10px;
            color: rgb(0, 0, 0);
        }        
        
        #dre-modal td a.destacar {
            font-weight: bold;
            color: rgb(20, 165, 24);
        }       
        
        #dre-modal tr {
            font-size: 12px;
        }       
        
        #dre-modal.table-ec table tfoot tr td {
            background: rgb(207, 215, 226) !important;
        }       
    </style>

    <div style="position: relative">
        <input type="text" class="form-control input-filter-table" ng-model="vm.CotaMensal.MODEL_FILTRO" placeholder="Filtragem rápida..." style="width: calc(100% - 154px);">
        <button type="submit" class="btn btn-xs btn-info" ng-click="vm.CotaMensal.toggleExpand()" style="position: absolute;width: 116px;right: 34;top: 0;">
            <span class="fa @{{ vm.CotaMensal.FILTRO.EXPANDED ? 'fa-compress' : 'fa-expand' }}"></span> @{{ vm.CotaMensal.FILTRO.EXPANDED ? 'Comprimir' : 'Expandir' }} Todos
        </button>
        <div class="dropdown acoes"style="position: absolute;right: 0;top: 0;">
            <button title="Ações disponíveis" class="btn btn-default btn-xs toggle" data-toggle="dropdown" style="height: 22px;width: 30px;"    >
                <span class="fa fa-ellipsis-v"></span>
            </button>
            <ul class="dropdown-menu dropdown-menu-right">
                <li class="dropdown-header">Exportação de Dados</li>
                <li>
                    <a href ng-click="vm.exportTableToXls('dre-table','Demonstrativo Mensal de Consumo de Cotas - ' + (vm.CotaMensal.FILTRO.MES_1 | lpad: [2,0]) + '.' + vm.CotaMensal.FILTRO.ANO_1 + ' a ' + (vm.CotaMensal.FILTRO.MES_2 | lpad: [2,0]) + '.' + vm.CotaMensal.FILTRO.ANO_2 + '.xls')">Exportar para XLS</a>
                    <a href ng-click="vm.exportTableToCsv('dre-table','Demonstrativo Mensal de Consumo de Cotas - ' + (vm.CotaMensal.FILTRO.MES_1 | lpad: [2,0]) + '.' + vm.CotaMensal.FILTRO.ANO_1 + ' a ' + (vm.CotaMensal.FILTRO.MES_2 | lpad: [2,0]) + '.' + vm.CotaMensal.FILTRO.ANO_2 + '.csv')">Exportar para CSV</a>
                    <a href ng-click="vm.exportTableToPrint('dre-modal','Demonstrativo Mensal de Consumo de Cotas','Período: ' + (vm.CotaMensal.FILTRO.MES_1 | lpad: [2,0]) + '.' + vm.CotaMensal.FILTRO.ANO_1 + ' a ' + (vm.CotaMensal.FILTRO.MES_2 | lpad: [2,0]) + '.' + vm.CotaMensal.FILTRO.ANO_2 + ' | Cotas Zeradas : ' + (vm.CotaMensal.FILTRO.COTA_ZERADA == 1 ? 'Sim' : 'Não') + ' | Cotas Válidas : ' + (vm.CotaMensal.FILTRO.COTA_VALIDA == 1 ? 'Sim' : 'Não') + ' | Ajustes de Inventário : ' + (vm.CotaMensal.FILTRO.COTA_AJUSTE_INVENTARIO == 1 ? 'Sim' : 'Não') + ' | G.G.F/G.G.A : ' + (vm.CotaMensal.FILTRO.COTA_GGF == 1 ? 'Sim' : 'Não') + ' | Faturamento : ' + (vm.CotaMensal.FILTRO.FATURAMENTO == 1 ? 'Sim' : 'Não') + '')">Imprimir</a>
                </li>

            </ul> 
        </div>      

        <div class="table-ec" style="height: calc(100vh - 340px);" id="dre-modal">
            <table class="table table-striped table-bordered table-hover table-condensed table-middle" id="dre-table">
                <thead>
                    <tr>
                        <th colspan="2">C.Custo / C.Contábil</th>
                        <th 
                            class="text-center" 
                            ng-repeat="mes in vm.CotaMensal.MESES | orderBy: 'MES'"
                            ng-if="vm.CotaMensal.MODEL_OCULTAR_MES != true"
                            >@{{ mes.PERIODO_DESCRICAO }}
                        </th>
                        <th class="text-center" ttitle="Soma dos valores utilizados<br/>Média do utilizado<br/>Percentual do utilizado em relação ao total das cotas">Tot.Util. / Média / %</th>
                        <th class="text-center" ttitle="Soma dos valores das cotas<br/>Média das cotas no período">Cota / Média</th>
                        <th class="text-center" ttitle="Somas dos valores transferidos<br/>Soma das cotas + transferências">Transf. / Cota Tot.</th>
                        <th class="text-center"></th>
                    </tr>
                </thead>                        
                <tbody>
                    <tr
                        class="ccusto" 
                        ng-class-odd="'col-odd'"
                        ng-repeat-start="ccusto in vm.CotaMensal.CCUSTOS | orderBy : 'CCUSTO_MASK'"
                        ng-click="ccusto.OPENED = ccusto.OPENED != true ? true : false"
                        ng-if="(ccusto.VISIBLE || ccusto.VISIBLE == undefined) && ccusto.FILTERED.length > 0"
                        >
                        <td>@{{ ccusto.CCUSTO_MASK }}</td><td>@{{ ccusto.CCUSTO_DESCRICAO }}</td>

                        <td class="text-right" ng-repeat="mesx in vm.CotaMensal.MESES | orderBy: 'MES'" ng-class-odd="'col-odd'" ng-if="vm.CotaMensal.MODEL_OCULTAR_MES != true">
                            <div 
                                ng-repeat="mes in ccusto.MESES" 
                                ng-if="mesx.ANO+mesx.MES == mes.ANO+mes.MES"
                                ttitle="Cota: R$ @{{ mes.VALOR_REAL | number: 2 }}<br/>Tranf.: R$ @{{ mes.VALOR_TRANSFERENCIA | number : 2 }}">
                                <div>R$ @{{ mes.UTIL_TOTAL | number : 2 }}</div>
                                <span ng-class="{'media-red' : mes.PERC_UTIL >= 100.01 }">
                                    @{{ mes.PERC_UTIL | number : 2 }}%
                                </span>
                            </div>
                        </td>       
                        <td class="text-right">
                            <div>R$ @{{ ccusto.UTIL_TOTAL | number : 2 }}</div>
                            <div>
                                <span>R$ @{{ ccusto.UTIL_TOTAL / vm.CotaMensal.MESES.length | number : 2 }} /</span>
                                <span ng-class="{'media-red' : ccusto.PERC_UTIL >= 100.01 }">
                                    @{{  ccusto.PERC_UTIL | number : 2 }}%
                                </span>    
                            </div>  
                        </td>             
                        <td class="text-right">
                            <div>R$ @{{ ccusto.VALOR_REAL | number : 2 }}</div>
                            <div>R$ @{{ ccusto.VALOR_REAL / vm.CotaMensal.MESES.length | number : 2 }}</div>  
                        </td>             
                        <td class="text-right">
                            <div>R$ @{{ ccusto.VALOR_TRANSFERENCIA | number : 2 }}</div>
                            <div>R$ @{{ ccusto.VALOR_REAL + ccusto.VALOR_TRANSFERENCIA | number : 2 }}</div>  
                        </td>  
                        <td></td>
                    </tr>
                    <tr ng-repeat="
                            ccontabil in ccusto.FILTERED = (ccusto.CCONTABEIS
                            | find: {
                                model : vm.CotaMensal.MODEL_FILTRO,
                                fields : [    
                                    'ID',
                                    'CCUSTO',
                                    'CCUSTO_MASK',
                                    'CCUSTO_DESCRICAO',
                                    'PERIODO_DESCRICAO',                                    
                                    'CCONTABIL',
                                    'CCONTABIL_MASK',
                                    'CCONTABIL_DESCRICAO'
                                ]
                            }
                            | filter : vm.CotaMensal.ccontabilFilterRepeat(ccusto)
                            | orderBy : ['CCONTABIL'])                        
                        "
                        ng-if="ccusto.OPENED"
                        >
                        <td colspan="2">@{{ ccontabil.CCONTABIL_MASK }} - @{{ ccontabil.CCONTABIL_DESCRICAO }}</td>

                        <td class="text-right" ng-repeat="mesx in vm.CotaMensal.MESES | orderBy: 'MES'" ng-class-odd="'col-odd'" ng-if="vm.CotaMensal.MODEL_OCULTAR_MES != true">
                            <a 
                                href 
                                ng-click="vm.Cota.dblPick(mes)" 
                                ng-repeat="mes in ccontabil.MESES" 
                                ng-if="mesx.ANO+mesx.MES == mes.ANO+mes.MES"
                                ng-class="{
                                    'totalizar' : mes.TOTALIZA == 1,
                                    'destacar' : mes.DESTAQUE == 1
                                }">
                                <div>R$ @{{ mes.UTIL_TOTAL | number : 2 }}</div>
                                <span ng-class="{'media-red' : mes.PERC_UTIL >= 100.01 }">
                                    @{{ mes.PERC_UTIL | number : 2 }}%
                                </span>
                            </a>
                        </td>
                        <td class="text-right">
                            <div>R$ @{{ ccontabil.UTIL_TOTAL | number : 2 }}</div>
                            <div>
                                <span>R$ @{{ ccontabil.UTIL_TOTAL / vm.CotaMensal.MESES.length | number : 2 }} /</span>
                                <span ng-class="{'media-red' : ccontabil.PERC_UTIL >= 100.01 }">
                                    @{{  ccontabil.PERC_UTIL | number : 2 }}%
                                </span>                        
                            </div>                        
                        </td>       
                        <td class="text-right">
                            <div>R$ @{{ ccontabil.VALOR_REAL | number : 2 }}</div>
                            <div>R$ @{{ ccontabil.VALOR_REAL / vm.CotaMensal.MESES.length | number : 2 }}</div>                        
                        </td>       
                        <td class="text-right">
                            <div>R$ @{{ ccontabil.VALOR_TRANSFERENCIA | number : 2 }}</div>
                            <div>R$ @{{ ccontabil.VALOR_REAL + ccontabil.VALOR_TRANSFERENCIA | number : 2 }}</div>                        
                        </td>     
                        <td class="text-center"> 
                            <button type="button"  data-toggle="modal" data-target="#planacao-modal"  valor="@{{ ccontabil.PERC_UTIL | number : 2 }}" tela="130302" subvinculo="@{{ vm.CotaMensal.FILTRO.ANO_2 }}" class="btn btn-sm popup-show-plano-acao2" ng-class="ccontabil.PERC_UTIL >= 100.01 ? 'btn-danger' : 'btn-primary'" id="@{{ ccontabil.CCONTABIL }}" perfil="1" ccusto="@{{ ccontabil.CCUSTO }}" vinculo="@{{ ccontabil.CCONTABIL }}" controlen="225" descpa="@{{ ccontabil.CCUSTO_MASK }} - @{{ ccontabil.CCUSTO_DESCRICAO }} : @{{ ccontabil.CCONTABIL_DESCRICAO }}" oque="@{{ ccontabil.CCONTABIL_DESCRICAO }}" ><span class="glyphicon glyphicon-info-sign"></span> Plan. Ação</button>
                        </td>                  
                    </tr>
                    <tr ng-repeat-end ng-if="false"></tr>
                </tbody>
                <style>
                    .cota-mensal-total td {
                        bottom: @{{ vm.CotaMensal.FILTRO.FATURAMENTO == 1 ? 29 : 0 }}px !important;
                    }
                </style>
                <tfoot>
                    <tr class="cota-mensal-total">
                        <td class="" colspan="2">Total</td>
                        <td class="text-right" ng-repeat="mesx in vm.CotaMensal.MESES | orderBy: 'MES'" ng-class-odd="'col-odd'" ng-if="vm.CotaMensal.MODEL_OCULTAR_MES != true">
                            <div>
                                <div>R$ @{{ mesx.UTIL_TOTAL | number : 2 }}</div>
                                <span ng-class="{'media-red' : mesx.PERC_UTIL >= 100.01 }">
                                    @{{ mesx.PERC_UTIL | number : 2 }}%
                                </span>
                            </div>
                        </td>
                        <td class="text-right">
                            <div>R$ @{{ vm.CotaMensal.TOTALIZADOR.UTIL_TOTAL | number : 2 }}</div>
                            <div>
                                <span>R$ @{{ vm.CotaMensal.TOTALIZADOR.UTIL_TOTAL / vm.CotaMensal.MESES.length | number : 2 }} /</span>
                                <span ng-class="{'media-red' : vm.CotaMensal.TOTALIZADOR.PERC_UTIL >= 100.01 }">
                                    @{{  vm.CotaMensal.TOTALIZADOR.PERC_UTIL | number : 2 }}%
                                </span>                        
                            </div>                        
                        </td>       
                        <td class="text-right">
                            <div>R$ @{{ vm.CotaMensal.TOTALIZADOR.VALOR_REAL | number : 2 }}</div>
                            <div>R$ @{{ vm.CotaMensal.TOTALIZADOR.VALOR_REAL / vm.CotaMensal.MESES.length | number : 2 }}</div>                        
                        </td>       
                        <td class="text-right">
                            <div>R$ @{{ vm.CotaMensal.TOTALIZADOR.VALOR_TRANSFERENCIA | number : 2 }}</div>
                            <div>R$ @{{ vm.CotaMensal.TOTALIZADOR.VALOR_REAL + vm.CotaMensal.TOTALIZADOR.VALOR_TRANSFERENCIA | number : 2 }}</div>                        
                        </td>     
                        <td class="text-center"> 

                        </td>  
                    </tr>       
                    
                    <tr
                        class="faturamento" 
                        ng-class-odd="'col-odd'"
                        ng-if="vm.CotaMensal.FILTRO.FATURAMENTO == 1"
                        >
                        <td class="" colspan="2">Faturamento</td>

                        <td class="text-right" ng-repeat="mesx in vm.CotaMensal.MESES | orderBy: 'MES'" ng-class-odd="'col-odd'" ng-if="vm.CotaMensal.MODEL_OCULTAR_MES != true">
                            <div 
                                ng-repeat="mes in vm.CotaMensal.FATURAMENTO.MESES" 
                                ng-if="mesx.ANO+mesx.MES == mes.ANO+mes.MES"
                                ttitle="Cota: R$ @{{ mes.VALOR_REAL | number: 2 }}<br/>Tranf.: R$ @{{ mes.VALOR_TRANSFERENCIA | number : 2 }}">
                                R$ @{{ mes.TOTAL | number : 2 }}
                            </div>
                        </td>       
                        <td class="text-right">
                            R$ @{{ vm.CotaMensal.FATURAMENTO.TOTAL | number : 2 }}
                        </td>             
                        <td class="text-right">
                            
                        </td>             
                        <td class="text-right">
                            
                        </td>  
                        <td></td>
                    </tr>                    
                    
                </tfoot>
            </table>
        </div>   
    </div>

@overwrite