@extends('admin.public.base')
@section('body_class')
style="margin: 0 auto;width: 96%;padding: 30px 0px;"
@endsection
@section('content')
<form action="" method="get" class="form-horizontal form-line" name="thisform">
	<div class="form-group col col-lg-2 col-md-4 col-sm-6 col-xs-12" style="margin-right: 2px;">
		<input type="text" class="form-control" name="active_name" value="{{request('active_name','')}}" placeholder="请输入活动名称" />
	</div>
	<div class="form-group col col-lg-2 col-md-4 col-sm-6 col-xs-12" style="margin-right: 2px;">
		<input type="text" class="form-control" name="custom_code" value="{{request('custom_code','')}}" placeholder="请输入客户编码查询" />
	</div>
	<div class="form-group col col-lg-2 col-md-4 col-sm-6 col-xs-12" style="margin-right: 2px;">
		<input type="text" class="form-control" name="phone" value="{{request('phone','')}}" placeholder="请输入联系方式查询" />
	</div>
	<div class="form-group col col-lg-1 col-md-2 col-sm-2 col-xs-2" style="margin-right: 2px;">
	<select name="city_id" class="form-control selectpicker" data-max-options="20" data-live-search="true" data-live-search-placeholder="搜索城市" data-none-results-text="未搜索到 {0}" title="选择城市">
			@foreach ($cityList as $group)
			<optgroup label="{{$group['name']}}">
				@foreach ($group['city'] as $city)
				<option value="{{$city['id']}}" @if( $city['id'] == request('city_id',0) ) selected @endif >{{$city['name']}}</option>
				@endforeach
			</optgroup>
			@endforeach
		</select>
	</div>
	<div class="form-group col col-lg-2 col-md-4 col-sm-6 col-xs-12" style="margin-right: 2px;">
		<input type="date" class="form-control" name="start_time" value="{{request('start_time','')}}" placeholder="请输入创建时间查询" />
	</div>
	<div class="form-group col col-lg-2 col-md-4 col-sm-6 col-xs-12" style="margin-right: 2px;">
		<input type="date" class="form-control" name="end_time" value="{{request('end_time','')}}" placeholder="请输入结束查询" />
	</div>
	<input type="submit" class="btn btn-sm btn-primary" value="查询"/>
	<a href="{{url('admin/custom_clockin_record/index')}}" class="btn btn-sm btn-default" >重置</a>
	@if( check_auth('admin/custom_clockin_record/down_excel') )
		<button type="button" onclick="alter_from_attr({'method':'get','action':`{{url('admin/custom_clockin_record/down_excel')}}`})" class="btn btn-sm btn-primary"> 下载</button>
	@endif
</form>

<div class="row">
	<div class="col-xs-12">	
		<div class="table-responsive">
			<table class="table table-striped table-bordered table-hover">
				<thead>
					<tr>
						<th>记录ID</th>
						<th>客户编码</th>
						<th>客户昵称</th>
						<th>活动名称</th>
						<th>联系方式</th>
						<th>微伴ID</th>
						<th>客户城市</th>
						<th>客户状态</th>
						<th>打卡时间</th>
						<th>连续打卡天数</th>
					</tr>
				</thead>
				
				<tbody>
						@foreach ($list as $a)
						<tr>
							<th> {{$a['id']}} </th>
							<th> {{$a['custom_code']}} </th>
							<td> {{$a['username']}} </td>
							<td> {{$a['active_name']}} </td>
							<td> {{$a['phone']}} </td>
							<td> <a href="{{url('admin/weiban_external/index?'.http_build_query(['id'=>$a['weiban_extid']]))}}">{{$a['weiban_extid']}}</a></td>
							<td> {{$a['city_name']}} </td>
							<td> {{$a['status']?'禁用':'正常'}} </td>
							<td> {{date('Y/m/d H:i:s',$a['clockin_time'])}}</td>
							<td> {{$a['clockin_day']}} </td>
						</tr>  
						@endforeach
						<tr>
							<td colspan="20" class="page">{{$list->render()}}</td>
						</tr>
						<tr>
							<td colspan="20">总计 {{$list->total()}} 个记录</td>
						</tr>
				</tbody>
				
			</table>
		</div>
	</div>
</div>
@endsection
@section('javascript')
	<script src="/static/fileupload/jquery.ui.widget.js"></script>
	<script src="/static/fileupload/jquery.fileupload.js"></script>
	<script type="text/javascript">
		$(function(){
			$('.upload').on('click', function() {
				$('#form-upload').remove();
				$('body').prepend('<form enctype="multipart/form-data" id="form-upload" style="display: none;"><input osctype="btn_upload_file" type="file" name="order_file" multiple="multiple" /></form>');
				$('#form-upload input[name=\'clockin_record_file\']').trigger('click');
				$('[osctype="btn_upload_file"]').fileupload({
					dataType: 'json',
					url: "{{url('admin/custom_clockin_record/import_execl')}}",
					singleFileUploads: false,
					beforeSend: function() {
						art.dialog({
							id: 'loading',
							lock: true,
							title: '文件上传中'
						});
					},
					done: function(e, data) {
						art.dialog.list['loading'].close();
						var result = data.result;
						if (result.code == 'error') {
							art.dialog({
								content: result.msg,
								lock: true,
								ok: function() {}
							});
						}
						if (result.code == 'success') {
							art.dialog({
								content: result.msg,
								lock: true,
								ok: function() {
									location.reload();
								}
							});
						}
					},
					fail: function(e,c) {
						art.dialog.list['loading'].close();
						art.dialog({
							content: '<p>'+c.jqXHR.status+'=>'+c.jqXHR.statusText+'</p>',
							lock: true,
							ok: function() {}
						});
					}
				});
			});
		})
	</script>
@endsection