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

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

@section('modal-header-left')

<h4 class="modal-title">
	SQL ID: @{{vm.SCIEAlteracaoItens.SELECTED.ID}}
</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.SCIEAlteracaoItens.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.SCIEAlteracaoItens.ALTERANDO" ng-click="vm.SCIEAlteracaoItens.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.SCIEAlteracaoItens.ALTERANDO" ng-click="vm.SCIEAlteracaoItens.alterar()" type="button" class="btn btn-primary" data-hotkey="f9">
        <span class="glyphicon glyphicon-edit"></span> Alterar
	</button>-->
	<button ng-if="!vm.SCIEAlteracaoItens.ALTERANDO"  type="button" class="btn btn-success" data-hotkey="f1" ng-click="vm.SCIEAlteracaoItens.executarAgendamento()">
			<span class="glyphicon glyphicon-ok"></span> Executar
	</button>

	<button ng-if="!vm.SCIEAlteracaoItens.ALTERANDO" ng-click="vm.SCIEAlteracaoItens.downloadsql()" type="button" class="btn btn-info" data-hotkey="f9">
        <span class="glyphicon glyphicon-download"></span> Download SQL
	</button> 
	
	<button ng-if="!vm.SCIEAlteracaoItens.ALTERANDO" data-consulta-historico data-tabela="TBSCRIPT_IMP" data-tabela-id="@{{ vm.SCIEAlteracao.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-disabled="{{ userMenu($menu)->EXCLUIR }} == 0"  ng-if="!vm.SCIEAlteracaoItens.ALTERANDO" ng-click="vm.SCIEAlteracaoItens.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button ng-if="!vm.SCIEAlteracaoItens.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" data-dismiss="modal" 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">
	
		<div class="form-group">
            <label ttitle="ID de registro do SQL">ID:</label>
            <input 
                type="text"
				ng-model="vm.SCIEAlteracaoItens.SELECTED.ID"
                class="form-control input-menor" 
                readonly="readonly">
        </div>
		
        <div ng-if="vm.SCIEAlteracaoItens.ALTERANDO" class="form-group">
            <label ttitle="Clique para selecionar o arquivo a ser importado">Arquivo:</label>
            <input 
				type="file"
				id="file"
				class="form-control input-maior" 
				accept="text/plain, .csv"
				required
                ng-model="vm.SCIEAlteracaoItens.SELECTED.ARQUIVO"
                ng-disabled="!vm.SCIEAlteracaoItens.ALTERANDO"
				form-validate="true"
				enctype="multipart/form-data">
		</div>

		<br>

		<!--<div ng-if="vm.SCIEAlteracaoItens.ALTERANDO" class="form-group">
            <label ttitle="O SQl será gerado somente quando o arquivo for gravado com sucesso">SQL Gerado:</label>
			<textarea 
				wrap="off"
				style="resize: none;"
				class="form-control"
				id="SQL"
				cols="118"
				rows="20"
			    ng-model="vm.SCIEAlteracaoItens.SELECTED.ARQUIVO_CONV"
                readonly="readonly">
			</textarea>
		</div>-->

		<div class="form-group">
            <label ttitle="O SQl gerado a partir do arquivo gravado">SQL Gerado:</label>
			<textarea
				wrap="off" 
				style="resize: none;"
				class="form-control"
				id="SQL2"
				cols="118"
				rows="20"
			    ng-model="vm.SCIEAlteracaoItens.SELECTED.SCRIPT"
                readonly="readonly">
			</textarea>
		</div>
		<!--<div id="files"></div>-->

		<div class="modal fade" id="myModal" role="dialog">
			<div class="modal-dialog">
			  <div class="modal-content">
				<div class="modal-header">
				  <button type="button" class="close" data-dismiss="modal">X</button>
				  <h4 class="modal-title">Erro 321: Formato de Arquivo inválido</h4>
				</div>
				<div class="modal-body">
				  <p>Formatos de Arquivo válidos são .txt e .csv (Respectivamente arquivos de texto e arquivos excel(CSV))</p>
				  <p>Por favor, tente novamente...</p>
				</div>
				<div class="modal-footer">
				  <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
				</div>
			  </div>
			  
			</div>
		  </div>

		  <div class="modal fade" id="myModal2" role="dialog">
			<div class="modal-dialog">
			  <div class="modal-content">
				<div class="modal-header">
				  <button type="button" class="close" data-dismiss="modal">X</button>
				  <h4 class="modal-title">Erro 404: Não foram encontrados parâmetros para o SQL</h4>
				</div>
				<div class="modal-body">
				  <p>Só é possível a inserção de sql's se os campos estiverem registrados para o mesmo</p>
				  <p>Tente novamente após verificar os campos registrados para o Script.</p>
				</div>
				<div class="modal-footer">
				  <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
				</div>
			  </div>
			  
			</div>
		  </div>

		  <div class="modal fade" id="myModal3" role="dialog">
			<div class="modal-dialog">
			  <div class="modal-content">
				<div class="modal-header">
				  <button type="button" class="close" data-dismiss="modal">X</button>
				  <h4 class="modal-title">Erro 401: Parâmetros não aceitos para o SQL</h4>
				</div>
				<div class="modal-body">
				  <p>Só é possível o processamento de arquivos se os campos da tabela estiverem devidamente preenchidos</p>
				  <p>Tente novamente após verificar os campos registrados para o Script.</p>
				</div>
				<div class="modal-footer">
				  <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
				</div>
			  </div>
			  
			</div>
		  </div>

		<!--<div class="form-group">
			<label>Status:</label>
			<label class="switch">
				<input 
					type="checkbox" 
					ng-checked="vm.SCIEAlteracaoItens.SELECTED.STATUS == '1'"
					ng-true-value="'1'"
					ng-false-value="'0'"
					ng-disabled="!vm.SCIEAlteracaoItens.ALTERANDO"
					ng-click="vm.SCIEAlteracaoItens.SELECTED.STATUS = (vm.SCIEAlteracaoItens.SELECTED.STATUS == '1') ? '0' : '1'">
				<div 
					class="slider"></div>
			</label>
		</div>-->
		
		<!-- <div style="display: -webkit-inline-box;" class="consulta-usuario"></div> -->
    </div>
</div>
</form>

@overwrite