<%
DIRECTIVE SAFE_OUTPUT_OPEN;
%>
<meta charset="utf-8" />
<!-- 
<script src="${ctxPath}/static/js/common_backfill.js"></script>
 -->
<script src="${ctxPath}/community/common/static/js/community_backfill_list.js"></script>
<style>
.layui-layer {
	background-color: rgba(0,0,0,0);
}
</style>
<div style="background: #FFF;width: 100%;height: 100%;">
	<!--<form class="form-search form-group">
		<div class="center">
		    <div class="input-group" style="width:100%;">
			    <input type="text" name="community_name" id="hidden_name" class="form-control input-lg search-query" value="${name}" placeholder="小区搜索">
		    	<span class="input-group-addon btn_search">搜索</span>
	        </div>
	    </div>
	</form>-->


	<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;">
				<div>

					<input type="text" name="community_name" id="hidden_name" value="${name}" class="form-control form-input " placeholder="小区名称" style="margin:0px;">
					<input type="text" name="community_address" id="hidden_address" 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>


	
	<div id="popCommunityListTableDiv" class="my-table">
		<table class="table table-striped table-hover my-table-head community_backfill">
			<thead>
				<tr style="min-height:40px;">
					<th class="no-border">选择</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_backfill">			    
				<tbody>
					<%for(community in pageList){%>
					 <tr>
					 	 <td class="text-center no-border">
							<input type="radio" 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>
						
						<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;
%>