@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='transferencia'; vm.TRANSFERENCIA_COTA_ID = '{{ $cota_id }}';" class="main-ctrl">
    <form class="form-inline" ng-submit="vm.CotaTransferencia.gravar()">


        <ul class="list-inline acoes">    
            <li>
                <button type="submit" class="btn btn-success btn-incluir" data-hotkey="f6">
                    <span class="glyphicon glyphicon-ok"></span> Gravar
                </button>
            </li>       
        </ul>         
        
        <fieldset>
            <legend>Transferência de Saldos - Período Liberado: @{{ vm.CotaTransferencia.COTA.PERIODO_LIBERADO }}</legend>
            
            <div class="row">              
                <div class="form-group">
                    <label>Id:</label>
                    <input type="text" name="ccusto_descricao" class="form-control input-menor" readonly value="@{{ vm.CotaTransferencia.COTA.ID }}" required/>
                </div>                
                <div class="form-group">
                    <label ttitle="Centro de Custo">C. Custo:</label>
                    <input type="text" name="ccusto_descricao" class="form-control input-maior" readonly value="@{{ vm.CotaTransferencia.COTA.CCUSTO_MASK + ' - ' + vm.CotaTransferencia.COTA.CCUSTO_DESCRICAO }}" required/>
                </div>
                <div class="form-group">
                    <label ttitle="Conta Contábil">C. Contábil:</label>
                    <input type="text" name="ccontabil_descricao" class="form-control input-maior" readonly value="@{{ vm.CotaTransferencia.COTA.CCONTABIL_MASK + ' - ' + vm.CotaTransferencia.COTA.CCONTABIL_DESCRICAO }}" required/>
                </div>
                <div class="form-group">
                    <label>Período:</label>
                    <input type="text" name="periodo" class="form-control" readonly value="@{{ vm.CotaTransferencia.COTA.MES_DESCRICAO }}/@{{ vm.CotaTransferencia.COTA.ANO }}" required/>
                </div>

                <div class="form-group">
                    <label ttitle="Valor total disponível para transferência">Saldo Disp. Trans.:</label>
                    <div class="input-group dinheiro">
                        <div class="input-group-addon"><span class="fa fa-usd"></span></div>
                        <input style="width: 110px !important;" type="text" name="cota" class="form-control mask-numero text-right input-menor" decimal="4" min="0" value="@{{ vm.CotaTransferencia.COTA.SALDO - (vm.CotaTransferencia.COTA.VALOR_TRANSFERIR || 0) | number : 4 }}" required readonly/>
                    </div>
                </div>            

                <div class="form-group">
                    <label ttitle="Informe o valor a transferir, limitado ao saldo disponível.">Valor Transf.:</label>
                    <div class="input-group dinheiro">
                        <div class="input-group-addon"><span class="fa fa-usd"></span></div>
                        <input 
                            style="width: 110px !important;"
                            type="number" 
                            step="0.0001" 
                            min="0.0001"

                            valid-max-value                            
                            ng-max="vm.CotaTransferencia.COTA.SALDO"
                            class="form-control text-right input-menor" 
                            form-validade="true"
                            required 
                            ng-model="vm.CotaTransferencia.COTA.VALOR_TRANSFERIR"
                            />                    
                    </div>
                </div> 
                

                <div class="form-group" style="width: 50%;">
                    <label>Observação Cota:</label>
                    <textarea name="cota_observacao" rows="1" style="width: 100% !important;" class="form-control" ng-model="vm.CotaTransferencia.COTA.OBS"></textarea>
                </div>                
            </div>
            
            <div class="row">
                <div class="form-group">
                    <input 
                        type="checkbox" 
                        name="chk-gestor" 
                        id="chk-gestor" 
                        class="form-control" 
                        disabled
                        ng-checked="vm.CotaTransferencia.COTA.TRANSF_GESTOR == 1" 
                        />
                    <label 
                        for="chk-gestor" 
                        data-toggle="tooltip" 
                        ttitle="@{{ vm.CotaTransferencia.COTA.TRANSF_GESTOR_OBSERVACAO }}" 
                        disabled
                        >Permite Gestor</label>
                </div>
                <div class="form-group">
                    <input 
                        type="checkbox" 
                        name="chk-prorrogar" 
                        id="chk-prorrogar" 
                        class="form-control" 
                        disabled
                        ng-checked="vm.CotaTransferencia.COTA.TRANSF_PRORROGAR == 1" 
                        />
                    <label 
                        for="chk-prorrogar" 
                        data-toggle="tooltip" 
                        ttitle="@{{ vm.CotaTransferencia.COTA.TRANSF_PRORROGAR_OBSERVACAO }}" 
                        disabled
                        >Prorrogar Saldo</label>
                </div>
                <div class="form-group">
                    <input 
                        type="checkbox" 
                        name="chk-antecipar" 
                        id="chk-antecipar" 
                        class="form-control" 
                        disabled
                        ng-checked="vm.CotaTransferencia.COTA.TRANSF_ANTECIPAR == 1" 
                        />
                    <label 
                        for="chk-antecipar"  
                        data-toggle="tooltip" 
                        ttitle="@{{ vm.CotaTransferencia.COTA.TRANSF_ANTECIPAR_OBSERVACAO }}" 
                        disabled
                        >Antecipar Saldo
                    </label>
                </div>
                <div class="form-group">
                    <input 
                        type="checkbox" 
                        name="chk-conta" 
                        id="chk-conta" 
                        class="form-control" 
                        disabled
                        ng-checked="vm.CotaTransferencia.COTA.TRANSF_CONTA == 1" 
                        />
                    <label 
                        for="chk-conta"  
                        data-toggle="tooltip" 
                        ttitle="@{{ vm.CotaTransferencia.COTA.TRANSF_CONTA_OBSERVACAO }}" 
                        disabled
                        >Transf. para Mesma Conta
                    </label>
                </div>		    
                <div class="form-group">
                    <input 
                        type="checkbox" 
                        name="chk-ccusto" 
                        id="chk-ccusto" 
                        class="form-control" 
                        disabled
                        ng-checked="vm.CotaTransferencia.COTA.TRANSF_CCUSTO == 1" 
                        />
                    <label 
                        for="chk-ccusto"  
                        data-toggle="tooltip" 
                        ttitle="@{{ vm.CotaTransferencia.COTA.TRANSF_CCUSTO_OBSERVACAO }}" 
                        disabled
                        >Transf. para Mesmo C.Custo
                    </label>
                </div>		                            
                <div class="form-group">
                    <input 
                        type="checkbox" 
                        name="chk-periodo" 
                        id="chk-periodo" 
                        class="form-control" 
                        disabled
                        ng-checked="vm.CotaTransferencia.COTA.TRANSF_PERIODO == 1" 
                        />
                    <label 
                        for="chk-periodo"  
                        data-toggle="tooltip" 
                        ttitle="@{{ vm.CotaTransferencia.COTA.TRANSF_PERIODO_OBSERVACAO }}" 
                        disabled
                        >Transf. Retroativo
                    </label>
                </div>		                            
            </div>
            
            <p></p>
            <input 
                type="text" 
                class="form-control input-filter-table" 
                ng-model="vm.CotaTransferencia.M_FILTRO" 
                placeholder="Filtragem rápida..." 
                style="
                    width: calc(100%);
                    margin-bottom: 3px;
                    height: 23px;        
                "
                />                
            <div class="table-ec table-scroll" style="min-height: 120px; height: calc(100vh - 520px);">
                <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
                    <thead>
                        <tr>
                            <th>C. Custo</th>
                            <th>C. Contábil</th>
                            <th>Período</th>
                            <th class="text-right">Cota</th>
                            <th class="text-right">Saldo</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="cota in vm.CotaTransferencia.COTAS
                            | find: {
                                model : vm.CotaTransferencia.M_FILTRO,
                                fields : [
                                    'CCUSTO',
                                    'CCUSTO_MASK',
                                    'CCUSTO_DESCRICAO',
                                    'CCONTABIL',
                                    'CCONTABIL_MASK',
                                    'CCONTABIL_DESCRICAO',
                                    'MES_DESCRICAO',
                                    'ANO'
                                ]
                            }                              
                            "
                            tabindex="0"
                            ng-click="vm.CotaTransferencia.SELECTED = cota"
                            ng-focus="vm.CotaTransferencia.SELECTED = cota"
                            ng-class="{'selected' : vm.CotaTransferencia.SELECTED == cota }"
                            >
                            <td>
                                <span style="float: left; width: 68px;" class="ng-binding" ng-bind-html="cota.CCUSTO_MASK + '' || '' | highlight: vm.CotaTransferencia.M_FILTRO"></span>
                                <span ng-bind-html="cota.CCUSTO_DESCRICAO + '' || '' | highlight: vm.CotaTransferencia.M_FILTRO"></span>
                            </td>
                            <td>
                                <span style="float: left; width: 95px;" class="ng-binding" ng-bind-html="cota.CCONTABIL_MASK + '' || '' | highlight: vm.CotaTransferencia.M_FILTRO"></span>
                                <span ng-bind-html="cota.CCONTABIL_DESCRICAO + '' || '' | highlight: vm.CotaTransferencia.M_FILTRO"></span>
                            </td>
                            <td ng-bind-html="cota.MES_DESCRICAO + '/'+ cota.ANO + '' || '' | highlight: vm.CotaTransferencia.M_FILTRO">
                               
                            </td>
                            <td class="text-right"><span style="float: left;">R$</span> @{{ (cota.VALOR-0) + ((vm.CotaTransferencia.SELECTED == cota ? vm.CotaTransferencia.COTA.VALOR_TRANSFERIR : 0)-0) | number : 2 }}</td>
                            <td class="text-right"><span style="float: left;">R$</span> @{{ (cota.SALDO-0) + ((vm.CotaTransferencia.SELECTED == cota ? vm.CotaTransferencia.COTA.VALOR_TRANSFERIR : 0)-0) | number : 2 }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>            
            
            
        </fieldset>
    
        
    </form>
</div>
@endsection

@include('helper.include.view.pdf-imprimir')

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