{extend name="./template/default/pub/pc_base.html" /}
{block name="seo"}
<title>充值记录-{$site_name}</title>
{/block}
{block name="content"}
<main class="container mt30 mb20 overflow-Show clearfix" style="min-height:750px;">
    {include file="./template/default/ucenter/pub/pc_menu.html"}
    <article class="article-main pull-right">
        <section class="box-wallet box ">
            <header class="box-header border-bottom">
                <h1 style="font-size: 25px">充值记录</h1>
                <small>
                    <span class="pl10">账户余额：</span>
                    <span class="color-main">{$balance}</span>
                    <span>元</span>
                </small>
                <div class="pull-right"><a class="btn" href="/charge" style="line-height: 34px">充值</a></div>
            </header>
            <div class="box-body">
                <div class="desc">
                    <p><span class="title">如何在本站消费</span></p>
                    <p>购买vip会员，可以畅看全站漫画，没有任何限制</p>
                    <p>也可以只购买单个章节</p>
                </div>
                <section class="">
                    <div class="table-head">
                        <ul class="table-tabs">
                            <li><a class="active" href="/chargehistory">充值记录</a></li>
                            <li><a href="/spendinghistory">消费记录</a></li>
                        </ul>
                    </div>
                    <div class="table-body mt10">
                        <div>
                            <!-- 充值记录 -->
                            <table>
                                <thead>
                                <tr>
                                    <th>充值时间</th>
                                    <th>充值金额</th>
                                    <th>充值备注</th>
                                </tr>
                                </thead>
                                <tbody>
                                {volist name="charges" id="vo"}
                                <tr>
                                    <td>{$vo.create_time|date='Y-m-d'}</td>
                                    <td>{$vo.money}</td>
                                    <td>{$vo.summary}</td>
                                </tr>
                                {/volist}
                                </tbody>
                            </table>
                        </div>
                        <footer>
                            <div class="page-pagination mt20">
                                <ul>
                                    {$charges|raw}
                                </ul>
                            </div>
                        </footer>
                        <hr class="mt30">
                        <div style="min-height:25px;">
                            <span class="count-info">消费总额：
                                <span class="count">{$charge_sum}元</span>
                            </span>
                            <div class="page-pagination pull-right">
                                <ul></ul>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </section>
    </article>
</main>
{/block}