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

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

@section('modal-header-left')

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

@overwrite

@section('modal-header-right')

	<div tabindex="0" class="form-group" ng-keypress="vm.REGLANCCONTABIL.conciliar($event);" ng-click="vm.REGLANCCONTABIL.conciliar();" ng-if="!vm.REGLANCCONTABIL.INCLUINDO"
		style="display: inline-flex; border: 1px solid #cccccc; border-radius: 18px; margin-top: 3px; cursor: pointer; background-color: white;">
		<label class="conc_switch">
			<input type="checkbox" disabled class="no_selection" ng-checked="vm.REGLANCCONTABIL.SELECTED.CONCILIACAO == '1'">
			<span class="slider round"></span>		
		</label>
		<label style="margin-top: 7px; margin-left: 9px; margin-right: 8px; cursor: pointer;" ng-if="vm.REGLANCCONTABIL.SELECTED.CONCILIACAO == '1'"> Conciliado </label>
		<label style="margin-top: 7px; margin-left: 9px; margin-right: 8px; cursor: pointer;" ng-if="vm.REGLANCCONTABIL.SELECTED.CONCILIACAO == '' || vm.REGLANCCONTABIL.SELECTED.CONCILIACAO == '0'"> Não Conciliado </label>
	</div>
	
	<button ng-disabled="{{ userMenu($menu)->INCLUIR }} == 0" style="height: 31px;" ng-click="vm.REGLANCCONTABIL.Anterior()" ng-if="!vm.REGLANCCONTABIL.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-left"></span>
	</button>
	
	<button ng-disabled="{{ userMenu($menu)->INCLUIR }} == 0" style="height: 31px;" ng-click="vm.REGLANCCONTABIL.Avanco()" ng-if="!vm.REGLANCCONTABIL.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-right"></span>
	</button>

	<button ng-disabled="!{{ userMenu($menu)->INCLUIR }}" ng-if="!vm.REGLANCCONTABIL.ALTERANDO" ng-click="vm.REGLANCCONTABIL.incluirNovo()" type="button" class="btn btn-primary" data-hotkey="f7">
        <span class="glyphicon glyphicon-plus"></span> Incluir Novo Registro
    </button>

	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.REGLANCCONTABIL.ALTERANDO" ng-click="vm.REGLANCCONTABIL.copiar()" type="button" class="btn btn-primary" data-hotkey="f8">
		<span class="fa fa-files-o"></span> Copiar Registro
	</button>

	<button ng-if="vm.REGLANCCONTABIL.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.REGLANCCONTABIL.ALTERANDO" ng-click="vm.REGLANCCONTABIL.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>
	
	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.REGLANCCONTABIL.ALTERANDO" ng-click="vm.REGLANCCONTABIL.alterar()" type="button" class="btn btn-primary" data-hotkey="f9">
        <span class="glyphicon glyphicon-edit"></span> Alterar
    </button>   

	<button ng-disabled="{{ userMenu($menu)->EXCLUIR }} == 0"  ng-if="!vm.REGLANCCONTABIL.ALTERANDO" ng-click="vm.REGLANCCONTABIL.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button ng-if="!vm.REGLANCCONTABIL.ALTERANDO" data-consulta-historico data-tabela="TBMOVCONTMESTRE" data-tabela-id="@{{ vm.REGLANCCONTABIL.SELECTED.ID }}" type="button" class="btn gerar-historico" data-hotkey="alt+h">
        <span class="glyphicon glyphicon-time"></span> {{ Lang::get('master.historico') }}
    </button>
	
	<button ng-if="!vm.REGLANCCONTABIL.ALTERANDO" data-consulta-arquivos data-tabela="TBMOVCONTMESTRE" data-tabela-id="@{{ vm.REGLANCCONTABIL.SELECTED.ID }}" type="button" class="btn  btn-info" data-hotkey="alt+a">
        <span class="glyphicon glyphicon-file"></span> {{ Lang::get('master.arquivos') }}
    </button>
	
	<button ng-if="!vm.REGLANCCONTABIL.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.REGLANCCONTABIL.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;">
	<!--<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>-->
	<!--
	<ul id="tab" class="nav nav-tabs" role="tablist"> 
		<li role="presentation" class="active tab-detalhamento">
			<a href="#tab1-container" id="tab1-tab" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab1-container" aria-expanded="true">
				1
				
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento" ng-if="!vm.REGLANCCONTABIL.ALTERANDO">
			<a href="#tab2-container" id="tab2-tab" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab2-container" aria-expanded="false">
				2
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento"  ng-if="!vm.REGLANCCONTABIL.ALTERANDO">
			<a href="#tab3-container" id="tab3-tab" data-hotkey="alt+3" role="tab" data-toggle="tab" aria-controls="tab3-container" aria-expanded="false">
				3
			</a>
		</li>
	</ul>

	<div id="tab-content" class="tab-content"  style="height: calc(100% - 45px);">
		
		<div role="tabpanel" class="tab-pane active in" id="tab1-container" name="" aria-labelledby="tab1-tab" style="height: 100%; overflow:auto;">
			<div class="row">
		
			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab2-container" name="" aria-labelledby="tab2-tab" style="height: 100%; overflow:auto;">
			<div class="row">

			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab3-container" name="" aria-labelledby="tab3-tab" style="height: 100%; overflow:auto;">
			<div class="row">

			</div>
		</div>

	</div>

	 <div ng-show="(!vm.REGLANCCONTABIL.ALTERANDO || vm.REGLANCCONTABILItens.TIPO_ADD == 2) && vm.REGLANCCONTABIL.habilita_itens == true" style="margin-top: 10px;">   
		<ul class="list-inline">    
			<li>
				<button 
					type="button" 
					class="btn btn-primary btn-incluir" 
					data-hotkey="f6"
					ng-disabled="!{{ userMenu($menu)->INCLUIR }} || !vm.REGLANCCONTABIL.ALTERANDO" 
					ng-click="vm.REGLANCCONTABILItens.incluir()">
					<span class="glyphicon glyphicon-plus"></span> Incluir
				</button>
			</li>                                         
		</ul>
		<fieldset>
			<legend>Lançamentos Contábeis</legend>
			<div class="row" style="display: inline-block; overflow: inherit; width: 100%;">
				<div class="form-group" style="width: calc(50% - 15px); display: inline-block; min-width: 458px;">			
					<label style="width: calc(100%); width: calc(98%); margin-left: 10px; text-align: center; background-color: #337ab7;
						color: white; margin-bottom: 0px !important; border-radius: 4px; border: 1px solid white;"> Débito </label>
					<div style="margin-left: 10px;" class="tabela_credito" id="tabela_credito"></div>				
				</div>
				<div class="form-group" style="width: calc(50% - 15px); display: inline-block; min-width: 458px;">			
					<label style="width: calc(100%); width: calc(98%); margin-left: 10px; text-align: center; background-color: #337ab7;
						color: white; margin-bottom: 0px !important; border-radius: 4px; border: 1px solid white;"> Crédito </label>
					<div style="margin-left: 10px;" class="tabela_debito" id="tabela_debito"></div>
				</div>				
			</div>
		</fieldset>		
	</div>
