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

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

@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	<span>{{ Lang::get('financeiro/_20330.titulo12-exibir') }}</span>	
</h4>

@overwrite

@section('modal-header-right')

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

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px); margin-top: -5px;">
	   
	<div class="row">
		
		<div class="panel panel-primary" style="margin-bottom: 5px !important;"> 
			<div class="panel-heading collapsed" style="cursor: pointer !important;" data-toggle="collapse" data-target="#dadosDocumento3" aria-expanded="true" aria-controls="dadosDocumento3" ng-click="vm.changePainel('dadosDocumento3');"> 				
				<h3 class="panel-title">Dados do Documento
					<i class="fa fa-chevron-circle-down" style="float: right; cursor: pointer;"
					   ng-class="{'fa-chevron-circle-down': !vm.DADOS_DOCUMENTO3,
					   			  'fa-chevron-circle-up': vm.DADOS_DOCUMENTO3}" aria-hidden="true">
					</i></h3> 
			</div> 
			<div class="panel-body collapse" id="dadosDocumento3" aria-expanded="false" style="height: 30px;">
				<div class="row">
					<div class="form-group" style="margin-top: 0px; margin-bottom: 0px;">
			
						
						<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 class="form-group">
							<label>Estabelecimento: <a tabindex="-1" href="{{ url('') }}/_11630" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="11630 - Cadastro de Estabelecimentos"></span></a></label>
							<input type="text" class="form-control input-maior" style="width: 365px !important;"
								ng-model="vm.REGLANCCONTAREC.PARCELAMENTO.SELECTED.DESC_ESTAB" ng-readonly="true">
						</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_3" style="display: inline-flex;/* border: 1px solid #cccccc; */border-radius: 18px; background-color: white;"> 
								@{{vm.ReturnIconDocumento(vm.REGLANCCONTAREC.SELECTED,'icon_3')}}
								</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">
								<input type="checkbox" disabled class="no_selection" ng-checked="vm.REGLANCCONTAREC.SELECTED.AVULSO == '0'">
								<span class="slider round">
									<label ng-if="vm.REGLANCCONTAREC.SELECTED.AVULSO == '1'" style="margin-left: 44px; margin-top: 4px; color: white; font-size: 14pt;">A</label>
									<label ng-if="vm.REGLANCCONTAREC.SELECTED.AVULSO == '0'" style="margin-left: 10px; margin-top: 4px; color: white; font-size: 14pt;">NF</label>
								</span>		
							</label>			
							<label style="margin-top: 7px; margin-left: 9px; margin-right: 8px; cursor: pointer;"> Origem </label>							
						</div> -->
					</div>
			
					<div class="form-group" style="margin-top: 0px; margin-bottom: 0px;">
						<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">
							<label>Forma Comissão:</label>
							<select class="form-control" ng-model="vm.REGLANCCONTAREC.SELECTED.FORMA_COMISSAO" ng-disabled="true" style="width: 210px !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="true"
									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 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>					
				</div>
			</div>
		</div>
	</div>
	
	<ul id="tab" class="nav nav-tabs" role="tablist"> 
		<li role="presentation" class="active tab-detalhamento">
			<a href="#tab91-container" id="tab91-tab" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab91-container" aria-expanded="true">
				Parcelas de Origem
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento">
			<a href="#tab92-container" id="tab92-tab" ng-click="vm.REGLANCCONTAREC.find_focusable('#tab92-container');" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab92-container" aria-expanded="false">
				Parcelas Geradas
			</a>
		</li>
	</ul>

	<div id="tab-content" class="tab-content" style="height: calc(100% - 120px);">
		<div role="tabpanel" class="tab-pane active in" id="tab91-container" name="" aria-labelledby="tab91-tab" style="height: 100%; overflow:auto;" ng-show="!vm.REGLANCCONTAREC.ALTERANDO">
			<div class="row">					
				<div class="tabela_origem2" id="tabela_origem2"></div>
			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab92-container" name="" aria-labelledby="tab92-tab" style="height: 100%; overflow:auto;" ng-show="!vm.REGLANCCONTAREC.ALTERANDO">
			
			<div class="row">
							
				<div class="form-group" style="display: inline-flex; width: 225px;">
					<div class="form-group">
						<label>Data Vencimento:</label>
						<input type="date" class="form-control datad_venc2" style="width: 180px;" 
							ng-atalho ng-readonly="!vm.REGLANCCONTAREC.PARCELAMENTO.ALTERANDO"
							ng-model="vm.REGLANCCONTAREC.PARCELAMENTO.SELECTED.DATA_VENC">
					</div>
					<div class="form-group" style="display: flex;">
						<button type="button" class="btn btn-primary" style="height: 35px; margin-top: 19px;" 
							ng-click="vm.REGLANCCONTAREC.PARCELAMENTO.incluirDias()">
							<span class="glyphicon glyphicon-plus"></span>
						</button>
					</div>
				</div>
					
				<div class="form-group">
					<label>Valor:</label>
					<div class="input-group">			
						<div class="input-group-addon" style="padding: 9px;">R$</div>
						<input type="text" min="0" max="@{{ vm.REGLANCCONTAREC.PARCELAMENTO.SELECTED.VALOR_SALDO }}" class="form-control input-medio text-right valor_3" ng-number-format="2"
							ng-model="vm.REGLANCCONTAREC.PARCELAMENTO.SELECTED.VALOR" style="width: 185px;" ng-readonly="!vm.REGLANCCONTAREC.PARCELAMENTO.ALTERANDO">
					</div>
				</div>
				
				<div style="display: -webkit-inline-box;" class="consulta-banco3">	 		 </div>		
				<div style="display: -webkit-inline-box;" class="consulta-posicao2"> 		 </div>
				<div style="display: -webkit-inline-box;" class="consulta-cob2">	 		 </div>
				
				<div style="display: -webkit-inline-box;" class="consulta-op3">	 	 		 </div>
				<div style="display: -webkit-inline-box;" class="consulta-form-pag2">		 </div>
				
				<div class="form-group" ng-if="vm.REGLANCCONTAREC.PARCELAMENTO.SELECTED.NFE_TIPPAG == '03' || vm.REGLANCCONTAREC.PARCELAMENTO.SELECTED.NFE_TIPPAG == '04'">
					<label>Código de Autorização:</label>
					<input type="text" class="form-control input-maior cod_aut_replica" maxlength="50" style="width: 364px !important;"
						ng-model="vm.REGLANCCONTAREC.PARCELAMENTO.SELECTED.CODIGO_AUTORIZACAO" 
						ng-readonly="!vm.REGLANCCONTAREC.PARCELAMENTO.ALTERANDO">
				</div>

				<div class="form-group" ng-if="vm.REGLANCCONTAREC.PARCELAMENTO.SELECTED.NFE_TIPPAG == '03' || vm.REGLANCCONTAREC.PARCELAMENTO.SELECTED.NFE_TIPPAG == '04'">
					<label>NSU:</label>
					<input type="text" class="form-control input-maior nsu_replica" maxlength="50" style="width: 364px !important;"
						ng-model="vm.REGLANCCONTAREC.PARCELAMENTO.SELECTED.NSU" 
						ng-readonly="!vm.REGLANCCONTAREC.PARCELAMENTO.ALTERANDO">
				</div><s></s>

				<div style="display: -webkit-inline-box;" class="consulta-ccusto3">	 	 	 </div>
				<div style="display: -webkit-inline-box;" class="consulta-class-financeira3"></div>
	
				<div class="form-group">
					<label>Observação:</label>
					<input type="text" class="form-control input-maior" style="width: 364px !important;" maxlength="100" ng-model="vm.REGLANCCONTAREC.PARCELAMENTO.SELECTED.OBSERVACAO"
						ng-readonly="!vm.REGLANCCONTAREC.PARCELAMENTO.ALTERANDO">
				</div>
					
				<div class="form-group" style="margin-top: 20px;">
					<button type="button" class="btn btn-primary" ng-click="vm.REGLANCCONTAREC.PARCELAMENTO.gravarReplica()" data-hotkey="alt+i">
						<span class="glyphicon glyphicon-plus"></span> Incluir
					</button>
				</div>
				
			</div>
			<div class="row">											
				<div class="tabela_replicar" id="tabela_replicar"></div>
			</div>
		</div>

	</div>

	<div class="row" style="margin-top: 0px; display: flex;">		
		<label style="background-color: black; color: yellow; text-align: center;
			font-size: 12pt; padding-top: 3px; border-radius: 10px; width: calc(50%);"> Total Parcelas de Origem: R$ @{{ vm.TabelaOrigem2.COLUNAS_TOTAIS.VALOR | number:2 }}</label>
		<label style="background-color: black; color: yellow; text-align: center;
			font-size: 12pt; padding-top: 3px; border-radius: 10px; width: calc(50%);"> Total Parcelas Geradas: R$ @{{ vm.TabelaReplica.COLUNAS_TOTAIS.VALOR | number:2 }}</label>		
	</div>
	
</div>
</form>

@overwrite