@extends('master')

@section('titulo')
    {{ Lang::get('admin/_11701.titulo') }}
@endsection

@section('estilo')
	<link rel="stylesheet" href="{{ elixir('assets/css/11701.css') }}" />
	<link rel="stylesheet" href="/js/codemirror/codemirror.css" />
	<link rel="stylesheet" href="/js/codemirror/show-hint.css" />
	<link rel="stylesheet" href="/js/codemirror/temas/abcdef.css" />
	<link rel="stylesheet" href="/js/codemirror/temas/darcula.css" />
	<link rel="stylesheet" href="/js/codemirror/temas/mdn-like.css" />
	<link rel="stylesheet" href="/js/codemirror/temas/night.css" />
	<link rel="stylesheet" href="/js/codemirror/temas/xq-dark.css" />
	<link rel="stylesheet" href="/js/codemirror/temas/xq-light.css" />
@endsection

@section('conteudo')
<div style="height: calc(100vh - 90px);" ng-controller="Ctrl as vm" ng-cloak>

	<ul class="list-inline acoes">    
		<li>
            <button type="button" class="btn btn-primary" 
				ng-click="vm.Firebird.newQuery()">
                <span class="glyphicon glyphicon-asterisk"></span> Novo SQL
            </button>
		</li>      
		<li>
            <button type="button" class="btn btn-primary" 
				ng-click="vm.Firebird.listarTransacoes()">
                <span class="glyphicon glyphicon-asterisk"></span> Transações
            </button>
		</li>                                   
	</ul>  

	<div style="display: inline-flex;">
		<div class="bancos">

			<div class="form-group" style="margin-bottom: 4px; display: inline-flex; width: 100%;">
				<input type="text" style="width: calc(100% - 0px) !important; margin-right: 5px;" placeholder="Filtragem rápida..." id="imput_filtro_db" class="form-control input-maior" required="" autofocus="" ng-model="vm.FILTRO_DADOS">
			</div>

			<div class="folder" ng-repeat="pasta in vm.Firebird.DADOS track by $index">
				
				<div style="padding: 5px; border-radius: 7px; height: 38px;" class="folder_current" style="cursor: pointer;" ng-dblclick="vm.Firebird.Open(pasta)" ng-click="vm.Firebird.setDB(pasta)" >
					<div style="float: left; padding: 4px;">
						<span class="glyphicon glyphicon-folder-close" ng-if="pasta.ABERTO == false"></span>
						<span class="glyphicon glyphicon-folder-open"  ng-if="pasta.ABERTO == true"></span>
						@{{ pasta.DESCRICAO }} (@{{ pasta.DB.length }})
					</div>

					<div class="status_db_selected" ng-if="vm.Firebird.SELECTED.ID == pasta.ID">*</div>

					<button style="float: right;"  title="Desmarcar todos" type="button" class="btn btn-danger" ng-click="vm.Firebird.desmarcarTodos(pasta);" style="margin-left: 6px;">
						<span class="glyphicon glyphicon-remove"></span>
					</button>

					<button style="float: right; margin-right: 5px;" title="Marcar todos" type="button" class="btn btn-primary" ng-click="vm.Firebird.marcarTodos(pasta);">
						<span class="glyphicon glyphicon-ok"></span>
					</button>

				</div>

				<div ng-show="pasta.ABERTO == true" class="db_itens">
					<div class="lista_tabelas" ng-repeat="db in pasta.TABELA_RENDER = (pasta.DB | find: {model : vm.FILTRO_DADOS ,fields : 'all'})">
						<div class="dropdown">
							<div class="tabela" style="display: inline-flex;">
								<input type="checkbox" id="click1_@{{db.ID}}" class="form-control"
									ng-checked="db.MARCADO == true"
									ng-true-value="true" ng-false-value="false"
									check-standard2
									ng-model="db.MARCADO"
									style="width: 15px;
										height: 15px;
										margin-right: 6px;
										margin-top: 1px;"
								>

								<span style="margin-right: 5px; color: green; margin-top: 1px;" class="glyphicon glyphicon-hdd"></span>
								<label style="margin-top: 1px;" for="click1_@{{db.ID}}">@{{db.DESCRICAO}}</label>
							</div>
						</div>
					</div>
				</div>

			</div>

		</div>

		<div style="width: calc(100vw - 320px); padding: 10px;"  ng-show="vm.Firebird.TABS.length > 0">

			<ul style="height: 42px;" id="tab" class="nav nav-tabs" role="tablist"> 
				<li ng-if="tab.STATUS == 1" role="presentation" class="tab-detalhamento" ng-repeat="tab in vm.Firebird.TABS">
					<a href="#tab@{{tab.ID}}-container" id="tab@{{tab.ID}}-tab" role="tab" data-toggle="tab" aria-controls="tab@{{tab.ID}}-container" aria-expanded="true">
						@{{tab.NOME}}
					</a>
				</li>
			</ul>

			<div id="tab-content" class="tab-content" style="height: calc(100% - 40px);">
				
				<div role="tabpanel" ng-show="tab.STATUS == 1" ng-repeat="tab in vm.Firebird.TABS" class="tab-pane" id="tab@{{tab.ID}}-container" name="" aria-labelledby="tab@{{tab.ID}}-tab" style="height: 100%; overflow:auto;">
					
					<div>
					<ul class="list-inline"  ng-show="!(tab.VER_TRANSACOES == true)">    
							<li>
								<button type="button" class="btn btn-primary" ng-click="vm.Firebird.rumQuery(tab, 1)">
									<span class="glyphicon glyphicon-play"></span> Executar
								</button>
							</li>

							<li ng-show="tab.TIPO == 'SQL' || false">
								<select 
									style="width: 150px;"
									name="repeatSelect1"
									id="repeatSelect1"
									ng-model="vm.Firebird.TEMA"
									ng-change="vm.Firebird.setTeme(vm.Firebird.TEMA, tab)"
									required>
									<option ng-repeat="tema in vm.Firebird.listTemas" ng-value="tema">@{{tema}}</option>
								</select>
							</li>

							<li>
								<select 
									style="width: 150px;"
									name="repeatSelect3"
									id="repeatSelect3"
									ng-model="vm.Firebird.TESTE_TYPE"
									required>
									<option ng-value="1">Com Tipos</option>
									<option ng-value="0">Sem Tipos</option>
								</select>
							</li>

							<li>
								<select 
									style="width: 200px;"
									name="repeatSelect3"
									id="repeatSelect3"
									ng-model="tab.ESPERAR_FIM"
									required>
									<option ng-value="1">Aguardar Commit</option>
									<option ng-value="0">Não Aguardar Commit</option>
								</select>
							</li>

							
							<li>
								<button type="button" class="btn btn-danger" ng-click="vm.Firebird.CloseTab(tab);">
									<span class="glyphicon glyphicon-remove"></span> Fechar
								</button>
							</li>

						</ul> 

						<ul class="list-inline"  ng-show="tab.VER_TRANSACOES == true">
							<li>
								<button type="button" class="btn btn-danger" ng-click="vm.Firebird.CloseTab(tab);">
									<span class="glyphicon glyphicon-remove"></span> Fechar
								</button>
							</li>
						</ul> 

						<div ng-show="!(tab.VER_TRANSACOES == true)">
							<textarea ng-show="tab.TIPO == 'SQL'" class="normal-case" id="sql_editor_@{{tab.ID}}" ></textarea>
						</div>

						<div style="margin-top: 20px;" class="tabela_reg@{{tab.ID}}" id="tabela_reg@{{tab.ID}}">
							<pre style="height: calc(100vh - 630px);">@{{tab.LOG}}</pre>
						</div>
						
					</div>
				</div>

			</div>
		</div>

	</div>
	
    @include($menu.'.modal.Firebird')
	@include($menu.'.modal.FirebirdItens')
</div>
@endsection

@section('script')
	<script src="/js/codemirror/codemirror.js"></script>
	<script src="/js/codemirror/matchbrackets.js"></script>
	<script src="/js/codemirror/show-hint.js"></script>
	<script src="/js/codemirror/sql-hint.js"></script>
	<script src="/js/codemirror/sql.js"></script>
    <script src="{{ elixir('assets/js/_11701.js') }}"></script>
@append