riddle.html

{% extends 'base.html'%}

{% block title %}Riddle{% endblock %}

{% block content %}

<!--This block of text will display if the user skips the previous question-->
{% if session['message'] == "skipped" and question_number != 1 %}
<p>I'm sorry you had to skip the last question, {{ session['user']|title}}. In case you'd like to know, the keyword the
  Sphinx was expecting was <strong>
    {% for riddle in riddles %}
    {% if ( loop.index == question_number|int - 1 ) %}
    {{riddle.answer}}
    {% endif %}
    {% endfor %}
  </strong>.</p>
  {% if question_number <= 10 %}
<p>I hope you have better luck with this one!</p>
<hr>
  {% else %}
  <p>Well done on finishing the game, {{ session['user']|title}}</p>
  <a href="{{ url_for('show_LB') }}" class="btn btn-warning btn-lg">Go To Leaderboard</a>
  <a href="{{ url_for('reset') }}" class="btn btn-warning btn-lg">Play Again</a>
  <a href="{{ url_for('index') }}" class="btn btn-warning btn-lg">Home</a>
{% endif %}
{% endif %}

<!--Display riddle-->
{% if question_number == 1 %}
<p>Welcome, {{ session['user']|title }}! Are you ready for your first riddle? Good luck!</p>
{% elif question_number == 10 %}
<p>And now the last question, {{ session['user']|title}}!</p>
{% endif %}
{% if question_number <= 10 %}
<p><strong>Reminder:</strong> The sphinx looks for a specific keyword in your answer. You can phrase it any way you
  like: A full sentence, a phrase, a few words or if you're feeling very brave, try and guess the sphinx' expected
  keyword!</p>
<hr>
{% endif %}
{% for riddle in riddles %}
{% if ( loop.index == question_number|int ) and ( loop.index <= 10 ) %} <div class="riddle">
  <p>{{loop.index}}. {{riddle.riddle|safe}}</p>
  </div>

  <!--Answer form-->
  <form name="riddles" method="POST" action="">
    <div class="form-group">
      <input class="field hidden" type="text" name="question_number" id="question_number" placeholder="Question Number"
        value="{{ loop.index }}"></div>
    <div class="
      form-group">
      <input class="field hidden" type="text" name="correct_answer" id="correct_answer" placeholder="Your answer" value="{{ riddle.answer }}">
    </div>
    <div class="form-group">
      <input class="field" type="text" name="guess" id="guess" placeholder="Your answer" required>
    </div>
    <div class="form-group">
      <button type="submit" class="btn btn-warning btn-lg" value="user_answer">Submit</button>
      <a href="{{ url_for('skip') }}" class="btn btn-warning btn-lg">Skip</a>
      <a href="{{ url_for('write_to_LB') }}" class="btn btn-warning btn-lg">End Game</a>
    </div>
  </form>
  {% endif %}
  {% endfor %}

  {% endblock%}