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

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

@overwrite

@section('modal-header-left')

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

@overwrite

@section('modal-header-right')

	<button type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-click="vm.REGLANCCONTAREC.PARCELAMENTO.cancelarSeq()" 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="#dadosDocumento4" aria-expanded="true" aria-controls="dadosDocumento4" ng-click="vm.changePainel('dadosDocumento4');"> 				
				<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_DOCUMENTO4,
					   			  'fa-chevron-circle-up': vm.DADOS_DOCUMENTO4}" aria-hidden="true">
					</i></h3> 
			</div> 
			<div class="panel-body collapse" id="dadosDocumento4" 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_4" style="display: inline-flex;/* border: 1px solid #cccccc; */border-radius: 18px; background-color: white;"> 
								@{{vm.ReturnIconDocumento(vm.REGLANCCONTAREC.SELECTED,'icon_4')}}
								</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>

	<div class="row">					
		<div class="tabela_origem3" id="tabela_origem3"></div>
	</div>	
</div>
</form>

@overwrite