{% extends 'base.html.twig' %}

{% block body %}
<h1 style="text-align:center">Formulario para crear un candidato</h1>
<div class="container">
  <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">Datos Personales</button>
  <div id="demo" class="collapse">
    {{ form_start(form, {'attr': {'novalidate': 'novalidate'}, 'action': path('candidato_new')}) }}
<div class="row 12">
  <div class="col-xs-6"> 
        {{ form_label(form.nombre) }}
        {{ form_widget(form.nombre) }}
    {% if form.nombre.vars.errors[0].message is defined %}
    <span class="help-block">
    {{ form.nombre.vars.errors[0].message }}
    {% endif %}
  </div>
  
  <div class="col-xs-6">
        {{ form_label(form.apellido) }}
        {{ form_widget(form.apellido) }}
    {% if form.apellido.vars.errors[0].message is defined %}
    <span class="help-block">
    {{ form.apellido.vars.errors[0].message }}
     {% endif %}
  </div>
</div>

<div class="row 12">
  <div class="col-xs-4">
        {{ form_label(form.cedula) }}
        {{ form_widget(form.cedula) }}
    {% if form.cedula.vars.errors[0].message is defined %}
    <span class="help-block">
    {{ form.cedula.vars.errors[0].message }}
     {% endif %}
  </div>

  <div class="col-xs-4">
        {{ form_label(form.edad) }}
        {{ form_widget(form.edad) }}
    {% if form.edad.vars.errors[0].message is defined %}
    <span class="help-block">
    {{ form.edad.vars.errors[0].message }}
     {% endif %}
  </div>

  <div class="col-xs-4">
    <div class="form-group">
      <label for="sel1">Género:</label>
          {{ form_widget(form.sexo) }}
    </div>
  </div>
</div>
<div class="row 12">
  <div class="col-xs-6"> 
        {{ form_label(form.estadoCivil) }}
        {{ form_widget(form.estadoCivil) }}
    {% if form.estadoCivil.vars.errors[0].message is defined %}
    <span class="help-block">
    {{ form.estadoCivil.vars.errors[0].message }}
    {% endif %}
    </br>
  </div>
</div>

  </div>
</div>
<div class="container">
  <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo1">Datos Académicos</button>
  <div id="demo1" class="collapse">
<div class="row 12">
  <div class="col-xs-4">
        {{ form_label(form.primaria) }}
        {{ form_widget(form.primaria) }}
    {% if form.primaria.vars.errors[0].message is defined %}
    <span class="help-block">
    {{ form.primaria.vars.errors[0].message }}
     {% endif %}
  </div>

  <div class="col-xs-4">
        {{ form_label(form.secundaria) }}
        {{ form_widget(form.secundaria) }}
    {% if form.secundaria.vars.errors[0].message is defined %}
    <span class="help-block">
    {{ form.secundaria.vars.errors[0].message }}
     {% endif %}
  </div>

  <div class="col-xs-4">
        {{ form_label(form.terciaria) }}
        {{ form_widget(form.terciaria) }}
    {% if form.terciaria.vars.errors[0].message is defined %}
    <span class="help-block">
    {{ form.terciaria.vars.errors[0].message }}
     {% endif %}
     </br>
  </div>
</div>
<div class="row 12">
  <div class="col-xs-6"> 
        {{ form_label(form.aldea) }}
        {{ form_widget(form.aldea) }}
    {% if form.aldea.vars.errors[0].message is defined %}
    <span class="help-block">
    {{ form.aldea.vars.errors[0].message }}
    {% endif %}
    </br>
  </div>
</div>
    </div>
</div>

<div class="container">
  <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo2">Datos de Ubicación</button>
  <div id="demo2" class="collapse">
<div class="row 12">
  <div class="col-xs-4">
        {{ form_label(form.estado) }}
        {{ form_widget(form.estado) }}
    {% if form.estado.vars.errors[0].message is defined %}
    <span class="help-block">
    {{ form.estado.vars.errors[0].message }}
     {% endif %}
  </div>

  <div class="col-xs-4">
        {{ form_label(form.municipio) }}
        {{ form_widget(form.municipio) }}
    {% if form.municipio.vars.errors[0].message is defined %}
    <span class="help-block">
    {{ form.municipio.vars.errors[0].message }}
     {% endif %}
  </div>

  <div class="col-xs-4">
        {{ form_label(form.parroquia) }}
        {{ form_widget(form.parroquia) }}
    {% if form.parroquia.vars.errors[0].message is defined %}
    <span class="help-block">
    {{ form.parroquia.vars.errors[0].message }}
     {% endif %}
  </div>
</div>
    </div>
</div>
<div style="text-align:right">
    <ul>
        <input type="submit" class="btn btn-primary" value="Crear" />
        
        <a class="btn btn-primary" role="button" href="{{ path('candidato_index') }}"><span class="glyphicon glyphicon-arrow-left"></span></a>
    </ul>
</div>
</body>
</html>
{% endblock %}