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

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

@section('modal-header-left')

<h4 class="modal-title">
	<span ng-if="!vm.CADDOPERAPROCESS.ALTERANDO">{{ Lang::get('ppcp/_22510.titulo-exibir') }}</span>
	<span ng-if="vm.CADDOPERAPROCESS.INCLUINDO">{{ Lang::get('ppcp/_22510.titulo-incluir') }}</span>
	<span ng-if="vm.CADDOPERAPROCESS.COPIANDO">{{ Lang::get('ppcp/_22510.titulo-copiar') }}</span>
	<span ng-if="vm.CADDOPERAPROCESS.ALTERANDO == true && vm.CADDOPERAPROCESS.SELECTED.CODIGO > 0 && vm.CADDOPERAPROCESS.COPIANDO == false">{{ Lang::get('ppcp/_22510.titulo-alterar') }}</span>	
</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.CADDOPERAPROCESS.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.CADDOPERAPROCESS.ALTERANDO" ng-click="vm.CADDOPERAPROCESS.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.CADDOPERAPROCESS.ALTERANDO" ng-click="vm.CADDOPERAPROCESS.copiarRegistro()" 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.CADDOPERAPROCESS.ALTERANDO" ng-click="vm.CADDOPERAPROCESS.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.CADDOPERAPROCESS.ALTERANDO" ng-click="vm.CADDOPERAPROCESS.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button ng-if="!vm.CADDOPERAPROCESS.ALTERANDO" data-consulta-historico data-tabela="TBOPERADOR" data-tabela-id="@{{ vm.CADDOPERAPROCESS.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-if="!vm.CADDOPERAPROCESS.ALTERANDO" data-consulta-arquivos data-tabela="TBOPERADOR" data-tabela-id="@{{ vm.CADDOPERAPROCESS.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.CADDOPERAPROCESS.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.CADDOPERAPROCESS.fecharModal()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 160px);">
	<!--<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>-->
	<!--
			  
		<li>
			<button ng-click="vm.CADDEGP.imprimir_etiq()" type="button" class="btn btn-success">
				<span class="glyphicon glyphicon-list-alt"></span> Imp.Etiquetas
			</button>
		</li> 
	<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.CADDOPERAPROCESS.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.CADDOPERAPROCESS.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.CADDOPERAPROCESS.SELECTED.DESC_ID"
                readonly="readonly">
        </div>
		
        <div class="form-group">
            <label>Nome:</label>
            <input type="text" class="form-control input-maior" required 
                ng-model="vm.CADDOPERAPROCESS.SELECTED.NOME" maxlength="20"
                ng-readonly="!vm.CADDOPERAPROCESS.ALTERANDO">
		</div>	
		
        <div class="form-group">
			<label>Código de Barras:</label>
			<input type="text" class="form-control input-medio" required
				maxlength="20"
				ng-model="vm.CADDOPERAPROCESS.SELECTED.CODIGO_BARRAS"
				ng-readonly="!vm.CADDOPERAPROCESS.ALTERANDO">
		</div>
		
		<div ng-show="vm.ConsultaColaborador.item.selected == false" class="form-group">
			<div  style="display: -webkit-inline-box;" class="consulta-ccusto"></div>
		</div>
		
		<div class="form-group">
			<label>Status:</label>
			<label class="switch">
				<input type="checkbox" ng-checked="vm.CADDOPERAPROCESS.SELECTED.STATUS == '1'" ng-true-value="'1'" ng-false-value="'0'"
					ng-disabled="!vm.CADDOPERAPROCESS.ALTERANDO" ng-click="vm.CADDOPERAPROCESS.SELECTED.STATUS = (vm.CADDOPERAPROCESS.SELECTED.STATUS == '1') ? '0' : '1'">
				<div class="slider"></div>
			</label>
		</div>		
		<br>
		<div style="display: -webkit-inline-box;" class="consulta-colab"></div>

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

		<div class="form-group" ng-show="vm.ConsultaColaborador.item.selected == true">
			<div class="form-group">
				<label>Cargo:  <a tabindex="-1" href="/_23040" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="23040 - Cadastro de Cargos"></span></a></label>
				<input type="text" class="form-control input-maior" 
					maxlength="20"
					ng-model="vm.CADDOPERAPROCESS.SELECTED.DESC_CARGO"
					ng-readonly="true">
			</div>

			<div class="form-group">
				<label>Centro de Custo:  <a tabindex="-1" href="/_20240" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="20240 - Cadastro de Centros de Custo"></span></a></label>
				<input type="text" class="form-control input-maior" 
					maxlength="20"
					ng-model="vm.CADDOPERAPROCESS.SELECTED.CCUSTO_DESC"
					ng-readonly="true">
			</div>

			<div class="form-group">
				<label>Situação:</label>
				<input type="text" class="form-control input-maior" 
					maxlength="20"
					ng-model="vm.CADDOPERAPROCESS.SELECTED.SIT_COLAB"
					ng-readonly="true">
			</div>
		</div>

		<!-- <div class="form-group">
			<label>Vínculo do Colaborador</label>
			<textarea class="form-control normal-case" ng-readonly="true" cols="100" rows="4"
				ng-model="vm.CADDOPERAPROCESS.SELECTED.DADOS_COLABORADOR">
			</textarea>
		</div> -->
		<!--
		<div class="form-group">
			<label>Nome:</label>
			<input type="text" class="form-control input-maior"
				ng-model="vm.CADDOPERAPROCESS.SELECTED.PESSOAL_NOME"
				ng-readonly="true">
		</div>	
		
		<div class="form-group">
			<label>C.Custo:</label>
			<input type="text" class="form-control input-medio"
				ng-model="vm.CADDOPERAPROCESS.SELECTED.CCUSTO"
				ng-readonly="true">
		</div>

		
		<div class="form-group">
			<label>Cargo:</label>
			<input type="text" class="form-control input-maior" 
				ng-model="vm.CADDOPERAPROCESS.SELECTED.CARGO"
				ng-readonly="true">
		</div>	
		
		<div class="form-group">
			<label>Situação:</label>
			<input type="text" class="form-control input-medio"
				ng-model="vm.CADDOPERAPROCESS.SELECTED.SITUACAO_COLABORADOR"
				ng-readonly="true">
		</div>
		
		 <div style="display: -webkit-inline-box;" class="consulta-usuario"></div> -->
		<!-- <div class='div_arquivos'></div> -->
		
	</div>
	
	<div class="row" ng-show="!vm.CADDOPERAPROCESS.ALTERANDO" style="margin-top: 20px;">

		<ul id="tab" class="nav nav-tabs" role="tablist"> 
			<li role="presentation" class="active tab-detalhamento" id="tab1-li" ng-click="vm.CADDOPERAPROCESS.FAMILIA.consultar()">
				<a href="#tab1-container" id="tab1-tab" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab1-container" aria-expanded="true">
					Famílias					
				</a>
			</li>
	
			<li role="presentation" class="tab-detalhamento" id="tab2-li" ng-click="vm.CADDOPERAPROCESS.LOCALIZACAO.consultar()">
				<a href="#tab2-container" id="tab2-tab" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab2-container" aria-expanded="false">
					Localizações 
				</a>
			</li>
	
			<li role="presentation" class="tab-detalhamento" id="tab3-li" ng-click="vm.CADDOPERAPROCESS_PARAM.consultar()">
				<a href="#tab3-container" id="tab3-tab" data-hotkey="alt+3" role="tab" data-toggle="tab" aria-controls="tab3-container" aria-expanded="false">
					Parâmetros
				</a>
			</li>
	
			<li role="presentation" class="tab-detalhamento" id="tab4-li" ng-click="vm.CADDOPERAPROCESS_UP.consultar()">
				<a href="#tab4-container" id="tab4-tab" data-hotkey="alt+4" role="tab" data-toggle="tab" aria-controls="tab4-container" aria-expanded="false">
					Unidades Produtivas
				</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">
					<ul class="list-inline">    
						<li>
							<button type="button" class="btn btn-primary btn-incluir" 
								data-hotkey="f6" ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
								ng-click="vm.CADDOPERAPROCESS.FAMILIA.consultar_inc()">
								<span class="glyphicon glyphicon-plus"></span> Incluir
							</button>
						</li>                                         
					</ul>
					<div class="tabela_familia" id="tabela_familia"></div>
				</div>
				<!-- <div class="alert alert-warning">
					Obs: Se a tabela estiver vazia este operador possui permissão para todas as famílias.
				</div> -->
			</div>
	
			<div role="tabpanel" class="tab-pane" id="tab2-container" name="" aria-labelledby="tab2-tab" style="height: 100%; overflow:auto;">
				<div class="row">					
					<ul class="list-inline">    
						<li>
							<button type="button" class="btn btn-primary btn-incluir" 
								data-hotkey="f6" ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
								ng-click="vm.CADDOPERAPROCESS.LOCALIZACAO.consultar_inc()">
								<span class="glyphicon glyphicon-plus"></span> Incluir
							</button>
						</li>                                         
					</ul>
					<div class="tabela_localizacao" id="tabela_localizacao"></div>				
				</div>
				<!-- <div class="alert alert-warning">
					Obs: Se a tabela estiver vazia este operador possui permissão para todas as localizações.
				</div> -->
			</div>
	
			<div role="tabpanel" class="tab-pane" id="tab3-container" name="" aria-labelledby="tab3-tab" style="height: 100%; overflow:auto;">
				<div class="row">				
					<ul class="list-inline">    
						<li>
							<button type="button" class="btn btn-primary btn-incluir" 
								data-hotkey="f1" ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
								ng-click="vm.CADDOPERAPROCESS_PARAM.incluir()">
								<span class="glyphicon glyphicon-refresh"></span> Atualizar
							</button>
						</li>                                         
					</ul>
					<div class="tabela_param" id="tabela_param"></div>				
				</div>
			</div>
	
			<div role="tabpanel" class="tab-pane" id="tab4-container" name="" aria-labelledby="tab4-tab" style="height: 100%; overflow:auto;">
				<div class="row">					
					<ul class="list-inline">    
						<li>
							<button type="button" class="btn btn-primary btn-incluir" 
								data-hotkey="f6" ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
								ng-click="vm.CADDOPERAPROCESS_UP.consultar_inc()">
								<span class="glyphicon glyphicon-plus"></span> Incluir
							</button>
						</li>                                         
					</ul>
					<div class="tabela_up" id="tabela_up"></div>				
				</div>
			</div>
	
		</div>
	</div>
	
</div>
</form>

@overwrite