{% extends 'base.html' %}

{% block content %}

<form method="post" action="" enctype="multipart/form-data">
  {% csrf_token %}
    <div class = "panel panel-primary">
        <div class = "panel-heading">
         <!-- datos personales del empleado-->
         <h2>Registro de Empleado</h2>
       </div>
     </div>
     <div class="panel panel-primary">
      <div class="panel-heading">
        <h3 class="panel-title">
         <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
         Datos Personales
       </h3>
     </div>
     <div class="container">
        {% csrf_token %}
        <div class="row">
        <div class="col-md-5">
          <div class="field">
          <div class="form-group">
            {{form.legajo.errors}}
            <label for="legajo">(*)Legajo</label>
              {{form.legajo}}
          </div>
          </div>
        </div>
        <div class="col-md-5">
          <div class="field">
          <div class="form-group">
            {{form.marital_state.errors}}
            <label for="marital_state">(*)Estado civil</label>
              {{form.marital_state}}
          </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-5">
         <div class="field">
             <div class="form-group">
                {{form.nombre.errors}}
                <label for="nombre">(*)Nombre</label>
                {{ form.nombre }}
            </div>
        </div>
      </div>
      <div class="col-md-5">
        <div class="field">
        <div class="form-group">
          {{form.apellido.errors}}
          <label for="apellido">(*)Apellido</label>
          {{ form.apellido }}
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-5">
       <div class="field">
       <div class="form-group">
        {{form.numDocument.errors}}
        <label for="numDocument">(*)D.N.I</label>
        {{ form.numDocument }}
                </div>
      </div>
    </div>
    <div class="col-md-5">
     <div class="field">
     <div class="form-group">
      {{form.cuil.errors}}
      <label for="cuil">(*)C.U.I.L</label>
      {{ form.cuil }}
              </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-5">
   <div class="field">
   <div class="form-group">
    {{form.tel_cel.errors}}
    <label for="tel_cel">(*)Celular</label>
    {{ form.tel_cel }}
            </div>
  </div>
</div>
<div class="col-md-5">
 <div class="field">
 <div class="form-group">
  {{form.tel_home.errors}}
  <label for="tel_home">Teléfono</label>
  {{ form.tel_home }}
          </div>
</div>
</div>

</div>
<div class="row">
  <div class="col-md-5">
   <div class="field">
   <div class="form-group">
    {{form.email.errors}}
    <label for="email">Email</label>
    {{ form.email }}
            </div>
  </div>
</div>
<div class="col-md-5">
 <div class="field">
 <div class="form-group">
  {{form.other_tel.errors}}
  <label for="tel_home">Otro teléfono</label>
  {{ form.other_tel }}
          </div>
</div>
</div>
</div>
<div class="row">
  <div class="col-md-5">
   <div class="field">
   <div class="form-group">
    {{form.photo.errors}}
    <label for="photo">Foto de perfil</label>
    {{ form.photo }}
            </div>
  </div>
</div>
</div>
<div class="row">
  <div class="col-md-5">
   <div class="field">
   <div class="form-group">
    {{form.photocopy_document.errors}}
    <label for="photocopy_document">Fotocopia del documento</label>
    {{ form.photocopy_document }}
            </div>
  </div>
</div>
</div>
<div class="row">
  <div class="col-md-5">
     <div class="field">
     <div class="form-group">
      {{form.attachments.errors}}
      <label for="attachments">Adjuntar Documentos</label>
      {{ form.attachments }}
              </div>
    </div>
  </div>
</div>


</div>
</div>

