@extends('jkq.module.layouts.main_index')

@push('meta')

@endpush

@push('css')
    <link href="{{ theme_asset('app/css/person/common.css') }}" rel="stylesheet">
    <link href="{{ theme_asset('app/css/person/personal_user.css') }}" rel="stylesheet">
@endpush

@section('content')
    <div class="user_main">
        @include('jkq.module.section.person_left')
        <div class="mainbox">
            <!--职位切换卡 -->
            <div class="tab">
                <a class="li select">我的积分</a>
                <a class="li J_hoverbut" href="{{ url('jkq/person/service/task') }}">我的任务</a>
                <a class="li J_hoverbut " href="{{ url('jkq/person/service/increment') }}">增值服务</a>
                <a class="li J_hoverbut" href="{{ url('jkq/person/service/order_list') }}">服务订单</a>
                <div class="clear"></div>
            </div>
            <!--切换卡结束 -->
            <div class="gold_top_gold">
                <div class="gold">
                    <div class="photobox">
                        @if($member->images)
                            <img border="0" src="{{ upload_asset($member->images) }}" width="140" height="140">
                        @else
                            @if($member->sex==1)
                                <img border="0" src="/data/upload/resource/no_photo_male.png" width="140" height="140">
                            @else
                                <img border="0" src="/data/upload/resource/no_photo_female.png" width="140" height="140">
                            @endif
                        @endif
                    </div>
                    <div class="rightbox">
                        <div class="txt">剩余积分：<strong>@if($content){{ $content->points }} @else 0 @endif</strong></div>
                        <div class="btns">
                            <a href="{{ url('jkq/person/service/increment') }}" class="J_hoverbut btn_blue btn_inline">兑换服务</a>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="todaygold">
                    <div class="txt">今天已获得 <strong>{{ $points }}</strong>  积分</div>
                    <div class="txt link_blue">您还可免费获得 <strong>{{ $lastPoints }}</strong> 积分 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="{{ url('jkq/person/service/task') }}">[免费获取积分]</a></div>
                </div>
                <div class="clear"></div>
            </div>

            <!--小标题切换卡 -->
            <div class="thtab_dd">
                <div class="li  @if(request()->type==1) select @elseif(empty(request()->type)) select @endif" onclick="window.location.href='{{ route('jkq.person.service',['type'=>1]) }}'">获得记录</div>
                <div class="li @if(request()->type==2) select @endif" onclick="window.location.href='{{ route('jkq.person.service',['type'=>2]) }}'">消耗记录</div>
                <div class="clear"></div>
            </div>
            <div class="goldlist_th">
                <div class="th1">时间</div>
                <div class="th2">积分</div>
                <div class="th3">类型</div>
                <div class="clear"></div>
            </div>

            @if(request()->type==2)
                <div class="tabshow" style="display: none;">
                    @if($memhanselGet->total())
                        @foreach($memhanselGet as $key => $val)
                            <div class="goldlist J_hoverbut">
                                <div class="td1">
                                    {{ $val->created_at }}
                                </div>
                                <div class="td2">+ {{ $val->points }}</div>
                                <div class="td3">{{ $val->htype_cn }}</div>
                                <div class="clear"></div>
                            </div>
                        @endforeach
                    @endif
                    {{ $memhanselGet->appends(['type' =>1])->links('module.widgets.pagination') }}
                </div>
                <div class="tabshow" style="display: block;">
                    @if($memhanselPo->total())
                        @foreach($memhanselPo as $key => $val)
                            <div class="goldlist J_hoverbut">
                                <div class="td1">{{ $val->created_at }}</div>
                                <div class="td2">-{{ $val->points }}</div>
                                <div class="td3">{{ $val->htype_cn }} </div>
                                <div class="clear"></div>
                            </div>
                        @endforeach
                    @endif
                    {{ $memhanselPo->appends(['type' =>2])->links('module.widgets.pagination') }}
                </div>

            @elseif(request()->type==1)
                <div class="tabshow" style="display: block;">
                    @if($memhanselGet->total())
                        @foreach($memhanselGet as $key => $val)
                            <div class="goldlist J_hoverbut">
                                <div class="td1">
                                    {{ $val->created_at }}
                                </div>
                                <div class="td2">+ {{ $val->points }}</div>
                                <div class="td3">{{ $val->htype_cn }}</div>
                                <div class="clear"></div>
                            </div>
                        @endforeach
                    @endif
                    {{ $memhanselGet->appends(['type' =>1])->links('module.widgets.pagination') }}
                </div>
                <div class="tabshow" style="display: none;">
                    @if($memhanselPo->total())
                        @foreach($memhanselPo as $key => $val)
                            <div class="goldlist J_hoverbut">
                                <div class="td1">{{ $val->created_at }}</div>
                                <div class="td2">-{{ $val->points }}</div>
                                <div class="td3">{{ $val->htype_cn }} </div>
                                <div class="clear"></div>
                            </div>
                        @endforeach
                    @endif
                    {{ $memhanselPo->appends(['type' =>2])->links('module.widgets.pagination') }}
                </div>
            @else
                <div class="tabshow" style="display: block;">
                    @if($memhanselGet->total())
                        @foreach($memhanselGet as $key => $val)
                            <div class="goldlist J_hoverbut">
                                <div class="td1">
                                    {{ $val->created_at }}
                                </div>
                                <div class="td2">+ {{ $val->points }}</div>
                                <div class="td3">{{ $val->htype_cn }}</div>
                                <div class="clear"></div>
                            </div>
                        @endforeach
                    @endif
                    {{ $memhanselGet->appends(['type' =>1])->links('module.widgets.pagination') }}
                </div>
                <div class="tabshow" style="display: none;">
                    @if($memhanselPo->total())
                        @foreach($memhanselPo as $key => $val)
                            <div class="goldlist J_hoverbut">
                                <div class="td1">{{ $val->created_at }}</div>
                                <div class="td2">-{{ $val->points }}</div>
                                <div class="td3">{{ $val->htype_cn }} </div>
                                <div class="clear"></div>
                            </div>
                        @endforeach
                    @endif
                    {{ $memhanselPo->appends(['type' =>2])->links('module.widgets.pagination') }}
                </div>
            @endif
        </div>
        <div class="clear"></div>
    </div>
@endsection

@section('script')
    <script src="{{ theme_asset('app/js/person/jquery.common.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.disappear.tooltip.js') }}"></script>
@endsection