{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 class="active" href="javascript:void(0)">{:lang('online_recharge_record')}</a>
                    <a href="{:mac_url('user/cards')}">{:lang('recharge_card_record')}</a>
                </div>
            </div>
            <ul class="wntheme-data-list wntheme-orders-list clearfix">
                {volist name="list" id="vo"}
                <li class="wntheme-data-item">
                    <div class="wntheme-item-content">
                        <p class="wntheme-lc-1">
                            {if condition="$vo.order_status eq 1"}<span class="wntheme-item-watch">{:lang('paid')}: <em class="wntheme-text-wntheme">¥{$vo.order_price}</em></span><span><i class="wn-iconfont wntheme-icon-jifen"></i>{:lang('points')}：<em class="wntheme-text-wntheme">+{$vo.order_points}</em></span>{else}<span>{:lang('pending_payment')}：<em class="wntheme-text-wntheme">¥{$vo.order_price}</em></span>{/if}</p>
                        <p class="wntheme-lc-1">{:lang('order_number')}: {$vo.order_code}</p>
                        <p class="wntheme-lc-1">{:lang('time')}: {$vo.order_time|date='Y-m-d H:i',###}</p>
                    </div>
                    {if condition="$vo.order_status eq 0"}
                    <a class="wntheme-btn-del wntheme-btn-order wntheme-btn-border" href="{:mac_url('user/pay')}?order_code={$vo.order_code}">{:lang('pay')}</a>
                    {/if}
                </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}