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

@section('modal-start')
<form class="form-inline" ng-submit="vm.REGLANCCONTAREC.gravar()">
@overwrite

@section('modal-header-left')

	<h4 class="modal-title">
		<span ng-if="!vm.REGLANCCONTAREC.ALTERANDO">{{ Lang::get('financeiro/_20330.titulo-exibir') }}</span>
		<span ng-if="vm.REGLANCCONTAREC.INCLUINDO">{{ Lang::get('financeiro/_20330.titulo-incluir') }}</span>
		<span ng-if="vm.REGLANCCONTAREC.ALTERANDO == true && vm.REGLANCCONTAREC.INCLUINDO == false">{{ Lang::get('financeiro/_20330.titulo-alterar') }}</span>	
	</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.REGLANCCONTAREC.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.REGLANCCONTAREC.ALTERANDO" ng-click="vm.REGLANCCONTAREC.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
	</button>

	<div class="dropdown" ng-if="!vm.REGLANCCONTAREC.ALTERANDO" style="position: relative; width: 75px; display: initial;">
		<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButtonOpt" data-toggle="dropdown" 
			ng-click="vm.REGLANCCONTAREC.focusOnDropdown('dropdownMenuButtonOpt');" aria-haspopup="true" aria-expanded="false" data-hotkey="f8">
			<span class="glyphicon glyphicon-th-list"></span> Opções
		</button>
		<div class="dropdown-menu" aria-labelledby="dropdownMenuButtonOpt" style="margin-top: 10px; margin-top: 10px; right: 0; left: auto; padding-left: 1px; padding-right: 1px;">
		  <!-- <li ng-if="vm.REGLANCCONTAREC.SELECTED.COLABORADOR_ID == 0" tabindex="0" ng-keydown="vm.REGLANCCONTAREC.atalhosLista($event);" ng-keypress="$event.keyCode == 13 && vm.Cobrancas.abrirModalPrincipal();"><a class="dropdown-item dropdown_link" target="_blank" ng-click="vm.Cobrancas.abrirModalPrincipal();$event.stopPropagation();"> <span class="glyphicon glyphicon-th-list"> </span>01 - Registro de Ocorrências de Cobranças</a></li> -->
		  <li tabindex="0" ng-keydown="vm.REGLANCCONTAREC.atalhosLista($event);"   ng-keypress="$event.keyCode == 13 && vm.REGLANCCONTAREC.consultar_itemnfs(); 	"><a class="dropdown-item dropdown_link" target="_blank" ng-click="vm.REGLANCCONTAREC.consultar_itemnfs();    	   $event.stopPropagation();"> <span class="glyphicon glyphicon-th-list"> </span> 01 - Consultar Itens do Documento					</a></li>
		  <li tabindex="0" ng-keydown="vm.REGLANCCONTAREC.atalhosLista($event);"   ng-keypress="$event.keyCode == 13 && vm.REGLANCCONTAREC.consultar_pendente(123);	"><a class="dropdown-item dropdown_link" target="_blank" ng-click="vm.REGLANCCONTAREC.consultar_pendente(123);	   $event.stopPropagation();"> <span class="glyphicon glyphicon-th-list"> </span> 02 - Consultar Antecipações Pendentes				</a></li>
		  <li tabindex="0" ng-keydown="vm.REGLANCCONTAREC.atalhosLista($event);" ng-if="vm.ControleAlterar == 1 && vm.REGLANCCONTAREC.SELECTED.HABILITA_ALTERAR == 1 && !(vm.REGLANCCONTAREC.SELECTED.PDV_ANTECIPACAO_ID > 0) && vm.REGLANCCONTAREC.SELECTED.PDV_TIPO != 11" ng-keypress="$event.keyCode == 13 && vm.REGLANCCONTAREC.alterar(2);	 		 	   "><a class="dropdown-item dropdown_link" target="_blank" ng-click="vm.REGLANCCONTAREC.alterar(2);     		       $event.stopPropagation();"> <span class="glyphicon glyphicon-edit">    </span> 03 - Alterar Parâmetros das Parcelas 		</a></li>
		  <li tabindex="0" ng-keydown="vm.REGLANCCONTAREC.atalhosLista($event);" ng-if="vm.ControleAlterar == 1 && vm.REGLANCCONTAREC.SELECTED.HABILITA_ALTERAR == 1 && !(vm.REGLANCCONTAREC.SELECTED.PDV_ANTECIPACAO_ID > 0) && vm.REGLANCCONTAREC.SELECTED.PDV_TIPO != 11" ng-keypress="$event.keyCode == 13 && vm.REGLANCCONTAREC.PARCELAMENTO.alterarSeq(1);   "><a class="dropdown-item dropdown_link" target="_blank" ng-click="vm.REGLANCCONTAREC.PARCELAMENTO.alterarSeq(1);   $event.stopPropagation();"> <span class="glyphicon glyphicon-edit">    </span> 04 - Alterar Número das Parcelas			</a></li>
		  <li tabindex="0" ng-keydown="vm.REGLANCCONTAREC.atalhosLista($event);" ng-if="vm.ControleAlterar == 1 && vm.REGLANCCONTAREC.SELECTED.HABILITA_ALTERAR == 1 && !(vm.REGLANCCONTAREC.SELECTED.PDV_ANTECIPACAO_ID > 0) && vm.REGLANCCONTAREC.SELECTED.PDV_TIPO != 11" ng-keypress="$event.keyCode == 13 && vm.REGLANCCONTAREC.PARCELAMENTO.buscarReplica(1);"><a class="dropdown-item dropdown_link" target="_blank" ng-click="vm.REGLANCCONTAREC.PARCELAMENTO.buscarReplica(1);$event.stopPropagation();"> <span class="glyphicon glyphicon-edit">    </span> 05 - Agrupar/Desmembrar Parcelas			</a></li>
		  <li tabindex="0" ng-keydown="vm.REGLANCCONTAREC.atalhosLista($event);" ng-if="vm.ControleAlterar == 1 && vm.REGLANCCONTAREC.SELECTED.HABILITA_ALTERAR == 1 && !(vm.REGLANCCONTAREC.SELECTED.PDV_ANTECIPACAO_ID > 0) && vm.REGLANCCONTAREC.SELECTED.PDV_TIPO != 11" ng-keypress="$event.keyCode == 13 && vm.REGLANCCONTAREC.PARCELAMENTO.buscarReplica(0);"><a class="dropdown-item dropdown_link" target="_blank" ng-click="vm.REGLANCCONTAREC.PARCELAMENTO.buscarReplica(0);$event.stopPropagation();"> <span class="glyphicon glyphicon-edit">    </span> 06 - Agrupar/Desmembrar Parcelas Residuais</a></li>
		  <li tabindex="0" ng-keydown="vm.REGLANCCONTAREC.atalhosLista($event);" ng-if="vm.ControleAlterar == 1 && vm.REGLANCCONTAREC.SELECTED.HABILITA_ALTERAR == 1 && !(vm.REGLANCCONTAREC.SELECTED.PDV_ANTECIPACAO_ID > 0) && vm.REGLANCCONTAREC.SELECTED.PDV_TIPO != 11" ng-keypress="$event.keyCode == 13 && vm.REGLANCCONTAREC.limpar_remessa2();    	 	   "><a class="dropdown-item dropdown_link" target="_blank" ng-click="vm.REGLANCCONTAREC.limpar_remessa2(); 	   	   $event.stopPropagation();"> <span class="glyphicon glyphicon-trash">   </span> 07 - Limpar Dados de Remessa				</a></li>
		  <li tabindex="0" ng-keydown="vm.REGLANCCONTAREC.atalhosLista($event);" ng-if="vm.ControleAlterar == 1 && vm.REGLANCCONTAREC.SELECTED.HABILITA_ALTERAR == 1 && !(vm.REGLANCCONTAREC.SELECTED.PDV_ANTECIPACAO_ID > 0) && vm.REGLANCCONTAREC.SELECTED.PDV_TIPO != 11" ng-keypress="$event.keyCode == 13 && vm.REGLANCCONTAREC.limpar_taxa2(132); 	 	   "><a class="dropdown-item dropdown_link" target="_blank" ng-click="vm.REGLANCCONTAREC.limpar_taxa2(132); 	   	   $event.stopPropagation();"> <span class="glyphicon glyphicon-trash">   </span> 08 - Limpar Taxas de Adquirente			</a></li>
		  <li tabindex="0" ng-keydown="vm.REGLANCCONTAREC.atalhosLista($event);" ng-if="vm.REGLANCCONTAREC.SELECTED.HABILITA_ALTERAR == 1" 							  	   ng-keypress="$event.keyCode == 13 && vm.REGLANCCONTAREC.impressaoBoletoBancario();	 "><a class="dropdown-item dropdown_link" target="_blank" ng-click="vm.REGLANCCONTAREC.impressaoBoletoBancario();	 $event.stopPropagation();"> 																								   <span class="fa fa-file"> 				  </span> 09 - Imprimir Boletos Bancários			</a></li>
		  <li tabindex="0" ng-keydown="vm.REGLANCCONTAREC.atalhosLista($event);" ng-if="vm.ControleAlterar == 1 && vm.REGLANCCONTAREC.SELECTED.TIPO_CALCULO_COMISSAO == 2 && !(vm.REGLANCCONTAREC.SELECTED.PDV_ANTECIPACAO_ID > 0)" ng-keypress="$event.keyCode == 13 && vm.REGLANCCONTAREC.gerar_comissao(); 	 	     "><a class="dropdown-item dropdown_link" target="_blank" ng-click="vm.REGLANCCONTAREC.gerar_comissao(); $event.stopPropagation();"> <span class="glyphicon glyphicon-retweet"> 		   											  </span> 10 - Gerar Provisionamento da Comissão	</a></li>
		  <li tabindex="0" ng-keydown="vm.REGLANCCONTAREC.atalhosLista($event);" ng-if="vm.ControleAlterar == 1 && vm.REGLANCCONTAREC.SELECTED.HABILITA_ALTERAR == 1 && ((vm.REGLANCCONTAREC.SELECTED.AVULSO == '1' && vm.REGLANCCONTAREC.SELECTED.RENEGOCIADO <= 0) || (vm.REGLANCCONTAREC.SELECTED.AVULSO == '1' && vm.REGLANCCONTAREC.SELECTED.RENEGOCIADO > 0))" ng-keypress="$event.keyCode == 13 && vm.REGLANCCONTAREC.alterarFormaComissao();"><a class="dropdown-item dropdown_link" target="_blank" ng-click="vm.REGLANCCONTAREC.alterarFormaComissao(); $event.stopPropagation();"> <span class="glyphicon glyphicon-edit">    </span> 11 - Alterar Forma de Comissão </a></li>
		  <li tabindex="0" ng-keydown="vm.REGLANCCONTAREC.atalhosLista($event);" ng-if="vm.ControleAlterar == 1 && vm.REGLANCCONTAREC.SELECTED.HABILITA_ALTERAR == 1 && ((vm.REGLANCCONTAREC.SELECTED.AVULSO == '1' && vm.REGLANCCONTAREC.SELECTED.RENEGOCIADO <= 0) || (vm.REGLANCCONTAREC.SELECTED.AVULSO == '1' && vm.REGLANCCONTAREC.SELECTED.RENEGOCIADO > 0))" ng-keypress="$event.keyCode == 13 && vm.REGLANCCONTAREC.alterarRepresentante();"><a class="dropdown-item dropdown_link" target="_blank" ng-click="vm.REGLANCCONTAREC.alterarRepresentante(); $event.stopPropagation();"> <span class="glyphicon glyphicon-edit">    </span> 12 - Alterar Representante </a></li>
		</div>
	</div>
