{template 'common/header'}

<ul class="nav nav-tabs">
	<li {if $operation =='display'}class="active"{/if}><a href="{php echo $this->createWebUrl('sentrybox_device', array('op'=>'display'));}">岗亭设备列表</a></li>
	{if !empty($id)}
	<li {if $operation =='edit'}class="active"{/if}><a href="{php echo $this->createWebUrl('sentrybox_device', array('op'=>'edit','id'=>$id));}">编辑岗亭设备</a></li>
	{else}
	<li {if $operation =='edit'}class="active"{/if}><a href="{php echo $this->createWebUrl('sentrybox_device', array('op' => 'edit'))}">添加岗亭设备</a></li>
	{/if}
<!--	<li {if $operation =='import'}class="active"{/if}><a href="{php echo $this->createWebUrl('sentrybox_device', array('op'=>'import'));}">设备升级程序</a></li>-->
</ul>
{if $operation=='display'}
<style type="text/css">
  .spinner {
  margin: 100px auto;
  width: 50px;
  height: 60px;
  text-align: center;
  font-size: 10px;
}
 
.spinner > div {
  background-color: #67CF22;
  height: 100%;
  width: 6px;
  display: inline-block;
   
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
 
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
  20% { -webkit-transform: scaleY(1.0) }
}
 
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
</style>
<div class="main">
	<div class="panel panel-info">
	<div class="panel-heading">筛选</div>
	<div class="panel-body">
		<form action="./index.php" method="get" class="form-horizontal" role="form">
			<input type="hidden" name="c" value="{$_GPC['c']}">
			<input type="hidden" name="a" value="{$_GPC['a']}">
			<input type="hidden" name="do" value="sentrybox_device">
			<input type="hidden" name="m" value="yk_parkinglot">
			<input type="hidden" name="op" value="display">
				<div class="form-group">
					<label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">所属停车场</label>
					<div class="col-xs-12 col-sm-8 col-md-8 col-lg-6">
						<select name="park_id" class="form-control">
							<option value=""></option>
							{loop $parks $item}
							<option value="{$item['id']}" {if $_GPC['park_id'] ==  $item['id']} selected="selected" {/if}>{$item['name']}</option>
							{/loop}
						</select>
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">关键字</label>
					<div class="col-xs-12 col-sm-8 col-md-8 col-lg-6">
						<input class="form-control" name="keyword" id="" type="text" value="{$_GPC['keyword']}" placeholder="设备码,设备名称">
					</div>
				</div>
				<div class="form-group">
					<div class="col-xs-12 col-sm-2 col-md-1 col-lg-1">
						<button class="btn btn-default"><i class="fa fa-search"></i>搜索</button>
					</div>
				</div>
			</form>
		</div>
	</div>
	<div class="panel panel-default">
		<div class="panel-heading">
		<span>列表</span>
		 <button id="gengxiniot" class="btn btn-success" type="button" style="float: right;margin-top: -7px;margin-left: 15px;">一键更新设备注册信息</button>
		</div>
		<div class="panel-body">
			<div class="table-responsive panel-body">
				<table class="table table-hover" style="min-width: 300px;">
					<thead class="navbar-inner">
						<tr>
							<th class="col-sm-1">Id</th>
							<th class="col-sm-1">停车场名称</th>
							<th class="col-sm-1">岗亭名称</th>
							<th class="col-sm-1">序列号</th>
							<th class="col-sm-1">POS终端号</th>
							<th class="col-sm-1">DeviceName</th>
							<th class="col-sm-1">ProductKey</th>
							<th class="col-sm-1">设备状态</th>
							<!--<th class="col-sm-1">升级</th>-->
							<th class="col-sm-1 text-right">操作</th>
						</tr>
					</thead>
					<tbody>
						{loop $users $item}
						<tr>
							<td>{$item['id']}</td>
							<td>{$item['park_name']}</td>
							<td>{$item['title']}</td>
							<td>{$item['AndroidCode']}</td>
							<td>{$item['pos_term_id']}</td>
							<td>{$item['iotDeviceName']}</td>
							<td>{$item['iotProductKey']}</td>
							<td>
								<span class="label label-info">{$DeviceStatus_name[$item['comet']]}</span>
							</td>
							<!--<td>
								<a onclick="if(!confirm('请确认物联网状态在线后升级?')) return false;" href="{php echo $this->createWebUrl('sentrybox_device', array('op'=>'upgrade', 'id'=>$item['id']));}" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="" data-original-title="升级"><i class="fa fa-cog fa-spin"></i></a>
							</td>-->
							<td class="text-right">
								<a href="{php echo $this->createWebUrl('sentrybox_device', array('op'=>'edit', 'id'=>$item['id']));}" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="" data-original-title="编辑"><i class="fa fa-pencil"></i></a>
								<a onclick="if(!confirm('删除后将不可恢复,确定删除吗?')) return false;" href="{php echo $this->createWebUrl('sentrybox_device', array('op'=>'delete', 'id'=>$item['id']));}" class="btn btn-default btn-danger" data-toggle="tooltip" data-placement="top" title="" data-original-title="删除"><i class="fa fa-times"></i> </a>
							</td>
						</tr>
						{/loop}
					</tbody>
				</table>
				{$pager}
			</div>
		</div>
	</div>
