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

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

@section('modal-header-left')

	<h4 class="modal-title">
		<span ng-if="!vm.ModelosWorkflow.ALTERANDO">{{ Lang::get('workflow/_29020.titulo-exibir') }}</span>
		<span ng-if="vm.ModelosWorkflow.INCLUINDO">{{ Lang::get('workflow/_29020.titulo-incluir') }}</span>
		<span ng-if="vm.ModelosWorkflow.COPIANDO">{{ Lang::get('workflow/_29020.titulo-copiar') }}</span>
		<span ng-if="vm.ModelosWorkflow.ALTERANDO == true && vm.ModelosWorkflow.INCLUINDO == false && vm.ModelosWorkflow.COPIANDO == false">{{ Lang::get('workflow/_29020.titulo-alterar') }}</span>	
	</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.ModelosWorkflow.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.ModelosWorkflow.ALTERANDO" ng-click="vm.ModelosWorkflow.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)->INCLUIR }}" ng-if="!vm.ModelosWorkflow.ALTERANDO" ng-click="vm.ModelosWorkflow.incluirNovo()" type="button" class="btn btn-primary" data-hotkey="f7">
        <span class="glyphicon glyphicon-plus"></span> Incluir Novo Registro 
    </button> 
	
	<button ng-disabled="!{{ userMenu($menu)->INCLUIR }}" ng-if="!vm.ModelosWorkflow.ALTERANDO" ng-click="vm.ModelosWorkflow.copiar()" type="button" class="btn btn-primary" data-hotkey="f8">
        <span class="fa fa-files-o"></span> Copiar Registro
    </button>   
	
	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.ModelosWorkflow.ALTERANDO" ng-click="vm.ModelosWorkflow.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"  ng-if="!vm.ModelosWorkflow.ALTERANDO" ng-click="vm.ModelosWorkflow.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button ng-if="!vm.ModelosWorkflow.ALTERANDO" data-consulta-historico data-tabela="TBWORKFLOW" data-tabela-id="@{{ vm.ModelosWorkflow.SELECTED.ID }}" type="button" class="btn gerar-historico" data-hotkey="alt+h">
        <span class="glyphicon glyphicon-time"></span> {{ Lang::get('master.historico') }}
    </button>	
	
	<button style="display: none;" data-consulta-historico data-tabela="TBWORKFLOW_TAREFA" data-tabela-id="@{{ vm.ModelosWorkflowItens.HISTORICO_ID }}" type="button" class="btn gerar-historico gerar-historico-tarefa" data-hotkey="alt+h">
        <span class="glyphicon glyphicon-time"></span> {{ Lang::get('master.historico') }}
    </button>
	
	<!-- <button ng-if="!vm.ModelosWorkflow.ALTERANDO" data-consulta-arquivos data-tabela="TBWORKFLOW" data-tabela-id="@{{ vm.ModelosWorkflow.SELECTED.ID }}" type="button" class="btn  btn-info" data-hotkey="alt+a">
        <span class="glyphicon glyphicon-file"></span> {{ Lang::get('master.arquivos') }}
    </button> -->
	
	<button ng-if="!vm.ModelosWorkflow.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.ModelosWorkflow.fecharModal()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-header-end')

	<!-- PARA USAR OS BOTÕES DE AVANÇAR E RETROCEDER BASTA DESCOMENTAR AS LINHAS ABAIXO -->
	
	<!-- <button ng-disabled="{{ userMenu($menu)->INCLUIR }} == 0" style="height: 31px;" ng-click="vm.ModelosWorkflow.previousRecord()" ng-if="!vm.ModelosWorkflow.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-left"></span>
	</button>

	<button ng-disabled="{{ userMenu($menu)->INCLUIR }} == 0" style="height: 31px;" ng-click="vm.ModelosWorkflow.nextRecord()" ng-if="!vm.ModelosWorkflow.ALTERANDO" type="button" class="btn btn-default">
		<span class="glyphicon glyphicon-chevron-right"></span>
	</button> -->
	
