@extends('layouts.layouts_module')
@section('css')
<link href="/css/application.css" rel="stylesheet">
@stop

@section('content_module')
<div class="content-wrapper">
     <strong style="text-transform: uppercase" class="text-dribbble"> MODULO - {{$nombre_modulo->nombre}} </strong>
   <hr>

   <div class="row grid-margin">
         <div class="col-lg-12">
           <div class="card">
             <div class="card-body">
               <h4 class="card-title" style="font-weight: bold">Información Privada</h4>
                
               <br>
               <form class="cmxform" id="form" action="{{ url('ERP/Empleado/Empleado/saveFormu') }}" method="POST" >
                     {{ csrf_field() }}
                 <fieldset>
<div class="row">
    <div class="col-lg-2 col-md-3 col-xs-12">
        <div class="form-group">
           <label for="cname">Numero de Empleado</label>
           <input  class="form-control" name="numero_empleado" type="text"  value="{{$id_new}}" readonly>
         </div>
 </div>
 <div class="col-lg-4 col-md-4 col-xs-12">
    <div class="form-group">
       <label for="cname">Compañia</label>
       <select name="id_empresa"  class="form-control" >
          <option value="">-- Seleccione Empresa --</option>
           @foreach ($empresa_all as $item)
          <option value="{{$item->id_empresa}}">{{$item->nombre_empresa}}</option>
               
           @endforeach
    </select>
    @if ($errors->has('id_empresa'))
 <span class="help-block">
     <span class="text-danger">{{ $errors->first('id_empresa') }}</span>
 </span>
@endif
     </div>
</div>
<div class="col-lg-2 col-md-3 col-xs-12">
  <div class="form-group">
     <label for="cname">DV</label>
     <input  class="form-control" name="dv" type="number" placeholder="Digito Verificador" >
   </div>
