{% extends 'base.html' %} 
{% load static %}
{% load i18n %} 
{% block content %}
<section class="container section" id="resetpw">
  <div class="is-flex is-justify-content-center">
    <div class="card">
      <div class="card-content">
        {% if not result == '1' %}
        <h3 class="title is-4 has-text-centered has-text-danger">訂單錯誤{{result}}</h3>
        <div class="has-text-centered notification is-danger is-light">
          {% comment %} <div>錯誤代號：{{ result }}</div> {% endcomment %}
          <div>{{ result_message }}</div>
          <div class="mt-5">請您聯絡客服，謝謝！</div>
        </div>
        {% else %}
        <h3 class="title is-5 has-text-centered">訂單完成</h3>
        <div class=" has-text-centered">
          <div class="success-checkmark">
            <div class="check-icon">
              <span class="icon-line line-tip"></span>
              <span class="icon-line line-long"></span>
              <div class="icon-circle"></div>
              <div class="icon-fix"></div>
            </div>
          </div>
          {% if message or info_reserve or tostoremsg %}
            <div class="has-text-centered notification">
                <div>{{ message }}</div>
                {% if tostoremsg %}<div class="mt-5">{{ tostoremsg }}</div>{% endif %}
            </div>
          {% endif %}
          {% if payment_url %}
          <p>即將轉往付款頁面(<span id="second"></span>秒)</p>
          <a class="button is-link is-outlined" href="{{ payment_url }}">立即前往付款申請</a>
          {% endif %}
        {% endif %}
        </div>
      </div>
    </div>
  </div>
</section>
{% endblock %}
{% block js_extension %}
<script>
  // 5秒自動跳轉
  var count = 5
  function countDown() {
    document.getElementById("second").innerHTML = count
    count -= 1
    // console.log(count)
    if (count<=0) {
        location.href = "{{ payment_url }}";
    } else {
      setTimeout("countDown()",1000);
    }
  }

  {% if payment_url %}
  countDown()
  {% endif %}
</script>

{% endblock %}