{% extends 'base.html.twig' %}
    
{% block body %}
    <h1>Creacion de Candidato</h1>
    {{ form_start(form, {'attr': {'novalidate': 'novalidate'}, 'action': path('candidato_new')}) }}
    <br>
    <div class="panel-group" id="accordion">
     <div class="panel panel-default">
      <div class="panel-heading">
        <h4 class="panel-title">
            <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">
            Datos Personales</a>
        </h4>
      </div>
      <div id="collapse1" class="panel-collapse collapse in">
       <div class="panel-body">
        <div class="row">
            <div class="col-xs-4">
                {{ form_label(form.nombre) }}
                {{ form_widget(form.nombre) }}
                {% if form.cedula.vars.errors[0].message is defined %}
                    <span class="help-block">
                        {{ form.nombre.vars.errors[0].message }}
                    </span>
                {% endif %}
            </div>
            <div class="col-xs-4">
                {{ 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 }}
                    </span>
                {% endif %}
            </div>
        </div>
        <br>
        <div class="row">
            <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 }}
                    </span>
                {% endif %}
            </div>
            <div class="col-xs-4">
                {{ 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 }}
                    </span>
                {% endif %}
            </div>
        </div>
        <div class="row">
            <div class="col-xs-4">   
                {{ form_label(form.activo) }}
                {{ form_widget(form.activo) }}
                {% if form.edad.vars.errors[0].message is defined %}
                    <span class="help-block">
                        {{ form.activo.vars.errors[0].message }}
                    </span>
                {% endif %}
            </div>
        </div>
      </div>
    </div>
    </div>
    </div>
    <br>

    <div class="panel-group" id="accordion">
     <div class="panel panel-default">
      <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">
        Datos Academicos</a>
      </h4>
      </div>
      <div id="collapse2" class="panel-collapse collapse">
      <div class="panel-body">
        <div class="row">
            <div class="col-xs-4">

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

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

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

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

                {{ 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 }}
                    </span>
                {% endif %}
            </div>
        </div>
      </div>
      </div>
    </div>
    </div>
    <br>

    <div class="panel-group" id="accordion">
     <div class="panel panel-default">
      <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">
                Ubicacion Geografica</a>
            </h4>
      </div>
      <br>
      <div id="collapse3" class="panel-collapse collapse">
      <div class="panel-body">
        <div class="row">
            <div class="col-xs-4">
                {{ form_label(form.pais) }}
                {{ form_widget(form.pais) }}
                {% if form.pais.vars.errors[0].message is defined %}
                    <span class="help-block">
                        {{ form.pais.vars.errors[0].message }}
                    </span>
                {% endif %}
            </div>
            <div class="col-xs-4">
                {{ form_label(form.estado) }}
                {{ form_widget(form.estado) }}
                {% if form.pais.vars.errors[0].message is defined %}
                    <span class="help-block">
                        {{ form.estado.vars.errors[0].message }}
                    </span>
                {% endif %}
            </div>
        </div>
        <div class="row">
            <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 }}
                    </span>
                {% endif %}
            </div>
            <div class="col-xs-4">
                {{ form_label(form.direccion) }}
                {{ form_widget(form.direccion) }}
                {% if form.direccion.vars.errors[0].message is defined %}
                    <span class="help-block">
                        {{ form.direccion.vars.errors[0].message }}
                    </span>
                {% endif %}
            </div>
        </div>
      </div>
      </div>
    </div>

        <input type="submit" value="Create" />
    

    <ul>
        
            <a href="{{ path('candidato_index') }}">Back to the list</a>
        
    </ul>
{% endblock %}