</div>
</div>
                    <div class="row">
                       <div class="col-lg-6 col-md-6 col-xs-12">
                           <div class="form-group">
                                 <label for="cname">Primer Nombre <span style="color:Red;">*</span> </label>
                                 <input  class="form-control" name="primer_nombre" type="text" placeholder="Primer Nombre">
                                 @if ($errors->has('primer_nombre'))
                                 <span class="help-block">
                                     <span class="text-danger">{{ $errors->first('primer_nombre') }}</span>
                                 </span>
                                @endif
                               </div>
                       </div>
                     <div class="col-lg-6 col-md-6 col-xs-12">
                           <div class="form-group">
                                 <label for="cemail">Segundo Nombre</label>
                                 <input id="cemail" class="form-control" type="text" name="segundo_nombre" placeholder="Segundo Nombre">
                           </div>
                     </div>
                    </div>
                    <br>
                  <div class="row">
                        <div class="col-lg-6 col-md-6 col-xs-12">
                            <div class="form-group">
                                  <label for="cname">Apellido Paterno<span style="color:Red;">*</span> </label>
                                  <input  class="form-control" name="apellido_paterno" type="text"  placeholder="Primer Apellido">
                                  @if ($errors->has('apellido_paterno'))
                                  <span class="help-block">
                                      <span class="text-danger">{{ $errors->first('apellido_paterno') }}</span>
                                  </span>
                                 @endif
                              </div>
                        </div>
                      <div class="col-lg-6 col-md-6 col-xs-12">
                            <div class="form-group">
                                  <label for="cemail">Apellido Materno</label>
                                  <input id="cemail" class="form-control" type="text" name="apellido_materno" placeholder="Segundo Apellido">
                            </div>
                      </div>
                     </div>
                     <br>
                     <div class="row">
                           <div class="col-lg-3 col-md-3 col-xs-12">
                               <div class="form-group">
                                     <label for="cname">Cédula<span style="color:Red;">*</span> </label>
                                     <input  class="form-control" name="cedula" type="text"  placeholder="Cédula">
                                     @if ($errors->has('cedula'))
                                     <span class="help-block">
                                         <span class="text-danger">{{ $errors->first('cedula') }}</span>
                                     </span>
                                    @endif
                                    </div>
                           </div>
                         <div class="col-lg-3 col-md-3 col-xs-12">
                               <div class="form-group">
                                     <label for="cemail">Telefono<span style="color:Red;">*</span> </label>
                                     <input id="cemail" class="form-control" type="text" name="celular" placeholder="Telefono" >
                                     @if ($errors->has('celular'))
                                     <span class="help-block">
                                         <span class="text-danger">{{ $errors->first('celular') }}</span>
                                     </span>
                                    @endif
                                    </div>
                         </div>
                         <div class="col-lg-3 col-md-3 col-xs-12">
                              <div class="form-group">
                                    
                                    <input id="cemail" class="form-control" type="hidden" name="edad" placeholder="Edad" >
                                    <label for="cname">Sexo<span style="color:Red;">*</span> </label>
                                    <select name="sexo"  class="form-control" >
                                          <option value="">-- Seleccione Sexo --</option>
                                          <option value="Masculino">Masculino</option>
                                          <option value="Femenino">Femenino</option>
                                          <option value="Otros">Otros</option>
                                    </select>
                                    @if ($errors->has('sexo'))
                                 <span class="help-block">
                                     <span class="text-danger">{{ $errors->first('sexo') }}</span>
                                 </span>
                                @endif
                              </div>
                        </div>

                        <div class="col-lg-3 col-md-3 col-xs-12">
                          <div class="form-group">
                                <label for="cemail">Estado Civil<span style="color:Red;">*</span> </label>
                                <select name="estado_civil"  class="form-control" >
                                        <option value="">-- Seleccione Estado --</option>
                                        <option value="Soltero">Soltero(a)</option>
                                        <option value="Casado">Casado(a)</option>
                                        <option value="Viudo">Viudo(a)</option>
                                        <option value="Divorsiado">Divorsiado(a)</option> 
                                  </select>
                                  @if ($errors->has('estado_civil'))
                             <span class="help-block">
                                 <span class="text-danger">{{ $errors->first('estado_civil') }}</span>
                             </span>
                            @endif
                          </div>
                    </div>
                    
                     </div>
                      <br>
 
                     <div class="row">
                           <div class="col-lg-3 col-md-3 col-xs-12">
                               <div class="form-group">
                                     <label for="cname">Nacionalidad<span style="color:Red;">*</span> </label>
                                     <input  class="form-control" name="nacionalidad" type="text" placeholder="Nacionalidad" >
                                   </div>
                           </div>
                           <div class="col-lg-4 col-md-4 col-xs-12">
                               <div class="form-group">
                                     <label for="cname">Fecha Nacimiento<span style="color:Red;">*</span> </label>
                                      <input  class="form-control" name="fecha_nacimiento" type="date" >
                                </div>
                           </div>
                          <div class="col-lg-4 col-md-4 col-xs-12">
                                      <div class="form-group"    
                                      <label for="cname">Lugar de Nacimiento</label>
                                      <input  class="form-control" name="nacimiento" type="text"  placeholder="Lugar De Nacimiento">
                                      </div>
                          </div>
                     </div>
                     <br>
                     <div class="row">
                       <div class="col-lg-4 col-md-4 col-xs-12">
                               <div class="form-group">
                                     <label for="cname">Numero de Cuenta Bancaria</label>
                                     <input  class="form-control" name="numero_cuenta" type="text"  placeholder="numero_cuenta">
                                   </div>
                           </div>
                           <div class="col-lg-4 col-md-4 col-xs-12">
                               <div class="form-group">
                                     <label for="cname">Dirección<span style="color:Red;">*</span> </label>
                                    <input  class="form-control" name="direccion" type="text"  placeholder="direccion" >
                                    @if ($errors->has('direccion'))
                                          <span class="help-block">
                                        <span class="text-danger">{{ $errors->first('direccion') }}</span>
                                    </span>
                                   @endif
                                   </div>
                           </div>
                          <div class="col-lg-4 col-md-4 col-xs-12">
                                      <div class="form-group"    
                                      <label for="cname">Correo Electronico<span style="color:Red;">*</span> </label>
                                      <input  class="form-control" name="email" type="text"  placeholder="Email" >
                                      @if ($errors->has('email'))
                                      <span class="help-block">
                                          <span class="text-danger">{{ $errors->first('email') }}</span>
                                      </span>
                                     @endif  
                                    </div>
                          </div>
                         
                     </div>
                      <br>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group row">
                              <label class="col-sm-3 col-form-label">Horas Extras<span style="color:Red;">*</span> </label>
                              <div class="col-sm-4">
                                <div class="form-radio">
                                  <label class="form-check-label">
                                    <input type="radio" class="form-check-input" name="status_hora_extra"    value="1" checked> SI
                                  </label>
                                </div>
                              </div>
                              <div class="col-sm-5">
                                <div class="form-radio">
                                  <label class="form-check-label">
                                    <input type="radio" class="form-check-input" name="status_hora_extra"   value="0"> NO
                                  </label>
                                </div>
                              </div>
                              @if ($errors->has('status_hora_extra'))
                              <span class="help-block">
                                  <span class="text-danger">{{ $errors->first('status_hora_extra') }}</span>
                              </span>
                             @endif
                            </div>
                         </div>
                         <div class="col-lg-4 col-md-4 col-xs-12">
                            <div class="form-group"    
                            <label for="cname">Dias Vacaciones<span style="color:Red;">*</span> </label>
                            <input  class="form-control" name="cantidad_vacaciones" type="number"  placeholder="Vacaciones" >
                            @if ($errors->has('cantidad_vacaciones'))
                            <span class="help-block">
                                <span class="text-danger">{{ $errors->first('cantidad_vacaciones') }}</span>
                            </span>
                           @endif  
                          </div>
                </div>
                    </div>
                 <span class="card-title" style="font-weight: bold">Familiares</span> <span class="mdi mdi-plus btn badge badge-primary" style="font-size: 18px;" title="Agregar Nuevo Familiar" id="agrega_familar"></span> <span class="badge badge-danger">Requerido</span>
                           
                      <br> 
                      <br> 
                      <div class="row" id="caja_familiar">
                            <div class="col-lg-4">
                            <div class="form-group" id="nombre">
                            </div>
                            </div>
    
                            <div class="col-lg-4" > 
                              <div class="form-group" id="apellido">     
                              </div>
                            </div>
                            <div class="col-lg-4" >
                             <div class="form-group" id="relacion"> 
                             </div>
                            </div>
                      </div>
                     
                      <h4 class="card-title" style="font-weight: bold">Información Del Trabajo</h4>
                      <br>
                      <div class="row">
                              <div class="col-lg-4 col-md-4 col-xs-12">
                                     <div class="form-group">
                                        <label for="cname">Compañia</label>
                                        <input  class="form-control" name="compania" type="text"  value="{{$empresa->nombre_empresa}}" readonly>
                                      </div>
                              </div>
                              <div class="col-lg-4 col-md-4 col-xs-12">
                                  <div class="form-group">
                                        <label for="cname">Dirección del Trabajo</label>
                                       <input  class="form-control" name="direccion_trabajo" type="text"  value="{{$empresa->dirrecion}}" readonly>
                                   </div>
                              </div>
                             <div class="col-lg-4 col-md-4 col-xs-12">
                                         <div class="form-group"    
                                         <label for="cname">RUC</label>
                                         <input  class="form-control" name="correoEmpresa" type="text"  value="{{$empresa->ruc}}" readonly>
                                         </div>
                             </div>
                        </div> 
                        <br>
                        <div class="row">
                                  
                                    <div class="col-lg-4 col-md-4 col-xs-12">
                                        <div class="form-group">
                                              <label for="cname">Telefono de trabajo</label>
                                             <input  class="form-control" name="direccion_trabajo" type="text"  value="{{$empresa->telefono}}" readonly>
                                         </div>
                                    </div>
                                   <div class="col-lg-4 col-md-4 col-xs-12">
                                               <div class="form-group"    
                                               <label for="cname">Correo de Empresa</label>
                                               <input  class="form-control" name="correoEmpresa" type="text"  value="{{$empresa->email_empresa}}" readonly>
                                               </div>
                                   </div>
                                   <div class="col-lg-4 col-md-4 col-xs-12">
                                          <div class="form-group">
                                             <label for="cname">Lugar de Servicios</label>
                                           <select name="servicios_sucursal" id="" class="form-control" >
                                                 <option value=""> -- Seleccione Sucursal --</option>
                                                      @foreach ($sucursal as $item)
                                                      <option value="{{$item->id_sucursal}}" style="text-transform: capitalize">{{$item->direcion_sucursal}}</option>
                                                      @endforeach
                                           </select>
                                           </div>
                                   </div>
                        </div> 
                        <br>
                      <h4 class="card-title" style="font-weight: bold">Información Del Cargo</h4>
                   <br>
                      <div class="row">
                              <div class="col-md-6">
                                          <div class="form-group row">
                                            <label class="col-sm-3 col-form-label">Tipo de Contrato<span style="color:Red;">*</span> </label>
                                            <div class="col-sm-4">
                                              <div class="form-radio">
                                                <label class="form-check-label">
                                                  <input type="radio" class="form-check-input" name="tipo_contrato" id="permanente"  value="Permanente" checked> Permanente
                                                </label>
                                              </div>
                                            </div>
                                            <div class="col-sm-5">
                                              <div class="form-radio">
                                                <label class="form-check-label">
                                                  <input type="radio" class="form-check-input" name="tipo_contrato" id="transitorio" value="Transitorio"> Transitorio
                                                </label>
                                              </div>
                                            </div>
                                            @if ($errors->has('tipo_contrato'))
                                            <span class="help-block">
                                                <span class="text-danger">{{ $errors->first('tipo_contrato') }}</span>
                                            </span>
                                           @endif
                                          </div>
                                        </div>
                              </div>
                      
                      <div class="row">
                              <div class="col-lg-4 col-md-4 col-xs-12">
                                          <div class="form-group">
                                             <label for="cname">Departamento</label>
                                           <select name="id_departamento" id="depa" class="form-control">
                                                 <option value="">-- Seleccione Departamento--</option>
                                                 @foreach ($departamento as $item)
                                                 <option value="{{$item->id_departamento}}" style="text-transform: capitalize">{{$item->nombre_depa}}</option>
                                                 @endforeach
                                           </select>
                                         
                                           @if ($errors->has('id_departamento'))
                                           <span class="help-block">
                                               <span class="text-danger">{{ $errors->first('id_departamento') }}</span>
                                           </span>
                                          @endif
                                     </div>
                                   </div>
                                   <div class="col-lg-4 col-md-4 col-xs-12">
                                       <div class="form-group">
                                             <label for="cname">Puesto</label>
                                           <select name="puesto" id="cargo" class="form-control">
                                                 <option value="">-- Seleccione Puesto --</option>
                                           </select>
                                           @if ($errors->has('puesto'))
                                           <span class="help-block">
                                               <span class="text-danger">{{ $errors->first('puesto') }}</span>
                                           </span>
                                          @endif
                                          </div>
                                   </div>
                             <div class="col-lg-4 col-md-4 col-xs-12">
                                         <div class="form-group"    
                                         <label for="cname">Salario<span style="color:Red;">*</span> </label>
                                         <input  class="form-control" name="salario" type="text"  placeholder="Salario" >
                                         @if ($errors->has('salario'))
                                         <span class="help-block">
                                             <span class="text-danger">{{ $errors->first('salario') }}</span>
                                         </span>
                                        @endif     
                                    </div>
                             </div>
                  </div> 
                  <br>
                                                             
                  {{--  <select name="horario"  class="form-control" >
                      <option value="">-- Seleccione Horario --</option>
                      @foreach ($horarios as $item)
                      <option value="{{$item->id_horario}}" style="text-transform: capitalize"></option>
                      @endforeach
                </select>  --}}
                  <div class="row">
                              <div class="col-lg-12 col-md-12 col-xs-12">
                                  <label for="cname"><strong>Seleccionar Horarios</strong><span style="color:Red;">*</span> </label><br>
                                          <div class="form-group submenu" id=""> 
                                         
                                          @foreach ($horarios as $item)
                                          <div class="form-check">
                                              <label class="form-check-label">
                                                <input type="checkbox" name="horario[]" value="{{$item->id_horario}}"class="form-check-input">{{$item->entrada}} {{$item->tipo_1}} / {{$item->salida_horario}} {{$item->tipo_2}}&nbsp;&nbsp;
                                              </label>
                                            </div>
                                          @endforeach

                                          </div>
                                          @if ($errors->has('horario'))
                                          <span class="help-block">
                                              <span class="text-danger">{{ $errors->first('horario') }}</span>
                                          </span>
                                         @endif
                              </div>


                  </div>
                              {{--  <div class="col-lg-12 col-md-12 col-xs-12">
                                  <label for="cname">Bonos Extra</label> <span class="mdi mdi-eye btn badge badge-info" style="font-size: 15px;" id="ver_bono"></span>
                                          <div class="form-group submenu" id="bonos"> 
                                         
                                          @foreach ($bono as $item)
                                          <div class="form-check">
                                              <label class="form-check-label">
                                                <input type="checkbox" name="horario[]" value="{{$item->id_bono}}"class="form-check-input"> 
                                                {{$item->nombre_bono}}&nbsp;&nbsp;
                                              </label>
                                            </div>
                                          @endforeach

                                          </div>
                                          @if ($errors->has('horario'))
                                          <span class="help-block">
                                              <span class="text-danger">{{ $errors->first('horario') }}</span>
                                          </span>
                                         @endif
                              </div>  --}}
                        <div class="row">
                         <div class="col-lg-4 col-md-4 col-xs-12">
                                      <div class="form-group"    
                                      <label for="cname">Horas Semanales<span style="color:Red;">*</span> </label>
                                      <input  class="form-control" name="semanales" type="number" placeholder="horas semanales" >
                                      @if ($errors->has('semanales'))
                                      <span class="help-block">
                                          <span class="text-danger">{{ $errors->first('semanales') }}</span>
                                      </span>
                                     @endif
                                    </div>
                          </div>

                              <div class="col-lg-4 col-md-4 col-xs-12">
                                     <div class="form-group">
                                        <label for="cname">Fecha de Inicio<span style="color:Red;">*</span> </label>
                                        <input  class="form-control" name="fecha_inicio" type="date" >
                                        @if ($errors->has('fecha_inicio'))
                                        <span class="help-block">
                                            <span class="text-danger">{{ $errors->first('fecha_inicio') }}</span>
                                        </span>
                                       @endif
                                    </div>
                              </div>
                              
                              <div class="col-lg-4 col-md-4 col-xs-12" id="terminacion">
                                  <div class="form-group">
                                        <label for="cname">Fecha de Terminación</label>
                                       <input class="form-control terminacion_contrato" name="fecha_terminacion" type="date">
                                       <span style="font-size: 13px;color:blue" id="mensaje"></span>
                                   </div>
                              </div>
                             
                  </div> 
                  <br>
                  <div class="row">
                        <div class="col-lg-8 col-md-4 col-xs-12">
                                          <div class="form-group"    
                                          <label for="cname">Descripción del puesto </label>
                                           <textarea name="descripcion_puesto" class="form-control"></textarea>
                                          </div>
                        </div>
                         <div class="col-lg-4 col-md-4 col-xs-12">
                                      <div class="form-group"    
                                      <label for="cname">Persona Autorizado Firma<span style="color:Red;">*</span> </label>
                                      <select name="persona_autorizada"  class="form-control" >
                                                <option value="">-- Seleccione Horario --</option>
                                                @foreach ($persona_auto as $item)
                                                <option value="{{$item->id_persona}}" style="text-transform: capitalize">{{$item->nombre}} - {{$item->apellido}}</option>
                                                @endforeach
                                          </select>
                                          @if ($errors->has('persona_autorizada'))
                                          <span class="help-block">
                                              <span class="text-danger">{{ $errors->first('persona_autorizada') }}</span>
                                          </span>
                                         @endif
                                      </div>
                        </div>

                            
                             
                  </div>


