{% autoescape %}

{% if q['type'] == 'information' %}
<div class="card border-primary mb-3">
  <div class="card-body text-primary">
{% elif q['type'] == 'success' %}
<div class="card border-success mb-3">
  <div class="card-body text-success">
{% elif q['type'] == 'warning' %}
<div class="card border-warning mb-3">
  <div class="card-body text-warning">
{% elif q['type'] == 'alert' %}
<div class="card border-danger mb-3">
  <div class="card-body text-danger">
{% end %}
  <h3 class="card-title">{{ question['title'] }}</h3>
  <p class="card-text">
        {{ md(question['text']) }}
    </p>
  </div>
</div>

<input type="hidden" name="question_ref" value="{{ question['ref'] }}">