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

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

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

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

@section('content')
	<div class="mui-content">
		<div class="split-block-title">最近登录记录</div>
		<div class="drop_content">
			<div class="add_data">
				@if($content['total'])
					@foreach($content['data'] as $k => $val)
						<div class="login_log">
							<div class="log_group">
								<div class="log_date">{{ date('Y-m-d',$k) }}</div>
							</div>
							@foreach($val as $key=>$mm)
								<div class="log_list" address="{{ $mm['log_address'] }}" ip="{{ long2ip($mm['log_ip']) }}" time="{{ $mm['created_at'] }}">
									<div class="log_radius"></div>
									<div class="log_info">
										<div class="log_arrow"></div>
										<div class="log_title log_height font12">
											<span>{{ $mm['log_source'] }}</span><br/>
											{{ $mm['log_address'] }}
										</div>
										<div class="log_time log_height">{{ date('H:i',strtotime($mm['created_at'])) }}</div>
										<div class="arrow_right log_height"></div>
										<div class="clear"></div>
									</div>
								</div>
							@endforeach
						</div>
					@endforeach
				@endif
			</div>
		</div>
	</div>
	<script id="logWrap" type="text/html">
		<div class="log_dig">
			<div class="log_dig_list">
				<div class="log_tit font14">时间：</div>
				<div class="J_time describe font12"></div>
				<div class="clear"></div>
			</div>
			<div class="log_dig_list">
				<div class="log_tit font14">地点：</div>
				<div class="J_address describe font12"></div>
				<div class="clear"></div>
			</div>
			<div class="log_dig_list">
				<div class="log_tit font14">IP：</div>
				<div class="J_ip describe font12"></div>
				<div class="clear"></div>
			</div>
		</div>
	</script>
@endsection
@section('script')
	<script type="text/javascript">
		$(function () {
			var page = 1;
			$('.drop_content').dropload({
				scrollArea : window,
				loadDownFn : function(me){
					page++;
					$.ajax({
						type: 'GET',
						url: '{{ route($sub_site.'mobile.person.memberLog') }}?page='+page,
						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
			});
		})

		$(document).on('click', '.log_list',function(e) {
			var f = $(this);
			var popout = new QSpopout('登录日志');
			var h = $($('#logWrap').html());
			h.find('.J_time').html(f.attr('time'));
			h.find('.J_address').html(f.attr('address'));
			h.find('.J_ip').html(f.attr('ip'));
			popout.setBtn(1);
			popout.setContent(h);
			popout.show();
		});
	</script>
@endsection