@extends('master')

@section('titulo')
    {{ Lang::get('compras/_13030.titulo') }}
@endsection

@section('estilo')
    <link rel="stylesheet" href="{{ elixir('assets/css/13030.ng.css') }}" />
@endsection

@section('conteudo')

<div ng-controller="Ctrl as vm" ng-cloak ng-init="vm.URL_BASE='replicar';" class="main-ctrl">
    <form class="form-inline" ng-submit="vm.CotaReplicar.gravar()">


        <ul class="list-inline acoes">    
            <li>
                <button type="submit" ng-disabled="!(vm.CotaReplicar.DADOS.length > 0)" class="btn btn-success btn-incluir" data-hotkey="f10">
                    <span class="glyphicon glyphicon-ok"></span> Gravar
                </button>
            </li>       
        </ul>         
        
        <fieldset>
            <legend>Replicar Cotas</legend>
            
            <div class="form-group">
                <label>Tipo Cota:</label>

                <select 
                    name="select-natureza" 
                    ng-model="vm.CotaReplicar.Filtro.TIPO"
                    ng-change="vm.CotaReplicar.CCUSTOS = []; vm.CotaReplicar.DADOS = []"
                    form-validate="true"
                    required
                    >
                        <option value="">--</option>
                        <option value="COTA">Orçamentária</option>
                        <option value="GGF">G.G.F/G.G.A</option>
                </select>            
            </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>Período de Origem:</label>
                <select 
                    ng-init="vm.CotaReplicar.Filtro.MES = '{{ date('n') }}'" 
                    ng-model="vm.CotaReplicar.Filtro.MES" 
                    ng-change="vm.CotaReplicar.CCUSTOS = []; vm.CotaReplicar.DADOS = []"
                    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 
                    ng-init="vm.CotaReplicar.Filtro.ANO = '{{ date('Y') }}'" 
                    ng-model="vm.CotaReplicar.Filtro.ANO" 
                    ng-change="vm.CotaReplicar.CCUSTOS = []; vm.CotaReplicar.DADOS = []"
                    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>Período de Destino:</label>
                <select 
                    ng-init="vm.CotaReplicar.Destino.MES = '{{ date('n',strtotime('+1 Month')) }}'" 
                    ng-model="vm.CotaReplicar.Destino.MES" 
                    ng-change="vm.CotaReplicar.CCUSTOS = []; vm.CotaReplicar.DADOS = []"
                    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 
                    ng-init="vm.CotaReplicar.Destino.ANO = '{{ date('Y',strtotime('+1 Month')) }}'" 
                    ng-model="vm.CotaReplicar.Destino.ANO" 
                    ng-change="vm.CotaReplicar.CCUSTOS = []; vm.CotaReplicar.DADOS = []"
                    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 style="opacity: 0;" title="">.</label>
				<div class="input-group">
				    <button type="button" ng-click="vm.CotaReplicar.consultar()" class="btn btn-primary" data-hotkey="alt+f">
				        <span class="glyphicon glyphicon-filter"></span> Filtrar
				    </button>
				</div>
			</div>            

            <style>
                table tr.consulta > td{
                    padding: 0;
                }
                    

                /**
                 * Criado por Emerson;
                 * Ajusta a visualizacao da consulta inline
                 */
                table .form-group {
                    margin: 0 !important;
                    width: 100%;
                }    
                
                table .form-group > .input-group {
                    display: flex;
                    height: 24px;
                }      

                table .form-group > .input-group > input {
                    width: 100% !important;
                    height: 24px;
                }      

                table .form-group > .input-group > button {
                    margin-bottom: 0 !important;
                }    


                
            </style>            
            
            <input 
                type="text" 
                class="form-control input-filter-table" 
                ng-model="vm.CotaReplicar.M_FILTRO" 
                placeholder="Filtragem rápida..." 
                style="
                    width: calc(100%);
                    margin-bottom: 3px;
                    height: 23px;        
                "
                />               
            
            <div class="table-ec" style="height: calc(100vh - 300px);min-height: 300px;">
                <table class="table table-striped table-bordered table-condensed table-hover table-no-break table-middle table-low tab-enter">
                    <thead>
                        <tr>
                            <th 
                                style="width: 23px; min-width: 23px;"
                                class="check"
                                ng-click=" vm.CotaReplicar.CHK_CONTA = vm.CotaReplicar.CHK_CONTA == undefined ? false : undefined ">
                                <i class="check fa fa-check-square-o" ng-class="vm.CotaReplicar.CHK_CONTA == undefined ? 'fa-check-square-o' : 'fa-square-o'" style="font-size: 17px; position: absolute; top: 4px; left: 4px;"></i>
                            </th>
                            <!--<th colspan="2">C. Custo</th>-->
                            <th ttitle="Família de Produtos" ng-if="vm.CotaReplicar.Filtro.TIPO == 'GGF'">Família</th>
                            <th>C. C.Contabil</th>
                            <th class="text-right" ttitle="Valor da Cota no Período de Origem">Valor Orig.</th>
                            <th class="text-right" ng-if="vm.CotaReplicar.Filtro.TIPO != 'GGF'" ttitle="Valor Utilizado no Período de Origem">Util. Orig.</th>
							<th class="text-right" ng-if="vm.CotaReplicar.Filtro.TIPO != 'GGF'">Reduções(-).</th>
							<th class="text-right" ng-if="vm.CotaReplicar.Filtro.TIPO != 'GGF'">Total (Util+Red.)</th>
                            <th class="text-right" ttitle="Valor da cota no período de destino.<br/>Obs.: Preenchido se a cota já existir no periodo de destino">Valor Dest.</th>							
                            <th style="width: 10%;min-width: 170px;" class="text-right">Valor</th>
                            <th class="text-center" ttitle="Soma com a cota no totalizador geral<br/>Atalho: F1">Tot.</th>
                            <th class="text-center" ng-if="vm.CotaReplicar.Filtro.TIPO != 'GGF'" ttitle="Bloqueia utilização ao atingir valor da cota<br/>Atalho: F2">Bloq.</th>
                            <th class="text-center" ng-if="vm.CotaReplicar.Filtro.TIPO != 'GGF'" ttitle="Notifica gestor ao atingir valor da cota<br/>Atalho: F3">Not.</th>
                            <th class="text-center" ng-if="vm.CotaReplicar.Filtro.TIPO != 'GGF'" ttitle="Destaca visualização da cota<br/>Atalho: F4">Dest.</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr 
                            tabindex="-1" 
                            ng-repeat-start="ccusto in vm.CotaReplicar.CCUSTOS" 
                            style="background: rgb(253, 242, 217); font-weight: bold"
                            ng-if="ccusto.DADOS_FILTERED.length > 0">
                            <td></td>
                            <td colspan="9">
                                <span style="float: left; width: 70px;">@{{ ccusto.CCUSTO_MASK }}</span>
                                <span>@{{ ccusto.CCUSTO_DESCRICAO }}</span>
                            </td>
                        </tr>
                        <tr tabindex="0"
                            ng-repeat="conta in ccusto.DADOS_FILTERED = (ccusto.CONTAS
                            | find: {
                                model : vm.CotaReplicar.M_FILTRO,
                                fields : [
                                    'CCUSTO',
                                    'CCUSTO_MASK',
                                    'CCUSTO_DESCRICAO',
                                    'CCONTABIL',
                                    'CCONTABIL_MASK',
                                    'CCONTABIL_DESCRICAO'
                                ]
                            })
                            "
                            ng-click="vm.CotaReplicar.inputFocus(conta)"
                            ng-class="{'selected' : conta == vm.CotaReplicar.SELECTED}"
                            id="@{{ conta.ID }}">
                            <td 
                                style="position: relative;"
                                class="check"
                                ng-click=" conta.CHECKED = conta.CHECKED == undefined ? false : undefined ">
                                <i class="check fa fa-check-square-o" ng-class="conta.CHECKED == undefined ? 'fa-check-square-o' : 'fa-square-o'" style="font-size: 17px; position: absolute; top: 4px; left: 4px;"></i>
                            </td>
