{{ block title }}
    Eingabe Ihrer persönlichen dreistelligen Nummer
{{ endblock }}
{% block head %}

{#<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>#}

<script>
$('#finish').hide();
$('#check_id').click(function(event) {
  console.log($('#current_id').val())
  var current_id = $('#current_id').val();
  if ($('#current_id').val() == {{ ID }} ){
      alert("Sie haben die korrekte Nummer eingeben.")
      $('#check_id').hide();
      $('#finish').show();
  } else {
      alert("Sie haben eine falsche Nummer eingegeben. Bitte versuchen Sie es erneut. Ihre dreistellige Nummer: " + {{ID}})
  }

});


</script>

{% endblock %}

{{ block content }}
    <p>
 Bitte geben Sie Ihre dreistellige Nummer zur Überprüfung ein.
</p>

 {{ formfield_errors 'ID_check' }}
 <div class="d-flex justify-content-center flex-column align-items-center">
Ihre Eingabe: <input type="text" name="current_id" id="current_id" maxlength="3"> <br>
<p> <br>
  <button type="button" id="check_id" class="btn btn-primary">OK</button>
<button id="finish" class="btn btn-primary" type="submit" > Fertig</button>
</p>
</div>

{{ endblock }}