<%@ 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">
					<div class="col-lg-3">
						<form method="GET" action="IdcPaymentList.dep">
							<div class="input-group">
								<input type="text" name="searchContent" class="form-control" placeholder="고객명" value="${searchContent }">
								<span class="input-group-btn">
									<button type="button" class="btn btn-default btn-outline">검색</button>
								</span>
							</div>
						</form>
					</div>
				</div>
				<!-- row -->
	   			<div class="table-responsive">
					<table class="table table-bordered table-hover table-striped">
						<thead>
							<tr>
								<td>고객명</td>
								<td>서비스 코드</td>
								<td>서비스 정보</td>
								<td>결제일</td>
								<td>결제 금액</td>
							</tr>
						</thead>
						<tbody>
							<c:forEach items="${paymentList }" var="temp">
								<tr>
									<td>${temp.name }</td>
									<td>${temp.code }</td>
									<td>${temp._case }</td>
									<td>${temp.date }</td>
									<td>${temp.payment }</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="IdcPaymentList.dep?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="IdcPaymentList.dep?curPage=${i}&searchContent=${searchContent }">${i}</a>	
						</li>
					</c:forEach>
						<li>
							<a class="btn btn-outline btn-default" href="IdcPaymentList.dep?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 -->
