{{ block title }}
Runde {{ round_number }}
{{ endblock }}
{{ block content }}
<div class="container">
    Bitte lösen Sie folgende Zahlenreihe
    <div class="card">
      <div class="card-body">
        <h5 class="card-title">Zahlenreihe</h5>
        <div class="border p-3">
          <p id="question" style="display: none"></p>
            <div class="text-start my-1">
                <img src="{{ task_image }}" alt="Sequence"
                    class="img-fluid" style="max-width: 800px; pointer-events: none;
                    user-select: none; -webkit-user-drag: none;">
            </div>
        </div>
      </div>
    </div>
    {{if DEBUG}}
    <div class="card">
      <div class="card-body">
        <h5 class="card-title">Lösung</h5>
        <div class="border px-3 py-4">
                <p id="solution" style="margin-top: auto; margin-bottom: auto"></p>
        </div>
      </div>
    </div>
    {{endif}}
    <form id="form" method="post">
         <div class="horizontal-form-container mt-3"> <!-
              <div class="form-group">
                <label for="answer">Ihre Antwort:</label>
                  <div class="btn-group-horizontal mt-1">
                        <input type="text" class="form-control" id="answer" name="answer">
                  </div>
              </div>
              <input type="hidden" name="response_games" id="response_games">
              <button type="submit" class="mt-3 btn btn-primary">OK</button>
         </div>
    </form>
  </div>

  <script>
    let responses = {};
    let num_seq = js_vars.number_sequence;

    function updateUI() {
      document.getElementById("question").innerText = num_seq.question;
      document.getElementById("solution").innerText = num_seq.solution;
    }

    function handleSubmit() {
      const answer = document.getElementById("answer").value;
      responses["answer"] = answer;
      document.getElementById("response_games").value = JSON.stringify(responses);
      document.getElementById("form").submit();
    }

    document.getElementById("form").addEventListener("submit", handleSubmit);

    updateUI();
  </script>
{{ endblock }}

{{ block scripts }}
    <script src="{{ static 'anti_cheat/anti_cheat.js' }}"></script>
{{ endblock }}