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

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

@section('modal-header-left')

	<h4 class="modal-title">
		<span>{{ Lang::get('financeiro/_20460.titulo-importar-dados-adquirente') }}</span>
	</h4>

@overwrite

@section('modal-header-right')

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

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 155px);">
	
    <div class="row">
		<div class="form-group">
			<div style="display: -webkit-inline-box;" class="consulta-adquirente-importar"></div>
			<div style="display: -webkit-inline-box;" 
				 ng-show="(vm.ConsultaAdquirenteImportar.item.dados.ADQUIRENTE_ID == 25
				 	   || vm.ConsultaAdquirenteImportar.item.dados.ADQUIRENTE_ID == 998)
					   && vm.ImportacaoVendasPorArquivo.TIPO_IMPORTACAO == 1" class="consulta-adquirente-merchant"></div>
		</div>
		
		<div class="form-group" ng-if="vm.ImportacaoVendasPorArquivo.HABILITA_OPCOES == true">
			<label>Modo de Importação:</label>
			<select class="form-control" style="width: 360px;"
				ng-model="vm.ImportacaoVendasPorArquivo.TIPO_IMPORTACAO"
				ng-change="vm.ConsultaAdquirenteEstabelecimento.apagar();">
				<option ng-repeat="tipo in vm.ImportacaoVendasPorArquivo.ARRAY_IMPORTACOES track by $index" 
					ng-if="tipo.HABILITADO" value="@{{tipo.VALOR}}">@{{tipo.DESCRICAO}}</option>
			</select>
		</div>

		
		<div class="form-group" ng-if="vm.ImportacaoVendasPorArquivo.TIPO_IMPORTACAO == 1" style="width: 340px; margin-left: 15px;">
			<label>Período:</label>
			<div style="width: 100%; display: inline-flex;">
				
				<input type="date" style="width: 150px; margin-left: 4px; margin-top: 4px;"
					class="form-control filter_main item-novo-fator data_ini_imp" ng-model="vm.ImportacaoVendasPorArquivo.IMP_DT_INICIAL" ng-atalho>
				
				<label style="padding-top: 11px; padding-right: 5px; padding-left: 5px;"> à </label>

				<input type="date" style="width: 150px; margin-top: 4px;" class="form-control filter_main" ng-model="vm.ImportacaoVendasPorArquivo.IMP_DT_FINAL" ng-atalho>
		
			</div>		
		</div>

		<div class="form-group" ng-if="vm.ImportacaoVendasPorArquivo.TIPO_IMPORTACAO > 1">
	
			<div class="form-group" ng-show="vm.ImportacaoVendasPorArquivo.TIPO_IMPORTACAO == 2 || vm.ImportacaoVendasPorArquivo.TIPO_IMPORTACAO == 3">
				<label for="exampleFormControlFile1">Arquivo CSV</label>
				<input type="file" class="form-control-file" id="exampleFormControlFile1" ngf-select="vm.ImportacaoVendasPorArquivo.selectedFile($file)">
			</div>

			<div class="form-group" ng-show="vm.ImportacaoVendasPorArquivo.TIPO_IMPORTACAO == 4 || vm.ImportacaoVendasPorArquivo.TIPO_IMPORTACAO == 5">
				<label for="exampleFormControlFile2">Arquivo XLS</label>
				<input type="file" class="form-control-file" id="exampleFormControlFile2" ngf-select="vm.ImportacaoVendasPorArquivo.selectedFile($file)">
			</div>
		</div>

    </div>

	<fieldset style="margin-top: 20px;" ng-show="false">
		<legend>Definir Colunas do CSV</legend>
		
		<div class="row">
			<div class="container-inner">
				<div class="inner-left">
					<h4>Colunas do CSV Importado</h4>
					<div class="box-site principal inner-content">
						<ul class="sup-box item-list" ng-repeat="item in vm.ImportacaoVendasPorArquivo.SELECTED.ARRAY_CABECALHO_CSV track by $index">
							<li ng-bind="item.HEADER" id="@{{item.INDEX}}"></li>
						</ul>
					</div>
				</div>

				<div class="inner-right">
					<h4>Colunas do CSV para Importação</h4>

					<div style="margin-top: 22px;">
						<div class="labelOrdemCsv status required">1ª - Status</div>
						<div class="box-site status inner-content colunas">
							
						</div>
					</div>

					<div style="margin-top: 15px;">
						<div class="labelOrdemCsv merchant required">2ª - Merchant</div>
						<div class="box-site merchant inner-content colunas">
						
						</div>
					</div>

					<div style="margin-top: 15px;">
						<div class="labelOrdemCsv data_venda required">2ª - Data Venda</div>
						<div class="box-site data_venda inner-content colunas">
						
						</div>
					</div>

					<div style="margin-top: 15px;">
						<div class="labelOrdemCsv codigo_autorizacao required">3ª - Cód. Autorização</div>
						<div class="box-site codigo_autorizacao inner-content colunas">
						
						</div>
					</div>

					<div style="margin-top: 15px;">
						<div class="labelOrdemCsv nsu required">4ª - NSU</div>
						<div class="box-site nsu inner-content colunas">
						
						</div>
					</div>

					<div style="margin-top: 15px;">
						<div class="labelOrdemCsv valor required">5ª - Valor</div>
						<div class="box-site valor inner-content colunas">
						
						</div>
					</div>

					<div style="margin-top: 15px;">
						<div class="labelOrdemCsv juros required">6ª - Juros</div>
						<div class="box-site juros inner-content colunas">
						
						</div>
					</div>

					<div style="margin-top: 15px;">
						<div class="labelOrdemCsv tipo required">7ª - Tipo</div>
						<div class="box-site tipo inner-content colunas">
						
						</div>
					</div>

					<div style="margin-top: 15px;">
						<div class="labelOrdemCsv parcelas required">8ª - Parcelas</div>
						<div class="box-site parcelas inner-content colunas">
						
						</div>
					</div>

					<div style="margin-top: 15px;">
						<div class="labelOrdemCsv bandeira required">9ª - Bandeira</div>
						<div class="box-site bandeira inner-content colunas">
						
						</div>
					</div>
				</div>
			</div>
		</div>
	</fieldset>

	<fieldset ng-show="vm.ImportacaoVendasPorArquivo.SELECTED.HABILITA_ROWS == true && vm.ImportacaoVendasPorArquivo.SELECTED.HABILITA_ABAS == false">
		<div class="row" id="processamento3">
			
			<ul id="tab" class="nav nav-tabs" role="tablist"> 
				<li role="presentation" class="active li_1 tab-detalhamento">
					<a href="#tab3-container" id="tab3-tab" role="tab" data-toggle="tab" aria-controls="tab3-container" aria-expanded="true">
						Prévia do Arquivo
					</a>
				</li>
			</ul>

			<div id="tab-content2" class="tab-content"  style="height: calc(100% - 45px);">
				
				<div role="tabpanel" class="tab-pane active in" id="tab3-container" name="" aria-labelledby="tab3-tab" style="height: 100%; overflow:auto;">
							
					<div class="row">
						<div class="form-group" style="margin-bottom: 4px; width: calc(100vw - 100px);">
							<input type="text" style="width: 100% !important;" 
								ng-model="vm.ImportacaoVendasPorArquivo.FILTRO_DADOS" placeholder="Filtragem rápida..." class="form-control input-maior" 
								ng-change="vm.ImportacaoVendasPorArquivo.SELECTED.QUANTIDADE_TOTAL_REGISTROS = vm.ImportacaoVendasPorArquivo.SELECTED.DADOS_RENDER.length">
						</div>
						
						<div class="table-ec table-scroll" style="height: calc(100vh - 425px); min-height: 195px; width: 100%; margin-top: 20px;">
							<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
								<thead>
									<tr>
										<th ng-repeat="arr in vm.ImportacaoVendasPorArquivo.SELECTED.ARRAY_CABECALHO_CSV track by $index">@{{arr.HEADER}}</th>
									</tr>
									<!-- item in vm.OperacoesCPA.DADOS_RENDER = ( vm.OperacoesCPA.DADOS | orderBy : vm.OperacoesCPA.ORDER_BY | find: {model : vm.OperacoesCPA.FILTRO_DADOS ,fields : 'all'}) -->
								</thead>
								<tbody>
									<tr ng-repeat="item in vm.ImportacaoVendasPorArquivo.SELECTED.DADOS_RENDER = ( vm.ImportacaoVendasPorArquivo.SELECTED.ARRAY_DADOS_CSV | orderBy : vm.ImportacaoVendasPorArquivo.ORDER_BY | find: {model : vm.ImportacaoVendasPorArquivo.FILTRO_DADOS ,fields : 'all'}) track by $index" tabindex="0">
										<td class="" ng-repeat="arr in item track by $index">@{{arr}}</td>
									</tr>
								</tbody>
							</table>
						</div>
						<span style="font-weight: bold;">Quantidade de Registros: @{{vm.ImportacaoVendasPorArquivo.SELECTED.QUANTIDADE_TOTAL_REGISTROS}}</span>
					</div>
				</div>

			</div>
			
		</div>
	</fieldset>

	<fieldset ng-show="vm.ImportacaoVendasPorArquivo.SELECTED.HABILITA_ROWS == true && vm.ImportacaoVendasPorArquivo.SELECTED.HABILITA_ABAS == true">
		<div class="row" id="processamento2">

			<ul id="tab" class="nav nav-tabs" role="tablist"> 
				<li role="presentation" class="active li_1 tab-detalhamento" ng-click="vm.ImportacaoVendasPorArquivo.moverBarra()">
					<a href="#tab1-container" id="tab1-tab" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab1-container" aria-expanded="true">
						Recebimentos
					</a>
				</li>

				<li role="presentation" class="li_2 tab-detalhamento" ng-click="vm.ImportacaoVendasPorArquivo.moverBarra()" ng-if="!vm.Conciliacao.ALTERANDO">
					<a href="#tab2-container" id="tab2-tab" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab2-container" aria-expanded="false">
						Cobranças
					</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 class="form-group" style="margin-bottom: 4px; width: calc(100vw - 100px);">
							<input type="text" style="width: 100% !important;" 
								ng-model="vm.ImportacaoVendasPorArquivo.FILTRO_DADOS" placeholder="Filtragem rápida..." class="form-control input-maior" 
								ng-change="vm.ImportacaoVendasPorArquivo.SELECTED.QUANTIDADE_TOTAL_REGISTROS = vm.ImportacaoVendasPorArquivo.SELECTED.DADOS_RENDER.length">
						</div>
				
						<div class="table-ec table-ec2 table-scroll" style="height: calc(100vh - 425px); min-height: 195px; width: 100%; margin-top: 20px; overflow-anchor: none;">
							<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
								<thead>
									<tr>
										<th ng-repeat="arr in vm.ImportacaoVendasPorArquivo.SELECTED.ARRAY_CABECALHO_CSV track by $index">@{{arr.HEADER}}</th>
									</tr>
									<!-- item in vm.OperacoesCPA.DADOS_RENDER = ( vm.OperacoesCPA.DADOS | orderBy : vm.OperacoesCPA.ORDER_BY | find: {model : vm.OperacoesCPA.FILTRO_DADOS ,fields : 'all'}) -->
								</thead>
								<tbody vs-repeat="" vs-scroll-parent=".table-ec2">
									<tr ng-repeat="item in vm.ImportacaoVendasPorArquivo.SELECTED.DADOS_RENDER = ( vm.ImportacaoVendasPorArquivo.SELECTED.ARRAY_DADOS_CSV | orderBy : vm.ImportacaoVendasPorArquivo.ORDER_BY | find: {model : vm.ImportacaoVendasPorArquivo.FILTRO_DADOS ,fields : 'all'}) track by $index" tabindex="0">
										<td class="" ng-repeat="arr in item track by $index">@{{arr}}</td>
									</tr>
								</tbody>
							</table>
						</div>
						<span style="font-weight: bold;">Quantidade de Registros: @{{vm.ImportacaoVendasPorArquivo.SELECTED.QUANTIDADE_TOTAL_REGISTROS}}</span>
					</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 class="form-group" style="margin-bottom: 4px; width: calc(100vw - 100px);">
							<input type="text" style="width: 100% !important;" 
								ng-model="vm.ImportacaoVendasPorArquivo.FILTRO_DADOS_AJUSTES" placeholder="Filtragem rápida..." class="form-control input-maior" 
								ng-change="vm.ImportacaoVendasPorArquivo.SELECTED.QUANTIDADE_TOTAL_REGISTROS_AJUSTES = vm.ImportacaoVendasPorArquivo.SELECTED.DADOS_RENDER_AJUSTES.length">
						</div>
				
						<div class="table-ec table-ec3 table-scroll" style="height: calc(100vh - 425px); min-height: 195px; width: 100%; margin-top: 20px; overflow-anchor: none;">
							<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
								<thead>
									<tr>
										<th ng-repeat="arr in vm.ImportacaoVendasPorArquivo.SELECTED.CABECALHO_AJUSTES track by $index">@{{arr.HEADER}}</th>
									</tr>
									<!-- item in vm.OperacoesCPA.DADOS_RENDER = ( vm.OperacoesCPA.DADOS | orderBy : vm.OperacoesCPA.ORDER_BY | find: {model : vm.OperacoesCPA.FILTRO_DADOS ,fields : 'all'}) -->
								</thead>
								<tbody vs-repeat="" vs-scroll-parent=".table-ec3">
									<tr ng-repeat="item in vm.ImportacaoVendasPorArquivo.SELECTED.DADOS_RENDER_AJUSTES = ( vm.ImportacaoVendasPorArquivo.SELECTED.ARRAY_DADOS_AJUSTES | orderBy : vm.ImportacaoVendasPorArquivo.ORDER_BY | find: {model : vm.ImportacaoVendasPorArquivo.FILTRO_DADOS_AJUSTES ,fields : 'all'}) track by $index" tabindex="0">
										<td class="" ng-repeat="arr in item track by $index">@{{arr}}</td>
									</tr>
								</tbody>
							</table>
						</div>
						<span style="font-weight: bold;">Quantidade de Registros: @{{vm.ImportacaoVendasPorArquivo.SELECTED.QUANTIDADE_TOTAL_REGISTROS_AJUSTES}}</span>
					</div>
				</div>

			</div>
		</div>
	</fieldset>
	

</div>
</form>

@overwrite