</div>
<div style="display: none;position: fixed;background: rgba(0,0,0,.6);width: 100%;height: 100%;z-index: 9999999;top: 0;left: 0;right: 0;bottom: 0" id="myModal3">
    <div style="position: relative;width: 50%;margin-top: 20%;text-align: center;margin-left: auto;margin-right: auto">
        <div class="spinner">
          <div class="rect1"></div>
          <div class="rect2"></div>
          <div class="rect3"></div>
          <div class="rect4"></div>
          <div class="rect5"></div>
        </div>
          <div style="color: #FFD60E;font-size: 18px;" id="gengxinhuasu">正在更新二维码,请不要关闭本页面....</div>
    </div>
</div>
<script type="text/javascript">
	$('#gengxiniot').click(function(){
		var b = confirm("确定要操作！");
		if( b == true){
			$("#myModal3").show();
			var submitData = {};
			$.post("{php echo $this->createWebUrl('device_iot_info',array('dos'=>'sentrybox_device'))}", submitData, function(idata) {
				if (idata.success == 1) {
					var msg = "成功更新了"+ idata.msg + "条";
					alert(msg)
					location.href="{php echo $this->createWebUrl('sentrybox_device')}";
				} else {
					alert(idata.msg);
				}
			},"json");
		}
	})
