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

@section('content')
<section class="app">
    <ul>
        <!-- 个人信息 -->
        <div class="cardHead 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="cardNav">
            <div class="cardNav-top">
                <i class="icon icon-credit"></i>
                卡管理
            </div>
            <ul class="cardNav-ul">
                <li>
                    <span>{{ $data['all'] }}</span>
                    已进卡
                </li>
                <li>
                    <span>{{ $data[2] }}</span>
                    待发货
                </li>
                <li>
                    <span>{{ $data[3] }}</span>
                    已发货
                </li>
                <li>
                    <span>{{ $data[4] }}</span>
                    已收货
                </li>
                 <li>
                    <span>{{ $data[5] }}</span>
                    已激活
                </li>
            </ul>
        </div>

        <!-- 卡记录 -->
        <div class="cardList">
            <div class="cardList-title">
                <span>卡记录</span>
                <div class="temScreen cardScreen">
                    <select onchange="window.location.href='card?status='+this.options[selectedIndex].value">
                        <option value ="">全部</option>
                        <option value ="2" @if($status==2) selected="" @endif >待发卡</option>
                        <option value ="3" @if($status==3) selected="" @endif >已发卡</option>
                        <option value ="4" @if($status==4) selected="" @endif >已到卡</option>
                        <option value ="5" @if($status==5) selected="" @endif >已激活</option>
                    </select>
                </div>
            </div>
            <div class="cardList-take">
                @if ($lists->isNotEmpty())
                <ul class="cardList-ul more">
                    @include('Agent::card.more',['lists'=>$lists])
                </ul>
                @else
                <!-- 无数据显示 -->
                <div class="empty">
                    <img src="/assets/agent/img/empty.png" >
                    <span>抱歉，暂无数据！</span>
                </div>
                @endif
            </div>
        </div>
    </ul>
</section>

@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 status = "{{ $status }}";

        var refreshBox=new PullToRefresh({
            container:".app",
            up:{
                callback:function(e){
                    $.post("{{ route('Agent.card.index') }}",{status:status,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