@extends('master')

@section('titulo')
    {{ Lang::get('pessoal/_23400.titulo') }}
@endsection

@section('estilo')
    <link rel="stylesheet" href="{{ elixir('assets/css/23400.css') }}" />
@endsection

@section('conteudo')
<div ng-controller="Ctrl as vm" ng-cloak>

	<form class="form-inline" ng-submit="vm.ConfigGeral.gravar()">

		<ul class="list-inline acoes">    

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

		</ul>  
			

		<div style="height: calc(100vh - 230px);">
			<div class="row">

				<fieldset>
					<legend>Situações de Ponto</legend>

					<div class="form-group">

						<div style="display: -webkit-inline-box;" class="consulta-sabado" id="target"></div>
						<div style="display: -webkit-inline-box;" class="consulta-domingo"></div>

						<!-- <div class="form-group" style="margin-left: 10px;"> -->
							<div style="display: -webkit-inline-box;" class="consulta-feriado"></div>
							<div style="display: -webkit-inline-box;" class="consulta-folga"></div>
						<!-- </div> -->

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

					</div>

					<br>

					<div class="form-group">

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

						<!-- <div class="form-group" style="margin-left: 10px;"> -->
							<div style="display: -webkit-inline-box;" class="consulta-faltadiurna"></div>
							<div style="display: -webkit-inline-box;" class="consulta-faltanoturna"></div>
						<!-- </div> -->

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

					</div>

					<br>

					<div class="form-group">

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

						<!-- <div class="form-group" style="margin-left: 10px;"> -->
							<div style="display: -webkit-inline-box;" class="consulta-trabbh"></div>
							<div style="display: -webkit-inline-box;" class="consulta-trabbhnoite "></div>
						<!-- </div>	 -->

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

					</div>

					<br>

					<div class="form-group">

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

					</div>

					<!-- <div class="form-group">
						<label>Sábado(ADC):</label>
						<input 
							style="width: 110px !important;"
							type="text"
							id="target"
							class="form-control input-menor text-right" 
							required
							only-digits
							ng-model="vm.ConfigGeral.SELECTED.SITUACAO_SABADO"
							ng-readonly="!vm.ConfigGeral.ALTERANDO">
					</div>

					<div class="form-group">
						<label>Domingo(DSR):</label>
						<input 
							style="width: 110px !important;"
							type="text"
							class="form-control input-menor text-right" 
							required
							only-digits
							ng-model="vm.ConfigGeral.SELECTED.SITUACAO_DOMINGO"
							ng-readonly="!vm.ConfigGeral.ALTERANDO">
					</div>
					
					<div class="form-group">
						<label>Feriado:</label>
						<input 
							type="text"
							class="form-control input-menor text-right" 
							required
							only-digits
							ng-model="vm.ConfigGeral.SELECTED.SITUACAO_FERIADO"
							ng-readonly="!vm.ConfigGeral.ALTERANDO">
					</div>
					
					<div class="form-group">
						<label ttitle="Escala 12/36">Folga:</label>
						<input 
							type="text"
							class="form-control input-menor text-right" 
							required
							only-digits
							ng-model="vm.ConfigGeral.SELECTED.SITUACAO_FOLGA"
							ng-readonly="!vm.ConfigGeral.ALTERANDO">
					</div>

					<div class="form-group" style="margin-left: 31px;">	
						<div class="form-group">
							<label>Trab. Diurno:</label>
							<input 
								type="text"
								class="form-control input-menor text-right" 
								required
								only-digits
								ng-model="vm.ConfigGeral.SELECTED.SITUACAO_DIURNO"
								ng-readonly="!vm.ConfigGeral.ALTERANDO">
						</div>
						
						<div class="form-group">
							<label>Falta Diurna:</label>
							<input 
								type="text"
								class="form-control input-menor text-right" 
								required
								only-digits
								ng-model="vm.ConfigGeral.SELECTED.SITUACAO_FALTA"
								ng-readonly="!vm.ConfigGeral.ALTERANDO">
						</div>
						
						<div class="form-group">
							<label>Hr.Extra Diurna:</label>
							<input 
								style="width: 112px !important;"
								type="text"
								class="form-control input-menor text-right" 
								required
								only-digits
								ng-model="vm.ConfigGeral.SELECTED.SITUACAO_HORA_EXTRA"
								ng-readonly="!vm.ConfigGeral.ALTERANDO">
						</div>
					</div>

					<div class="form-group" style="margin-left: 31px;">	
						<div class="form-group">
							<label>Trab. Noturno:</label>
							<input 
								style="width: 101px !important;"
								type="text"
								class="form-control input-menor text-right" 
								required
								only-digits
								ng-model="vm.ConfigGeral.SELECTED.SITUACAO_NOTURNO"
								ng-readonly="!vm.ConfigGeral.ALTERANDO">
						</div>
						
						<div class="form-group">
							<label>Falta Noturna:</label>
							<input 
								style="width: 101px !important;"
								type="text"
								class="form-control input-menor text-right" 
								required
								only-digits
								ng-model="vm.ConfigGeral.SELECTED.SITUACAO_FALTA_NOTURNO"
								ng-readonly="!vm.ConfigGeral.ALTERANDO">
						</div>
						
						<div class="form-group">
							<label>Hr.Extra Noturna:</label>
							<input 
								style="width: 116px !important;"
								type="text"
								class="form-control input-menor text-right" 
								required
								only-digits
								ng-model="vm.ConfigGeral.SELECTED.SITUACAO_HORA_EXTRA_NOTURNO"
								ng-readonly="!vm.ConfigGeral.ALTERANDO">
						</div>
					</div><br>
					
					<div class="form-group">	
						<div class="form-group">
							<label>Comp.Bco.Horas Diurno:</label>
							<input 
								style="width: 171px !important;"
								type="text"
								class="form-control input-menor text-right" 
								required
								only-digits
								ng-model="vm.ConfigGeral.SELECTED.SITUACAO_BH"
								ng-readonly="!vm.ConfigGeral.ALTERANDO">
						</div>
						
						<div class="form-group">
							<label>Trab.Diurno Bco.Horas:</label>
							<input 
								style="width: 171px !important;"
								type="text"
								class="form-control input-menor text-right" 
								required
								only-digits
								ng-model="vm.ConfigGeral.SELECTED.SITUACAO_TRABALHO_BH"
								ng-readonly="!vm.ConfigGeral.ALTERANDO">
						</div>
						
						<div class="form-group">
							<label>Falta Diurna Bco.Horas:</label>
							<input 
								style="width: 171px !important;"
								type="text"
								class="form-control input-menor text-right" 
								required
								only-digits
								ng-model="vm.ConfigGeral.SELECTED.SITUACAO_FALTA_BH"
								ng-readonly="!vm.ConfigGeral.ALTERANDO">
						</div>
					</div>

					<div class="form-group" style="margin-left: 24px;">	
						<div class="form-group">
							<label>Comp.Bco.Horas Noturno:</label>
							<input 
								style="width: 171px !important;"
								type="text"
								class="form-control input-menor text-right" 
								required
								only-digits
								ng-model="vm.ConfigGeral.SELECTED.SITUACAO_BH_NOTURNO"
								ng-readonly="!vm.ConfigGeral.ALTERANDO">
						</div>
						
						<div class="form-group">
							<label>Trab.Noturno Bco.Horas:</label>
							<input 
								style="width: 171px !important;"
								type="text"
								class="form-control input-menor text-right" 
								required
								only-digits
								ng-model="vm.ConfigGeral.SELECTED.SITUACAO_TRABALHO_BH_NOTURNO"
								ng-readonly="!vm.ConfigGeral.ALTERANDO">
						</div>
						
						<div class="form-group">
							<label>Falta Noturna Bco.Horas:</label>
							<input 
								style="width: 171px !important;"
								type="text"
								class="form-control input-menor text-right" 
								required
								only-digits
								ng-model="vm.ConfigGeral.SELECTED.SITUACAO_FALTA_BH_NOTURNO"
								ng-readonly="!vm.ConfigGeral.ALTERANDO">
						</div>
					</div>

					<div class="form-group">	
						<div class="form-group">
							<label>Sit.Não Identificada:</label>
							<input 
								style="width: 171px !important;"
								type="text"
								class="form-control input-menor text-right" 
								required
								only-digits
								ng-model="vm.ConfigGeral.SELECTED.SITUACAO_NAO_IDENTIFICADA"
								ng-readonly="!vm.ConfigGeral.ALTERANDO">
						</div>
						
						<div class="form-group">
							<label>Sit.Colaborador Demitido:</label>
							<input 
								style="width: 171px !important;"
								type="text"
								class="form-control input-menor text-right" 
								required
								only-digits
								ng-model="vm.ConfigGeral.SELECTED.SITUACAO_DEMITIDO"
								ng-readonly="!vm.ConfigGeral.ALTERANDO">
						</div>
					</div> -->

					<br>

					<legend>Contrato de Trabalho</legend>
					<div class="row">

						<div class="form-group">
							<label>1º Contrato:</label>
							<div class="input-group right-icon">
								<input 
									type="text"
									class="form-control input-menor text-right" 
									required
									only-digits
									ng-model="vm.ConfigGeral.SELECTED.DIAS_CONTRATO1"
									ng-readonly="!vm.ConfigGeral.ALTERANDO"
									style="width: 110px !important;">
								<div class="input-group-addon" style="padding: 9px !important;">Dias</div>
							</div>
						</div>

						<div class="form-group">
							<label>Prorrogação:</label>
							<div class="input-group right-icon">
								<input 
									type="text"
									class="form-control input-menor text-right" 
									required
									only-digits
									ng-model="vm.ConfigGeral.SELECTED.DIAS_CONTRATO2"
									ng-readonly="!vm.ConfigGeral.ALTERANDO"
									style="width: 110px !important;">
								<div class="input-group-addon" style="padding: 9px !important;">Dias</div>
							</div>
						</div>												

						<div class="form-group">
							<label>Trab. Diurno Início:</label>
							<div class="form-group">									
								<input 
									style="width: 140px;"
									type="time" 
									class="form-control"
									ng-atalho
									ng-model="vm.ConfigGeral.SELECTED.TRABALHO_DIURNO_INICIO_F"
									ng-readonly="!vm.ConfigGeral.ALTERANDO"
									required>
							</div>
						</div>										
						<div class="form-group">
							<label>Trab. Diurno Fim:</label>
							<div class="form-group">									
								<input 
									style="width: 140px;"
									type="time" 
									class="form-control"
									ng-atalho
									ng-model="vm.ConfigGeral.SELECTED.TRABALHO_DIURNO_FIM_F"
									ng-readonly="!vm.ConfigGeral.ALTERANDO"
									required>
							</div>
						</div>										
						
						<div class="form-group">
							<label>Intervalo Batida:</label>
							<div class="form-group">									
								<input 
									style="width: 140px;"
									type="time" 
									class="form-control"
									ng-atalho
									ng-model="vm.ConfigGeral.SELECTED.INTERVALO_BATIDA_F"
									ng-readonly="!vm.ConfigGeral.ALTERANDO"
									required>
							</div>
						</div>																																	
						
						<div class="form-group">
							<label>Próx. Jornada Início:</label>
							<div class="form-group">									
								<input 
									style="width: 140px;"
									type="time" 
									class="form-control"
									ng-atalho
									ng-model="vm.ConfigGeral.SELECTED.PROXIMA_JORNADA_INICIO_F"
									ng-readonly="!vm.ConfigGeral.ALTERANDO"
									required>
							</div>
						</div>																																	
						
						<div class="form-group">
							<label>Próx. Jornada Fim:</label>
							<div class="form-group">									
								<input 
									style="width: 140px;"
									type="time" 
									class="form-control"
									ng-atalho
									ng-model="vm.ConfigGeral.SELECTED.PROXIMA_JORNADA_FIM_F"
									ng-readonly="!vm.ConfigGeral.ALTERANDO"
									required>
							</div>
						</div>																																	
						
						<div class="form-group">
							<label>Adic. Noturno Início:</label>
							<div class="form-group">									
								<input 
									style="width: 140px;"
									type="time" 
									class="form-control"
									ng-atalho
									ng-model="vm.ConfigGeral.SELECTED.ADICIONAL_NOTURNO_INICIO_F"
									ng-readonly="!vm.ConfigGeral.ALTERANDO"
									required>
							</div>
						</div>																																	
						
						<div class="form-group">
							<label>Adic. Noturno Fim:</label>
							<div class="form-group">									
								<input 
									style="width: 140px;"
									type="time" 
									class="form-control"
									ng-atalho
									ng-model="vm.ConfigGeral.SELECTED.ADICIONAL_NOTURNO_FIM_F"
									ng-readonly="!vm.ConfigGeral.ALTERANDO"
									required>
							</div>
						</div>
						
					</div>
				</fieldset> 
			</div>
		</div>	

	</form>
	
    @include($menu.'.modal.ConfigGeral')
	@include($menu.'.modal.ConfigGeralItens')
</div>
@endsection

@section('script')
    <script src="{{ elixir('assets/js/_23400.js') }}"></script>
@append