{% 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">
        <p>即將轉往付款頁面(<span id="second"></span>秒)</p>
      </div>
    </div>
  </div>
</section>
<form name='hy_pay' action="https://www.esafe.com.tw/Service/Etopm.aspx" method="post" id="hy_pay">
  {% csrf_token %}
  {% for key, value in hy_parameters.items %}
  <input type='hidden' name="{{ key }}" value="{{ value }}">
  {% endfor %}
  <input class="button is-primary" value="前往支付平台付款" name="delivery" type="submit" />
</form>

{% endblock %}
{% block js_extension %}
<script>
  // 5秒自動跳轉
  var count = 5
  function countDown() {
    document.getElementById("second").innerHTML = count
    count -= 1
    setTimeout("countDown()",1000);
  }
  countDown()
  $('#hy_pay').submit();
</script>

{% endblock %}