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

@section('modal-start')
	@php // ng-submit="vm.REGCOMREPRESENTANTEImpressao.TIPO_ADD < 3 ? vm.REGCOMREPRESENTANTEImpressao.gravar() : vm.REGCOMREPRESENTANTEImpressao.confirmItensSelected()"
<form class="form-inline" ng-submit="vm.REGCOMREPRESENTANTEImpressao.PRE_GRAVACAO == false ? vm.REGCOMREPRESENTANTEImpressao.confirmItensSelected() : vm.REGCOMREPRESENTANTEImpressao.continuarGravar();">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	<span ng-if="vm.REGCOMREPRESENTANTEImpressao.OPERACAO == 1">{{ Lang::get('financeiro/_20430.titulo-impressao') }}</span>
	<span ng-if="vm.REGCOMREPRESENTANTEImpressao.OPERACAO == 2">{{ Lang::get('financeiro/_20430.titulo-baixar') }}</span>
	<span ng-if="vm.REGCOMREPRESENTANTEImpressao.OPERACAO == 3">{{ Lang::get('financeiro/_20430.titulo-desfazer-baixa') }}</span>
	<span ng-if="vm.REGCOMREPRESENTANTEImpressao.OPERACAO == 4">{{ Lang::get('financeiro/_20430.titulo-alterar-percentual') }}</span>
	<span ng-if="vm.REGCOMREPRESENTANTEImpressao.OPERACAO == 5">{{ Lang::get('financeiro/_20430.titulo-alterar-acrescimo') }}</span>
	<span ng-if="vm.REGCOMREPRESENTANTEImpressao.OPERACAO == 6">{{ Lang::get('financeiro/_20430.titulo-inativar') }}</span>
</h4>

@overwrite

