@extends('layouts.admin')
@section('estilos')
<link href="{{ asset('assets/plugins/fileinput/css/fileinput.min.css') }}" media="all" rel="stylesheet" type="text/css"/>
<link href="{{ asset('assets/css/bootstrap-datepicker3.min.css') }}" rel="stylesheet">
@endsection
@section('contenido')
<section>
  {!!Form::open(array('method'=>'POST','autocomplete'=>'off','files'=>'true','url'=>'colaboradores','data-extra'=>'none'))!!}
    <div class="row">

      <div class="col-xs-12 col-md-6 col-lg-6">
        <input type="hidden" name="tipo" value="4">
        <div class="row">

          <div class="col-lg-5 col-md-5 col-xs-12">
            <div class="form-group">
              <input type="file" class="file" name="fotoEmpleado">
            </div>
          </div>

          <div class="col-lg-7 col-md-7 col-xs-12">

            <div class="form-group">
              <label class="required">Nombre</label>
              <input type="text" class="form-control" placeholder="Ingrese Nombre" name="nombreEmpleado" data-regla="letras" minlength="3" maxlength="150" data-msg="Ingrese un nombre válido" required>
            </div>

            <div class="form-group">
              <label class="required">Apellidos</label>
              <input type="text" class="form-control" placeholder="Ingrese Apellidos" name="apePatEmpleado" data-regla="letras" minlength="3" maxlength="150" data-msg="Ingrese un apellido válido" required>
            </div>

            <div class="form-group">
              <label>RFC</label>
              <div class="input-group">
                <div class="input-group-addon">
                  <i class="fa fa-info"></i>
                </div>
                <input type="text" class="form-control" placeholder="RFC" name="rfcEmple" minlength="13" maxlength="13" data-regla="clave" data-msg="Ingrese un RFC válido">
              </div>
            </div>

            <div class="form-group">
              <label>CURP</label>
              <div class="input-group">
                <div class="input-group-addon">
                  <i class="fa fa-info"></i>
                </div>
                <input type="text" class="form-control" placeholder="CURP" name="curpEmple" minlength="18" maxlength="18" data-regla="clave" data-msg="Ingrese un CURP válido">
              </div>
            </div>

          </div>

        </div>

        <div class="form-group">
          <label>Teléfono</label>
          <div class="input-group">
            <div class="input-group-addon">
              <i class="fa fa-phone"></i>
            </div>
            <input type="tel" class="form-control" placeholder="Telefono Casa" name="telefonoCasaEmpleado" data-regla="telefono" data-msg="Ingrese un teléfono válido">
          </div>
        </div>

        <div class="form-group">
          <label>Teléfono móvil</label>
          <div class="input-group">
            <div class="input-group-addon">
              <i class="fa fa-mobile"></i>&nbsp;
            </div>
            <input type="tel" class="form-control" placeholder="Teléfono Móvil" name="telefonoMovilEmpleado" data-regla="telefono" data-msg="Ingrese un teléfono válido">
          </div>
        </div>

        <div class="row">
          <div class="col-lg-9 col-sm-12">
            <div class="form-group">
              <label class="required">Teléfono Oficina</label>
              <div class="input-group">
                <div class="input-group-addon">
                  <i class="fa fa-phone"></i>
                </div>
                <input type="tel" class="form-control" placeholder="Teléfono De Oficina" name="telefonoOficinaEmpleado" data-regla="telefono" data-msg="Ingrese un teléfono válido" required>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-sm-12">
            <div class="form-group">
              <label>Ext.</label>
              <div class="input-group">
                <div class="input-group-addon">
                  <i class="fa fa-phone"></i>
                </div>
                <input type="text" class="form-control" placeholder="Ext." name="extensionEmpleado" data-regla="entero" data-msg="Ingrese una extensión válida">
              </div>
            </div>
          </div>
        </div>

        <div class="form-group">
          <label class="required">Primer E-mail</label>
          <div class="input-group">
            <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
            <input type="email" class="form-control"  placeholder="usuario@ejemplo.com" id="email1Empleado" name="email1Empleado" onkeyup="existe(5,'email1Empleado','')" data-msg="Ingrese una dirección válida" required>
          </div>
          <div style="text-align: center; color: red;" id="resp"></div>
        </div>

        <div class="form-group">
          <label>Segundo E-mail</label>
          <div class="input-group">
            <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
            <input type="email" class="form-control"  placeholder="usuario@ejemplo.com" name="email2Empleado" data-msg="Ingrese una dirección válida">
          </div>
        </div>

        <div class="row">

          <div class="col-xs-12 col-md-6 col-lg-6">
            <div class="form-group">
              <label class="required">Fecha de ingreso</label>
              <div class="input-group date">
                <div class="input-group-addon">
                  <i class="fa fa-calendar"></i>
                </div>
                <input type="text" class="form-control pull-right" placeholder="Fecha Ingreso" id="datepicker" name="datepicker" data-regla="fecha" data-msg="Seleccione una fecha válida" required>
              </div>
            </div>
          </div>

          <div class="col-xs-12 col-md-6 col-lg-6">
            <div class="form-group">
              <label class="required">Fecha de nacimiento</label>
              <div class="input-group date">
                <div class="input-group-addon">
                  <i class="fa fa-calendar"></i>
                </div>
                <input type="text" class="form-control pull-right" placeholder="Fecha Ingreso" id="fechanac" name="fechanac" data-regla="fecha" data-msg="Seleccione una fecha válida" required>
              </div>
            </div>
          </div>

        </div>

        <div class="row">

          <div class="col-xs-12 col-md-6 col-lg-6">
            <div class="form-group">
              <label class="required">Edad</label>
              <div class="input-group date">
                <div class="input-group-addon">
                  <i class="fa fa-info"></i>
                </div>
                <input type="number" class="form-control pull-right" placeholder="Edad" id="edad" name="edad" data-msg="Ingrese edad válida" required>
              </div>
            </div>
          </div>

          <div class="col-xs-12 col-md-6 col-lg-6">
            <div class="form-group">
              <label class="required">Nacionalidad</label>
              <input type="text" class="form-control"  placeholder="Ingrese Nacionalidad" name="nacionalidad" data-regla="letras" data-msg="Ingrese una nacionalidad válida" required>
            </div>
          </div>

        </div>

        <div class="row">

          <div class="col-xs-12 col-md-6 col-lg-6">
            <div class="form-group">
              <label class="required">Estado Civil</label>
              <select class="form-control" name="civil" required>
                <option value="" disabled selected>Seleccione...</option>
                <option value="soltero">Soltero</option>
                <option value="casado">Casado</option>
                <option value="viudo">Viudo</option>
                <option value="separado">Divorciado/Separado</option>
                <option value="union">Unión Libre</option>
                <option value="otro">Otro</option>
              </select>
            </div>
          </div>

          <div class="col-xs-12 col-md-6 col-lg-6">
            <div class="form-group">
              <label>Nº de Seguro Social</label>
              <input type="text" class="form-control"  placeholder="Ingrese su número de Seguro social" name="seguro" data-msg="Ingrese un numero válido" data-regla="clave">
            </div>
          </div>

        </div>

      </div>

      <div class="col-xs-12 col-md-6 col-lg-6">
        <h3>Dirección</h3>
        <div class="row">

          <div class="col-xs-12 col-md-6 col-lg-6">
            <div class="form-group">
              <label>Calle</label>
              <input type="text" class="form-control" name="calleEmpleado" placeholder="Ingrese Calle" data-regla="numletras" data-msg="Ingrese una calle válida">
            </div>
          </div>
          <div class="col-xs-12 col-md-6 col-lg-6">
            <div class="form-group">
              <label>Colonia</label>
              <input type="text" class="form-control" placeholder="Ingrese Colonia" name="coloniaEmpleado" data-regla="numletras" data-msg="Ingrese una colonia válida">
            </div>
          </div>
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <div class="form-group">
              <label>Número Exterior</label>
              <input type="text" class="form-control"  placeholder="Numero Exterior" name="numExtEmpleado" data-regla="numletras" data-msg="Ingrese un número válido">
            </div>
          </div>
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <div class="form-group">
              <label>Número Interior</label>
              <input type="text" class="form-control"  placeholder="Numero Interior" name="numIntEmpleado" data-regla="numletras" data-msg="Ingrese un número válido">
            </div>
          </div>
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <div class="form-group">
              <label>Código Postal</label>
              <input type="text" class="form-control" name="cpEmpleado" placeholder="Codigo Postal" data-regla="entero" minlength="4" maxlength="5" data-msg="Ingrese una código válido">
            </div>
          </div>
          <div class="col-xs-12 col-md-6 col-lg-6">
            <div class="form-group">
              <label>País</label>
              <select class="form-control" name="paisEmpresa" id="pais" onchange="getEstados(this.value, 'estadoEmpresa')">
                <option value="0" disabled selected>Seleccione...</option>
                @foreach ($paises as $ps)
                <option value="{{$ps->ps_is}}">{{$ps->ps_nombre}}</option>
                @endforeach
              </select>
            </div>
          </div>
          <div class="col-xs-12 col-md-6 col-lg-6">
            <div class="form-group">
              <label>Estado</label>
              <select class="form-control" id="estadoEmpresa" name="estadoEmpresa" onchange="getMunicipios(this.value, 'municipioEmpresa')">
                <option value="0" disabled selected>Seleccione...</option>
              </select>
            </div>
          </div>
          <div class="col-xs-12 col-md-6 col-lg-6">
            <div class="form-group">
              <label>Delegación / Municipio</label>
              <select class="form-control" id="municipioEmpresa" name="municipioEmpresa">
                <option value="0" disabled selected>Seleccione...</option>
              </select>
            </div>
          </div>
          <div class="col-xs-12 col-md-6 col-lg-6">
            <div class="form-group">
              <label>Ciudad</label>
              <input type="text" class="form-control" name="ciudadEmpleado" placeholder="Ingrese Ciudad" data-regla="numletras">
            </div>
          </div>

        </div>
      </div>

      <div class="col-xs-12 col-md-6 col-lg-6">
        <hr size="2px" color="#124076" style="padding:5px 10px; border-radius:5px;" />
        <h3>Datos trabajo</h3>
        <div class="row">
          <div class="col-xs-12">
            @if(Session::get('rol') == 1)
            <label class="required">Empresa </label>
            <select name="empresa" class="form-control" id="empresa" required>
              <option value="" disabled selected>Seleccione...</option>
              @foreach($empresas as $emp)
              <option value="{{$emp->emp_id}}">{{$emp->emp_nom_comer}}</option>
            </select>
              @endforeach
            @else  <input type="hidden" name="empresa" value="{{Session::get('idEmpresa')}}" required>
            @endif
          </div>
          <div class="col-sm-12 col-md-6 col-lg-6">
            <div class="form-group">
              <label class="required">Sucursal</label>
              <select class="form-control" id="sucursal" name="sucursal" onchange="getDeptos(this.value)" required>
                <option value="" disabled selected>Seleccione una sucursal</option>
                @foreach($sucursales as $suc)
                <option value="{{$suc->suc_id}}">{{$suc->suc_nombre}}</option>
                @endforeach
              </select>
            </div>
          </div>
          <div class="col-sm-12 col-md-6 col-lg-6">
            <div class="form-group">
              <label class="required">Departamento</label>
              <select class="form-control" id="departamento" name="departamento" onchange="getPuestos(this.value)" required>
                <option value="" disabled selected>Seleccione...</option>
              </select>
            </div>
          </div>
          <div class="col-sm-12 col-md-6 col-lg-6">
            <div class="form-group">
              <label class="required">Puesto</label>
              <select class="form-control puestos" id="puesto" name="puesto" required>
                <option value="" disabled selected>Seleccione...</option>
              </select>
            </div>
          </div>
          <div class="col-sm-12 col-md-6 col-lg-6">
            <div class="form-group">
              <label class="required">Jefe Directo</label>
              <select class="form-control puestos" id="jefedir" name="jefedir" required>
                <option value="" disabled selected>Seleccione...</option>
              </select>
            </div>
          </div>
        </div>

        <hr size="2px" color="#124076" style="padding:5px 10px; border-radius:5px;" />
        <h3>Datos de Nómina</h3>
        <div class="row">
          <div class="col-xs-12">
            <div class="form-group">
              <label>Nombre del Banco</label>
              <input type="text" class="form-control" placeholder="Ingrese Nombre del Banco" name="nombreBanco" data-regla="letras" data-msg="Ingrese un banco válido">
            </div>
          </div>
          <div class="col-xs-12 col-md-6 col-lg-6">
            <div class="form-group">
              <label>Número de tarjeta</label>
              <input type="text" class="form-control" placeholder="Solo 16 dígitos" id="tarjeta" name="tarjeta" data-regla="entero" minlength="16" maxlength="16" data-msg="Ingrese un número de tarjeta válido">
            </div>
          </div>
          <div class="col-xs-12 col-md-6 col-lg-6">
            <div class="form-group">
              <label>Clabe Interbancaria</label>
              <input type="text" class="form-control" placeholder="Solo 18 dígitos" id="clabe" name="clabe" data-regla="entero" minlength="18" maxlength="18" data-msg="Ingrese una CLABE válida">
            </div>
          </div>
        </div>

        <hr size="2px" color="#124076" style="padding:5px 10px; border-radius:5px;"/>
        <h3>Roles</h3>
        <div class="row">
          <div class="col-xs-12 col-md-6 col-lg-6">
            <label>Permisos para ver</label>
            <div class="checkbox">
              <label><input type="checkbox" name="Empleados" value="1">Empleados</label>
            </div>
            <div class="checkbox">
              <label><input type="checkbox" name="Productos" value="1">Productos</label>
            </div>
            <div class="checkbox">
              <label><input type="checkbox" name="Servicios" value="1">Servicios</label>
            </div>
            <div class="checkbox">
              <label><input type="checkbox" name="Provedores" value="1">Provedores</label>
            </div>
            <div class="checkbox">
              <label><input type="checkbox" name="Prospectos" value="1">Prospectos</label>
            </div>
            <div class="checkbox">
              <label><input type="checkbox" name="Clientes" value="1">Clientes</label>
            </div>
            <div class="checkbox">
              <label><input type="checkbox" name="Soportes" value="1">Soportes</label>
            </div>
            <div class="checkbox">
              <label><input type="checkbox" name="Proyectos" value="1">Proyectos</label>
            </div>
            <div class="checkbox">
              <label><input type="checkbox" name="Cotizaciones" value="1">Cotizaciones</label>
            </div>
            <div class="checkbox">
              <label><input type="checkbox" name="Almacen" value="1">Almacén</label>
            </div>
            <div class="checkbox">
              <label><input type="checkbox" name="Noticias" value="1">Noticias</label>
            </div>
            <div class="checkbox">
              <label><input type="checkbox" name="Agenda" value="1">El colaborador puede ver la agenda completa</label>
            </div>
          </div>
          <div class="col-xs-12 col-md-6 col-lg-6">
            <label>Permisos</label>
            <div class="checkbox">
              <label><input type="checkbox" name="ver" value="1" checked="checked">Ver</label>
            </div>
            <div class="checkbox">
              <label><input type="checkbox" name="insert" value="1">Insertar</label>
            </div>
            <div class="checkbox">
              <label><input type="checkbox" name="update" value="1">Actualizar</label>
            </div>
            <div class="checkbox">
              <label><input type="checkbox" name="delete" value="1">Eliminar</label>
            </div>
          </div>
        </div>
      </div>

      <div class="col-lg-12 text-right">
        <hr>
        <button type="reset" class="btn btn-danger" onclick="window.history.back();" title="Cancelar">
          <i class="fa fa-close"></i>  Cancelar
        </button>
        <button type="submit" class="btn btn-info" title="Cancelar">
          <i class="fa fa-save"></i>  Guardar
        </button>
      </div>

    </div>
  {!!Form::close()!!}
</section>
@endsection
@section('script')
<script src="{{ asset('assets/plugins/fileinput/js/fileinput.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/plugins/fileinput/js/locales/es.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/plugins/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('assets/plugins/bootstrap-datepicker.es.min.js') }}"></script>
<script src="{{ asset('js/empleados/nuevo.js') }}"></script>
<script src="{{ asset('js/formularios.js') }}"></script>
<script src="{{ asset('js/estados.js') }}"></script>
@endsection