<div class="text-center"> 
      <input class="btn btn-primary" type="submit" value="Guardar Empleado">
           
       </button>
</div>
                 </fieldset>
               </form>
             </div>
           </div>
         </div>
       </div>
</div>
 
@endsection
 
@section('javascript')
<script src="/js/empleados.js"></script> 
<script>
            function Eliminar(id){

                  var  nombre=document.getElementById("nombre"+id);
                  var  apellido=document.getElementById("apellido"+id);
                  var  relacion=document.getElementById("relacion"+id);
                  var  boton=document.getElementById("btn_"+id);
                  var label_nombre = document.getElementById("field"+id);
                  var label_apellido = document.getElementById('field'+id);
                  

                  var label_apellido = document.getElementById(label_apellido.id);
                  label_apellido.parentNode.removeChild(label_apellido);

                  var label_name = document.getElementById(label_nombre.id);
                  label_name.parentNode.removeChild(label_name);

                  var elem_nombre = document.getElementById(nombre.id);
                       elem_nombre.parentNode.removeChild(elem_nombre);

                  var elem_apellido = document.getElementById(apellido.id);
                       elem_apellido.parentNode.removeChild(elem_apellido);

                  var elem_relacion = document.getElementById(relacion.id);
                       elem_relacion.parentNode.removeChild(elem_relacion);
                 
                  var boton_elimiar = document.getElementById(boton.id);
                       return boton_elimiar.parentNode.removeChild(boton_elimiar);
              }
                 
</script>
@stop