@extends('layouts.app')
@section('title','Adicionar um Funcionário')
@section('content')
	
	<h4 class="mb-3">Adicionar um Funcionário</h4>
	@if($message = Session::get('success'))
	<div class="alert alert-success">
		{{$message}}
	</div>
	@endif
	@if(count($errors)>0)
	<div class="alert alert-danger">
		<ul>
			@foreach($errors->all() as $error)
			<li>{{$error}}</li>
			@endforeach
		</ul>
		
	</div>
	@endif
	<form method="POST" action="{{url('funcionarios')}}">
		@csrf
		<div class="row">
			<div class="col form-group mb-3">
		    <label for="Nome">Status</label>
		    <select id="status" name="status" class="form-control"> 
		    	<option value="A">Ativo</option>
		    	<option value="I">Inativo</option>
		     </select>
		 	</div>
		</div>	
		
		<div class="row">
			<div class="col form-group mb-3">
			    <label for="Nome">Nome</label>
			    <input type="text" class="form-control" id="nome" name="nome" placeholder="Digite o nome do Funcionário..." required>
		 	</div>
		 	<div class="col form-group md-3">
			    <label for="Email">Email</label>
			    <input type="text" class="form-control" id="email" name="email" placeholder="Digite o Email do Funcionário...">
		 	</div>	
		 </div>
	 	<div class="row"> 	
		 	<div class="col form-group mb-2">
			    <label for="Cpf">Cpf</label>
			    <input type="text" class="form-control cpf" id="cpf" name="cpf" placeholder="Digite o cpf do Funcionário..." required>
		 	</div>
		 	<div class="col form-group mb-2">
			    <label for="Rg">Rg</label>
			    <input type="text" class="form-control rg" id="rg" name="rg" placeholder="Digite o rg do Funcionário..." required>
		 	</div>
		 	<div class="col form-group mb-2">
			    <label for="Data de Nascimento">Data de Nascimento</label>
			    <input type="date" class="form-control" id="dt_nascimento" name="dt_nascimento" placeholder="Digite o Data de Nascimento do Funcionário..." required>
		 	</div>
		</div>
		<div class="row">
	 		<div class="col form-group md-3">
			    <label for="telefone">Telefone</label>
			    <input type="text" class="form-control celular" id="telefone" name="telefone" placeholder="Digite o telefone do Funcionário...">
		 	</div>
		 	<div class="col form-group md-3">
			    <label for="telefone">Telefone Rec</label>
			    <input type="text" class="form-control celular" id="telefone_rec" name="telefone_rec" placeholder="Digite o telefone Rec do Funcionário...">
		 	</div>
		 	<div class="col form-group md-3">
			    <label for="telefone">Telefone Cel</label>
			    <input type="text" class="form-control celular" id="telefone_cel" name="telefone_cel" placeholder="Digite o telefone Cel do Funcionário...">
		 	</div>
		</div>
	 	<div class="row">
	 		<div class="col form-group mb-3">
			    <label for="Estado">Cep</label>
			    <input type="text" class="form-control cep" id="cep" name="cep" placeholder="Digite o Cep do Cliente..." required max="2">
		 	</div>
		 	<div class="col form-group mb-3">
			    <label for="Endereço">Endereço</label>
			    <input type="text" class="form-control" id="endereco" name="endereco" placeholder="Digite o Endereço do Funcionário..." required>
		 	</div>
		 	<div class="col form-group mb-3">
			    <label for="Número">Número</label>
			    <input type="text" class="form-control" id="numero" name="numero" placeholder="Digite o Número do Funcionário..." required>
		 	</div>
		 	<div class="col form-group mb-3">
			    <label for="Complemento">Complemento</label>
			    <input type="text" class="form-control" id="complemento" name="complemento" placeholder="Digite o Complemento do Funcionário...">
		 	</div>
		 	<div class="col form-group mb-3">
			    <label for="Endereço">Bairro</label>
			    <input type="text" class="form-control" id="bairro" name="bairro" placeholder="Digite o Bairro do Cliente..."  value="{{old('bairro')}}" required>
		 	</div>
	 	</div>
	 	<div class="row">
	 		
		 	<div class="col form-group mb-3">
			    <label for="Estado">Uf</label>
			    <input type="text" class="form-control uf" id="uf" name="uf" placeholder="Digite o UF do Funcionário... Ex:PR" required max="2">
		 	</div>
		 	<div class="col form-group mb-3">
			    <label for="Cidade">Cidade</label>
			    <input type="text" class="form-control" id="cidade" name="cidade" placeholder="Digite o Cidade do Funcionário..." required>
		 	</div>
	 	</div>
	 	<div class="row">
		 	<div class="col form-group mb-3">
			    <label for="Função">Função</label>
			    <select id="tp_funcionario" name="tp_funcionario" class="form-control"> 
			    	<option value="1">Gerente</option>
			    	<option value="2">Vendedor</option>
			    	<option value="3">Administrativo</option>
			    </select>
		 	</div>
		 	<div class="col form-group mb-3">
			    <label for="Data de Admissão">Data de Admissão</label>
			    <input type="date" class="form-control" id="dt_admissao" name="dt_admissao" placeholder="Digite a Data de Admissão do Funcionário..." required>
		 	</div>	
		</div>
		<div class="form-group mb-3 d-none d-print-none" id="dv_id_gerente">
			    <label for="Nome">Gerente</label>
			    <select id="gerente" name="gerente" class="form-control"> 
			    	<option value="">Selecione</option>
			    	@foreach($gerentes_id as $gerente)
						<option value="{{ $gerente->id }}">{{ $gerente->nome }}</option>
					@endforeach
			     </select>
		 	</div>


		 	<!-- <div class="input-group mb-3">
			  <div class="input-group-prepend">
			    <span class="input-group-text">Carregar</span>
			  </div>
			  <div class="custom-file">
			    <input type="file" class="custom-file-input" id="inputGroupFile01">
			    <label class="custom-file-label" for="inputGroupFile01">Pesquisar Imagem</label>
			  </div>
			</div> -->

	 	<button type="submit" class="btn btn-primary">Cadastrar Funcionário</button>
	</form>
	
@endsection
@section('post-script')
<script type="text/javascript">
	$(document).ready(function(){
		
		//Mostrar o campo quando o usuario for vendedor
		$("#tp_funcionario").change(function(){
			if($("#tp_funcionario").val() == "2"){
				$("#dv_id_gerente").removeClass('d-none');
			}else{
				$("#dv_id_gerente").addClass('d-none');
			}
		});


       //#####################Ínicio Cep
		@include('ajax.cep');
		//#####################Fim Cep



	});	


</script>
@endsection