{% extends 'usercenter/base.html' %}
{% load staticfiles %}
{% block main_content %}

    <div class="row">
        <div class="col-md-12">
            <!-- BEGIN BORDERED TABLE PORTLET-->
            <div class="portlet light portlet-fit bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="icon-settings font-red"></i>
                        <span class="caption-subject font-red sbold uppercase">充值消费流水</span>
                    </div>

                </div>
                <div class="portlet-body">
                    <div class="table-scrollable table-scrollable-borderless">
                        <table class="table table-hover table-light">
                            <thead>
                            <tr class="uppercase">
                                <th> #</th>
                                <th> 交易号</th>
                                <th> 金额</th>
                                <th> 余额</th>
                                <th> 付款方式</th>
                                <th> 日期</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for item in wallet_log %}
                            <tr>
                                <td> {{ item.id }}</td>
                                <td> {{ item.order_sn }}</td>
                                <td> {{ item.change_money }}</td>
                                <td> {{ item.remain }}</td>
                                <td> {{ item.pay_type }}</td>
                                <td> {{ item.created }}</td>
                            </tr>
                            {% endfor %}

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!-- END BORDERED TABLE PORTLET-->
            <!--分页区-->
            <div class="list_paging clearfix">
                <div class="fr">
                    {% include 'part/pagination.html' %}
                </div>
            </div>
        </div>

    </div>

{% endblock %}