<!-- datos del domicilio-->
<div class="panel panel-primary">
  <div class="panel-heading">
    <h3 class="panel-title">
     <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
     Domicilio
   </h3>
 </div>
 <div class="container">


  <div class="row">
    <div class="col-md-7">
      <div class="field">
      <div class="form-group">
        {{form.address_street.errors}}
        <label for="address_street">(*)Avenida - Calle</label>
        {{ form.address_street }}
          </div>
      </div>
    </div>
    <div class="col-md-2">
      <div class="field">
      <div class="form-group">
        {{form.address_number.errors}}
        <label for="address_number">(*)N° Casa</label>
        {{ form.address_number }}
          </div>
      </div>
    </div>
  </div>
    <div class="row">
    <div class="col-md-10">
      <div class="from-group">
        {{form.neighborhood.errors}}
        <label for="neighborhood">Barrio</label>
        {{form.neighborhood}}
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-3">
      <div class="field">
      <div class="form-group">
        {{form.address_floor.errors}}
        <label for="address_floor">Numero piso</label>
        {{ form.address_floor }}
          </div>
      </div>
    </div>
    <div class="col-md-3">
      <div class="field">
      <div class="form-group">
        {{form.address_dpto.errors}}
        <label for="address_dpto">Numero dpto</label>
        {{ form.address_dpto }}
          </div>
      </div>
    </div>
    <div class="col-md-3">
      <div class="field">
      <div class="form-group">
        {{form.address_monoblock.errors}}
        <label for="address_monoblock">Monoblock</label>
        {{ form.address_monoblock }}
          </div>
      </div>
    </div>
  </div>
</div>
</div>
<!-- datos laborales-->
<div class="panel panel-primary">
  <div class="panel-heading">
    <h3 class="panel-title">
      Datos Laborales

    </h3>
  </div>
  <div class="container">
    <div class="row">
      <div class="col-md-1">
        <div class="field">
        <div class="form-group">
          {{form.category.errors}}
          <label for="category">(*)Categoria</label>
          {{ form.category }}
          </div>
        </div>
      </div>
      <div class="col-md-5">
        <div class="field">
        <div class="form-group">
          {{form.function_employee.errors}}
          <label for="function_employee">(*)Funcion</label>
          {{ form.function_employee }}
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="field">
        <div class="form-group">
          {{form.relationship_of_dependency.errors}}
          <label for="relationship_of_dependency">(*)Relacion de dependencia</label>
           {{ form.relationship_of_dependency }}
                    </div>
          </div>
        </div>

      </div>
      <div class="row">
       <div class="col-md-5">
        <div class="field">
        <div class="form-group">
          {{form.tel_work.errors}}
          <label for="tel_work">Telefono de trabajo</label>
          {{ form.tel_work }}
          </div>
        </div>
      </div>
      <div class="col-md-5">
        <div class="field">
        <div class="form-group">
          {{form.interno_tel_work.errors}}
          <label for="interno_tel_work">Telefono de Interno trabajo</label>
          {{ form.interno_tel_work }}
          </div>
        </div>
      </div>
    </div>
    <div class="row">
     <div class="col-md-5">
      <div class="field">
      <div class="form-group">
        {{form.toma_prestaciones.errors}}
        <label for="toma_prestaciones">Prestaciones</label>
        {{ form.toma_prestaciones }}
          </div>
      </div>
    </div>
    <div class="col-md-5">
      <div class="field">
      <div class="form-group">
        {{form.errors}}
        <label for="legal_instrument">Instrumento legal</label>
        {{ form.legal_instrument }}
          </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-5">
      <div class="field">
      <div class="form-group">
        {{form.dateofadmission.errors}}
        <label for="dateofadmission">(*)Fecha de Ingreso</label>
        {{ form.dateofadmission }}
          </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-5">
      <div class="field">
      <div class="form-group">
        {{form.email_work.errors}}
        <label for="email_workselec">Email de trabajo</label>
        {{ form.email_work }}
          </div>
      </div>
    </div>
  </div>
