{% 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 == '000' %}
        <h3 class="title is-4 has-text-centered has-text-danger">訂單錯誤</h3>
        <div class="has-text-centered notification is-danger is-light">
          <div>錯誤代號：{{ result }}</div>
          <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 info_reserve.expire_date %}<div class="mt-5">請您於{{ info_reserve.expire_date }}前繳費，謝謝！</div>{% endif %}
            {% if tostoremsg %}<div class="mt-5">{{ tostoremsg }}</div>{% endif %}
            </div>
            {% if info_reserve.payment_url_web %}
            <p>即將轉往付款頁面(<span id="second"></span>秒)</p>
            <a class="button is-link is-outlined" href="{{ info_reserve.payment_url_web }}">立即前往付款申請</a>
            {% endif %}
          {% 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 = "{{ info_reserve.payment_url_web }}";
    } else {
      setTimeout("countDown()",1000);
    }
  }

  {% if info_reserve.payment_url_web %}
  countDown()
  {% endif %}

</script>

{% endblock %}