@extends('mobile.module.layouts.content')

@push('meta')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endpush

@push('css')
    <link href="{{ theme_asset('mobile/css/personal.css') }}" rel="stylesheet">
@endpush

@section('content')

    <div class="qs-top-nav x2 list_height">
        <div class="n-cell active">未完成<div class="b-line"></div></div>
        <div class="n-cell">已完成<div class="b-line"></div></div>
        <div class="clear"></div>
    </div>
    <div class="split-block"></div>
    <div class="tabshow">
        @foreach($w_finsh as $key => $val)
            <div class="task-line">
                <div class="line-wrap pic {{ $val['t_alias'] }}"></div>
                <div class="line-wrap txt">
                    <div class="t1">{{ $val['title'] }}</div>
                    <div class="t2 font12 font_gray9">获得：+{{ $val['points'] }}{{ $val['count'] }}点积分</div>
                </div>
                <div class="line-wrap btn">
                    <div class="upload ajax_do">{!! $val['status'] !!}</div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="split-block"></div>
        @endforeach
    </div>
    <div class="tabshow" style="display: none;">
        @foreach($finsh as $key => $val)
            <div class="task-line">
                <div class="line-wrap pic {{ $val['t_alias'] }}"></div>
                <div class="line-wrap txt">
                    <div class="t1">{{ $val['title'] }}</div>
                    <div class="t2 font12 font_gray9">获得：+{{ $val['points'] }}{{ $val['count'] }}点积分</div>
                </div>
                <!--已完成的任务加done-->
                <div class="line-wrap btn done">
                    <div class="ico"></div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="split-block"></div>
        @endforeach
    </div>

@endsection


@section('script')
    <script>
        $('.n-cell').on('click',function(event) {
            $(this).addClass('active').siblings().removeClass('active');
            var positionValue = $('.n-cell').index(this);
            $('.tabshow').eq(positionValue).show().siblings('.tabshow').hide();
        });
    </script>
@endsection