</div>
</div>
<!--Datos médicos-->
<div class="panel panel-primary">
  <div class="panel-heading">
    <h3 class="panel-title">
      Datos Medicos
    </h3>
  </div>
  <div class="container">
   <div class = "panel-body">
    <h4>En caso de emergencia</h4>
  </div>
  <div class="row">
    <div class="col-md-5">
      <div class="field">
      <div class="form-group">
        {{form.tel_emergency.errors}}
        <label for="tel_emergency">(*)Telefono de emergencia</label>
        {{ form.tel_emergency }}
          </div>
      </div>
    </div>
    <div class="col-md-5">
      <div class="field">
      <div class="form-group">
        {{form.name_contact.errors}}
        <label for="name_contact">(*)Contacto</label>
        {{ form.name_contact }}
          </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-5">

      <div class="field">
      <div class="form-group">
        {{form.blood_type.errors}}
        <label for="blood_type">Grupo sanguineo</label>
         {{ form.blood_type }}
                  </div>
        </div>
      </div>
      <div class="col-md-5">
        <div class="field">
        <div class="form-group">
          {{form.allergies.errors}}
          <label for="allergies">Alergias</label>
          {{ form.allergies }}
          </div>
        </div>
      </div>
    </div>
    <div class="row">

      <div class="col-md-5">
          <div class="field">
          <div class="form-group">
            {{form.surrender.errors}}
            <label for="surrender">Entrega de análisis clínicos</label>
             {{form.surrender }}
          </div>
          </div>
      </div>
      <div class="col-md-5">
        <div class="field">
        <div class="form-group">
          {{form.background.errors}}
          <label for="allergies">Antecedentes</label>
          {{ form.background }}
          </div>
        </div>
      </div>
      </div>
      <div class="row">
        <div class="col-md-5">
          <div class="field">
          <div class="form-group">
            {{form.suitable.errors}}
            <label for="suitable">Apto</label>
            {{form.suitable}}
          </div>
          </div>
        </div>
      </div>
      <div class = "panel-body">
        <h4>Obra Social</h4>
      </div>

      <div class="row">
        <div class="col-md-10">
          <div class="field">
          <div class="form-group">
            {{form.name_social_work.errors}}
            <label for="name_social_work">Obra Social</label>
            {{ form.name_social_work }}
          </div>
          </div>
        </div>

      </div>
      <div class="row">
        <div class="col-md-10">
          <div class="field">
          <div class="form-group">
            {{form.number_partner.errors}}
            <label for="number_partner">Numero de obra social</label>
            {{ form.number_partner }}
          </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--Cargas familiares-->
  <div class="panel panel-primary">
    <div class="panel-heading">
      <h3 class="panel-title">
        Cargas familiares
      </h3>
    </div>
    <div class="container">
     <div class="row">
      <div class="col-md-5">
        <div class="field">
        <div class="form-group">
          {{form.family_ties.errors}}
          <label for="number_partner">Vinculo Familiar</label>
           {{ form.family_ties }}
                    </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-5">
          <div class="field">
          <div class="form-group">
            {{form.apellido_family.errors}}
            <label for="apellido_family">Apellido</label>
            {{ form.apellido_family }}
          </div>
          </div>
        </div>
        <div class="col-md-5">
          <div class="field">
          <div class="form-group">
            {{form.nombre_family.errors}}
            <label for="nombre_family">Nombre</label>
            {{ form.nombre_family }}
          </div>
          </div>
        </div>

      </div>
      <div class="row">
        <div class="col-md-5">
          <div class="field">
          <div class="form-group">
            {{form.numDocument_family.errors}}
            <label for="numDocument_family">D.N.I</label>
            {{ form.numDocument_family }}
          </div>
          </div>
        </div>
        <div class="col-md-5">
          <div class="field">
          <div class="form-group">
            {{form.cuil_family.errors}}
            <label for="cuil_family">C.U.I.L</label>
            {{ form.cuil_family }}
          </div>
          </div>
        </div>

      </div>

      <div class="row">
        <div class="col-md-5">
           <div class="field">
           <div class="form-group">
            {{form.photocopy_documento.errors}}
            <label for="photocopy_documento">Adjuntar Documentos </label>
            {{form.photocopy_documento}}
                    </div>
          </div>
        </div>
     </div>
  </div>
</div>

<div class="form-group">
  <div class="col-md-2 text-right">
       <input  type="submit" class="btn btn-primary" value="Registrar"/>
  </div>
</div>
</form>
{% endblock content %}