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

{% block body %}
     <div class="row">
      <div class="col-lg-12">
        <div class="panel panel-default">

          <div class="portlet">
            <div class="portlet-header">
              <div class="caption">Formulario De Registro</div>
            </div>
            <div class="form-body pal">
              <div class="row">
                <h3 class="block-heading">Datos Personales</h3>

                <div id="myTabContent2" class="tab-content">
                  <div id="informacionPersonal" class="tab-pane fade in active">              
                    <div class="row">
                      <div class="col-md-4">
                        <label class="control-label">
                          ID:
                        </label>

                        <input class="form-control" type="text" disabled="disabled" placeholder="{{ persona.id}}">
                      </div>
                      <div class="col-md-4">
                        <label class="control-label">
                        Cedula:
                        </label>
                        <input class="form-control" type="text" disabled="disabled" placeholder="{{ persona.cedula }} "> 
                      </div>
                      <div class="col-md-4">
                        <label class="control-label">
                          Nombre:
                        </label>
                        <input class="form-control" type="text" disabled="disabled" placeholder="{{ persona.nombre }} ">
                      </div>

                      <div class="col-md-12">
                        <div class="row">
                          <div class="col-md-4">
                            <label class="control-label">
                              Apellido:
                            </label>
                            <input class="form-control" type="text" disabled="disabled" placeholder="{{persona.apellido}}">
                          </div>
                          <div class="col-md-4">
                            <label class="control-label">
                              Genero:
                            </label>
                            <input class="form-control" type="text" disabled="disabled" placeholder="{{ persona.genero }}">
                          </div>
                          <div class="col-md-4">
                            <label class="control-label">
                              Direccion:
                            </label>
                            <input class="form-control" type="text" disabled="disabled" placeholder="{{ persona.direccion }}">
                          </div>                    
                        </div>
                      </div>
                      
                    <div class="row">
                      <div class="col-md-12">
                        <div class="form-actions text-right pal"> 
                          <a href="{{ path('persona_index') }}">
                            <button type="button" data-dismiss="modal" class="btn btn-blue">Volver al inicio</button>
                          </a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>                 
          </div>
        </div>
      </div>                 
    </div>
  </div>
{% endblock %}