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

@section('modal-start')
<form class="form-inline">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	<span>Confirmação</span>
</h4>

@overwrite

@section('modal-header-right')

    <button type="button" ng-click="vm.ConciliacaoAgrupamento.confirmarAjusteDoc();" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button type="button" class="btn btn-danger btn-fechar-modal btn-voltar" ng-click="vm.ConciliacaoAgrupamento.cancelar_ajuste();" data-hotkey="esc">
      	<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>		

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px);">
	<div class="row" style="margin-left: 0px; margin-right: 0px;">			
		
		<legend> Alterações a serem realizadas: </legend>	
<!-- 
		<div class="form-group" style="display: inline-flex;" 
			 ng-if="(vm.ConciliacaoAgrupamento.DOCUMENTO.SELECTED.FDATA_EMISSAO) 
			     != (vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.FDATA_VENDA)">
			<div class="form-group">
				<label>Data de Emissão:</label>
				<input type="text" class="form-control" readonly="readonly" style="width: 120px !important;"
					ng-model="vm.ConciliacaoAgrupamento.DOCUMENTO.SELECTED.FDATA_EMISSAO">
			</div>

			<div class="col-md-1" style="
				text-align: center !important;
				font-size: 21px !important;
				margin-top: 28px !important;
				margin-left: -12px;
				margin-right: 17px;
				">
				<span class="glyphicon glyphicon-chevron-right"></span>
			</div>	
			
			<div class="form-group">
				<label>Data de Emissão:</label>
				<input type="text" class="form-control" readonly="readonly" style="width: 120px !important;"
					ng-model="vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.FDATA_VENDA">
			</div>	
		</div> -->

		<div class="form-group" style="display: inline-flex;" 
			 ng-if="vm.ConciliacaoAgrupamento.DOCUMENTO.SELECTED.TIPO_REAL 
				!= vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.TIPO
				|| vm.ConciliacaoAgrupamento.DOCUMENTO.SELECTED.TIPO_INVALIDO == 1">

			<div class="form-group" style="margin-right: 1px;">
				<label>Tipo:</label>		
				<div class="form-group">
					<div class="input-group">
						<select	ng-model="vm.ConciliacaoAgrupamento.DOCUMENTO.SELECTED.TIPO_REAL" ng-disabled="true" ng-readonly="true" 
							style="border-radius: 0px 4px 4px 0px; border-left: 1px solid #a90f0f; width: 128px;">
							<option ng-value="'DEBIT'"> DÉBITO </option>
							<option ng-value="'CREDIT'">CRÉDITO</option>	
							<option ng-value="''"> INVÁLIDO</option>			
						</select>
					</div>
				</div>
			</div>						

			<div class="col-md-1" style="
				text-align  : center !important;
				font-size   : 21px !important;
				margin-top  : 28px !important;
				margin-left : -12px;
				margin-right: 17px;">
				<span class="glyphicon glyphicon-chevron-right"></span>
			</div>

			<div class="form-group" style="margin-right: 1px;">
				<label>Tipo:</label>		
				<div class="form-group">
					<div class="input-group">
						<select	ng-model="vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.TIPO" ng-disabled="true" ng-readonly="true" 
							style="border-radius: 0px 4px 4px 0px; border-left: 1px solid #a90f0f; width: 128px;">
							<option ng-value="'DEBIT'"> DÉBITO </option>
							<option ng-value="'CREDIT'">CRÉDITO</option>				
						</select>
					</div>
				</div>
			</div>
		</div>

		<div class="form-group" style="display: inline-flex;" 
			 ng-if="(vm.ConciliacaoAgrupamento.DOCUMENTO.SELECTED.DESC_BANDEIRA)
			    != (vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.DESC_BANDEIRA)">
				<div class="form-group">
					<label>Bandeira:</label>
					<input type="text" class="form-control" readonly="readonly" style="width: 170px !important;"
						ng-model="vm.ConciliacaoAgrupamento.DOCUMENTO.SELECTED.DESC_BANDEIRA">
				</div>		
				
				<div class="col-md-1" style="
					text-align: center !important;
					font-size: 21px !important;
					margin-top: 28px !important;
					margin-left: -12px;
					margin-right: 17px;
					">
					<span class="glyphicon glyphicon-chevron-right"></span>
				</div>
				
				<div class="form-group">
					<label>Bandeira:</label>
					<input type="text" class="form-control" readonly="readonly" style="width: 170px !important;"
						ng-model="vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.DESC_BANDEIRA">
				</div>	
		</div>
	

		<div class="form-group" style="display: inline-flex;" 
		 	 ng-if="(vm.ConciliacaoAgrupamento.DOCUMENTO.SELECTED.TARIFA)
			     != (vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.TARIFA)">
			<div class="form-group">
				<label>Taxa:</label>
				<div class="input-group">
					<div class="input-group-addon" style="padding: 9px;">R$</div>
					<input type="text" class="form-control text-right" min="0"
						ng-number-format="2" style="width: 160px !important"                 
						ng-model="vm.ConciliacaoAgrupamento.DOCUMENTO.SELECTED.TARIFA"
						ng-readonly="true">
				</div>
			</div>		
			
			<div class="col-md-1" style="
				text-align: center !important;
				font-size: 21px !important;
				margin-top: 28px !important;
				margin-left: -12px;
				margin-right: 17px;
				">
				<span class="glyphicon glyphicon-chevron-right"></span>
			</div>		

			<div class="form-group">
				<label>Taxa:</label>
				<div class="input-group">
					<div class="input-group-addon" style="padding: 9px;">R$</div>
					<input type="text" class="form-control text-right" min="0"
						ng-number-format="2" style="width: 160px !important"                 
						ng-model="vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.TARIFA"
						ng-readonly="!vm.ConciliacaoAgrupamento.CONCILIACAO.ALTERANDO">
				</div>
			</div>	
		</div>
	

		<div class="form-group" style="display: inline-flex;" 
			 ng-if="(vm.ConciliacaoAgrupamento.DOCUMENTO.SELECTED.NSU)
			     != (vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.NSU)">
			<div class="form-group">
				<label>NSU:</label>
				<input type="text" class="form-control" readonly="readonly" style="width: 170px !important;"
					ng-model="vm.ConciliacaoAgrupamento.DOCUMENTO.SELECTED.NSU">
			</div>		
			
			<div class="col-md-1" style="
				text-align: center !important;
				font-size: 21px !important;
				margin-top: 28px !important;
				margin-left: -12px;
				margin-right: 17px;
				">
				<span class="glyphicon glyphicon-chevron-right"></span>
			</div>		

			<div class="form-group">
				<label>NSU:</label>
				<input type="text" class="form-control" readonly="readonly" style="width: 170px !important;"
					ng-model="vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.NSU">
			</div>	
		</div>

		<div ng-if="vm.ConciliacaoAgrupamento.DOCUMENTO.SELECTED.DIFF_PARCELAS   == 1
				 ||(vm.ConciliacaoAgrupamento.DOCUMENTO.SELECTED.TARIFA 	     != vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.TARIFA)
				 ||(vm.ConciliacaoAgrupamento.DOCUMENTO.SELECTED.LISTA_VALORES   != vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.LISTA_VALORES)
				 ||(vm.ConciliacaoAgrupamento.DOCUMENTO.SELECTED.LISTA_DATAS   	 != vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.LISTA_DATAS)
				 ||(vm.ConciliacaoAgrupamento.DOCUMENTO.SELECTED.BANDEIRA_CARTAO != vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.CARTAO_BANDEIRA_ID)">				
			<fieldset style="display: flex; margin-bottom: 0px; margin-top: 0px;">
				<div class="form-group tabela_main2 ui-resizable" style="margin-right: 22px; position: relative; width: calc(50%); max-width: calc(100% - 10vw); min-width: 300px; margin-top: 10px !important;">
					<label style="width: calc(100%); text-align: center; background-color: #337ab7; color: white;
						margin-bottom: 0px !important; border-radius: 4px; border: 1px solid white;">{{ Lang::get('financeiro/_20460.titulo-parcelas-tabela1') }} </label>
					<div>
						<div class="origem-container">
							<table class="table table-striped table-bordered">
								<thead>
									<tr>
										<th class="text-left">Parcela</th>
										<th class="text-left">Data de Vencimento</th>
										<th class="text-right">Valor</th>
										<th class="text-right">Taxa</th>
									</tr>
								</thead>
								<tbody>
									<tr ng-repeat="item in vm.ConciliacaoAgrupamento.DOCUMENTO.SELECTED.DADOS_PARCELAS track by $index">
										<td class="text-left"  ng-bind="item.FPARCELA"></td>
										<td class="text-left"  ng-bind="item.FDATA"></td>										
										<td class="text-right">R$ @{{item.VALOR  | number: 2}}</td>
										<td class="text-right">R$ @{{item.TARIFA | number: 2}}</td>
									</tr>						
								</tbody>
							</table>
						</div>
					</div>
				</div>				
			
				<div class="col-md-1" 
					style="text-align: center !important; font-size: 21px !important; 
						   margin-top: calc(400px - 275px) !important;
						   margin-left: -12px; margin-right: 17px;">
					<span class="glyphicon glyphicon-chevron-right"></span>
				</div>		

				<div class="form-group tabela_bco2" style="width: calc(50%); max-width: calc(100% - 10vw); min-width: 300px; margin-top: 10px !important;">
					<label style="width: calc(100%); text-align: center; background-color: #337ab7; color: white;
						margin-bottom: 0px !important; border-radius: 4px; border: 1px solid white;">{{ Lang::get('financeiro/_20460.titulo-parcelas-tabela2') }} </label>
					<div>
						<div class="origem-container">
							<table class="table table-striped table-bordered">
								<thead>
									<tr>
										<th class="text-left">Parcela</th>
										<th class="text-left">Data de Vencimento</th>
										<th class="text-right">Valor</th>			
										<th class="text-right">Taxa</th>
										
									</tr>
								</thead>
								<tbody>						
									<tr ng-repeat="item in vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.DADOS_PARCELAS track by $index">
										<td class="text-left"  ng-bind="item.FPARCELA"></td>
										<td class="text-left"  ng-bind="item.FDATA"></td>
										<td class="text-right">R$ @{{item.VALOR  		 | number: 2}}</td>
										<td class="text-right">R$ @{{item.TARIFA 		 | number: 2}}</td>
									</tr>					
								</tbody>
							</table>
						</div>
					</div>
				</div>			
			</fieldset>
		</div>
		
	</div>
</div>
</form>
@overwrite