</script>
{else if  $operation=='edit'}
<div class="main">
	<form action="" method="post" class="form-horizontal form" id="form">
		<div class="panel panel-default">
			<div class="panel-heading">基本信息</div>
			<div class="panel-body">
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">所属停车场</label>
					<div class="col-xs-12 col-sm-8">
						<select name="data[park_id]" class="form-control">
							<option value=""></option>
							{loop $parks $item}
							<option value="{$item['id']}" {if $users['park_id'] ==  $item['id']} selected="selected" {/if}>{$item['name']}</option>
							{/loop}
						</select>
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">岗亭设备名称</label>
					<div class="col-xs-12 col-sm-8">
						<input type="text" name="data[title]" value="{$users['title']}" class="form-control">
						<div class="help-block"></div>
					</div>
				</div>	
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">主板序列号</label>
					<div class="col-xs-12 col-sm-8">
						<input type="text" name="data[AndroidCode]" value="{$users['AndroidCode']}" class="form-control">
						<div class="help-block"></div>
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">POS终端号</label>
					<div class="col-xs-12 col-sm-8">
						<input type="text" name="data[pos_term_id]" value="{$users['pos_term_id']}" class="form-control">
						<div class="help-block"></div>
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label">绑定摄像机</label>
					<div class="col-xs-12 col-sm-8">
						<table>
							<thead>
							<tr>
								<th class="col-sm-2">设备</th>

								<th class="col-sm-1">操作</th>
							</tr>
							</thead>
							<tbody id="sin_serial-items">
							{loop $users['device_ids'] $device_id}
							<tr class="sin_serial_item">
								<td>
									<select name="device_ids[]" class="form-control span3">
										<option value=""></option>
										{loop $devices $item}
										<option value="{$item['id']}" {if $device_id ==  $item['id']} selected="selected" {/if}>{$item['title']}</option>
										{/loop}
									</select>
								</td>
								<td>
									<a href='javascript:;' onclick="$(this).parent().parent().remove()">
										<i class="icon icon-remove fa fa-times"></i> 删除
								</td>
							</tr>
							{/loop}
							</tbody>
						</table>
					</div>
				</div>
				<div class="form-group">
					<label class="col-xs-12 col-sm-3 col-md-2 control-label"></label>
					<div class="col-xs-12 col-sm-8">
						<a href="javascript:;" onclick="addSItem();"><i class="fa fa-plus-circle"></i> 添加摄像机</a>
						<div class="help-block">最多可添加1个</div>
					</div>
				</div>
				<script type="text/javascript">
					function addSItem() {
						var hour_length = $('#sin_serial-items .sin_serial_item').length;
						if(hour_length < 1) {
							var html = '<tr class="sin_serial_item">';
							html += '<td>';
							html += '<select name="device_ids[]" class="form-control span3">';
							html += '<option value=""></option>';
							html += '{loop $devices $item}';
							html += '<option value="{$item["id"]}">{$item["title"]}</option>';
							html += '{/loop}';
							html += '</select>';
							html += '</td>';

							html += '<td> <a href="javascript:;" onclick="$(this).parent().parent().remove()"><i class="icon icon-remove fa fa-times"></i> 删除</a>';
							html += '</td>';
							html += '</tr>';
							$("#sin_serial-items").append(html);
						} else {
							//u.message('最多可添加2个', '', 'error');
							alert('最多可添加1个');
							return false;
						}
					}
				</script>
			</div>
		</div>
		
		
		<div class="form-group col-sm-12">
			<input name="id" type="hidden" value="{$users['id']}" >
			<input name="submit" id="submit" type="submit" value="提交" class="btn btn-primary col-lg-1">
			<input type="hidden" name="token" value="{$_W['token']}" />
		</div>
		
	</form>
</div>
{else if  $operation=='import'}
<div class="main">
	<div class="panel panel-default account">
        <div class="panel-body">
            <p style="margin: 0px"><strong>升级程序外链 :</strong> <a href="javascript:;" title="点击复制">{$_W['siteroot']}addons/yk_parkinglot/gateApk/{$_W['uniacid']}/app-release.apk</a></p>
        </div>
    </div>
   <script>
        require(['jquery', 'util'], function($, u){
            $('.account p a').each(function(){
                u.clip(this, $(this).text());
            });
        });
    </script>
    
	<div class="panel panel-info">
		<div class="panel-heading">升级程序上传</div>
		<div class="panel-body">
			<form action="" method="post" class="form-horizontal" role="form" enctype="multipart/form-data" id="form1">
			<div class="form-group">
				<label class="col-xs-13 col-sm-2 col-md-2 col-lg-1 control-label">上传文件</label>
				<div class="col-xs-12 col-sm-8 col-md-8 col-lg-6">
					<input class="form-control" type="file" name="file" />&nbsp;&nbsp;<span style="color:red">.apk文件</span>
				</div>		
			</div>
			<div class="form-group">
				<div class="col-sm-8">
					<input type="submit" name="import_submit" value="上传" class="btn btn-primary">
					<input type="submit" name="dell_submit" value="删除升级包" class="btn btn-danger" style="float: right;" />
					<input type="hidden" name="token" value="{$_W['token']}" />
				</div>		
			</div>
			</form>
		</div>
	</div>
</div>
{/if}
{template 'common/footer'}