@extends('master')

@section('titulo')
    {{ Lang::get('financeiro/_20460.titulo') }}
@endsection

@section('estilo')
    <link rel="stylesheet" href="{{ elixir('assets/css/20460.css') }}" />
@endsection

@section('conteudo')
<div ng-controller="Ctrl as vm" ng-cloak>

	<ul class="list-inline acoes">    
		<!-- <li>
            <button type="button" class="btn btn-primary btn-incluir" 
                data-hotkey="f6" ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
                ng-click="vm.Conciliacao.incluir()">
                <span class="glyphicon glyphicon-plus"></span> Incluir
            </button>
		</li> -->

		<li>
			<div class="dropdown" id="dropCompilado">
				<button
					id="dLabel"
					type="button"
					data-toggle="dropdown"
					data-hotkey="f2"
					class="btn btn-danger"
					ng-click="vm.ConciliacaoImpressao.focusItem($event);"
					ng-dbclick="$event.stopPropagation();">
					<span class="fa fa-th-list"></span> Funcionalidades
				</button>
				<ul class="dropdown-menu multi-level" 
					role="menu" 
					aria-labelledby="dropdownMenu">
					<li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Ações Disponíveis</li>
					<li tabindex="0" ng-repeat="item in vm.FUNCIONALIDADES track by $index" 
						ng-keypress="$event.keyCode == 13 && item.FUNCAO();" 
						ng-keydown="vm.ConciliacaoImpressao.changeSelection($event)"
						ng-if="item.VISIBLE()">
						<a ng-click="item.FUNCAO()" style="cursor: pointer;">
							<span class="@{{item.ICONE}}"></span> @{{item.NOME}}
						</a>
					</li>
				</ul>
			</div>
		</li>
		
		<li>
			<button type="button" class="btn btn-default" id="filtrar-toggle"
				data-toggle="collapse" data-target="#filtro_main" aria-expanded="true" 
				aria-controls="filtro_main" ng-click="vm.Conciliacao.tabela_height()">
				Filtro
				<span class="caret"></span>
			</button>
		</li>
	</ul>  

	<input type="hidden" value="{{ userMenu($menu)->INCLUIR }}" id="_controleIncluir">
	<input type="hidden" value="{{ userMenu($menu)->ALTERAR }}" id="_controleAlterar">
	<input type="hidden" value="{{ userMenu($menu)->EXCLUIR }}" id="_controleExcluir">
	<input type="hidden" id="PERMITE_ALTERAR_VALOR_ADQUIRENTE"	value="{{fn_parametro('TBUSUARIO.PERMITE_ALTERAR_VALOR_ADQUIRENTE', Auth::user()->CODIGO )}}">

	
        
    <style>
	
        .t-status.status-0:before {
            background-color: rgb(217, 83, 79);    
        }
        
        .t-status.status-1:before {
            background-color: rgb(68, 157, 68);            
        }
		
		.table-condensed > thead > tr > th,
		.table-condensed > thead > tr > td,
		.table-condensed > tbody > tr > th,
		.table-condensed > tbody > tr > td,
		.table-condensed > tfoot > tr > th,
		.table-condensed > tfoot > tr > td {
			padding: 5px !important;
		}
        
	</style>
	
	<form ng-submit="vm.Conciliacao.consultar(1)" class="form-inline">		
		<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:</label>
				<div class="form-group" style="display: flex; margin: 0; width: calc(28%); min-width: fit-content; max-width: fit-content;">
					<input 
						type="date"
						style="width: 140px;"
						class="form-control data_ini"
						required
						ng-atalho
						ng-model="vm.Conciliacao.FILTRO_DT_INICIAL"						
						ng-change="vm.TabelaPrincipal.apagar();">
					<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px; font-weight: bold;"> à </label>
					<input 
						type="date"
						style="width: 140px;"
						class="form-control data_fim"
						ng-atalho
						required
						ng-model="vm.Conciliacao.FILTRO_DT_FINAL"
						ng-change="vm.TabelaPrincipal.apagar();">
				</div>
			</div>				

			<div style="display: -webkit-inline-box;" class="consulta-adquirente-filtro">	  </div>

			<div class="form-group">
				<label>Conciliação:</label>
				<div class="input-group">
					<select name="repeatSelect" id="repeatSelect"  
						ng-model="vm.Conciliacao.FILTRO_STATUS"
						ng-change="vm.TabelaPrincipal.apagar();">
						<option value="0">PENDENTE</option>
						<option value="1">PARCIAL</option>
						<option value="2">COMPLETA</option>						
						<option value="">TODOS</option>
					</select>
				</div>
			</div>
			<!-- <div style="display: -webkit-inline-box;" class="consulta-estabelecimento-filtro"></div> -->

			<div class="form-group" style="padding-top: 16px; width: fit-content; padding-right: 10px;">
				<button type="submit" class="btn btn-xs btn-primary btn-filtrar"
					data-hotkey="alt+f" id="btn-table-filter">
					<span class="glyphicon glyphicon-filter"></span> Filtrar
				</button>
			</div>	
		</div>
	</form>
	<div class="tabela_principal" id="tabela_principal"></div>		
	
    @include($menu.'.modal.Conciliacao')
	@include($menu.'.modal.ConciliacaoItens')
	@include($menu.'.modal.ConciliacaoImpressao')
	@include($menu.'.modal.ConciliacaoImportacao')
	@include($menu.'.modal.ConciliacaoAgrupamento')
	@include($menu.'.modal.ConciliacaoAgrupamentoDoc')
	@include($menu.'.modal.ConciliacaoAgrupamentoImp')
	@include($menu.'.modal.ConciliacaoAgrupamentoAjusteDoc')
	@include($menu.'.modal.ConciliacaoAgrupamentoMultipla')
	@include($menu.'.modal.ImportacaoVendasPorArquivo')
	@include($menu.'.modal.ImportacaoVendasNaoImportadas')
	@include($menu.'.modal.DadosArquivoCsv')
	@include($menu.'.modal.progresso')
	@include($menu.'.modal.ConfirmItensSelected')	

	<div id="modalExcluirDadosImportados" class="modal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>20460 - Excluir Registros Importados</span>
						</h4>					
					</div>
					<div class="modal-header-right">

						<button ng-click="vm.ImportacaoVendasPorArquivo.confirmarExcluirDadosImportados();" type="button" class="btn btn-success" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Confirmar
						</button>

						<button ng-click="vm.ImportacaoVendasPorArquivo.cancelarExcluirDadosImportados();" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
							<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
						</button>
						
					</div>
				</div>
				<div class="modal-body" style="height: 370px !important;">
					<form class="form-inline">
						<div class="row">
							<div style="display: flex;">

								<div class="form-group">
									<label>Período:</label>                
									<div style="display: flex;">
										<input type="date" ng-atalho class="data-ini data1" 
											style="width: 130px;" required ng-model="vm.ImportacaoVendasPorArquivo.dataInicial">
										<label class="periodo-a" style="margin-left: 5px; margin-right: 5px; margin-top: 3px;">a</label>
										<input type="date" ng-atalho class="data-fim data2" 
											style="width: 130px;" required ng-model="vm.ImportacaoVendasPorArquivo.dataFinal">
									</div>
								</div>

								<div style="display: contents;" class="consulta-adquirente-excluir"></div>
							</div>

							<br>
							<div style="display: grid; width: 250px; padding: 0px 9px 26px 12px; border: 1px solid lightgrey; border-radius: 10px;">
							<label style="margin-top: -11px; background-color: white; width: 117px;">Tipo de Exclusão</label>
								<div class="form-group" style="margin-top: -7px;">
									<input id="click_vendas" type="checkbox" ng-checked="vm.ImportacaoVendasPorArquivo.excluirVendas == 1" ng-true-value="1" ng-false-value="0" ng-click="vm.ImportacaoVendasPorArquivo.excluirVendas = (vm.ImportacaoVendasPorArquivo.excluirVendas == 1) ? 0 : 1"> 
									<label for="click_vendas" style="padding-top: 4px; padding-right: 0px; margin-left: 6px; font-weight: bold;">Vendas</label> 
								</div>

								<div class="form-group">
									<input id="click_receb" type="checkbox" ng-checked="vm.ImportacaoVendasPorArquivo.excluirRecebimentos == 1" ng-true-value="1" ng-false-value="0" ng-click="vm.ImportacaoVendasPorArquivo.excluirRecebimentos = (vm.ImportacaoVendasPorArquivo.excluirRecebimentos == 1) ? 0 : 1"> 
									<label for="click_receb" style="padding-top: 4px; padding-right: 0px; margin-left: 6px; font-weight: bold;">Recebimentos
									</label> 
								</div>
							</div>
							
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div id="modalAlterarVenda" class="master-modal-big modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-big">
			<div class="modal-content">
				<!-- <form class="form-inline"> -->
					<div class="modal-header">
						<div class="modal-header-left">
							<h4 class="modal-title">
								<span>20460 - Alterar Valor da Venda</span>
							</h4>					
						</div>
						<div class="modal-header-right">

							<button ng-click="vm.ConciliacaoAgrupamento.gravarAlteracaoVenda()" type="button" class="btn btn-default btn-success" data-hotkey="f1">
								<span class="glyphicon glyphicon-ok"></span> Gravar
							</button>
							
							<button ng-click="vm.ConciliacaoAgrupamento.cancelarAlteracaoVenda()" type="button" class="btn btn-default btn-cancelar" data-hotkey="esc">
								<span class="glyphicon glyphicon-chevron-left"></span> Voltar
							</button>

						</div>
						
					</div>
					<div class="modal-body" style="height: calc(100vh - 10%); min-height: 300px;">

						<form class="form-inline">							
												
							<div class="form-group">
								<label ttitle="Nº Série da Máquina: @{{vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.MAQUINA}}">ID:</label>
								<input type="text" class="form-control input-menor"
									ng-model="vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.DESC_ID"
									readonly="readonly">
							</div>	

							<div class="form-group">
								<label>Adquirente:</label>
								<input type="text" class="form-control input-medio" style="width: 335px;"
									ng-model="vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.DESC_ADQUIRENTE"
									readonly="readonly">
							</div>	
								
							<div class="form-group">
								<label>Merchant:</label>
								<input 
									type="text"
									class="form-control input-medio" style="width: 250px;"
									ng-model="vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.MERCHANT_ID"
									readonly="readonly">
							</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 class="form-group">
								<label>Parcelas:</label>
								<input type="text" class="form-control input-menor" readonly="readonly"
									ng-model="vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.FPARCELAS">
							</div>		

							<div class="form-group">
								<label>Data:</label>
								<input type="date" ng-atalho class="form-control data_conv" style="width: 186px !important"
									ng-model="vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.DATA_CONV"
									ng-readonly="!vm.ConciliacaoAgrupamento.CONCILIACAO.ALTERANDO">
							</div>
								
							<div class="form-group">
								<label>Valor:</label>
								<div class="input-group">
									<div class="input-group-addon" style="padding: 9px;">R$</div>
									<input type="text" class="form-control text-right" ng-readonly="true" 
										ng-number-format="2" style="width: 160px !important"                 
										ng-model="vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.VALOR">
								</div>			
							</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 class="form-group">
								<label>Vr.Líquido:</label>
								<div class="input-group">
									<div class="input-group-addon" style="padding: 9px;">R$</div>
									<input type="text" class="form-control text-right" ng-readonly="true"
										ng-number-format="2" style="width: 160px !important"                 
										ng-model="vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.VALOR_LIQUIDO">
								</div>			
							</div>	

							<div class="form-group">
								<label>Código Autorização:</label>
								<input type="text" class="form-control input-maior cod_aut1" maxlength="50" style="width: 330px !important;"
									ng-model="vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.CODIGO_AUTORIZACAO"
									ng-readonly="!vm.ConciliacaoAgrupamento.CONCILIACAO.ALTERANDO">
							</div>

							<div class="form-group">
								<label>NSU:</label>
								<input type="text" class="form-control input-maior nsu_1" maxlength="50" style="width: 408px !important;"
									ng-model="vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.NSU"
									ng-readonly="!vm.ConciliacaoAgrupamento.CONCILIACAO.ALTERANDO">
							</div>
							
							<fieldset>								
								<div class="row">
									<div class="form-group">
										<label>Motivo:</label>
										<input type="text" class="form-control input-maior motivo1" style="width: 400px;"
											ng-model="vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.NOVO_MOTIVO_CANCELAMENTO">
									</div>	
									
									<div class="form-group">
										<label>Protocolo:</label>
										<input type="text" class="form-control input-maior protocolo1" style="width: 400px;"
											ng-model="vm.ConciliacaoAgrupamento.CONCILIACAO.SELECTED.NOVO_PROTOCOLO_CANCELAMENTO">
									</div>	
								</div>
								<legend style="margin-bottom:1px">Parcelas</legend>
								<div id="tabela_parc_doc_alt" class="tabela_parc_doc_alt"></div>			
							</fieldset>
						</form>
					</div>
				<!-- </form> -->
			</div>
		</div>
	</div>	
	@include($menu.'.modal.Arquivos')	
	@include($menu.'.modal.DadosArquivos')		
	
	
</div>
@endsection

@section('script')
	<script src="{{ elixir('assets/js/direct-print.js') }}"></script>
    <script src="{{ elixir('assets/js/_20460.js') }}"></script>
	<script lang="javascript" src="https://cdn.sheetjs.com/xlsx-0.20.0/package/dist/xlsx.full.min.js"></script>
@append