@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

@push('js')
	<script src="{{ theme_asset('mobile/js/dropload.min.js') }}"></script>
@endpush

@section('content')
	<div class="points-detail">
		<div class="points-detail-top">
			<div class="circle @if(Request::input('operate')=='') active @endif" @if(Request::input('operate')==1) onclick="javascript:location.href='{{ route($sub_site.'mobile.person.taskDetail') }}'" @endif>
				<div class="t1">累计获得</div>
				<div class="t2 font18">{{ $pointGet or 0 }}</div>
			</div>
			<div class="circle right @if(Request::input('operate')==1) active @endif" @if(Request::input('operate')=='') onclick="javascript:location.href='{{ route($sub_site.'mobile.person.taskDetail',['operate'=>1]) }}'" @endif>
					<div class="t1">累计消耗</div>
					<div class="t2 font18">{{ $pointPo or 0 }}</div>
			</div>
		</div>

		<div class="split">
			<div class="txt">@if(Request::input('operate')=='') 获得 @else 消耗 @endif积分明细</div>
		</div>
		<input type="hidden" name="operTYPE" ID="operTYPE" VALUE="{{ Request::input('operate') }}">
		<div class="drop_content">
			<div class="add_data">
				@if($result->total())
					@foreach($result as $key => $val)
						<div class="line">
							<div class="line-wrap left">
								<div class="txt t1 font_gray9">{{ $val->created_at or '' }}</div>
								<div class="txt t2">{{ $val->htype_cn or '' }}</div>
							</div>
							<div class="line-wrap right">
								<div class="txt points-op font_yellow font18">@if($val->points) @if($val->operate==1)+ @else - @endif @else &nbsp;&nbsp; @endif {{ $val->points or 0 }}</div>
							</div>
							<div class="clear"></div>
						</div>
					@endforeach
				@else
					<div class="list-empty">
						抱歉，没有符合条件的积分记录！
					</div>
				@endif
			</div>
		</div>

	</div>

@endsection

@section('script')
	<script>
		$(function () {
			var page = 1;
			var operTYPE = $("#operTYPE").val();
			$('.drop_content').dropload({
				scrollArea : window,
				loadDownFn : function(me){
					page++;
					if(operTYPE=='' || operTYPE==null){
						var url = '{{ route($sub_site.'mobile.person.taskDetail') }}?page='+page;
					} else {
						var url = '{{ route($sub_site.'mobile.person.taskDetail') }}?operate='+operTYPE+'&page='+page;
					}
					$.ajax({
						type: 'GET',
						url: url,
						dataType: 'json',
						success: function(result){
							if (result.status ==1) {
								$('.add_data').append(result.data);
							} else {
								// 锁定
								me.lock();
								// 无数据
								me.noData();
							}
							me.resetload();
						},
						error: function(xhr, type){
							alert('Ajax error!');
							// 即使加载出错，也得重置
							me.resetload();
						}
					});
				},
				threshold : 50
			});
		})
	</script>
@endsection