{% extends "django_pesapal/base.html" %}

{% load i18n %}

{% block content %}
  <div>&nbsp;</div>
  <div class="row">
    <div class="offset-md-3 col-md-5">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h3 class="panel-title">{% trans "Redirect Page" %}</h3>
        </div>
        <div class="panel-body">
          <p>
            {% trans "Thank you for making the purchase" %}
          </p>
          <blockquote>
            {{ message }}
          </blockquote>
          <a href="{{ transaction_status_url }}" class="btn btn-info float-left">{% trans "Check Status" %}</a>
          <a href="{{ transaction_completed_url }}" class="btn btn-success float-right">{% trans "Finish Ordering" %}</a>
        </div>
      </div>
    </div>
  </div>
{% endblock content %}

{% block javascript %}
  {{ block.super }}
  {% if payment_status == 1 %}
    <script type="text/javascript">
      setTimeout(function() {
        location.href='{{ transaction_completed_url }}';
      }, 3000);

      var counter = 3;
      var intervalID = setInterval(function() {
        $('.countdown').text(--counter);
        if (counter == 0) clearInterval(intervalID);
      }, 1000);
    </script>
  {% endif %}
{% endblock javascript %}