<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>IDC-JP ADMIN</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- MetisMenu CSS -->
    <link href="css/plugins/metisMenu/metisMenu.min.css" rel="stylesheet">

    <!-- Timeline CSS -->
    <link href="css/plugins/timeline.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/sb-admin-2.css" rel="stylesheet">

    <!-- Morris Charts CSS -->
    <link href="css/plugins/morris.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>
    <div id="wrapper">
        <!-- Navigation -->
        <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">IDC-JP ADMIN</a>
            </div>
            <!-- /.navbar-header -->
            <ul class="nav navbar-top-links navbar-right">
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <i class="fa fa-envelope fa-fw"></i>  <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-messages">
                        <li>
                            <a href="#">
                                <div>
                                    <strong>홍길동</strong>
                                    <span class="pull-right text-muted">
                                        <em>2014-10-19</em>
                                    </span>
                                </div>
                                <div> 업무전달 사항 있습니다.~~(테스트 메시지) </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <strong>신사임당</strong>
                                    <span class="pull-right text-muted">
                                        <em>2014-10-18</em>
                                    </span>
                                </div>
                                <div>난 떡을 썰테니, 넌 글을 쓰거라</div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <strong>사장님</strong>
                                    <span class="pull-right text-muted">
                                        <em>2050-10-18</em>
                                    </span>
                                </div>
                                <div>월급 300%인상합니다. 모두 해외여행 한달동안 다녀오세요~</div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a class="text-center" href="#">
                                <strong>Read All Messages</strong>
                                <i class="fa fa-angle-right"></i>
                            </a>
                        </li>
                    </ul>
                    <!-- /.dropdown-messages -->
                </li>
               
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <i class="fa fa-bell fa-fw"></i>  <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-alerts">
                        <li>
                            <a href="#">
                                <div>
                                    <i class="fa fa-comment fa-fw"></i> 새쪽지알림
                                    <span class="pull-right text-muted small">4 minutes ago</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="fa fa-twitter fa-fw"></i> 고객상담이력
                                    <span class="pull-right text-muted small">12 minutes ago</span>
                                </div>
                            </a>
                        </li>
                                              
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="fa fa-tasks fa-fw"></i> 업무전달사항
                                    <span class="pull-right text-muted small">4 minutes ago</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="fa fa-upload fa-fw"></i> 미처리요청업무
                                    <span class="pull-right text-muted small">4 minutes ago</span>
                                </div>
                            </a>
                        </li>
                
                   
                    </ul>
                    <!-- /.dropdown-alerts -->
                </li>
                <!-- /.dropdown -->
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <i class="fa fa-user fa-fw"></i>  <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-user">
                        <li><a href="#"><i class="fa fa-user fa-fw"></i> 홍길동 대리</a>
                        </li>
                        <li><a href="#"><i class="fa fa-gear fa-fw"></i> 내 정보수정</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="login.html"><i class="fa fa-sign-out fa-fw"></i> 로그아웃</a>
                        </li>
                    </ul>
                    <!-- /.dropdown-user -->
                </li>
                <!-- /.dropdown -->
            </ul>
            <!-- /.navbar-top-links -->

            <div class="navbar-default sidebar" role="navigation">
                <div class="sidebar-nav navbar-collapse">
                    <ul class="nav" id="side-menu">
                        <li class="sidebar-search">
                            <div class="input-group custom-search-form">
                                <input type="text" class="form-control" placeholder="통합검색">
                                <span class="input-group-btn">
                                <button class="btn btn-default" type="button">
                                    <i class="fa fa-search"></i>
                                </button>
                            </span>
                            </div>
                            <!-- /input-group -->
                        </li>
                        <li>
                            <a class="active" href="index.html"><i class="fa fa-home fa-fw"></i> Main</a>
                        </li>
                        <li>
                            <a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> 서비스정보 <span class="fa arrow"></span></a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a href="flot.html">서버장비관리</a>
                                </li>
                                <li>
                                    <a href="morris.html">가용장비현황</a>
                                </li>
                            </ul>
                            <!-- /.nav-second-level -->
                        </li>
                         <li>
                            <a href="#"><i class="fa fa-users fa-fw"></i> 고객관리 <span class="fa arrow"></span></a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a href="#">고객정보</a>
                                </li>
                                <li>
                                    <a href="#">신규고객등록</a>
                                </li>
                                 <li>
                                    <a href="#">전체서버현황</a>
                                </li>
                            </ul>
                            <!-- /.nav-second-level -->
                        </li>
						<li>
                            <a href="#"><i class="fa fa-desktop fa-fw"></i> 서비스관리<span class="fa arrow"></a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a href="#">서비스정보</a>
                                </li>
                                <li>
                                    <a href="#">서비스관리</a>
                                </li>
                                 <li>
                                    <a href="#">청구서/개통안내서 발송</a>
                                </li>
								<li>
                                    <a href="#">쿠폰관리</a>
                                </li>
                            </ul>
                            <!-- /.nav-second-level -->
                        </li>
                        <li>
                            <a href="#"><i class="fa fa-calculator fa-fw"></i> 과금관리<span class="fa arrow"></span></a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a href="#">정산관리</a>
                                </li>
                                <li>
                                    <a href="#">입금처리</a>
                                </li>
                                <li>
                                    <a href="#">월과금 입금리스트</a>
                                </li>
                                <li>
                                    <a href="#">고객별통계</a>
                                </li>
                            </ul>
                            <!-- /.nav-second-level -->
                        </li>
						 <li>
                            <a href=""><i class="fa fa-clipboard fa-fw"></i> 업무일지</a>
                         </li>	
                         <li>
                            <a href=""><i class="fa fa-tasks fa-fw"></i> 개별업무 <span class="fa arrow"></a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a href="#">개별전달사항</a>
                                </li>
                                <li>
                                    <a href="#">개별주요업무</a>
                                </li>
                                 <li>
                                    <a href="#">개별게시판(메모)</a>
                                </li>
                            </ul>
                            <!-- /.nav-second-level -->
                        </li>
						<li>
                            <a href=""><i class="fa fa-line-chart fa-fw"></i> IP관리 <span class="fa arrow"></a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a href="#">회선 등록</a>
                                </li>
                                <li>
                                    <a href="#">IP 리스트</a>
                                </li>
                                 <li>
                                    <a href="#">IDCJP회선 및 전용선 사용현황</a>
                                </li>
                            </ul>
                            <!-- /.nav-second-level -->
                        </li>
                        <li> 
                            <a href=""><i class="fa fa-save fa-fw"></i> 공동자료실</a>
                        </li>
						<li>
                            <a href=""><i class="fa fa-line-chart fa-fw"></i> 통계 <span class="fa arrow"></a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a href="#">서버정보</a>
                                </li>
                                <li>
                                    <a href="#">과금정보</a>
                                </li>
                                 <li>
                                    <a href="#">업체정보</a>
                                </li>
                            </ul>
                            <!-- /.nav-second-level -->
                        </li>
						<li>
                            <a href=""><i class="fa fa-line-chart fa-fw"></i>환경 설정<span class="fa arrow"></a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a href="#">권한설정</a>
                                </li>
                                <li>
                                    <a href="#">장비등록</a>
                                </li>
                                 <li>
                                    <a href="#">서비스등록</a>
                                </li>
                        
                           
                            </ul>
                        </li>
                    </ul>
                </div>
                <!-- /.sidebar-collapse -->
            </div>
            <!-- /.navbar-static-side -->
        </nav>
        <div id="page-wrapper">
            <div class="row">
                <div class="col-lg-12">
                <div style="margin-top:8px;"></div>
                <div class="btn-group">
					<button class="btn btn-default">서비스관리</button>
  					<button class="btn btn-default">업무일지</button>
					<button class="btn btn-default">환경설정</button>
   					<button class="btn btn-default">퀵버튼추가</button>
   					<button class="btn btn-default">퀵버튼추가</button>
   					<button class="btn btn-default">퀵버튼추가</button>                                        
   					<button class="btn btn-default">퀵버튼추가</button>                    
                    </div>
				<div style="margin-bottom:5px;"></div>
            </div>
                <!-- /.col-lg-12 -->
            </div>
        <!-- /.row -->
		<!-- 여기가 본 페이지이다 -->
		<div class="row">
           	<div class="col-lg-12">
            	<div class="panel panel-default">
					<div class="panel-heading">
   						<h5><i class="fa fa-desktop fa-fw"></i>고객 리스트</h5>
           			</div>
           			<div class="panel-body">
	           			<div class="row">
	           				<!-- 윗줄 ㅇㅇ -->
		           				<div class="col-lg-2"><a href="IdcClientDBWriteForm.cli" ><p class="btn">[등록]</p></a></div>
		           				<c:if test="${isClientDB}" >
									<div class="col-lg-2"><a href="IdcClient_DeleteDBList.cli?isClientDB=FALSE"><p class="text-info">[해지리스트]</p></a></div>
								</c:if>
								<c:if test="${isClientDB == false }" >
									<div class="col-lg-2"><a href="IdcClientDBList.cli?isClientDB=TRUE"><p class="text-info">[고객리스트]</p></a></div>	
								</c:if>
								<div class="col-lg-2"><p class="text-info"><a href="IdcClientAllServerList.cli">보유현황가기</a></p></div>
								<div class="col-lg-4">
									<form action="IdcClientDBSearch.cli" method="POST">
										<input type="text" name ="client_name"><input type="submit" value="검색">
									</form>
								</div>
								<div class="col-lg-2">
									<input type="button" value="엑셀">
								</div>
							</div>
	            		<div class="table-responsive">
	            			<table class="table table-bordered table-hover table-striped">
								<thead>
								<tr>
									<td>No</td>
									<td>고객코드</td>
									<td>고객명</td>
									<td>리셀러</td>
									<td>연락처1</td>
									<td>연락처2</td>
									<td>E-mail</td>
									<td>E-mail</td>
									<td>등록일</td>
									<td>갱신일</td>
									<c:if test="${isClientDB==false }">
										<td>삭제일</td>
									</c:if>
									<td>비고</td>
									<td>TEST</td>
									<td>Test2</td>
									<td>Test3</td>
								</tr>
								</thead>
								<tbody>
								<c:forEach items="${IdcClientDBList }" var="dto">
									<tr>
										<td>${dto.client_num }</td>
										<td>${dto.client_code }</td>
										<td>${dto.client_name }</td>
										<td>${dto.client_reseller }</td>
										<td>${dto.client_phone1 }</td>
										<td>${dto.client_phone2 }</td>
										<td>${dto.client_email1 }</td>
										<td>${dto.client_email2 }</td>
										<td>${dto.client_receive_date }</td>
										<td>${dto.client_renew_date }</td>
										<c:if test="${isClientDB==false }">
											<td>${dto.client_delete_date }</td>
										</c:if>
										<td>${dto.client_note }</td>
										<td>
										<c:if test="${isClientDB }">
											<form action="IdcClientDBModifyForm.cli">
												<input type="text" name="IdcTargetNum" value="${dto.client_num}" size="1">
												<input type="submit" value="수정하기">
											</form>
										</c:if>
										<c:if test="${isClientDB==false }">
											<form action="IdcClientDBDelete.cli?isClientDB=true">
												<input type="text" name="num" value="${dto.client_num}" size="1">
												<input type="submit" value="복원하기">
											</form>
										</c:if>
										</td>
										<td>
											<form action="/idcProject/jsp/deposit/IdcDepositForm.dep" METHOD="POST">
												<input type="text" name="IdcTargetName" value="${dto.client_name}" size="1">
												<input type="submit" value="입금처리">
											</form>
										</td>
										<td>
											<form action="/idcProject/jsp/deposit/IdcDepositBillPaper.dep">
												<input type="text" name="IdcTargetName" value="${dto.client_num }" size="1" readonly="readonly">
												<input type="submit" value="서비스 개통 안내문">
											</form>
										</td>
									</tr>
								</c:forEach>
								</tbody>
								<tr>
									<td colspan="14">
									<c:if test="${isClientDB }">
										<a href="IdcClientDBList.cli">[첫 페이지로]</a>
									</c:if>
									<c:if test="${isClientDB==false }">
										<a href="IdcClient_DeleteDBList.cli">[첫 페이지로]</a>
									</c:if>
										<c:forEach var="i" begin="1" end="${pageCnt }">
											<a href="IdcClientDBList.cli?curPage=${i}">[${i}]</a>	
										</c:forEach>
									</td>
								</tr>
							</table>
	            		</div><!-- table-responsive -->
            		</div>
            		<!-- panel-body -->
            	</div>
            	<!-- panel panel-default -->
            </div>
            <!-- col-lg-12 -->
        </div>
        <!-- row -->
        <!-- /#page-wrapper -->

    </div>
    <!-- /#wrapper -->

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Metis Menu Plugin JavaScript -->
    <script src="js/plugins/metisMenu/metisMenu.min.js"></script>

    <!-- Morris Charts JavaScript 		
    <script src="js/plugins/morris/raphael.min.js"></script>
    <script src="js/plugins/morris/morris.min.js"></script>
    <script src="js/plugins/morris/morris-data.js"></script>
	-->
    <!-- Custom Theme JavaScript -->
    <script src="js/sb-admin-2.js"></script>

</body>

</html>
