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

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

@section('modal-header-left')

	<h4 class="modal-title">
		<span>{{ Lang::get('workflow/_29020.titulo3-alterar') }}</span>
	</h4>

@overwrite

@section('modal-header-right')

	<button type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-click="vm.ModelosWorkflowCampos.fecharitens()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>

@overwrite

@section('modal-header-end')

@overwrite

@section('modal-body')
	<div style="height: calc(100vh - 230px);">

		<!-- Quando TIPO for Lista -->
		<div class="row" ng-show="vm.ModelosWorkflowCampos.TIPO_EDIT == 1">
			<ul class="list-inline">    
				<li>
					<button type="button" class="btn btn-primary btn-incluir" 
						ng-disabled="!{{ userMenu($menu)->INCLUIR }} || !vm.ModelosWorkflow.ALTERANDO"
						ng-click="vm.ModelosWorkflowCampos.incluiritens()">
						<span class="glyphicon glyphicon-plus"></span> Incluir
					</button>
				</li>                                         
			</ul>
			<div class="tabela_campo_itens" id="tabela_campo_itens"></div> 
		</div>

		<!-- Quando TIPO for numérico -->
		<div class="row" ng-show="vm.ModelosWorkflowCampos.TIPO_EDIT == 2">						

			<div class="form-group" style="display: grid;">
				<label title="Faixa de valor mínimo e máximo">Faixa:</label>
				<div class="form-group" style="display: inline-flex;">
					<input type="text" ng-number-format="2" min="-99999999.99" max="99999999.99"
						class="form-control text-right valor_min" ng-model="vm.ModelosWorkflowCampos.FAIXA_VALOR_MIN">
					<label style="margin-left: 5px;margin-right: 5px;margin-top: 5px;">a</label>
					<input type="text" ng-number-format="2" min="0.00" max="99999999.99"
						class="form-control text-right valor_max" ng-model="vm.ModelosWorkflowCampos.FAIXA_VALOR_MAX">
				</div>
			</div>	
		</div>

		<!-- Quando TIPO for Workflow -->
		<div class="row" ng-show="vm.ModelosWorkflowCampos.TIPO_EDIT == 3">

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

		</div>

		<!-- Quando TIPO for Consulta -->
		<div class="row" ng-show="vm.ModelosWorkflowCampos.TIPO_EDIT == 4 || vm.ModelosWorkflowCampos.TIPO_EDIT == 5">

			<div>

				<fieldset style="margin-bottom: 10px;">
					<ul>
						<li>
							<textarea 
								id="sql_editor" 
								class="sql_editor normal-case normalcase" 
								ng-show="vm.SHOW_SQL == true" 
								style="height: 450px">
							</textarea>
						</li>
					</ul>
				</fieldset>

			</div>

			<div class="form-group">
				<label ttitle="Adicionar <strong>/*GETREGISTRO*/</strong> ao final da consulta para durante o ajuste de dados o registro correto ser selecionado (Utiliza o <strong>Campo Gravar</strong> para selecionar o registro) <br> AND #CAMPO_GRAVAR# = #VALOR# <br>">Parâmetros de Seleção</label>
			</div>

			<div class="form-group">
				<label ttitle="1 - Se houver mais de um campo nas tabelas com nome similar, utilizar os Parâmetros de Seleção com subselect <br>2 - Todos os parâmetros da consulta devem ser adicionados com condição exceto o <strong>:FILTRO</strong>">Observações</label>
			</div>


			<div class="row">

				<div class="form-group" style="margin-top: 25px;">   
					<button 
						type="button"
						class="btn btn-warning btn-incluir"
						data-hotkey="alt+c"
						ng-disabled="!vm.ModelosWorkflow.ALTERANDO || ( vm.ModelosWorkflowCampos.TIPO_EDIT != 4 && vm.ModelosWorkflowCampos.TIPO_EDIT != 5 )"
						ng-click="vm.ModelosWorkflowCampos.atualizarCampos()">
						<span class="glyphicon glyphicon-refresh"></span> Carregar Campos
					</button>
				</div>

				<!--  -->

				<div class="form-group">
					<label>Tam. da Tabela:</label>
					<div class="input-group right-icon">
						<input 
							type="text"
							ng-number-format="0"
							min="0"
							max="99999999"
							class="tamTabCampo form-control input-menor" 
							ng-required="vm.ModelosWorkflowCampos.TIPO_EDIT == 4 || vm.ModelosWorkflowCampos.TIPO_EDIT == 5"
							ng-model="vm.ModelosWorkflowCampos.SELECTED.DADOS_CAMPO_SQL.TAMANHO"
							ng-readonly="!vm.ModelosWorkflow.ALTERANDO"
							ng-disabled="!vm.ModelosWorkflow.ALTERANDO || ( vm.ModelosWorkflowCampos.TIPO_EDIT != 4 && vm.ModelosWorkflowCampos.TIPO_EDIT != 5 )"
							style="width: 115px !important; text-align: end;">
						<div class="input-group-addon" style="padding: 9px !important;">px</div>
					</div>
				</div>

				<div class="form-group">
					<label ttitle="Nome do Campo que será gravado">Campo Gravar:</label>
					<div class="input-group">
						<select 
							class="campGravarCampos"
							ng-required="vm.ModelosWorkflowCampos.TIPO_EDIT == 4 || vm.ModelosWorkflowCampos.TIPO_EDIT == 5"
							ng-model="vm.ModelosWorkflowCampos.SELECTED.DADOS_CAMPO_SQL.CAMPO_GRAVAR"
							ng-disabled="!vm.ModelosWorkflow.ALTERANDO || ( vm.ModelosWorkflowCampos.TIPO_EDIT != 4 && vm.ModelosWorkflowCampos.TIPO_EDIT != 5 )"
							g-disabled="!vm.ModelosWorkflow.ALTERANDO || ( vm.ModelosWorkflowCampos.TIPO_EDIT != 4 && vm.ModelosWorkflowCampos.TIPO_EDIT != 5 )"
							style="width: 235px;">
							<option ng-repeat="item in vm.ModelosWorkflowCampos.SELECTED.DADOS_CAMPO_SQL.CAMPOS" ng-value="item">@{{ item }}</option>
						</select>
					</div>
				</div>

				<div class="form-group">
					<label ttitle="Nome do Campo retornado na visualização">Campo Visualizar:</label>
					<div class="input-group">
						<select 
							class="campVisualizarCampos"
							ng-required="vm.ModelosWorkflowCampos.TIPO_EDIT == 4 || vm.ModelosWorkflowCampos.TIPO_EDIT == 5"
							ng-model="vm.ModelosWorkflowCampos.SELECTED.DADOS_CAMPO_SQL.CAMPO_VISUALIZAR"
							ng-disabled="!vm.ModelosWorkflow.ALTERANDO || ( vm.ModelosWorkflowCampos.TIPO_EDIT != 4 && vm.ModelosWorkflowCampos.TIPO_EDIT != 5 )"
							g-disabled="!vm.ModelosWorkflow.ALTERANDO || ( vm.ModelosWorkflowCampos.TIPO_EDIT != 4 && vm.ModelosWorkflowCampos.TIPO_EDIT != 5 )"
							style="width: 235px;">
							<option ng-repeat="item in vm.ModelosWorkflowCampos.SELECTED.DADOS_CAMPO_SQL.OBJ_CAMPOS_TABELA" ng-value="item.CAMPO">@{{ item.CAMPO }}</option>
						</select>
					</div>
				</div>

				<div class="form-group">
					<label ttitle="Nome do Campo que fica no Input ao selecionar um registro">Campo Retorno:</label>
					<div class="input-group">
						<select 
							class="campRetornoCampos"
							ng-required="vm.ModelosWorkflowCampos.TIPO_EDIT == 4 || vm.ModelosWorkflowCampos.TIPO_EDIT == 5"
							ng-model="vm.ModelosWorkflowCampos.SELECTED.DADOS_CAMPO_SQL.CAMPO_RETORNO"
							ng-disabled="!vm.ModelosWorkflow.ALTERANDO || ( vm.ModelosWorkflowCampos.TIPO_EDIT != 4 && vm.ModelosWorkflowCampos.TIPO_EDIT != 5 )"
							g-disabled="!vm.ModelosWorkflow.ALTERANDO || ( vm.ModelosWorkflowCampos.TIPO_EDIT != 4 && vm.ModelosWorkflowCampos.TIPO_EDIT != 5 )"
							style="width: 235px;">
							<option ng-repeat="item in vm.ModelosWorkflowCampos.SELECTED.DADOS_CAMPO_SQL.OBJ_CAMPOS_TABELA" ng-value="item.CAMPO">@{{ item.CAMPO }}</option>
						</select>
					</div>
				</div>

				<div class="form-group" style="margin-top: 25px;">
					<input type="checkbox" id="click1877" style="top: 3px" class="form-control"
						ng-checked="vm.ModelosWorkflowCampos.SELECTED.DADOS_CAMPO_SQL.AUTOLOAD == '1'"
						ng-true-value="'1'"	ng-false-value="'0'"
						check-standard2 
						ng-model="vm.ModelosWorkflowCampos.SELECTED.DADOS_CAMPO_SQL.AUTOLOAD"
						ng-disabled="!vm.ModelosWorkflow.ALTERANDO || ( vm.ModelosWorkflowCampos.TIPO_EDIT != 4 && vm.ModelosWorkflowCampos.TIPO_EDIT != 5 )">
					<label for="click1877" style="margin-left: 5px; font-weight: bold; top: 3px;">
						Carregar Campo
					</label>
				</div>

			</div>

			<!--  -->

			<div class="table-ec table-scroll" style="width: 280px; height: 250px; display: inline-flex; margin-top: 15px; margin-bottom: 15px;">
				<table class="table table-striped table-bordered table-hover">
					<thead>
						<tr>
							<th class="tabCampos" style="text-align: center;" colspan="2">Campos do SQL <span class="glyphicon glyphicon-console"></span> </th>
						</tr>
						<tr>
							<th class="tabCampos" style="width: 185px;"> <span>Campo</span> </th>
							<th class="" style="width: 50px;"> <span></span> </th>
						</tr>
					</thead>
					<tbody>
						<tr class="odd" ng-repeat="item in vm.ModelosWorkflowCampos.SELECTED.DADOS_CAMPO_SQL.CAMPOS track by $index" tabindex="0">
							<td class="" style="max-width: 185px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
								<span>@{{ item }}</span>
							</td>

							<td style="padding: 1px; display: inline-flex; flex-wrap: nowrap; align-items: center;">
								<button 
									type="button" 
									class="btn btn-success" 
									ng-disabled="!vm.ModelosWorkflow.ALTERANDO" 
									ng-click="vm.ModelosWorkflowCampos.adicionarCampo(item);" 
									style="margin: 3px; font-size: 8pt;">
									<span class="glyphicon glyphicon-share-alt"></span>
									<span class="glyphicon glyphicon-list-alt"></span>
								</button>

								<button 
									type="button" 
									class="btn btn-primary" 
									ng-disabled="!vm.ModelosWorkflow.ALTERANDO" 
									ng-click="vm.ModelosWorkflowCampos.adicionarCampo2(item);" 
									style="margin: 3px; font-size: 8pt;" 
									ng-show="vm.ModelosWorkflowCampos.TIPO_EDIT == 5">
									<span class="glyphicon glyphicon-share-alt"></span>
									<span class="glyphicon glyphicon-tasks"></span>
								</button>
							</td>
						</tr>
					</tbody>
				</table>
			</div>

			<div class="table-ec table-scroll" style="width: 570px; display: inline-flex; height: 250px; margin-top: 15px; margin-bottom: 15px;">
				<table class="table table-striped table-bordered table-hover">
					<thead>
						<tr>
							<th class="tabCamposTabela" style="text-align: center;" colspan="3">Campos da Consulta <span class="glyphicon glyphicon-list-alt"></span> </th>
						</tr>
						<tr>
							<th class="tabCamposTabela"> <span>Campo</span> </th>
							<th class="" style="width: 50px;"> <span>Descrição</span> </th>
							<th class="" style="width: 50px;"> <span></span> </th>
						</tr>
					</thead>
					<tbody>
						<tr class="odd" ng-repeat="item in vm.ModelosWorkflowCampos.SELECTED.DADOS_CAMPO_SQL.OBJ_CAMPOS_TABELA track by $index" tabindex="0">
							<td class="" >@{{ item.CAMPO }}</td>

							<td class="" style="padding: 1px;">
								<input 
									type="text"
									class="form-control input-medio normal-case" 
									maxlength="50"
									ng-required="vm.ModelosWorkflowCampos.TIPO_EDIT == 4 || vm.ModelosWorkflowCampos.TIPO_EDIT == 5"
									ng-model="item.DESCRICAO"
									ng-readonly="!vm.ModelosWorkflow.ALTERANDO"
									ng-disabled="!vm.ModelosWorkflow.ALTERANDO || ( vm.ModelosWorkflowCampos.TIPO_EDIT != 4 && vm.ModelosWorkflowCampos.TIPO_EDIT != 5 )">
							</td>

							<td style="padding: 1px;">
								<button 
									type="button" 
									class="btn btn-danger" 
									ng-disabled="!vm.ModelosWorkflow.ALTERANDO" 
									ng-click="vm.ModelosWorkflowCampos.removerCampo(item)" 
									style="margin: 3px;">
									<span class="glyphicon glyphicon-trash"></span>
								</button>
							</td>
						</tr>
					</tbody>
				</table>
			</div>

			<!--  -->

			<div ng-show="vm.ModelosWorkflowCampos.TIPO_EDIT == 5">

				<div class="table-ec table-scroll" style="width: 855px; display: inline-flex; height: 250px; margin-top: 15px; margin-bottom: 15px;">
					<table class="table table-striped table-bordered table-hover">
						<thead>
							<tr>
								<th class="tabCamposTabela" style="text-align: center;" colspan="3">Campos da Tabela de Seleção <span class="glyphicon glyphicon-tasks"></span> </th>
								<th class="tabCamposTabela" style="text-align: center; padding: 1px;" colspan="1"> 

									<button 
										type="button" 
										class="btn btn-default" 
										ng-disabled="!vm.ModelosWorkflow.ALTERANDO" 
										ng-click="vm.ModelosWorkflowCampos.adicionarCampo2('', 2)" 
										style="margin: 3px; font-size: 8pt;">
										<span class="glyphicon glyphicon-plus"></span>
									</button>

								</th>
							</tr>
							<tr>
								<th class="tabCamposTabela"> <span>Campo</span> </th>
								<th class="" style="width: 50px;"> <span>Tipo</span> </th>
								<th class="" style="width: 50px;"> <span>Descrição</span> </th>
								<th class="" style="width: 50px;"> <span></span> </th>
							</tr>
						</thead>
						<tbody>
							<tr class="odd" ng-repeat="item in vm.ModelosWorkflowCampos.SELECTED.DADOS_CAMPO_SQL.OBJ_CAMPOS_SUBTABELA_INC track by $index" tabindex="0">
								<td class="" ng-style="{ 'padding' : item.TIPO != 1 ? '1px' : '8px' }">
									<div ng-show="item.TIPO == 1">
										@{{ item.CAMPO }}
									</div>

									<div ng-show="item.TIPO != 1">

										<input 
											type="text"
											class="form-control input-medio" 
											maxlength="50"
											ng-required="vm.ModelosWorkflowCampos.TIPO_EDIT == 5"
											ng-model="item.CAMPO"
											ng-readonly="!vm.ModelosWorkflow.ALTERANDO"
											ng-disabled="!vm.ModelosWorkflow.ALTERANDO || vm.ModelosWorkflowCampos.TIPO_EDIT != 5">

									</div>
								</td>

								<td class="" style="padding: 1px;">

									<div class="input-group">
										<select 
											name="repeatSelect" 
											id="repeatSelect" 
											ng-required="vm.ModelosWorkflowCampos.TIPO_EDIT == 5" 
											ng-model="item.TIPO" 
											ng-readonly="!vm.ModelosWorkflow.ALTERANDO" 
											ng-disabled="!vm.ModelosWorkflow.ALTERANDO || vm.ModelosWorkflowCampos.TIPO_EDIT != 5 || item.TIPO == 1">
											<option ng-value="1" ng-show="item.TIPO == 1">Padrão</option>
											<option ng-value="2" ng-show="item.TIPO != 1">Texto</option>
											<option ng-value="3" ng-show="item.TIPO != 1">Número</option>
											<option ng-value="4" ng-show="item.TIPO != 1">Data</option>
										</select>
									</div>

								</td>

								<td class="" style="padding: 1px;">

									<input 
										type="text"
										class="form-control input-medio normal-case" 
										maxlength="50"
										ng-required="vm.ModelosWorkflowCampos.TIPO_EDIT == 5"
										ng-model="item.DESCRICAO"
										ng-readonly="!vm.ModelosWorkflow.ALTERANDO"
										ng-disabled="!vm.ModelosWorkflow.ALTERANDO || vm.ModelosWorkflowCampos.TIPO_EDIT != 5">

								</td>

								<td style="padding: 1px;">

									<button 
										type="button" 
										class="btn btn-danger" 
										ng-disabled="!vm.ModelosWorkflow.ALTERANDO" 
										ng-click="vm.ModelosWorkflowCampos.removerCampo2(item)" 
										style="margin: 3px;">
										<span class="glyphicon glyphicon-trash"></span>
									</button>

								</td>
							</tr>
						</tbody>
					</table>
				</div>

			</div>

			<!--  -->
			<legend>Dependência</legend>

			<div class="row">

				<ul class="list-inline">    
					<li>
						<button 
							type="button" 
							class="btn btn-primary btn-incluir" 
							data-hotkey="f6"
							ng-disabled="!vm.ModelosWorkflow.ALTERANDO || ( vm.ModelosWorkflowCampos.TIPO_EDIT != 4 && vm.ModelosWorkflowCampos.TIPO_EDIT != 5 )" 
							ng-click="vm.ModelosWorkflowCampos.incluirDependencia();">
							<span class="glyphicon glyphicon-plus"></span> Incluir
						</button>
					</li>                                         
				</ul>

				<div>
					<div class="table-ec table-scroll" style="width: 100%; display: inline-flex; height: 400px; margin-top: 15px; margin-bottom: 15px;">
						<table class="table table-striped table-bordered table-hover">
							<thead>
								<tr>
									<th class="" style="width: 30px;"> <span></span> </th>
									<th class="tabCamposTabela"> <span>ID</span> </th>
									<th class="tabCamposTabela"> <span>Descrição</span> </th>
									<th class="" style="width: 50px;"> <span></span> </th>
								</tr>
							</thead>
							<tbody>
								<tr class="odd" ng-repeat="item in vm.ModelosWorkflowCampos.SELECTED.DADOS_CAMPO_SQL.OBJ_CAMPOS_VINCULO_DEPENDENCIA track by $index" tabindex="0">
									<td style="padding: 1px;">

									</td>

									<td class="">
										@{{ item.DESC_ID }}
									</td>

									<td class="">
										@{{ item.DESCRICAO }}
									</td>

									<td style="padding: 1px;">

										<button 
											type="button" 
											class="btn btn-danger" 
											ng-disabled="!vm.ModelosWorkflow.ALTERANDO" 
											ng-click="vm.ModelosWorkflowCampos.excluirDependencia(item);" 
											style="margin: 3px;">
											<span class="glyphicon glyphicon-trash"></span>
										</button>

									</td>
								</tr>
							</tbody>
						</table>
					</div>

					<div class="form-group" style="margin-top: -10px; margin-bottom: 20px;">
						<button type="button" class="btn btn-default" style="font-weight: bold; height: 34px; cursor: default !important;" ng-click="">
							<span class=""></span> Qtd. de Registros:  @{{ vm.ModelosWorkflowCampos.SELECTED.DADOS_CAMPO_SQL.OBJ_CAMPOS_VINCULO_DEPENDENCIA.length }}
						</button>
					</div>
				</div>

			</div>

		</div>

	</div>
</form>

@overwrite