{extend name='user/layout_sidebar'/}

{block name='page_title'}{:lang('recharge_record')}{/block}

{block name='content'}

    <div class="wntheme-cont-right">
        <div class="wntheme-rb-head wntheme-hidden-xs clearfix">
            <h2 class="wntheme-rb-title">{:lang('recharge_record')}</h2>
        </div>
        <div class="wntheme-cont-tab">
            <div class="wntheme-rb-head wntheme-head-page clearfix">
                <div class="wntheme-rb-title wntheme-site-tabs wntheme-site-tits wntheme-text-site">
                    <a href="{:mac_url('user/orders')}">{:lang('online_recharge_record')}</a>
                    <a class="active" href="javascript:void(0)">{:lang('recharge_card_record')}</a>
                </div>
            </div>
            <ul class="wntheme-data-list wntheme-cards-list clearfix">
                {volist name="list" id="vo"}
                <li class="wntheme-data-item">
                    <div class="wntheme-item-content">
                        <p class="wntheme-lc-1">
                            <span class="wntheme-item-watch">{:lang('face_value')}：<em class="wntheme-text-wntheme">¥{$vo.card_money}</em></span>
                            <span><i class="wn-iconfont wntheme-icon-jifen"></i>{:lang('points')}：<em class="wntheme-text-wntheme">+{$vo.card_points}</em></span>
                        </p>
                        <p class="wntheme-lc-1">{:lang('card_number')}：{$vo.card_no}</p>
                        <p class="wntheme-lc-1">{:lang('time')}：{$vo.card_use_time|date='Y-m-d H:i',###}</p>
                    </div>
                </li>
                {/volist}
            </ul>
            {if $__PAGING__.record_total==0}
            <div class="wntheme-empty-wrap wntheme-text-center wntheme-col-xs-12">
                <i class="wn-iconfont wntheme-icon-wushuju"></i>
                <p>{:lang('no_record')}</p>
            </div>
            {/if}
            {include file="user/paging"}
        </div>
    </div>

{/block}