<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<!-- 여기가 본 페이지이다 -->
<div class="row">
	<div class="col-lg-8">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h4><i class="fa fa-desktop fa-fw"></i> 부가 서비스 해지 리스트</h4>
			</div>
			<div class="panel-body">
				<div class="row">
					<form action="IdcDeleteSubListForm.sev" method="post">
						<div class="col-lg-3 col-md-5 col-sm-6 col-xs-12">
							<div class="input-group">
								<input class="form-control" type="text" name="searchContent" placeholder="고객명" value="${searchContent }">
								<div class="input-group-btn">
									<input type="submit" class="btn btn-info btn-outline" value="검색">
								</div>
							</div>
						</div>
					</form>
				</div>
				<!-- row -->
	   			<div class="table-responsive">
					<table class="table table-bordered table-hover table-striped">
						<thead>
							<tr>
								<td>고객명</td>
								<td>구분<br>(부가서비스항목)</td>
								<td>장비명</td>
								<td>신청일</td>
								<td>해지일</td>
								<td>과금상태</td>
								<td>금액</td>
								<td>미납금</td>
								<td>납부금</td>
								<td>비고</td>
							</tr>
						</thead>
						<tbody id="deletesub_tbody">
							<c:forEach items="${DeleteSubList }" var="temp">
								<tr>
									<td>${temp.client_name }</td>
									<td>${temp.behavior}</td>
									<td>${temp.server_code }</td>
									<td>${temp.request_date }</td>
									<td>${temp.cancel_date }</td>
									<td>${temp.payment_Status }</td>
									<td>${temp.amount }</td>
									<td>${temp.nonpayment }</td>
									<td>${temp.payment }</td>
									<td>${temp.note }</td>
								</tr>
							</c:forEach>
						</tbody>
						<tfoot>
						</tfoot>
					</table>
				</div>
				<!-- table-responsive -->
				
				<div>
					<ul class="pagination" style="margin:0px;">
						<li>
							<a class="btn btn-outline btn-default" href="IdcDeleteSubListForm.sev?searchContent=${searchContent }">
								<i class="fa fa-angle-double-left "></i>
							</a>
						</li>
					<c:forEach var="i" begin="${firstPage }" end="${pageCnt }">
						<li>
							<a class="btn btn-outline btn-defualt" href="IdcDeleteSubListForm.sev?curPage=${i}&searchContent=${searchContent }">${i}</a>	
						</li>
					</c:forEach>
						<li>
							<a class="btn btn-outline btn-default" href="IdcDeleteSubListForm.sev?curPage=${pageCnt}&searchContent=${searchContent }">
								<i class="fa fa-angle-double-right "></i>
							</a>
						</li>
					</ul>
					<!-- ul -->
				</div>
				<!-- UL DIV -->
				
			</div>
			<!-- panel-body -->
		</div>
		<!-- panel panel-default -->
	</div>
	<!-- col-lg-12 -->
</div>
<!-- row -->
<!-- /#page-wrapper -->
