{{ block title }}

Task, followed by text input

{{ endblock }}


{{ block content }}

{{ formfield "task" }}
{{ formfield_errors "task" }}

<div id="motivation-input" style="visibility: hidden;">
  {{ formfield "motivation" }}
  {{ formfield_errors "motivation" }}
</div>

<div id="next-button" style="visibility: hidden;">
  {{ next_button }}
</div>

{{ endblock }}


{{ block scripts }}

<script>
  function showMotivationInput() {
    document.getElementById("motivation-input").style.visibility = "visible";
  };
  function showNextButton() {
    motivationInput = document.getElementById("id_motivation").value;
    if (motivationInput.length > 0) {
      document.getElementById("next-button").style.visibility = "visible";
    } else {
      document.getElementById("next-button").style.visibility = "hidden";
    };
  };
  document.getElementById("id_task-0").oninput = function() { showMotivationInput(); };
  document.getElementById("id_task-1").oninput = function() { showMotivationInput(); };
  document.getElementById("id_motivation").oninput = function() { showNextButton(); };
</script>

{{ endblock }}