{% extends 'base.html' %}
{% load static %}

{% block content %}
  {% if result_prize.winner %}
    <h1 class="blinking h1 mt-2 mb-5 font-weight-normal" style="color: white; text-transform:uppercase;">
      Congratulations!!</h1>

    <h4 class="h4 mb-4 font-weight-normal" style="color: white;">
      The administrator is already aware of your prize and will contact you shortly to let you know how to receive it.
      Your details were successfully stored:</h4>

    <div class="card mb-4">
      <div class="card-body">
        <p style="color: black" class="col-form-label col-form-label-lg">email: {{ result_draw.email }}</p>
        <p style="color: black" class="col-form-label col-form-label-lg">prize: {{ result_prize.label }}</p>
      </div>
    </div>

  {% else %}
    {% if result_prize.try_again and not result_draw.retry_used %}
      <h1 class="blinking h1 mt-2 mb-5 font-weight-normal" style="color: white; text-transform:uppercase;">Try
        again!</h1>
    {% else %}
      <h1 class="h1 mt-2 mb-5 font-weight-normal" style="color: white; text-transform:uppercase;">Better luck next
        time!</h1>
    {% endif %}
  {% endif %}


  {% if result_prize.try_again and not result_draw.retry_used %}
    {% if result_draw.retry_used %}
      <h4 class="h4 mb-5 font-weight-normal" style="color: white;">
        Your retry was already used...</h4>
    {% else %}
      {{ result_draw.use_retry }}

      <h4 class="h4 mb-5 font-weight-normal" style="color: white;">
        You have just won a free spin! Please click on the button below to try again!</h4>

      <div class="mt-5">
        <form class="form-signin" method="POST" action="{% url 'wheel:draw_spin' %}">
          {% csrf_token %}
          <input type="hidden" name="login" maxlength="254" class="form-control form-control-lg" required=""
                 id="id_login" value="{{ result_draw.login }}">
          <input type="hidden" name="code" maxlength="8" class="form-control form-control-lg" required="" id="id_code"
                 value="{{ result_draw.code }}">
          <button class="mt2 btn btn-lg btn-primary btn-block" type="submit">Spin again for free!</button>
        </form>
      </div>
    {% endif %}

  {% else %} <!-- LOSER -->
    {% if result_draw.retry_used %}
      <h4 class="h4 mb-5 font-weight-normal" style="color: white;">
        Your retry was already used...</h4>
    {% endif %}
    <h4 class="h4 mb-5 font-weight-normal" style="color: white;">
      If you have more code vouchers to use, please click on the button below to return to the main page.</h4>

    <div class="mt-5">
      <form action="{% url 'wheel:index' %}">
        {% csrf_token %}
        <button class="mt2 btn btn-lg btn-primary btn-block" type="submit">Enter a new code!</button>
      </form>

    </div>
  {% endif %}

{% endblock %}

{% block extra-scripts %}
  <script type="text/javascript">
      {% if result_prize.winner %}
          confetti.start();
      {% endif %}

      console.log("Return to result", {{ result_draw.rotation }});
      spinToResult({{ result_draw.rotation }});
  </script>
{% endblock %}