{{ define "formulario"}}
{{ template "cabecera"}}

<div class="card">
    <div class="card-header">
        Registro de nuevo usuario
    </div>
    <div class="card-body">
        <form method="post" action="/insertar">

            <div class="form-group">
              <label for="">Nombre</label>
              <input type="text" class="form-control" name="nombre" id="nombre">
            </div>

            <div class="form-group">
                <label for="">Fecha de nacimiento</label>
                <input type="text" class="form-control" name="fdn" id="fdn">
                <small class="form-text text-muted">Por favor, ingresa tu fecha de nacimiento en formato AAAA/MM/DD.</small>
              </div>

              <div class="form-group">
                <label for="genero">Género</label>
                <select class="form-control" id="genero" name="genero">
                  <option value="">Seleccione una opción</option>
                  <option value="masculino">Masculino</option>
                  <option value="femenino">Femenino</option>
                </select>
              </div>

              <div class="form-group">
                <label for="nivel-socioeconomico">Nivel socioeconómico</label>
                <select class="form-control" id="nivel_socioeconomico" name="nivel_socioeconomico">
                  <option value="">Seleccione una opción</option>
                  <option value="bajo">Bajo</option>
                  <option value="medio-bajo">Medio bajo</option>
                  <option value="medio">Medio</option>
                  <option value="medio-alto">Medio alto</option>
                  <option value="alto">Alto</option>
                </select>
              </div>

              <div class="form-group">
                <label for="neurodivergente">Neurodivergente</label>
                <select class="form-control" id="neurodivergente" name="neurodivergente">
                  <option value="">Seleccione una opción</option>
                  <option value="no">NO</option>
                  <option value="si">Dispraxia</option>
                  <option value="no">Sinestesia</option>
                  <option value="no">Epilepsia</option>
                  <option value="no">Transtorno bipolar</option>
                  <option value="no">Transtorno obsesivo compulsivo</option>
                  <option value="no">Sindrome de Tourette</option>
                  <option value="prefiero-no-decirlo">Prefiero no decirlo</option>
                </select>
              </div>

              <div class="form-group">
                <label for="grupo-etnico">Grupo étnico</label>
                <select class="form-control" id="grupo_etnico" name="grupo_etnico">
                  <option value="">Seleccione una opción</option>
                  <option value="no">NO</option>
                  <option value="indigena">Indígena</option>
                  <option value="afrodescendiente">Afrodescendiente</option>
                </select>
              </div>  

            <button type="submit" class="btn btn-primary">Agregar usuario</button>
        </form> 
    </div>
</div>

{{ template "pagina"}}
{{ end }}