{% extends "nopaque.html.j2" %}

{% block page_content %}

<div class="col s12">
  <div class="card">
    <form method="POST">
      {{ feedback_form.hidden_tag() }}
      <div class="card-content">
        <p class="range-field">
          {{ feedback_form.like_range.label }}
          {{ feedback_form.like_range(class='validate', type='range', min=1, max=10) }}
        </p>
        <div class="input-field">
          <i class="material-icons prefix">email</i>
          {{ feedback_form.email(class='validate', type='email') }}
          {{ feedback_form.email.label }}
          {% for error in feedback_form.email.errors %}
            <span class="helper-text red-text">{{ error }}</span>
          {% endfor %}
        </div>
        <div class="input-field">
          <i class="material-icons prefix">mode_edit</i>
          {{ feedback_form.feedback(class='materialize-textarea', data_length=255) }}
          {{ feedback_form.feedback.label }}
        </div>
      </div>
      <div class="card-action right-align">
        {{ macros.submit_button(feedback_form.submit) }}
      </div>
    </form>
  </div>
</div>

{% endblock %}