@extends('master')

@section('titulo')
    {{ Lang::get('financeiro/_20340.titulo') }}
@endsection

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

@section('conteudo')
<div ng-controller="Ctrl as vm" ng-cloak>
	@php $NFE_CONTROLE		= isset($_GET['NFE_CONTROLE']) ? $_GET['NFE_CONTROLE'] : 0
	@php $LINK				= isset($_GET['LINK']) 	 	   ? $_GET['LINK'] 		   : 0
	<input type="hidden" class="_controle_lanc" 	    value="{{$NFE_CONTROLE}}">
	<input type="hidden" class="_link" 	  			    value="{{$LINK}}">


	<ul class="list-inline acoes">
		<input type="hidden" class="_controle_orcamentario" 	 id="_controle_orcamentario" 	   value="{{fn_parametro('SISTEMA.PARAM_CONTROL_ORC', Auth::user()->CODIGO, 0)}}">
		<input type="hidden" class="_controle_integracao_contab" id="_controle_integracao_contab"  value="{{fn_parametro('SISTEMA.INTEGRACAO_CONTABIL', Auth::user()->CODIGO, 0)}}">    
		<input type="hidden" class="chk_incluir" value="{{ userMenu($menu)->INCLUIR }}">
		<input type="hidden" class="chk_incluir" value="{{ userMenu($menu)->INCLUIR }}">
		<input type="hidden" class="chk_alterar" value="{{ userMenu($menu)->ALTERAR }}">
		<input type="hidden" class="chk_excluir" value="{{ userMenu($menu)->EXCLUIR }}">
		<input type="hidden" class="_controle_98" value="{{ controleSistema(98) }}">		
		<li>
			<button type="button" class="btn btn-default" id="filtrar-toggle"
				data-toggle="collapse" data-target="#filtro_main" aria-expanded="true" 
				aria-controls="filtro_main" ng-click="vm.REGLANCCONTAPAG.tabela_height()">
				Filtro
				<span class="caret"></span>
			</button>
		</li>  
		<li>
			<div class="dropdown" id="dropCompilado">
				<a id="dLabel" role="button" data-toggle="dropdown" class="btn btn-danger" ng-dblclick="$event.stopPropagation();">
					<span class="fa fa-th-list"></span> Funcionalidades
				</a>
				<ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu">
					<li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Ações Disponíveis</li>
					<li><a href="javascript:void(0)" ng-click="vm.REGLANCCONTAPAG.consultar_pendente();"><span class="glyphicon glyphicon-th-list"></span> Consultar Antecipações Pendentes</a></li>
					<li ng-if="{{ userMenu($menu)->ALTERAR }} == 1"><a href="javascript:void(0)" ng-click="vm.LancamentosCPAFuncionalidades.incluir();"><span class="fa fa-edit"></span> Alterações Diversas</a></li>
				</ul>
			</div>
		</li>

	</ul>  
        
    <style>
	
        .t-status.status-0:before {
            background-color: rgb(217, 83, 79);    
        }
        
        .t-status.status-1:before {
            background-color: rgb(68, 157, 68);            
        }
		
		.table-condensed > thead > tr > th,
		.table-condensed > thead > tr > td,
		.table-condensed > tbody > tr > th,
		.table-condensed > tbody > tr > td,
		.table-condensed > tfoot > tr > th,
		.table-condensed > tfoot > tr > td {
			padding: 5px !important;
		}
        
    </style>
	<form ng-submit="vm.REGLANCCONTAPAG.consultar(1);" class="form-inline">		
		<div id="filtro_main" class="table-filter collapse in" aria-expanded="true" style="margin-bottom: 4px; background: rgba(221,221,221,.33); padding: 2px 10px 7px; border-radius: 5px;">
			<div class="form-group" style="margin-right: 0px !important;">
				<div class="form-group" style="display:flex; width: calc(29%); min-width: fit-content; max-width: fit-content; margin-top: 16px;
					background-color: #e2e2e2; padding: 0px; border-radius: 6px; height: 35px;
					padding-right: 4px; border: 1px solid #cccccc;">
					<select class="form-control" ng-model="vm.REGLANCCONTAPAG.FILTRO_TP_DT" ng-change="vm.TabelaPrincipal.apagar();"
						style="margin-right: 0px; background-color: #e2e2e2; border-radius: 4px 0px 0px 4px; height: 35px; font-weight: 600;
							border-top: 0px; border-left: 0px; margin-top: -1px; margin-bottom: -1px; text-transform: capitalize;">
						<option style="font-weight: 600;" value="1" ng-value="1">Entrada</option>
						<option style="font-weight: 600;" value="2" ng-value="2">Vencimento</option>
					</select>
					<input type="date" style="width: 130px; margin-left: 4px; margin-top: 4px;" class="form-control filter_main data1"
						ng-model="vm.REGLANCCONTAPAG.FILTRO_DT_END" ng-change="vm.TabelaPrincipal.apagar();" ng-atalho>
					<label style="padding-top: 8px; padding-right: 5px; padding-left: 5px;"> à </label>
					<input type="date" style="width: 130px; margin-top: 4px;" class="form-control filter_main"
						ng-model="vm.REGLANCCONTAPAG.FILTRO_DT_INI" ng-change="vm.TabelaPrincipal.apagar();" ng-atalho>
				</div>		 
			</div>

			<div style="display: -webkit-inline-box; margin-right: 0px;" class="consulta-festab">	</div>
			<div style="display: -webkit-inline-box; margin-right: 0px;" class="consulta-grupo-emp"></div>
			<div style="display: -webkit-inline-box; margin-right: 0px;" class="consulta-fempresa">	</div>
			
			<div class="email-container" style="display: inline-block;">
				<div class="form-group EmailContato1" style="margin: 5px 0px 5px 0px;">
					<label>Formas de Pagamento:</label>
					<div class="contato-div-container" ng-click="vm.ListObjFormaPagamento.setFoco()"
					 	 style="height: 30px;
								max-width: 600px;
								overflow: hidden;
								display: -webkit-inline-box;
								overflow: auto;">

						<div style="opacity: 0; margin-left: -3px;" class="contato-iten"></div>

						<div style="cursor: pointer;" ng-click="vm.ListObjFormaPagamento.setFoco()" title="@{{valor.DESCRICAO}}" ng-repeat="valor in vm.ListObjFormaPagamento.itens track by $index" class="contato-iten">@{{valor.ID}}
						<div style="cursor: pointer;" ng-click="vm.ListObjFormaPagamento.deletarItem($index)">x</div></div>
						
						<input  ng-blur="vm.ListObjFormaPagamento.blur()"
							type="text"
							ng-keydown="vm.ListObjFormaPagamento.keydown($event)"
							ng-keypress="vm.ListObjFormaPagamento.keypress($event)"
							ng-model="vm.ListObjFormaPagamento.valor"
							class="form-control input-maior">
					</div>  

					<button style="position: absolute; display: inline-block; margin-left: -30px; height: 29px !important; border-radius: 0px 4px 4px 0px; padding: 0px 7px 3px 8px;"
						type="button"
						class="btn btn-success"
						ng-click="vm.REGLANCCONTAPAG.preImportarFormaPagamento()">
						<span class="glyphicon glyphicon-plus"></span>
					</button> 
				</div> 
			</div>

			<div class="form-group">
				<label>Documento:</label>
				<input class="form-control input-menor text-right filter_main" type="text" min="0" style="width: 115px !important;"
					ng-number-format="0" max="99999999" ng-model="vm.REGLANCCONTAPAG.FILTRO_DADOS">
			</div>
			
			<div class="form-group" style="width: fit-content; height: fit-content;">
				<label>Status:</label>
				<select ng-model="vm.REGLANCCONTAPAG.FILTRO_SALDO">
					<option value="0">Todos</option>
					<option value="1">Documentos Pendentes</option>
					<option value="2">Documentos Quitados</option>
				</select>
			</div>
			
			<div class="form-group" style="width: fit-content; height: fit-content;">
				<label>Prorrogado:</label>
				<select style="width: 100px;"
					ng-model="vm.REGLANCCONTAPAG.FILTRO_PRORROGADO">
					<option value="">Todos</option>
					<option value="1">Sim</option>
					<option value="2">Não</option>
				</select>
			</div>

			<div class="form-group" style="width: fit-content; height: fit-content;">
				<label>Origem:</label>
				<select ng-model="vm.REGLANCCONTAPAG.FILTRO_ORIGEM">
					<option value="0">Todos		  </option>
					<option value="1">Nota Fiscal </option>
					<!-- <option value="2">Cupom Fiscal</option> -->
					<option value="3">Avulso	  </option>
					<option value="4">Renegociada </option>
				</select>
			</div>

			<div class="form-group">
                <label>Valor:</label>                
                <div>
                    <input style="width: 125px !important;" type="text" min="0" max="999999999999" class="input-menor text-right filter_main valor1"
						ng-number-format="2" ng-model="vm.REGLANCCONTAPAG.FILTRO_VALOR1">
                    <label class="periodo-a">a</label>
                    <input style="width: 125px !important;" type="text" min="0" max="999999999999" class="input-menor text-right filter_main"
						ng-number-format="2" ng-model="vm.REGLANCCONTAPAG.FILTRO_VALOR2">
                </div>
			</div>
			
			<!-- <div class="form-group" style="margin-top: -4px;">
				<input id="filtro_saldo" type="checkbox" ng-model="vm.REGLANCCONTAPAG.FILTRO_SALDO" ng-true-value="1" ng-false-value="0" ng-change="vm.REGLANCCONTAPAG.consultar(1);">
				<label for="filtro_saldo">Ver Itens com Saldo zerado</label>
			</div> -->

			<div class="form-group" style="padding-top: 17px; width: fit-content; padding-right: 10px;">
				<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="tabela_principal" id="tabela_principal"></div>	
	
	<!--	
	<div class="form-group" style="margin-bottom: 4px;">
		<input 
			type="text"
			style="width: 100% !important;"
			placeholder="Filtragem rápida..."
			class="form-control input-maior" 
			required
			ng-model="vm.REGLANCCONTAPAG.FILTRO_DADOS">
	</div>
	
    <div class="table-ec table-scroll" style="height: calc(100vh - 205px);">
        <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
            <thead>
                <tr gc-order-by="vm.REGLANCCONTAPAG.ORDER_BY">
                    <th field="STATUS" style="width: 23px; min-width: 23px;" ttitle="Status<br/>Verde: Ativo | Vermelho: Inativo"></th>                    
                    <th field="ID">ID</th>
					<th field="DESCRICAO">Descrição</th>
                </tr>
            </thead>
            <tbody>
                <tr 
                    ng-repeat="item in vm.REGLANCCONTAPAG.DADOS_RENDER = ( vm.REGLANCCONTAPAG.DADOS | orderBy : vm.REGLANCCONTAPAG.ORDER_BY | find: {model : vm.REGLANCCONTAPAG.FILTRO_DADOS ,fields : 'all'})"
                    ng-Click="vm.REGLANCCONTAPAG.visualizar()"
                    ng-focus="vm.REGLANCCONTAPAG.SELECTED = item"
                    ng-class="{ 'selected' : vm.REGLANCCONTAPAG.SELECTED == item }"
                    tabindex="0"
                    >
                    <td class="t-status status-@{{ item.STATUS }}">
                    </td>
                    <td>
                        <span>
                            @{{ item.ID || 0 | lpad: [4,0] }}
                        </span>
                    </td>
                    <td>
                        <span>
                            @{{ item.DESCRICAO }}
                        </span>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    -->
	
	@include($menu.'.modal.REGLANCCONTAPAG')
	@include($menu.'.modal.REGLANCCONTAPAG_ORIGEM')	
	@include($menu.'.modal.REGLANCCONTAPAG_REPLICA')			
	@include($menu.'.modal.REGLANCCONTAPAG_PENDENTE')
	@include($menu.'.modal.REGLANCCONTAPAG_ITEMNF')
	@include($menu.'.modal.REGLANCCONTAPAGItens')
	@include($menu.'.modal.REGLANCCONTAPAG_LANC')	
	@include($menu.'.modal.REGLANCCONTAPAG_ABT')
	@include($menu.'.modal.REGLANCCONTAPAG_ABT_CONF')
	@include($menu.'.modal.REGLANCCONTAPAG_ABT_AGP')
	@include($menu.'.modal.REGLANCCONTAPAG_ABT_AGP_CONF')
	@include($menu.'.modal.REGLANCCONTAPAG_DEV')
	@include($menu.'.modal.REGLANCCONTAPAG_DEV_CONF')
	@include($menu.'.modal.LancamentosCPAFuncionalidades')
	@include($menu.'.modal.ConfirmItensSelected')
</div>
@endsection

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