{% extends "layout.html" %}
{% block body %}
    <h3>neue Klausur hochladen</h3>

    {% macro render_fields(field, extra_field) %}
      <p>
        <label>{{ field.label }}</label>
          {{ field|safe }}

          {% if extra_field %}
            {{extra_field(**kwargs)|safe}}
          {% endif %}

          {% if field.errors or extra_field.errors %}
          <span class="error">
              {% for error in field.errors %}{{ error }}{% endfor %}
              {% for error in extra_field.errors %}{{ error }}{% endfor %}
          </span>
          {% endif %}
      </p>
    {% endmacro %}

    {% macro render_field(field) %}
      {{ render_fields(field, None) }}
    {% endmacro %}

    <script type="text/javascript">                                         
      $(document).ready(function() {
        var elem = $('#module_new');
        var module = $('#module');
        if(module.val() != 'new')
          elem.hide();

        module.change(function(){
          var value = $(this).val();
          if(value == 'new')
            elem.fadeIn();
          else
            elem.fadeOut();
       }); 
      });
    </script>
    <form method="POST" enctype="multipart/form-data"
    action="{{url_for('upload', study=study)}}">
      {{ form.csrf_token }}

      {{ render_field(form.exam) }}
      {{ render_fields(form.module, form.module_new, placeholder='Modulname') }}
      {{ render_field(form.year) }}

      <p>
        <input type="submit" value="Hochladen" />
      </p>
  </form>
{% endblock %}