<!-- <button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.REGLANCCONTAREC.ALTERANDO" ng-click="vm.REGLANCCONTAREC.alterar()" type="button" class="btn btn-primary" data-hotkey="f9">
        <span class="glyphicon glyphicon-edit"></span> Alterar
	</button>

	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.REGLANCCONTAREC.ALTERANDO" 
		ng-click="vm.REGLANCCONTAREC.PARCELAMENTO.buscarReplica()" type="button" class="btn btn-primary" data-hotkey="f10">
        <span class="glyphicon glyphicon-edit"></span> Alterar Parcelas
	</button>    -->

	<button ng-if="!vm.REGLANCCONTAREC.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.REGLANCCONTAREC.fecharModal()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>
@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px); margin-top: -15px;">
	
    <div class="row">		
		<fieldset style="margin-bottom: 0px;">
			<legend style="margin-bottom: 0px;">Dados do Documento</legend>
			<div class="form-group">			
				<!-- <div style="display: -webkit-inline-box;" class="consulta-cliente"></div> -->
				
				<div class="form-group" ng-if="vm.REGLANCCONTAREC.SELECTED.COLABORADOR_ID == 0">
					<label>Cliente: <a tabindex="-1" href="{{ url('') }}/_12360" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="12360 - Cadastro de Clientes"></span></a></label>
					<input type="text" class="form-control input-maior" style="width: 420px !important;"
						ng-model="vm.REGLANCCONTAREC.SELECTED.DESC_EMPRESA" ng-readonly="true">
				</div>
				
				<div class="form-group" ng-if="vm.REGLANCCONTAREC.SELECTED.COLABORADOR_ID >  0">
					<label>Colaborador: <a tabindex="-1" href="{{ url('') }}/_23180" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="23180 - Cadastro de Colaboradores"></span></a></label>
					<input type="text" class="form-control input-maior" style="width: 420px !important;"
						ng-model="vm.REGLANCCONTAREC.SELECTED.DESC_EMPRESA" ng-readonly="true">
				</div>

				<div style="display: -webkit-inline-box;" class="consulta-estab2"></div>
				<div class="form-group">
					<label>Documento:</label>
					<input type="text" class="form-control input-medio text-right" style="width: 205px;"
						ng-model="vm.REGLANCCONTAREC.SELECTED.DOCUMENTO" readonly="readonly">
				</div>

				<div class="form-group">
					<label>Data Emissão:</label>
					<input type="date" class="form-control" readonly="readonly" style="width: 210px;"
						ng-model="vm.REGLANCCONTAREC.SELECTED.DATA_EMI">
				</div>
				
				<div class="form-group" style="margin-top: 25px;">
					<div style="width: 115px;text-align: center;border: 1px solid #d9bebe;border-radius: 15px;display: flex;">
						<label style="margin-top: 6px;margin-left: 5px;">Origem</label>
						<div class="form-group ng-binding" id="icon_1" style="display: inline-flex;/* border: 1px solid #cccccc; */border-radius: 18px; background-color: white;"> 
						@{{vm.ReturnIconDocumento(vm.REGLANCCONTAREC.SELECTED,'icon_1')}}
						</div>
					</div>
				</div>
				<!-- <div class="form-group" style="display: inline-flex; border: 1px solid #cccccc; border-radius: 18px; margin-top: 23px; cursor: pointer; background-color: white;">
					<label class="conc_switch" style="@{{(vm.REGLANCCONTAREC.SELECTED.AVULSO == '0' && vm.REGLANCCONTAREC.SELECTED.TIPO == '2' || vm.REGLANCCONTAREC.SELECTED.AVULSO == '1' && vm.REGLANCCONTAREC.SELECTED.RENEGOCIADO > 0) ? 'width: 90px !important;' : '' }}">
						<input type="checkbox" disabled class="no_selection" ng-checked="vm.REGLANCCONTAREC.SELECTED.AVULSO == '0' || vm.REGLANCCONTAREC.SELECTED.RENEGOCIADO > 0">
						<span class="slider round @{{vm.REGLANCCONTAREC.SELECTED.AVULSO == '0' && vm.REGLANCCONTAREC.SELECTED.TIPO == '2' ? 'mfe' : '' }} @{{vm.REGLANCCONTAREC.SELECTED.AVULSO == '1' && vm.REGLANCCONTAREC.SELECTED.RENEGOCIADO > 0 ? 'ren' : '' }}" 
							  style="@{{vm.REGLANCCONTAREC.SELECTED.AVULSO == '0' && vm.REGLANCCONTAREC.SELECTED.TIPO 	   == '2' ? 'background-color: rgb(63, 160, 255) !important;' : '' }} 
							  		 @{{vm.REGLANCCONTAREC.SELECTED.AVULSO == '1' && vm.REGLANCCONTAREC.SELECTED.RENEGOCIADO > 0  ? 'background-color: rgb(255, 127, 80) !important;' : '' }}">
							<label ng-if="vm.REGLANCCONTAREC.SELECTED.AVULSO == '1' && vm.REGLANCCONTAREC.SELECTED.RENEGOCIADO <= 0" style="margin-left: 44px; margin-top: 4px; color: white; font-size: 14pt;">A</label>
							<label ng-if="vm.REGLANCCONTAREC.SELECTED.AVULSO == '1' && vm.REGLANCCONTAREC.SELECTED.RENEGOCIADO > 0 " style="margin-left: 10px; margin-top: 4px; color: white; font-size: 14pt;">REN</label>
							<label ng-if="vm.REGLANCCONTAREC.SELECTED.AVULSO == '0' && vm.REGLANCCONTAREC.SELECTED.TIPO == '1'	   " style="margin-left: 10px; margin-top: 4px; color: white; font-size: 14pt;">NF</label>
							<label ng-if="vm.REGLANCCONTAREC.SELECTED.AVULSO == '0' && vm.REGLANCCONTAREC.SELECTED.TIPO == '2'	   " style="margin-left: 10px; margin-top: 4px; color: white; font-size: 14pt;">MFE</label>
						</span>		
					</label>			
					<label style="margin-top: 7px; margin-left: 9px; margin-right: 8px; cursor: pointer;"> Origem </label>							
				</div> -->
			</div>

			<div class="form-group">
				
				<div class="form-group">
					<label>Representante: <a tabindex="-1" href="{{ url('') }}/_12350" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="12350 - Cadastro de Representantes"></span></a></label>
					<input type="text" class="form-control input-maior" style="width: 420px !important;"
						ng-model="vm.REGLANCCONTAREC.SELECTED.DESC_REP" ng-readonly="true">
				</div>
				
				<div class="form-group" style="width: fit-content; margin-left: 0px;">
					<label>Forma Comissão:</label>
					<select class="form-control" ng-model="vm.REGLANCCONTAREC.SELECTED.FORMA_COMISSAO"
						ng-disabled="!vm.REGLANCCONTAREC.ALTERANDO" style="width: 160px !important;">
						<option value="F">Faturamento</option>
						<option value="L">Liquidação</option>
					</select>				
				</div>

				<div class="form-group">
					<label>Comissão:</label>
					<div class="input-group">								
						<input type="text" min="0" max="99999999" class="form-control input-menor text-right" ng-readonly="!vm.REGLANCCONTAREC.ALTERANDO"
							ng-number-format="2" ng-model="vm.REGLANCCONTAREC.SELECTED.REPRESENTANTE_COMISSAO" style="width: 110px !important;">
						<div class="input-group-addon" style="padding: 9px;">%</div>
					</div>
				</div>
				
				<div class="form-group">
					<label>Forma de Pagamento: <a tabindex="-1" href="{{ url('') }}/_20181" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="20181 - Cadastro de Formas de Pagamento"></span></a></label>
					<input type="text" class="form-control input-maior" style="width: 432px !important;"
						ng-model="vm.REGLANCCONTAREC.SELECTED.DESC_FORMPAG" ng-readonly="true">
				</div>

				<div class="form-group">
					<label ng-if="vm.REGLANCCONTAREC.SELECTED.AVULSO == '1'">Valor Total:</label>
					<label ng-if="vm.REGLANCCONTAREC.SELECTED.AVULSO == '0'">Valor Total NF:</label>
					<div class="input-group">
						<div class="input-group-addon" style="padding: 9px;">R$</div>
						<input type="text" class="form-control input-medio text-right" ng-number-format="2" min="0"
							ng-model="vm.REGLANCCONTAREC.SELECTED.VALOR_TOTAL_NF" readonly="readonly" style="width: 169px;">
					</div>			
				</div>
				
				<div class="form-group">
					<label>Saldo Total:</label>
					<div class="input-group">
						<div class="input-group-addon" style="padding: 9px;">R$</div>
						<input type="text" class="form-control input-medio text-right" ng-number-format="2" min="0"
							ng-model="vm.REGLANCCONTAREC.SELECTED.VALOR_SALDO" style="width: 172px;" readonly="readonly">
					</div>			
				</div>
			</div>
		</fieldset>
	</div>

	<div class="row">
		<fieldset> 
			<legend>Parcelas do Documento</legend>
			<!-- <form 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="width: calc(100% - 510px);" ng-show="!vm.REGLANCCONTAREC.ALTERANDO">					
						<input class="form-control filter_main5" type="text" style="width: 100% !important; margin-top: 12px;"
							ng-model="vm.REGLANCCONTAREC.PARCELAMENTO.FILTRO_DADOS" placeholder="Filtragem por ID e Descrição do Banco">
					</div>
					
					<div class="form-group" style="margin-top: -9px;" ng-show="!vm.REGLANCCONTAREC.ALTERANDO">
						<input id="filtro_saldo2" type="checkbox" ng-model="vm.REGLANCCONTAREC.PARCELAMENTO.FILTRO_SALDO" ng-true-value="1"
							ng-false-value="0" ng-change="vm.REGLANCCONTAREC.PARCELAMENTO.consultar(1);">
						<label style="font-weight: bolder;" for="filtro_saldo2">Ver Itens com Saldo zerado</label>
					</div>

					<div class="form-group" ng-if="!vm.REGLANCCONTAREC.ALTERANDO" style="padding-top: 12px; width: fit-content; padding-right: 10px;">
						<button type="button" ng-click="vm.REGLANCCONTAREC.PARCELAMENTO.consultar(1);" class="btn btn-xs btn-primary btn-filtrar" data-hotkey="alt+f" id="btn-table-filter5">
							<span class="glyphicon glyphicon-filter"></span> Filtrar
						</button>
					</div>	
				</div>
			</form> -->
			<div class="tabela_parcelamento" id="tabela_parcelamento"></div> 
		</fieldset>
	</div>	
		
	<!-- <div class="row" style="margin-top: 5px;">
		<label style="background-color: black; color: yellow; text-align: center; width: 100%; font-size: 20pt; border-radius: 10px;"> Valor Total: R$ @{{vm.REGLANCCONTAREC.SELECTED.VALOR_TOTAL2 | number:2 }}</label>
	</div> -->
	
</div>
</form>

@overwrite