@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px); margin-top: -15px;">
	<!--<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>-->
	<!--
	<ul id="tab" class="nav nav-tabs" role="tablist"> 
		<li role="presentation" class="active tab-detalhamento">
			<a href="#tab1-container" id="tab1-tab" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab1-container" aria-expanded="true">
				1
				
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento" ng-if="!vm.ModelosWorkflow.ALTERANDO">
			<a href="#tab2-container" id="tab2-tab" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab2-container" aria-expanded="false">
				2
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento"  ng-if="!vm.ModelosWorkflow.ALTERANDO">
			<a href="#tab3-container" id="tab3-tab" data-hotkey="alt+3" role="tab" data-toggle="tab" aria-controls="tab3-container" aria-expanded="false">
				3
			</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>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab2-container" name="" aria-labelledby="tab2-tab" style="height: 100%; overflow:auto;">
			<div class="row">

			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab3-container" name="" aria-labelledby="tab3-tab" style="height: 100%; overflow:auto;">
			<div class="row">

			</div>
		</div>

	</div>
-->
	
    <div class="row">
	
		<div class="form-group">
            <label>ID:</label>
            <input type="text" class="form-control input-menor"
				ng-model="vm.ModelosWorkflow.SELECTED.DESC_ID"
                readonly="readonly">
        </div>
		
        <div class="form-group">
            <label>Título:</label>
			<input type="text" class="form-control input-maior" required 
				maxlength="50" ng-model="vm.ModelosWorkflow.SELECTED.TITULO"
                ng-readonly="!vm.ModelosWorkflow.ALTERANDO">
        </div>
		
        <div class="form-group">
            <label>Descrição:</label>
			<input type="text" class="form-control input-maior" required 
				maxlength="200" ng-model="vm.ModelosWorkflow.SELECTED.DESCRICAO"
                ng-readonly="!vm.ModelosWorkflow.ALTERANDO">
		</div>		
								
		<div class="form-group">								
			<label>Tipo:</label>								
			<select ng-model="vm.ModelosWorkflow.SELECTED.TIPO" 
				ng-disabled="!vm.ModelosWorkflow.ALTERANDO">
				<option value="0">Avulso </option>
				<option value="1">Fluxo de Vendas (Pedidos) </option>
				<option value="2">Desenvolvimento de Produtos Novos (Modelos) </option>
				<option value="3">Régua de Cobrança (Parcelas a Receber) </option>
				<option value="4">Caminho de Vendas (Clientes)</option>
			</select>
		</div>
		
        <div class="form-group">
            <label>Tamanho Máximo Linhas(Px):</label>
			<input type="text" class="form-control input-menor" 
				style="width: 200px !important; text-align: right;"
				ng-number-format="2" min="40" max="99999.99"
				ng-model="vm.ModelosWorkflow.SELECTED.TAMANHO_MAX_PX" 
				ng-readonly="!vm.ModelosWorkflow.ALTERANDO">
		</div>
		
        <!--<div class="form-group">
            <label>Tamanho Máximo(%):</label>
			<input type="text" class="form-control input-menor" ng-number-format="2" min="0" max="999.99"
				ng-model="vm.ModelosWorkflow.SELECTED.TAMANHO_MAX_PERC" ng-readonly="!vm.ModelosWorkflow.ALTERANDO">
		</div>-->
		
        <div class="form-group" ng-if="vm.ModelosWorkflow.SELECTED.TIPO != 0">
			<label ng-if="vm.ModelosWorkflow.SELECTED.TIPO == 1" 
				ttitle="FORMAÇÃO DA DESCRIÇÃO DO TITULO DO WORKFLOW AO SER INCLUÍDO: VARIÁVEIS: #PEDIDO# #CLIENTE_RAZAOSOCIAL# #CLIENTE_CNPJ# #PEDIDO_CLIENTE# #CLIENTE_AMOSTRA_RAZAOSOCIAL#">Máscara:</label>
				
			<label ng-if="vm.ModelosWorkflow.SELECTED.TIPO == 2"
				ttitle="FORMAÇÃO DA DESCRIÇÃO DO TITULO DO WORKFLOW AO SER INCLUÍDO: VARIÁVEIS: #MODELO_CODIGO# #MODELO_DESCRICAO# #FFAMILIA_CODIGO# #FAMILIA_DESCRICAO#">Máscara:</label>
				
			<label ng-if="vm.ModelosWorkflow.SELECTED.TIPO != 1 && vm.ModelosWorkflow.SELECTED.TIPO != 2">Máscara:</label>

			<input type="text" class="form-control input-maior" style="width: 503px;" maxlength="200" ng-model="vm.ModelosWorkflow.SELECTED.MASCARA" ng-readonly="!vm.ModelosWorkflow.ALTERANDO">
		</div>
		
		<div class="form-group">
			<label>Status:</label>
			<label class="switch">
				<input type="checkbox" ng-checked="vm.ModelosWorkflow.SELECTED.STATUS == '1'"
					ng-true-value="'1'" ng-false-value="'0'" ng-disabled="!vm.ModelosWorkflow.ALTERANDO"
					ng-click="vm.ModelosWorkflow.SELECTED.STATUS = (vm.ModelosWorkflow.SELECTED.STATUS == '1') ? '0' : '1'">
				<div class="slider"></div>
			</label>
		</div>

		<div style="display: -webkit-inline-box; vertical-align: top;" class="consulta-escalap"></div>

		<!-- <div class="form-group">
			<label>Tipo:</label>
			<div class="input-group">
				<select 
					name="repeatSelect" 
					id="repeatSelect"  
					ng-disabled="!vm.ModelosWorkflow.ALTERANDO" 
					ng-model="vm.ModelosWorkflow.SELECTED.TIPO">
					<option value="1">OPÇÃO 1</option>
					<option value="2">OPÇÃO 2</option>
				</select>
			</div>
		</div> -->
		
		<!-- <div class="form-group">
			<input type="checkbox" id="click1" class="form-control"
				ng-checked="vm.ModelosWorkflow.SELECTED.MARCADO == '1'"
				ng-true-value="'1'"	ng-false-value="'0'"
				check-standard2
				ng-model="vm.ModelosWorkflow.SELECTED.MARCADO"
				ng-disabled="!vm.ModelosWorkflow.ALTERANDO">
			<label for="click1" style="margin-left: 5px; font-weight: bold">
				Marcado
			</label>
		</div> -->
		
		<!-- <div style="display: -webkit-inline-box;" class="consulta-usuario"></div> -->
		<!-- <div class='div_arquivos'></div> -->
		
    </div>
		
	<fieldset id="tarefa" ng-show="vm.ModelosWorkflow.habilita_itens == true" style="margin-top: 0px;">
		<legend>Tarefas</legend>
		<ul class="nav nav-pills" id="tab-tarefa" role="tablist" style="height: 90px;">
			<li 
				role="presentation"
				ng-repeat="tarefa in vm.ModelosWorkflowItens.DADOS | orderBy:['SEQUENCIA','ID'] track by $index"
				ng-class="{active: $index == 0}" ng-click="vm.ModelosWorkflowItens.tarefaAtiva(tarefa.SEQUENCIA)">

				<a href="#tarefa-@{{ $index }}" 
					aria-controls="tarefa-@{{ $index }}" 
					role="tab" 
					data-toggle="tab"
					class="opcoes_abas">
				
					<span ng-bind="$index+1 | lpad:[3,'0']"></span>
					<span ng-bind="'Seq.: '+ (tarefa.SEQUENCIA | lpad:[3,'0'])"></span>
					<span ng-bind="tarefa.TITULO"></span>
				</a>

				<div class="dropdown" style="float: right; margin-top: -30px; position: relative;">
					<button type="button" class="btn btn-primary btn-sm" 			
						data-toggle="dropdown"
						title="{{ Lang::get($menu.'.title-add-tarefa') }}"
						ng-click="vm.ModelosWorkflowImpressao.focusItem($event,1,$index);"
						ng-dbclick="$event.stopPropagation();"
						ng-disabled="vm.ModelosWorkflowItens.DADOS.length == 0">
						<span class="fa fa-th-list"></span>
					</button>
					<ul class="dropdown-menu multi-level classico" 
						role="menu" 
						aria-labelledby="dropdownMenu">
						<li class="dropdown-header classico" style="text-transform: initial; font-weight: bold;">Ações Disponíveis</li>
						<li class="classico" tabindex="0" 
							ng-repeat="item in vm.FUNCIONALIDADES_TAREFAS track by $index" 
							ng-keypress="$event.keyCode == 13 && item.FUNCAO(tarefa);" 
							ng-keydown="vm.ModelosWorkflowImpressao.changeSelection($event)"
							ng-if="item.VISIBLE()">
							<a class="classico" ng-click="item.FUNCAO(tarefa)" style="cursor: pointer;">
								<span class="@{{item.ICONE}} classico"></span> @{{item.NOME}}
							</a>
						</li>
					</ul>
				</div>
			</li>
		</ul>

		<button type="button" class="btn btn-primary btn-sm btn-add-tarefa" 
			title="{{ Lang::get($menu.'.title-add-tarefa') }}"
			ng-click="vm.ModelosWorkflowItens.addTarefa();"
			ng-disabled="!vm.ModelosWorkflow.ALTERANDO">
			<span class="glyphicon glyphicon-plus"></span>
		</button>
		<div class="tab-content">
			
			<div role="tabpanel" class="tab-pane fade" 
				ng-repeat="tarefa in vm.ModelosWorkflowItens.DADOS | orderBy:['SEQUENCIA','ID'] track by $index"
				ng-class="{'in active': $index == 0}"
				id="tarefa-@{{ $index }}">

				<div class="row" style="margin-right: 100px;">

					<div class="form-group" ng-if="tarefa.ID > 0">

						<label>{{ Lang::get($menu.'.label-id') }}:</label>

						<input 
							type="number"
							class="form-control input-menor"
							ng-model="tarefa.ID"
							ng-value="tarefa.ID | lpad:[5,'0']"
							string-to-number
							disabled>

					</div>

					<div class="form-group">

						<label>{{ Lang::get($menu.'.label-titulo') }}:</label>

						<div class="textarea-grupo">
							<input maxlength="50" ng-model="tarefa.TITULO" style="width: 350px !important;"
								class="form-control normal-case input-maior" ng-disabled="!vm.ModelosWorkflow.ALTERANDO">

							<span class="contador"><span>@{{ 50 - tarefa.TITULO.length }}</span> {{ Lang::get('master.caract-restante') }}</span>
						
						</div>

					</div>

					<div class="form-group">

						<label>{{ Lang::get($menu.'.label-descricao') }}:</label>

						<div class="textarea-grupo">
							<input maxlength="200" ng-model="tarefa.DESCRICAO" style="width: 350px !important;"
								class="form-control normal-case input-maior" ng-disabled="!vm.ModelosWorkflow.ALTERANDO">

							<span class="contador"><span>@{{ 200 - tarefa.DESCRICAO.length }}</span> {{ Lang::get('master.caract-restante') }}</span>
						
						</div>

					</div>

					<div class="form-group">

						<label>{{ Lang::get($menu.'.label-sequencia') }}:</label>

						<input type="number" class="form-control input-menor input-tarefa-sequencia text-right"
							min="1" ng-model="tarefa.SEQUENCIA" string-to-number disabled>

						<button 
							type="button" 
							class="btn btn-info button-ordenar-sequencia"
							title="{{ Lang::get($menu.'.title-ordenar') }}" 
							ng-click="vm.ModelosWorkflowItens.exibirModalOrdenar(tarefa)"
							ng-disabled="!vm.ModelosWorkflow.ALTERANDO">

							<span class="fa fa-sort"></span> 
						</button>

					</div>

					<div class="form-group form-group-tempo-previsto">

						<label>{{ Lang::get($menu.'.label-tempo-previsto') }}:</label>

						<input 
							type="number"
							class="form-control input-menor"
							min="0" 
							ng-model="tarefa.TEMPO_PREVISTO_HORA"
							ng-disabled="!vm.ModelosWorkflow.ALTERANDO"
							string-to-number>

						<span class="abrev-tempo-previsto">h</span>

						<input 
							type="number"
							class="form-control input-menor"
							min="0"
							max="59" 
							ng-model="tarefa.TEMPO_PREVISTO_MINUTO"
							ng-disabled="!vm.ModelosWorkflow.ALTERANDO"
							string-to-number>

						<span class="abrev-tempo-previsto">m</span>

					</div>

					<div class="form-group">

						<label>{{ Lang::get($menu.'.label-descricao-workflow') }}:</label>
						<select class="form-control"
							ng-model="tarefa.TIPO_DESCRICAO"
							ng-disabled="!vm.ModelosWorkflow.ALTERANDO">
							<option value="1">COMENTÁRIO</option>	
							<option value="2">CAMPOS</option>
						</select>

					</div>

					<div class="form-group" ng-if="$index > 0">
						<label>{{ Lang::get($menu.'.label-ao-reprovar') }}:</label>
						<select class="form-control" style="min-width: 170px;" ng-model="tarefa.PONTO_REPROVACAO"
							ng-change="vm.ModelosWorkflowItens.verificarPontoRetorno()"
							ng-disabled="!vm.ModelosWorkflow.ALTERANDO">								
							<option value=""></option>
							<option ng-repeat="trf in vm.ModelosWorkflowItens.DADOS | orderBy:['SEQUENCIA','ID'] track by $index"
								ng-if="((trf.STATUSEXCLUSAO != '1') && (tarefa.SEQUENCIA > trf.SEQUENCIA))"
								ng-bind="trf.TITULO" ng-value="trf.ORDEM"></option>
						</select>
					</div>

					<div class="form-group" style="margin-right: 0px;">
						<label>Cor:</label>
						<div class="form-group" style="display: flex; margin-top: 1px;">
							<input type="color" 
								style="-webkit-appearance: none;
									height: 34px;
									padding: 0;
									width: 105px;
									border: groove 2px;
									border-color: rgb(255, 255, 255);
									background-color:@{{ tarefa.COR == '' ? '#337ab7' : tarefa.COR }};
									cursor:@{{ vm.ModelosWorkflow.ALTERANDO ? 'pointer' : 'not-allowed' }};
									border-radius: 10px;" ng-model="tarefa.COR"
								class="form-control input-medio campo_cor@{{tarefa.SEQUENCIA}}"
								ng-disabled="!vm.ModelosWorkflow.ALTERANDO">
							<button type="button" class="btn btn-default btn-sm"
								style=" margin-left: -11px;
										border: groove 2px;
										border-left: 0px;
										border-color: rgb(255, 255, 255);
										border-radius: 1px;
										border-top-right-radius: 10px;
										border-bottom-right-radius: 10px;
										opacity: 1 !important;"	
								ng-click="vm.ModelosWorkflowItens.AbrirCor(tarefa);"
								ng-disabled="!vm.ModelosWorkflow.ALTERANDO">
								<span class="glyphicon glyphicon-edit"></span>
							</button>
						</div>
					</div>

					<div class="form-group">

						<label>{{ Lang::get($menu.'.label-status') }}:</label>

						<label class="switch">

							<input 
								type="checkbox" 							
								ng-checked="tarefa.STATUS == '1'"
								ng-true-value="'1'"
								ng-false-value="'0'"
								ng-click="tarefa.STATUS = (tarefa.STATUS == '1') ? '0' : '1'"
								ng-disabled="!vm.ModelosWorkflow.ALTERANDO">

							<div 
								class="slider"></div>

						</label>

					</div>

					<div style="display: -webkit-inline-box; vertical-align: top;" class="consulta-escalat-@{{ tarefa.SEQUENCIA }}"></div>

					<!--  -->

					<div class="form-group" ng-show="!vm.ModelosWorkflow.ALTERANDO" style="margin: 2px; padding: 2px; position: absolute; display: inline-grid; align-items: center; justify-items: center; border: solid 1px #337ab7; border-radius: 6px; right: 10px; background-color: #e1e1e1;">

						<div class="icon-img icon-img-@{{ tarefa.SEQUENCIA }}" style="width: 90px; height: 90px; margin-bottom: 5px;">
							<div class="imagem-@{{ tarefa.SEQUENCIA }}" 
								style="width: calc(100%); 
    								   height: calc(100%); 
									   background-size: contain; 
									   background-repeat: no-repeat; 
									   background-position: center center; 
									   background-image: url('@{{ tarefa.IMAGEM[0].CAMINHO }}');">
							</div>

							<button ng-disabled="vm.ModelosWorkflow.ALTERANDO" ng-click="vm.ModelosWorkflowItens.excluirImagemIcone(tarefa);" type="button" class="btn btn-danger exc-image">
								<span class="glyphicon glyphicon-trash" style="font-size: 8pt;"></span>
							</button>
						</div>

						<div class="inc-icon-img inc-icon-img-@{{ tarefa.SEQUENCIA }}">

							<button ng-disabled="vm.ModelosWorkflow.ALTERANDO" type="button" class="btn btn-sm btn-primary" ng-click="vm.ModelosWorkflowItens.incluirImagemIcone(tarefa);">
								<span class="glyphicon glyphicon-plus"></span> Adicionar Icone
							</button>

						</div>

					</div>

				</div>

				<div class="row">
					<ul id="tab-@{{ tarefa.SEQUENCIA }}" class="nav nav-tabs itens_tarefa" role="tablist"> 
						<li role="presentation" class="active tab-detalhamento">
							<a href="#tab1-container-@{{ tarefa.SEQUENCIA }}"  
								id="tab1-tab-@{{ tarefa.SEQUENCIA }}" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab1-container-@{{ tarefa.SEQUENCIA }}" aria-expanded="true">
								Destinatários
							</a>
						</li>

						<li role="presentation" class="tab-detalhamento">
							<a href="#tab2-container-@{{ tarefa.SEQUENCIA }}" id="tab2-tab-@{{ tarefa.SEQUENCIA }}" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab2-container-@{{ tarefa.SEQUENCIA }}" aria-expanded="false">
								Campos Dinâmicos
							</a>
						</li>

						<li role="presentation" class="tab-detalhamento">
							<a href="#tab4-container-@{{ tarefa.SEQUENCIA }}" id="tab4-tab-@{{ tarefa.SEQUENCIA }}" data-hotkey="alt+3" role="tab" data-toggle="tab" aria-controls="tab4-container-@{{ tarefa.SEQUENCIA }}" aria-expanded="false">
								Dependências
							</a>
						</li>

						<!-- <li role="presentation" class="tab-detalhamento">
							<a href="#tab3-container-@{{ tarefa.SEQUENCIA }}" id="tab3-tab-@{{ tarefa.SEQUENCIA }}" data-hotkey="alt+3" role="tab" data-toggle="tab" aria-controls="tab3-container-@{{ tarefa.SEQUENCIA }}" aria-expanded="false">
								Arquivos
							</a>
						</li> -->
					</ul>

					<div id="tab-content-@{{ tarefa.SEQUENCIA }}" class="tab-content"  style="min-height: calc(500px); max-height: calc(520px);">
						
						<div role="tabpanel" class="tab-pane active in" id="tab1-container-@{{ tarefa.SEQUENCIA }}" name="" aria-labelledby="tab1-tab-@{{ tarefa.SEQUENCIA }}" style="height: 100%; overflow:auto;">
							<div class="row">
								<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.ModelosWorkflowDestinatarios.incluir(tarefa)">
											<span class="glyphicon glyphicon-plus"></span> Incluir
										</button>
									</li>
									<li>
										<button type="button" class="btn btn-sm btn-info" ng-if="!vm.ModelosWorkflow.ALTERANDO"
											ng-click="vm.ModelosWorkflowDestinatarios.confirmarAtualizar();">
											<span class="glyphicon glyphicon-refresh"></span>
											Atualizar Workflows em Aberto
										</button>	
									</li>
									<li>
										<button type="button" class="btn btn-sm btn-info" ng-if="vm.ModelosWorkflow.ALTERANDO"
											ng-disabled="!{{ userMenu($menu)->INCLUIR }} || !vm.ModelosWorkflow.ALTERANDO"
											ng-click="vm.ModelosWorkflowDestinatarios.AbrirCopiar(tarefa);">
											<span class="glyphicon glyphicon-copy"></span>
											Copiar Destinatários de outra tarefa
										</button>	
									</li>
								</ul>
								<div class="tabela_destinatarios_@{{ tarefa.SEQUENCIA }}" id="tabela_destinatarios_@{{ tarefa.SEQUENCIA }}"></div>	
							</div>
						</div>

						<div role="tabpanel" class="tab-pane" id="tab2-container-@{{ tarefa.SEQUENCIA }}" name="" aria-labelledby="tab2-tab-@{{ tarefa.SEQUENCIA }}" style="height: 100%; overflow:auto;">
							<div class="row" style="overflow-y: scroll; height: 440px;">								
								<ul class="list-inline" style="margin-bottom: 0px;">    
									<li>
										<button type="button" class="btn btn-sm btn-info" title="{{ Lang::get($menu.'.title-add-campo') }}"
											ng-click="vm.ModelosWorkflowCampos.incluir(tarefa,tarefa.SEQUENCIA);"
											ng-disabled="!vm.ModelosWorkflow.ALTERANDO">
											<span class="glyphicon glyphicon-plus"></span>
											{{ Lang::get($menu.'.button-add-campo') }}
										</button>	
									</li>
								</ul>

								<div class="campo-container container_campos_@{{ tarefa.SEQUENCIA }}" style="margin-top: 10px !important;" ng-repeat="campo in tarefa.CAMPOS track by $index">
									
									<div class="button-container" style="height: 45px;">										
										
										<button type="button" class="btn btn-primary" ng-if="campo.TIPO == 4 || campo.TIPO == 2 || campo.TIPO == 5 || campo.TIPO == 6 || campo.TIPO == 7" style="float: right;"
											title="@{{ campo.TIPO == 4 ? 'Editar lista de itens' : ( campo.TIPO == 2 ? 'Editar faixa permitida' : ( campo.TIPO == 5 ? 'Editar Workflow' : ( campo.TIPO == 6  || campo.TIPO == 7 ? 'Editar dados de configuração da consulta' : '' ) ) ) }}"
											ng-click="vm.ModelosWorkflowCampos.editaritens(tarefa,campo)"
											ng-disabled="!vm.ModelosWorkflow.ALTERANDO">								
											<span class="glyphicon glyphicon-edit"></span>
										</button>	

										<!-- <button type="button" class="btn btn-danger" ng-if="tarefa.TIPO_DESCRICAO == 1 && campo.EXIBIR_PAINEL == 1" style="float: right;"
											title="{{ Lang::get($menu.'.title-exibir-itens-campo') }}" ng-click="campo.EXIBIR_PAINEL = campo.EXIBIR_PAINEL == 1 ? 0 : 1"
											ng-disabled="!vm.ModelosWorkflow.ALTERANDO">								
											<span class="glyphicon glyphicon-remove"></span>
										</button>

										<button type="button" class="btn btn-primary" ng-if="tarefa.TIPO_DESCRICAO == 1 && campo.EXIBIR_PAINEL == 0" style="float: right;"
											title="{{ Lang::get($menu.'.title-exibir-itens-campo') }}" ng-click="campo.EXIBIR_PAINEL = campo.EXIBIR_PAINEL == 1 ? 0 : 1"
											ng-disabled="!vm.ModelosWorkflow.ALTERANDO">								
											<span class="glyphicon glyphicon-ok"></span>
										</button> -->

										<button type="button" class="btn btn-danger" style="float: right;"
											title="{{ Lang::get($menu.'.title-excluir-campo') }}"
											ng-click="vm.ModelosWorkflowCampos.excluir(tarefa,campo)"
											ng-disabled="!vm.ModelosWorkflow.ALTERANDO">								
											<span class="glyphicon glyphicon-trash"></span>
										</button>											

										<!-- <div class="form-group" style="margin-top: 0;">
											<label class="switch">
												<input type="checkbox" ng-checked="campo.STATUS == '1'"
													ng-true-value="'1'" ng-false-value="'0'" ng-disabled="!vm.ModelosWorkflow.ALTERANDO"
													ng-click="campo.STATUS = (campo.STATUS == '1') ? '0' : '1'">
												<div class="slider"></div>
											</label>
										</div> -->								
										
										

										<div class="form-group" style="margin-top: 0px;">
											<label class="switch">
												<input 
													type="checkbox" 							
													ng-checked="campo.STATUS == '1'"
													ng-true-value="'1'"
													ng-false-value="'0'"
													ng-click="campo.STATUS = (campo.STATUS == '1') ? '0' : '1'"
													ng-disabled="!vm.ModelosWorkflow.ALTERANDO">
												<div class="slider"></div>
											</label>
										</div>
										<!-- <button type="button" class="btn @{{campo.STATUS == '1' ? 'btn-success' : 'btn-danger'}}"
											ng-click="campo.STATUS = (campo.STATUS == '1') ? '0' : '1'" ng-disabled="!vm.ModelosWorkflow.ALTERANDO">
											<span class="glyphicon glyphicon-info-sign"></span>
										</button> -->
									
									</div>

									<div class="scroll" style="max-height: 280px !important; height: 280px !important;">
										<div style="display: grid;">
											<div class="form-group" >
												<label>{{ Lang::get($menu.'.label-rotulo') }}:</label>						
												<input type="text" maxlength="100"
													class="form-control normal-case" ng-model="campo.ROTULO"
													ng-disabled="!vm.ModelosWorkflow.ALTERANDO">						
											</div>
								
											<div class="form-group">
								
												<label>{{ Lang::get($menu.'.label-tipo') }}:</label>								
												<select ng-model="campo.TIPO" ng-disabled="!vm.ModelosWorkflow.ALTERANDO" style="width: 198px;">
													<option value="1">{{ Lang::get($menu.'.option-texto')		  }} </option>
													<option value="2">{{ Lang::get($menu.'.option-numerico')	  }} </option>
													<option value="3">{{ Lang::get($menu.'.option-boolean')		  }} </option>
													<option value="4">{{ Lang::get($menu.'.option-lista')		  }} </option>
													<option value="5">{{ Lang::get($menu.'.option-workflow')	  }} </option>
													<option value="6">{{ Lang::get($menu.'.option-consulta')	  }} </option>
													<option value="7">{{ Lang::get($menu.'.option-multiconsulta') }} </option>
												</select>
												
												<label style="margin-top: 10px;">{{ Lang::get($menu.'.label-exigir') }}:</label>								
												<select ng-model="campo.REQUERIDO" ng-disabled="!vm.ModelosWorkflow.ALTERANDO" style="width: 198px;">
													<option value="0">NÃO</option>
													<option value="1">SIM</option>
												</select>
												
												<label style="margin-top: 10px;">{{ Lang::get($menu.'.title-exibir-itens-campo') }}:</label>								
												<select ng-model="campo.EXIBIR_PAINEL" ng-disabled="!vm.ModelosWorkflow.ALTERANDO" style="width: 198px;">
													<option value="0">NÃO</option>
													<option value="1">SIM</option>
												</select>
								
											</div>
								
										</div>
									</div>
								</div>
							</div>
						</div>

						<div role="tabpanel" class="tab-pane" id="tab3-container-@{{ tarefa.SEQUENCIA }}" name="" aria-labelledby="tab3-tab-@{{ tarefa.SEQUENCIA }}" style="height: 100%; overflow:auto;">
							<div class="row">

							</div>
						</div>
						
						<div role="tabpanel" class="tab-pane" id="tab4-container-@{{ tarefa.SEQUENCIA }}" name="" aria-labelledby="tab4-tab-@{{ tarefa.SEQUENCIA }}" style="height: 100%; overflow:auto;">
							<div class="row">
								<ul class="list-inline" style="margin-bottom: -15px;">    
									<li>
										<button type="button" class="btn btn-primary btn-incluir" 
											ng-disabled="!{{ userMenu($menu)->INCLUIR }} || !vm.ModelosWorkflow.ALTERANDO"
											ng-click="vm.ModelosWorkflowDependencias.incluir(tarefa)">
											<span class="glyphicon glyphicon-plus"></span> Incluir
										</button>
									</li>                                         
								</ul>
								<div class="tabela_dependencias_@{{ tarefa.SEQUENCIA }}" id="tabela_dependencias_@{{ tarefa.SEQUENCIA }}"></div>	
							</div>
						</div>

					</div>
				</div>

			</div>

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

@overwrite