@extends('Agent::layouts.app')

@section('content')
<section class="app">
    <ul>
        <!-- 个人信息 -->
        <div class="accountHead">
            <div class="accountHeadImg">
                <span style="background-image: url({{ $user->info->headimgurl }});"></span>
            </div>
            <div class="accountHeadText">
                <div class="mainHeadText-name">
                    {{ $user->info->nickname }}<span class="Vip">{{ $user->identity_text }}</span>
                </div>
            </div>
        </div>

        <!-- 账户 -->
        <div class="account">
            <div class="accountBack">
                <div class="account-price">
                    余额(元)
                    <span>{{ number_format($user->account->cash,2) }}</span>
                </div>
                <ul class="account-nav">
                    <li>
                        <span>累计业绩</span>
                        {{ number_format($user->selfearnings(),2) }}
                    </li>
                    <li>
                        <span>今日业绩</span>
                        {{ number_format($user->selfearnings('day'),2) }}
                    </li>
                </ul>
                <div class="account-btn" data-href="{{ route('Agent.cashout.logs') }}">
                    立即提现
                    <i class="icon icon-angle-right"></i>
                </div>
            </div>
        </div>

        <!-- 记录 -->

        <!-- 记录 -->
        <div class="accountList">
            <div class="accountList-title">
                记录
            </div>
            @if ($lists->isNotEmpty())
            <!-- 有数据 -->
            <ul class="accountList-ul more">
                @include('Agent::account.more',['lists'=>$lists])
            </ul>
            @else
            <!-- 无数据显示 -->
            <div class="empty">
                <img src="/assets/agent/img/empty.png" >
                <span>抱歉，暂无数据！</span>
            </div>
            @endif
        </div>
    </section>
</ul>
@endsection

@section('script')
<script type="text/javascript" src="/assets/agent/js/PullToRefresh.min.js" ></script>
<script type="text/javascript">
    var loadMore = {{ $lists->hasMorePages()?:'false' }}
    if (loadMore) {
        var page=2;
        var refreshBox=new PullToRefresh({
            container:".app",
            up:{
                callback:function(e){
                    refreshBox.endUpLoading(false)
                    $.post("{{ route('Agent.account.index') }}",{page:page,'_token': '{{ csrf_token() }}'},function(data){
                        if(data.status=='SUCCESS'){
                            $(".more").append(data.message);
                            page++;
                            refreshBox.endUpLoading(true)
                        } else {
                            refreshBox.endUpLoading(false)
                        }
                    });
                }
            }
        })
    }



</script>
@endsection