<%
DIRECTIVE SAFE_OUTPUT_OPEN;
%>
<meta charset="utf-8" />
<link href="${ctxPath}/static/css/common_style.css" rel="stylesheet">
<script src="${ctxPath}/static/js/common_backfill.js"></script> 
<script src="${ctxPath}/community/common/static/js/community_backfill_list3.js"></script>
<style>
.layui-layer {
	background-color: rgba(0,0,0,0);
}
</style>
<!--<div style="background: #FFF;width: 100%;height: 100%;">
 	<div style="width:90%;margin-left:auto;margin-right:auto;margin-bottom:20px;padding-top:20px;">
 		<div class="row">
		  	<div class="col-sm-12 col-md-12 col-lg-12">
		 		<div class="input-group">
		   			<input type="text" name="community_name3" id="hidden_name3" value="${name}" class="form-control input-lg search-query" placeholder="小区搜索">
		   			<span class="input-group-addon btn_search">搜索</span>
		    	</div>



		 	</div>
		  	<div class="col-sm-12 col-md-12 col-lg-12">
		   		<textarea name="selectedComms3" id="selectedComms3" class="form-control form-input" readonly="readonly" style="width:100%;height:50px;resize:none;"></textarea>
		 	</div>
	 	</div>
 	</div>-->

<div style="background: #FFF;width: 100%;height: 100%;">
 	<div style="width:90%;margin-left:auto;margin-right:auto;margin-bottom:20px;padding-top:20px;">
		<form class="form-search form-group form-inline" name="community_searcg_from">
			<div style="text-align: center;margin-top: 20px;">
				<div>

					<input type="text" name="community_name3" id="hidden_name3" value="${name}" class="form-control form-input " placeholder="小区名称" style="margin:0px;">
					<input type="text" name="community_address3" id="hidden_address3" value="${address}" class="form-control form-input " placeholder="小区地址" style="margin:0px;">
					<label class="btn_search_more" style="display:inline-block;">搜索</label>
				</div>
			</div>
		</form>
		<div class="row">
			<div class="col-sm-12 col-md-12 col-lg-12">
				<textarea name="selectedComms3" id="selectedComms3" class="form-control form-input" readonly="readonly" style="width:100%;height:50px;resize:none;"></textarea>
			</div>
		</div>
 	</div>


	
	<div id="popCommunity3ListTableDiv" class="my-table">
		<table class="table table-striped table-hover my-table-head">
			<thead>
				<tr style="min-height:40px;">
					<th class="no-border"><input id="popCheckbox3" type="checkbox" name="popCheckbox3" style="margin-right:4px;">本页全选</th>
		   			<th>小区名</th>
   					<th>地址</th>
				</tr>
			</thead>
		</table>
		<div class="scroll-pane pop-scroll-pane">
			<table class="table table-striped table-hover my-table-body community_backfill3">
				<tbody>
					<%for(community in pageList){%>
					<tr>
						<td class="text-center no-border">
							<input type="checkbox" name="community.id" value="${community.id}" style="vertical-align:-2px;">
						</td>
				   		<td>${community.name}</td>
				   		<td>${community.address}</td>
					</tr>
					<%}%>
				</tbody>
			</table>
		</div>
		<table class="table table-striped table-hover my-table-foot">
			<tfoot>
				<tr style="min-height:40px;">
					<td>
						<a href="#" style="height:24px;width:50px;position:absolute;margin-left:6px;border-radius:20px;border:none;background:#fff;box-shadow:0px 0px 2px #909090 inset;padding:4px 12px;color:#3d6bc9;" id="btn_commSelected3">确定</a>
						<!-- 分页条 -->
						<div class="text-center"> 
						     <%
						       var current = pageIndex.currentpage;
						       var total = pageIndex.totalpage;
						     %>
						     <div class="pagination my-pagination">
								<div>
									<a class="page-start" data="1" href="#1">
										<span class="glyphicon glyphicon-step-backward"></span>
									</a>
								</div>
								<div>
									<a class="page-pre" data="<% if(current <= 1){%>1<%}else{%>${current - 1 }<%}%>" href="#<% if(current <= 1){%>1<%}else{%>${current - 1 }<%}%>">
										<span class="glyphicon glyphicon-triangle-left"></span>
									</a>
								</div>
								<div>
									<span>第</span>
									<input class="page-current" data="${current}" name="currentPage" value="${current}">
									<span>页</span>
								</div>
								<div>
									<span>共</span>
									<span class="page-total" data="${total}">${total}</span>
									<span>页</span>
								</div>
								<div>
									<a class="page-next" data="<% if(current >= total){%>${total}<%}else{%>${current + 1 }<%}%>" href="#<% if(current >= total){%>${total}<%}else{%>${current + 1 }<%}%>">
										<span class="glyphicon glyphicon-triangle-right"></span>
									</a>
								</div>
								<div>
									<a class="page-end" data="${total}" href="#${total}">
										<span class="glyphicon glyphicon-step-forward"></span>
									</a>
								</div>
							</div>
							<div style="display: inline;">
								<div id="clear-btn" class="btn-clear" >清空小区</div>
							</div>
						</div>
					</td>
				</tr>
			</tfoot>
		</table>
	</div>
</div>
<%
DIRECTIVE SAFE_OUTPUT_CLOSE;
%>
