@extends('master')

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

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

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

	<ul class="list-inline acoes">    
		<!-- <li>
            <button type="button" class="btn btn-primary btn-incluir" 
                data-hotkey="f6" ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
                ng-click="vm.REGLANCCONTAREC.incluir()">
                <span class="glyphicon glyphicon-plus"></span> Incluir
            </button>
		</li> -->
		<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_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.REGLANCCONTAREC.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.REGLANCCONTAREC.consultar_pendente();"><span class="glyphicon glyphicon-th-list"></span> Consultar Antecipações Pendentes</a></li>
					<li><a href="javascript:void(0)" ng-click="vm.LancamentosCREFuncionalidades.incluir(1);"><span class="fa fa-file"></span> Impressão de Boletos Bancários</a></li>
					<li ng-if="{{ userMenu($menu)->ALTERAR }} == 1"><a href="javascript:void(0)" ng-click="vm.LancamentosCREFuncionalidades.incluir(2);"><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.REGLANCCONTAREC.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">
				<label>Período:</label>                
				<div>
					<input type="date" ng-atalho class="data-ini filter_main" style="width: 130px;" required
						ng-model="vm.REGLANCCONTAREC.FILTRO_DT_END">
					<label class="periodo-a">a</label>
					<input type="date" ng-atalho class="data-fim filter_main" style="width: 130px;" required
						ng-model="vm.REGLANCCONTAREC.FILTRO_DT_INI">
				</div>
			</div> -->
			<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.REGLANCCONTAREC.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">Emissão</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.REGLANCCONTAREC.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.REGLANCCONTAREC.FILTRO_DT_INI" ng-change="vm.TabelaPrincipal.apagar();" ng-atalho>
				</div>		 
			</div>


			<div style="display: -webkit-inline-box; margin-right: 0px;" class="consulta-estab">   		  </div>
			<div style="display: -webkit-inline-box; margin-right: 0px;" class="consulta-frep">	   		  </div>
			<div style="display: -webkit-inline-box; margin-right: 0px;" class="consulta-vend">	   		  </div>
			<div style="display: -webkit-inline-box; margin-right: 0px;" class="consulta-grupo-emp">	  </div>

			<div style="display: inline-flex; width: 445px; margin-top: 10px; background-color: #e2e2e2; 
				border-radius: 6px; height: 33px; padding-right: 0px; padding-bottom: 18px; border: 1px solid #cccccc;">
				<select class="form-control" ng-model="vm.REGLANCCONTAREC.TIPO_FILTRO_EMPRESA" ng-change="vm.TabelaPrincipal.apagar();"
					style="margin-right: 0px; background-color: #e2e2e2; border-radius: 4px 0px 0px 4px; height: 33px; 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">Cliente</option>
					<option style="font-weight: 600;" value="2" ng-value="2">Colaborador</option>
				</select>
				
				<div ng-show="vm.REGLANCCONTAREC.TIPO_FILTRO_EMPRESA == 1" 
					style="display: -webkit-inline-box; margin-right: 0px; margin-top: -3px;" 
					class="consulta-fcliente">		  </div>
				<div ng-show="vm.REGLANCCONTAREC.TIPO_FILTRO_EMPRESA == 2" 
					style="display: -webkit-inline-box; margin-right: 0px; margin-top: -3px;" 
					class="consulta-fcolaborador">	  </div>

			</div>
			<!-- <div style="display: -webkit-inline-box; margin-right: 0px;" class="consulta-form-pag-filtro"></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.REGLANCCONTAREC.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.REGLANCCONTAREC.FILTRO_DADOS">
			</div>

			<!-- <div class="form-group" style="margin-top: -9px;">
				<input id="filtro_saldo" type="checkbox" ng-model="vm.REGLANCCONTAREC.FILTRO_SALDO" ng-true-value="1"
					ng-false-value="0" ng-change="vm.REGLANCCONTAREC.consultar(1);">
				<label style="font-weight: bolder;" for="filtro_saldo">Ver Itens com Saldo zerado</label>
			</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.REGLANCCONTAREC.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.REGLANCCONTAREC.FILTRO_VALOR2">
                </div>
			</div>
			
			<!-- <div class="form-group" style="margin-top: -4px;">
				<input id="filtro_saldo" type="checkbox" ng-model="vm.REGLANCCONTAREC.FILTRO_SALDO" ng-true-value="1" ng-false-value="0" ng-change="vm.REGLANCCONTAREC.consultar(1);">
				<label for="filtro_saldo">Ver Itens com Saldo zerado</label>
			</div> -->
			<div class="form-group" style="width: fit-content; height: fit-content;">
				<label>Status:</label>
				<select ng-model="vm.REGLANCCONTAREC.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.REGLANCCONTAREC.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.REGLANCCONTAREC.FILTRO_ORIGEM">
					<option value="0">TODOS		  </option>
					<option value="1">CF		  </option>
					<option value="2">NF		  </option>
					<option value="3">NFC-E 	  </option>
					<option value="4">ROMANEIO 	  </option>
					<option value="5">RENEGOCIAÇÃO</option>
					<option value="6">AVULSO	  </option>					
					<option value="7">CONSIGNAÇÃO </option>
				</select>
			</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>	
	
	@include($menu.'.modal.REGLANCCONTAREC')
	@include($menu.'.modal.REGLANCCONTAREC_REP')	
	@include($menu.'.modal.REGLANCCONTAREC_PARCELAS')	
	@include($menu.'.modal.REGLANCCONTAREC_ORIGEM')	
	@include($menu.'.modal.REGLANCCONTAREC_PARCELAS2')			
	@include($menu.'.modal.REGLANCCONTAREC_DUPES')		
	@include($menu.'.modal.REGLANCCONTARECItens')
	@include($menu.'.modal.REGLANCCONTAREC_DEV')
	@include($menu.'.modal.REGLANCCONTAREC_DEV_CONF')
	@include($menu.'.modal.REGLANCCONTAREC_ABT')
	@include($menu.'.modal.REGLANCCONTAREC_ABT_CONF')
	@include($menu.'.modal.REGLANCCONTAREC_ABT_AGP')
	@include($menu.'.modal.REGLANCCONTAREC_ABT_AGP_CONF')
	@include($menu.'.modal.REGLANCCONTAREC_ITEMNF')
	@include($menu.'.modal.REGLANCCONTAREC_PENDENTE')	
	@include($menu.'.modal.REGLANCCONTAREC_IMPRESSAO')
	@include($menu.'.modal.REGLANCCONTAREC_PARCELAS_SEQ')	
	
	@include($menu.'.modal.LancamentosCREFuncionalidades')	
	@include($menu.'.modal.ConfirmItensSelected2')	
	@include($menu.'.modal.CobrancasPrincipal')	
	@include($menu.'.modal.CobrancasInclusao')	
	

	<div id="modalGerarComissao" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg" style="width: calc(100vw - 100px);">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>20330 - Gerar Provisionamento da Comissão</span>
						</h4>
					</div>
					<div class="modal-header-right">
						<button type="button" data-hotkey="f1" style="margin-right: 5px;" class="btn btn-primary btn-incluir" ng-click="vm.REGLANCCONTAREC.prosseguir_gerar_comissao();">
							<span class="glyphicon glyphicon-ok"></span>
							Confirmar
						</button>
						<button type="button" data-hotkey="esc" class="btn btn-default btn-cancelar" ng-click="vm.REGLANCCONTAREC.cancelar_comissao();">
							<span class="glyphicon glyphicon-chevron-left"></span>
							Voltar
						</button>
					</div>
				</div>
				<div class="modal-body" style="height: calc(100vh - 385px);">
					<form class="form-inline">
						<div class="row">
							<div class="tabela_parcelas_comissao" id="tabela_parcelas_comissao"></div>	
						</div>
					</form>

				</div>
			</div>
		</div>
	</div>


</div>
@endsection

@section('script')
	<script src="{{ url('assets/js/loader.js') }}"></script>
    <script src="{{ elixir('assets/js/_20330.js') }}"></script>
	<script src="{{ url('assets/js/editor/ckeditor.js') }}"></script>
	<script src="{{ elixir('assets/js/codemirror.js') }}"></script>
@append