{% extends "checkout/checkout.html" %}
{% load i18n %}

{% block title %}
    {% trans "Payment details" %} | {{ block.super }}
{% endblock %}

{% block checkout_nav %}
    {% include 'checkout/nav.html' with step=4 %}
{% endblock %}

{% block checkout_title %}{% trans "Preview" %}{% endblock %}

{% block order_contents %}{% endblock %}
{% block shipping_address %}{% endblock %}
{% block shipping_method %}{% endblock %}
{% block payment_method %}{% endblock %}

{% block payment_details %}
    {% block payment_details_content %}
        <div class="well">
            <div class="sub-header">
                <h3>確認商店地址</h3>
            </div>
            <div style="overflow:auto">
                <table class="table table-striped table-bordered">
                    <tbody>
                        <tr>
                            <td>商店類型</td>
                            <td>{{ storeType }}</td>
                        </tr>
                        <tr>
                            <td>商店名稱</td>
                            <td>{{ storeName }}</td>
                        </tr>
                        <tr>
                            <td>商店地址</td>
                            <td>{{ storeAddress }}</td>
                        </tr>
                        <tr>
                            <td>商店電話</td>
                            <td>{{ storePhone }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="form-group">
                <a class="btn btn-lg btn-primary" href="{% url 'checkout:payment-details' %}">重新選擇付款方式</a>.
                <button id="submitBtn" class="btn btn-lg btn-primary" data-loading-text="確認中..." >確認</button>
            </div>
        </div>
        {{ form|safe }} 
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script>
            $('#submitBtn').click(function(){
                $('#ecpayLogisticForm').submit();
            });
        </script>
    {% endblock %}
{% endblock %}