{% 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 error %}
        <h3 class="title is-4 has-text-centered has-text-danger">訂單錯誤</h3>
        <div class="has-text-centered notification is-danger is-light">
          <div>錯誤代號：{{ error }}</div>
          <div>{{ 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 expiredate or tostoremsg %}
            <div class="has-text-centered notification">
            <div>{{ message }}</div>
            {% if expiredate %}<div class="mt-5">請您於{{ expiredate }}前繳費，謝謝！</div>{% endif %}
            {% if tostoremsg %}<div class="mt-5">{{ tostoremsg }}</div>{% endif %}
            </div>
          {% endif %}
          <a class="button is-link is-outlined" href="{% url 'accounts:dashboard' %}">立即前往檢視訂單</a>
        {% endif %}
        </div>
        
      
      </div>
    </div>
  </div>
</section>
{% endblock %}
{% block js_extension %}
<script>


</script>

{% endblock %}