@section('modal-header-right')
	
	<!-- <label ttitle="Quantidade de etiquetas a serem impressas">Qtd:</label>
	<input class="form-group input-menor" style="text-align: right;" min="1" type="number" ng-model="vm.REGCOMREPRESENTANTEImpressao.SELECTED.PRINT_QTD">
	
	<label>Tipo:</label>
	<select class="form-group" ng-model="vm.REGCOMREPRESENTANTEImpressao.SELECTED.PRINT_TIPO">
		<option value="1">Etiqueta</option>
	</select> -->

	<button ng-if="vm.REGCOMREPRESENTANTEImpressao.ALTERANDO && vm.REGCOMREPRESENTANTEImpressao.TIPO_ADD < 3" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.REGCOMREPRESENTANTEImpressao.ALTERANDO && vm.REGCOMREPRESENTANTEImpressao.TIPO_ADD == 3" type="submit" class="btn btn-primary" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Confirmar
    </button>
	
	<button ng-if="vm.REGCOMREPRESENTANTEImpressao.ALTERANDO && !vm.REGCOMREPRESENTANTEImpressao.PRE_GRAVACAO" ng-click="vm.REGCOMREPRESENTANTEImpressao.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 || (vm.REGCOMREPRESENTANTEImpressao.TIPO_ADD == 2 && vm.REGCOMREPRESENTANTE.ALTERANDO == false)" ng-if="!vm.REGCOMREPRESENTANTEImpressao.ALTERANDO" ng-click="vm.REGCOMREPRESENTANTEImpressao.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 || (vm.REGCOMREPRESENTANTEImpressao.TIPO_ADD == 2 && vm.REGCOMREPRESENTANTE.ALTERANDO == false)" ng-if="!vm.REGCOMREPRESENTANTEImpressao.ALTERANDO" ng-click="vm.REGCOMREPRESENTANTEImpressao.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button ng-if="!vm.REGCOMREPRESENTANTEImpressao.ALTERANDO && !vm.REGCOMREPRESENTANTEImpressao.PRE_GRAVACAO" type="button" 
		class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.REGCOMREPRESENTANTEImpressao.fecharModal()" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>
	
	<button ng-if="vm.REGCOMREPRESENTANTEImpressao.PRE_GRAVACAO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" 
		ng-click="vm.REGCOMREPRESENTANTEImpressao.PRE_GRAVACAO = false" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px);">
	<div class="row" ng-show="vm.REGCOMREPRESENTANTEImpressao.PRE_GRAVACAO == false">
		<div id="filtro_main" class="table-filter collapse in" aria-expanded="true" 
			style="margin-bottom: 4px; background: rgba(221,221,221,.33); padding: 2px 10px 7px; border-radius: 5px;">			
			
			<div class="form-group">
				<label>Data de Emissão:</label>                
				<div>					
					<input type="date" ng-atalho class="data-ini filter_main data1" style="width: 130px;" required
						ng-model="vm.REGCOMREPRESENTANTEImpressao.FILTRO.DATA_INICIO">
					<label class="periodo-a">a</label>
					<input type="date" ng-atalho class="data-fim filter_main data2" style="width: 130px;" required
						ng-model="vm.REGCOMREPRESENTANTEImpressao.FILTRO.DATA_FIM">
				</div>
			</div>
						
			<div class="form-group">
				<label>Origem:</label>
				<div class="input-group">
					<select ng-model="vm.REGCOMREPRESENTANTEImpressao.FILTRO.FILTRO_ORIGEM">
						<option value="">TODOS</option>
						<option value="FAT">FATURAMENTO</option>								
						<option value="LIQ">LIQUIDEZ</option>
					</select>
				</div>
			</div>
			
			<div class="form-group">
				<label>Situação:</label>
				<div class="input-group">
					<select ng-model="vm.REGCOMREPRESENTANTEImpressao.FILTRO.FILTRO_SALDO">
						<option value="">TODOS</option>
						<option value="5">Expirado</option>
						<option value="4">Em Aberto</option>
					</select>
				</div>
			</div>

			<div style="display: -webkit-inline-box; margin-right: 0px;" class="consulta-estab-imp">   </div>

			<div style="display: -webkit-inline-box; margin-right: 0px;" ng-show="vm.REGCOMREPRESENTANTEImpressao.TIPO_IMPRESSAO == 1" class="consulta-rep-imp"></div>
			<div style="display: -webkit-inline-box; margin-right: 0px;" ng-show="vm.REGCOMREPRESENTANTEImpressao.TIPO_IMPRESSAO == 2" class="consulta-vend-imp"></div>
			<div style="display: -webkit-inline-box; margin-right: 0px;" ng-show="vm.REGCOMREPRESENTANTEImpressao.TIPO_IMPRESSAO == 3" class="consulta-corretor-imp"></div>
			
			<div class="form-group" ng-if="vm.REGCOMREPRESENTANTEImpressao.OPERACAO == 4">
				<label>Nova comissão:</label>
				<div class="input-group left-icon">
					<input style="width: 80px;" onmouseup="return false;" type="text" ng-number-format="2" min="0.01" max="100" onfocus="this.select();"
						class="form-control text-right valor_item" ng-model="vm.REGCOMREPRESENTANTEImpressao.PERCENTUAL_COMISSAO">
					<div class="input-group-addon" style="color: rgb(255, 255, 255); padding: 6px; background-color: rgb(68, 157, 68);"> % </div>
				</div>
			</div>
			
			<!-- Caso a Tabela de Impressão for Infinite Scroll, passar '1' na função getItensAdd() -->
			<div class="form-group" style="margin-top: 20px; width: fit-content; padding-right: 10px;">
				<button type="button" ng-click="vm.REGCOMREPRESENTANTEImpressao.getItensAdd(1)" class="btn btn-xs btn-primary btn-filtrar"
					data-hotkey="alt+f" id="btn-table-filter3">
					<span class="glyphicon glyphicon-filter"></span> Filtrar
				</button>
			</div>	
			
			<!-- Caso a Tabela de Impressão for Infinite Scroll, passar '1' na função getItensAdd() -->
			<div class="form-group" ng-if="vm.REGCOMREPRESENTANTEImpressao.OPERACAO == 5" 
				style="margin-top: 20px; width: fit-content; padding-right: 10px;">
				<button type="button" ng-click="vm.REGCOMREPRESENTANTEImpressao.aplicarDesconto(1)" 
					class="btn btn-xs btn-primary">
					<span class="glyphicon glyphicon-edit"></span> Aplicar Acréscimo/Desconto
				</button>
			</div>	

		</div>

		<div class="tabela_add_imp" id="tabela_add_imp"></div> 
	</div>
	
	<div class="row" ng-show="vm.REGCOMREPRESENTANTEImpressao.PRE_GRAVACAO == true">
		
		<div class="form-group">
            <label ng-show="vm.REGCOMREPRESENTANTEImpressao.TIPO_IMPRESSAO == 1">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>
			<label ng-show="vm.REGCOMREPRESENTANTEImpressao.TIPO_IMPRESSAO == 2">Vendedor: <a tabindex="-1" href="{{ url('') }}/_12430" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="12430 - Cadastro de Vendedores"></span></a></label>
			<label ng-show="vm.REGCOMREPRESENTANTEImpressao.TIPO_IMPRESSAO == 3">Corretor: <a tabindex="-1" href="{{ url('') }}/_12480" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="12480 - Cadastro de Corretores"></span></a></label>
            <input type="text" class="form-control input-maior"  ng-model="vm.REGCOMREPRESENTANTEImpressao.DESCRICAO_CONSULTA" 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" 
                ng-model="vm.REGCOMREPRESENTANTEImpressao.SELECTED.DESC_ESTAB"
                ng-readonly="true">
		</div>
		
		<div style="display: -webkit-inline-box;" class="consulta-banco-lanc"></div>

		<div class="form-group">
            <label>Conta Contábil: <a tabindex="-1" href="{{ url('') }}/_17151" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="17151 - Cadastro de contas contábeis"></span></a></label>
            <input 
                type="text"
                class="form-control input-maior" 
                ng-model="vm.REGCOMREPRESENTANTEImpressao.SELECTED.FCCONTABIL"
                ng-readonly="true">
		</div>

		<div class="form-group">
            <label>Data:</label>            
			<input style="width: 155px;" type="date" class="form-control data_lanc13" ng-change="vm.AjustarCompetencia();"
				ng-atalho ng-model="vm.REGCOMREPRESENTANTEImpressao.SELECTED.DATA_LANCAMENTO" ng-disabled="false">
		</div>	
		
		<div class="form-group">
			<label>Competência:</label>
			<div id="div_data_competencia" style="display: inline-flex; overflow: hidden; border: 1px solid rgb(206, 206, 206); border-radius: 4px;">
				<div style="overflow: hidden; width: 12px; background-color: @{{ vm.REGCOMREPRESENTANTEImpressao.ALTERANDO != true ? 'rgb(245, 245, 245)' : 'rgb(255, 255, 255)'}};
					z-index: 999;border-top: 1px solid rgb(206, 206, 206);border-bottom: 1px solid rgb(206, 206, 206); height: 38px; margin-bottom: -3px; margin-top: -3px;"></div>
				<input style="margin-left: -34px; border: 1px !important;" id="date" type="date" class="form-control input-medio" ng-readonly="!vm.REGCOMREPRESENTANTEImpressao.ALTERANDO"
					ng-model="vm.REGCOMREPRESENTANTEImpressao.SELECTED.DATA_COMPETENCIA" onfocus="document.getElementById('div_data_competencia').style.border = '1px solid rgb(102, 175 ,233)'"
					onfocusout="document.getElementById('div_data_competencia').style.border = '1px solid rgb(206, 206, 206)'">
			</div>
		</div>
		
		<div tabindex="0" 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.REGCOMREPRESENTANTEImpressao.SELECTED.NATUREZA == 'D'">
				<span class="slider round">
					<label ng-if="vm.REGCOMREPRESENTANTEImpressao.SELECTED.NATUREZA == 'D'" style="margin-left: 10px; margin-top: 4px; color: white; font-size: 14pt;">E</label>
					<label ng-if="vm.REGCOMREPRESENTANTEImpressao.SELECTED.NATUREZA == 'C'" style="margin-left: 35px; margin-top: 4px; font-size: 14pt; color: white;">S</label>
				</span>		
			</label>			
			<label style="margin-top: 7px; margin-left: 9px; margin-right: 8px; cursor: pointer;"> Natureza </label>
		</div>

		<div style="display: -webkit-inline-box;" class="consulta-classif-lanc"></div>
		<div style="display: -webkit-inline-box;" class="consulta-ccusto-lanc"></div>		
		
		<div class="form-group">
            <label>Documento:</label>
			<input style="width: 145px;" type="text" only-digits2 maxlength="9" 
				class="form-control input-madio text-right"
				ng-model="vm.REGCOMREPRESENTANTEImpressao.SELECTED.NUMERO_CHEQUE">
		</div>

		<div class="form-group">
            <label>Histórico:</label>
			<input type="text" maxlength="100"
                class="form-control input-maior" style="width: 370px !important;"
                ng-model="vm.REGCOMREPRESENTANTEImpressao.SELECTED.HISTORICO">
		</div>
		
		<div class="form-group">
            <label>Observação:</label>
            <input type="text" class="form-control input-maior" 
                ng-model="vm.REGCOMREPRESENTANTEImpressao.SELECTED.OBSERVACAO" maxlength="250">
		</div>	
		
		<br>

		<div class="tabela_selecionados	" id="tabela_selecionados"></div> 
		
	</div>
	
</div>
</form>

@overwrite