<!--                            <td>@{{ conta.CCUSTO_MASK }}</td>
                            <td autotitle>@{{ conta.CCUSTO_DESCRICAO }}</td>-->
                            <td ng-if="vm.CotaReplicar.Filtro.TIPO == 'GGF'">@{{ conta.FAMILIA_ID }} - @{{ conta.FAMILIA_DESCRICAO }}</td>
                            <td style="min-width:250px; max-width:250px; width:250px" autotitle>@{{ conta.CCONTABIL_MASK }} - @{{ conta.CCONTABIL_DESCRICAO }}</td>
                            <td class="text-right"><span style="float: left">R$</span>@{{ conta.VALOR | number : 2 }}</td>
                            <td ng-if="vm.CotaReplicar.Filtro.TIPO != 'GGF'" class="text-right"><span style="float: left">R$</span>@{{ conta.UTILIZADO  | number : 2 }}</td>
							<td ng-if="vm.CotaReplicar.Filtro.TIPO != 'GGF'" class="text-right"><span style="float: left">R$</span>@{{ conta.OUTROS     | number : 2 }}</td>
							<td ng-if="vm.CotaReplicar.Filtro.TIPO != 'GGF'" class="text-right"><span style="float: left">R$</span>@{{ conta.TOT_OUTROS | number : 2 }}</td>
                            <td class="text-right" style="color:red">
                                <span ng-if=" conta.VALOR_DESTINO != null " style="float: left">R$</span>
                                <span ng-if=" conta.VALOR_DESTINO != null ">@{{ conta.VALOR_DESTINO | number : 2 }}</span>
                            </td>
                            <td class="text-right" style="padding:0">
                                <div class="form-group">
                                    <div class="input-group dinheiro">
                                        <div class="input-group-addon">
                                            R$
                                        </div>
                                        <input 
                                            type="number" 
                                            step="0.01" 
                                            min="0.00" 
                                            class="form-control text-right" 
                                            ng-model="conta.VALOR_REPLICAR"
                                            ng-value="conta.VALOR"
                                            ng-focus="vm.CotaReplicar.SELECTED = conta"
                                            ng-keydown="
                                                vm.CotaReplicar.keydown(conta,$event);
                                            "
                                            />
                                    </div>
                                </div>                                
                            </td>                                
                            <td 
                                style="position: relative;"
                                class="check"
                                ng-click=" conta.TOTALIZA = conta.TOTALIZA == 1 ? 0 : 1 ">
                                <i class="check fa fa-check-square-o" ng-class="conta.TOTALIZA == 1 ? 'fa-check-square-o' : 'fa-square-o'" style="font-size: 17px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);"></i>
                            </td>                    
                            <td 
                                style="position: relative;"
                                class="check"
                                ng-if="vm.CotaReplicar.Filtro.TIPO != 'GGF'"
                                ng-click=" conta.BLOQUEIO = conta.BLOQUEIO == 1 ? 0 : 1 ">
                                <i class="check fa fa-check-square-o" ng-class="conta.BLOQUEIO == 1 ? 'fa-check-square-o' : 'fa-square-o'" style="font-size: 17px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);"></i>
                            </td>                            
                            <td 
                                style="position: relative;"
                                class="check"
                                ng-if="vm.CotaReplicar.Filtro.TIPO != 'GGF'"
                                ng-click=" conta.NOTIFICACAO = conta.NOTIFICACAO == 1 ? 0 : 1 ">
                                <i class="check fa fa-check-square-o" ng-class="conta.NOTIFICACAO == 1 ? 'fa-check-square-o' : 'fa-square-o'" style="font-size: 17px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);"></i>
                            </td>                            
                            <td 
                                style="position: relative;"
                                class="check"
                                ng-if="vm.CotaReplicar.Filtro.TIPO != 'GGF'"
                                ng-click=" conta.DESTACA = conta.DESTACA == 1 ? 0 : 1 ">
                                <i class="check fa fa-check-square-o" ng-class="conta.DESTACA == 1 ? 'fa-check-square-o' : 'fa-square-o'" style="font-size: 17px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);"></i>
                            </td>                                
                            
                        </tr>
                        <tr ng-repeat-end ng-if="false"></tr>
                    </tbody>
                </table>
            </div>
            
            
        </fieldset>
    
    </form>
</div>
@endsection

@section('script')
    <script src="{{ elixir('assets/js/_13030.ng.js') }}"></script>
@append