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

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

@section('modal-header-left')

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

@overwrite

@section('modal-header-right')

    <button type="button" ng-click="vm.REGCONCILIACAOBANC.confirmarVinculo();" class="btn btn-primary" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Confirmar
    </button>
	
	<button type="button" class="btn btn-danger btn-fechar-modal btn-voltar" ng-click="vm.REGCONCILIACAOBANC.fecharModalVinculo();" data-dismiss="modal" 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;">
		<div class="form-group" ng-if="vm.REGCONCILIACAOBANC.BCO_LANC.TIPO_LANCAMENTO == 1">			
			<div class="form-group">
				<label>ID:</label>
				<input type="text" style="width: 100px !important;"
					class="form-control input-menor"
					ng-model="vm.REGCONCILIACAOBANC.CONCILIACAO.SELECTED.FID"
					readonly="readonly">
			</div>		

			<div class="form-group">
				<label>Trans.ID:</label>
				<input type="text" style="width: 100px !important;"
					class="form-control input-menor"
					ng-model="vm.REGCONCILIACAOBANC.CONCILIACAO.SELECTED.TRANSACAO_ID"
					readonly="readonly">
			</div>		
			
			<div class="form-group">
				<label>Data:</label>
				<input type="date" style="width: 160px !important;" class="form-control"                 
					ng-model="vm.REGCONCILIACAOBANC.CONCILIACAO.SELECTED.DATA_JS"
					ng-readonly="true">
			</div>	
			@php /*	
			@php */
			<div class="form-group">
				<label>Documento:</label>
				<input 
					type="text" style="width: 120px !important;" class="form-control input-menor"
					ng-model="vm.REGCONCILIACAOBANC.CONCILIACAO.SELECTED.FDOCUMENTO"
					readonly="readonly">
			</div>	

			<div class="form-group">
				<label>Histórico:</label>
				<input 
					type="text" class="form-control input-maior"
					ng-model="vm.REGCONCILIACAOBANC.CONCILIACAO.SELECTED.HISTORICO"
					readonly="readonly">
			</div>		
		
			<div class="form-group">
				<label>Valor:</label>
				<div class="input-group">
					<div class="input-group-addon" style="padding: 9px; font-weight: bolder;"><span>R$</span></div>
					<input 
						type="text" ng-number-format="2" min="0" max="99999999.99" class="form-control input-medio"
						style="width: 140px; font-weight: bolder; text-align: right;"
						ng-model="vm.REGCONCILIACAOBANC.CONCILIACAO.SELECTED.VALOR" readonly="readonly">
				</div>
			</div>	
					
			<!-- <div class="form-group" style="margin-top: -5px;" ng-if="vm.REGCONCILIACAOBANC.TIPO_CONCILIACAO == 2">				
				<input
					id="tipo_vinculo123"  
					type="checkbox" 
					ng-checked="vm.REGCONCILIACAOBANC.TIPO_VINCULO == 1"
					ng-true-value="1"
					ng-false-value="0"
					ng-model="vm.REGCONCILIACAOBANC.TIPO_VINCULO"
					ng-change="vm.REGCONCILIACAOBANC.shuffleLancamento()">
				<label for="tipo_vinculo123" style="font-weight: bold;">Datas semelhantes</label>
			</div> -->
		</div>
		<div class="form-group" ng-if="vm.REGCONCILIACAOBANC.BCO_LANC.TIPO_LANCAMENTO == 2">			
			<div class="form-group">
				<label>ID:</label>
				<input type="text" style="width: 100px !important;"
					class="form-control input-menor"
					ng-model="vm.REGCONCILIACAOBANC.BCO_LANC.SELECTED.FID"
					readonly="readonly">
			</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="min-width: 220px; max-width: 220px;"
					ng-model="vm.REGCONCILIACAOBANC.BCO_LANC.SELECTED.FESTAB_DESCRICAO2"
					readonly="readonly">
			</div>	
			
			<div class="form-group">
				<label>Data:</label>
				<input type="date" style="width: 160px !important;" class="form-control"                 
					ng-model="vm.REGCONCILIACAOBANC.BCO_LANC.SELECTED.DATA_JS"
					ng-readonly="true">
			</div>
			@php /*		
			@php */
			<div class="form-group">
				<label>Documento:</label>
				<input 
					type="text" style="width: 120px !important;" class="form-control input-menor"
					ng-model="vm.REGCONCILIACAOBANC.BCO_LANC.SELECTED.FDOCUMENTO"
					readonly="readonly">
			</div>				

			<div class="form-group">
				<label>Caixa/Banco:<a tabindex="-1" href="{{ url('') }}/_20310" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="20310 - Cadastro de Caixas e Bancos"></span></a></label>
				<input 
					type="text" class="form-control input-maior"
					ng-model="vm.REGCONCILIACAOBANC.BCO_LANC.SELECTED.FCAIXABANCO_DESCRICAO2"
					readonly="readonly">
			</div>	

			<div class="form-group">
				<label>Histórico:</label>
				<input 
					type="text" class="form-control input-maior" style="max-width: 300px;"
					ng-model="vm.REGCONCILIACAOBANC.BCO_LANC.SELECTED.HISTORICO"
					readonly="readonly">
			</div>		
		
			<div class="form-group">
				<label>Valor:</label>
				<div class="input-group">
					<div class="input-group-addon" style="padding: 9px; font-weight: bolder;"><span>R$</span></div>
					<input 
						type="text" ng-number-format="2" min="0" max="99999999.99" class="form-control input-medio"
						style="width: 140px; font-weight: bolder; text-align: right;"
						ng-model="vm.REGCONCILIACAOBANC.BCO_LANC.SELECTED.VALOR" readonly="readonly">
				</div>
			</div>	
					
			<!-- <div class="form-group" style="margin-top: -5px;" ng-if="vm.REGCONCILIACAOBANC.TIPO_CONCILIACAO == 2">				
				<input
					id="tipo_vinculo123"  
					type="checkbox" 
					ng-checked="vm.REGCONCILIACAOBANC.TIPO_VINCULO == 1"
					ng-true-value="1"
					ng-false-value="0"
					ng-model="vm.REGCONCILIACAOBANC.TIPO_VINCULO"
					ng-change="vm.REGCONCILIACAOBANC.shuffleLancamento()">
				<label for="tipo_vinculo123" style="font-weight: bold;">Datas semelhantes</label>
			</div> -->
		</div>
		<fieldset style="display: flex; margin-bottom: 0px; margin-top: 0px;">
			<legend ng-if="vm.REGCONCILIACAOBANC.BCO_LANC.TIPO_LANCAMENTO == 2" style="margin-bottom: 0px;">Lançamentos Divergentes</legend>
			<legend ng-if="vm.REGCONCILIACAOBANC.BCO_LANC.TIPO_LANCAMENTO == 1" style="margin-bottom: 0px;">Lançamentos do Caixa/Banco</legend>
			<div style="width: calc(100%);" class="tabela_lanc_vincular" id="tabela_lanc_vincular"></div>	
			@php /*
			<div class="form-group" style="width: calc(100%); 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;">Lançamentos Divergentes</label>
				<div class="tabela_lanc_conciliar" id="tabela_lanc_conciliar"></div>	
			</div>
			<div class="form-group" style="width: calc(45%); max-width: calc(100% - 50vw); 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;">Lançamentos do Caixa/Banco <sub style="bottom: 0; font-size: 8px;">(ALT+B)</sub> </label>
				<div class="tabela_lanc_conciliar2" id="tabela_lanc_conciliar2"></div>
			</div>
			@php */			
		</fieldset>
	</div>
</div>
</form>
@overwrite