-->
	
    <div class="row">
	
		<div class="form-group">
            <label>ID:</label>
            <input 
                type="text"
                class="form-control input-menor"
				ng-model="vm.REGLANCCONTABIL.SELECTED.DESC_ID"
                readonly="readonly">
        </div>

		<div style="display: -webkit-inline-box;" class="consulta-estab"></div>
				
		<div class="form-group">
            <label>Origem:</label>
            <input 
                type="text"
				class="form-control input-menor" 
                ng-model="vm.REGLANCCONTABIL.SELECTED.CODORIGEM"
                ng-readonly="true">
		</div>

		<div style="display: -webkit-inline-box;" ng-show="vm.REGLANCCONTABIL.INCLUINDO == true && vm.REGLANCCONTABIL.TIPO_INCLUSAO == 2" class="consulta-ccusto-inc"></div>		

		<div class="form-group" ng-show="vm.REGLANCCONTABIL.INCLUINDO">
            <label>Documento:</label>
            <input 
                type="text" style="width: 120px !important;"
				class="form-control input-medio" only-digits2 maxlength="20"
                ng-model="vm.REGLANCCONTABIL.SELECTED.DESCRICAO"
                ng-readonly="!vm.REGLANCCONTABIL.ALTERANDO">
		</div>
		
        <div class="form-group">
            <label>Data:</label>
            <input 
                type="date"
                class="form-control data_js"                 
                ng-model="vm.REGLANCCONTABIL.SELECTED.DATA_JS"
                ng-readonly="!vm.REGLANCCONTABIL.ALTERANDO">
		</div>	

		<div class="form-group" ng-show="vm.REGLANCCONTABIL.INCLUINDO">
			<label>Histórico:</label>
			<input 
				type="text"
				class="form-control input-maior" maxlength="250"					
				ng-model="vm.REGLANCCONTABIL.SELECTED.HISTORICO_LANCAMENTO"
				ng-readonly="!vm.REGLANCCONTABIL.ALTERANDO">
		</div>
		
		<div class="form-group" ng-show="vm.REGLANCCONTABIL.INCLUINDO && vm.REGLANCCONTABIL.TIPO_INCLUSAO == 1">
			<label>Valor:</label>
			<div class="input-group">
				<div class="input-group-addon" style="padding: 9px;"><span>R$</span></div>
				<input 
					type="text" style="width: 140px !important;" ng-number-format="2" min="0" max="99999999.99"
					class="form-control input-medio valor_debito text-right" 
					ng-model="vm.REGLANCCONTABIL.SELECTED.VALOR_LANCAMENTO"
					ng-readonly="!vm.REGLANCCONTABIL.ALTERANDO">
			</div>
		</div>
		
	</div>

	<!-- Inclusão de lançamento simples -->
	<row ng-show="vm.REGLANCCONTABIL.INCLUINDO && vm.REGLANCCONTABIL.TIPO_INCLUSAO == 1">
		<fieldset>
			<div class="panel panel-primary"> 
				<div class="panel-heading collapse in" tabindex="-1"> 				
					<h3 class="panel-title">Débito</h3> 
				</div> 
				<div class="panel-body collapse in" style="height: 220px;">
					<div class="row">
						<div style="display: -webkit-inline-box;" class="consulta-cconta-debito"></div>
		
						<div style="display: -webkit-inline-box;" class="consulta-ccusto-debito"></div>
					</div>
				</div>
			</div>
	
			<div class="panel panel-primary"> 
				<div class="panel-heading collapse in" tabindex="-1"> 				
					<h3 class="panel-title">Crédito </h3> 
				</div> 
				<div class="panel-body collapse in" style="height: 220px;">
					<div class="row">
						<div style="display: -webkit-inline-box;" class="consulta-cconta-credito"></div>
		
						<div style="display: -webkit-inline-box;" class="consulta-ccusto-credito"></div>
					</div>
				</div>
			</div>
		</fieldset>
	</row>
	
	<fieldset style="margin-top: 15px;" ng-show="vm.REGLANCCONTABIL.INCLUINDO == false || vm.REGLANCCONTABIL.TIPO_INCLUSAO == 2">		
		<div class="panel panel-primary" style="margin-bottom: 5px !important;"> 
			<div class="panel-heading collapsed" style="cursor: pointer !important;" tabindex="0" data-hotkey="alt+1" id="containerLancamento1" data-toggle="collapse" data-target="#dadosLancamento1" aria-expanded="true" aria-controls="dadosLancamento1" ng-click="vm.changePainel('dadosLancamento1');"> 				
				<h3 class="panel-title">Débito <sub>(Alt+1)</sub>
					<i class="fa fa-chevron-circle-down" style="float: right; cursor: pointer;"
					ng-class="{'fa-chevron-circle-down': !vm.DADOS_LANCAMENTO1,
								'fa-chevron-circle-up': vm.DADOS_LANCAMENTO1}" aria-hidden="true">
					</i></h3> 
			</div> 
			<div class="panel-body collapse" id="dadosLancamento1" aria-expanded="false" style="height: 30px;">
				<div class="row">
					<ul class="list-inline">    
						<li>
							<button 
								type="button" 
								class="btn btn-primary btn-incluir" 
								data-hotkey="f6"
								ng-disabled="!{{ userMenu($menu)->INCLUIR }} || !vm.REGLANCCONTABIL.ALTERANDO" 
								ng-click="vm.REGLANCCONTABILItens.incluir(1)">
								<span class="glyphicon glyphicon-plus"></span> Incluir
							</button>
						</li>                                             
					</ul>
					<div style="margin-left: 10px;" class="tabela_debito" id="tabela_debito"></div>
				</div>
			</div>
		</div>

		<div class="panel panel-primary" style="margin-bottom: 5px !important;"> 
			<div class="panel-heading collapsed" style="cursor: pointer !important;" tabindex="0" data-hotkey="alt+2" id="containerLancamento2" data-toggle="collapse" data-target="#dadosLancamento2" aria-expanded="true" aria-controls="dadosLancamento2" ng-click="vm.changePainel('dadosLancamento2');"> 				
				<h3 class="panel-title">Crédito <sub>(Alt+2)</sub>
					<i class="fa fa-chevron-circle-down" style="float: right; cursor: pointer;"
					ng-class="{'fa-chevron-circle-down': !vm.DADOS_LANCAMENTO2,
								'fa-chevron-circle-up': vm.DADOS_LANCAMENTO2}" aria-hidden="true">
					</i></h3> 
			</div> 
			<div class="panel-body collapse" id="dadosLancamento2" aria-expanded="false" style="height: 30px;">
				<div class="row">
					<ul class="list-inline">                                           
						<li>
							<button 
								type="button" 
								class="btn btn-primary btn-incluir" 
								data-hotkey="f7"
								ng-disabled="!{{ userMenu($menu)->INCLUIR }} || !vm.REGLANCCONTABIL.ALTERANDO" 
								ng-click="vm.REGLANCCONTABILItens.incluir(2)">
								<span class="glyphicon glyphicon-plus"></span> Incluir
							</button>
						</li>                                         
					</ul>
					<div style="margin-left: 10px;" class="tabela_credito" id="tabela_credito"></div>				
				</div>
			</div>
		</div>
	</fieldset>
	
	<div class="row" style="margin-top: 5px;" ng-show="!vm.REGLANCCONTABIL.INCLUINDO">
		<label style="background-color: black; color: yellow; text-align: center; width: 100%; font-size: 20pt; border-radius: 10px;"> Valor Total: R$ @{{vm.REGLANCCONTABIL.SELECTED.VALOR | number:2 }}</label>
	</div>
</div>
</form>

@overwrite