<%@page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script type="text/javascript" src="<c:url value='/resources/js/admin/telNo.js' />"></script>
<!-- 관리자 계정관리 -->
<div class="main-wrapper">
    <div class="title-bar">
    	<span class="title">주요전화번호</span>
    </div>
    <div id="wrapper">
    	<div class="col-md-7">
    		<div class="left-content">
    			<div class="table-wrapper-lg">
		    		<table class="table table-bordered table-hover table-row-click">
						<thead>
							<tr>
								<td class="table-header">건물명</td>
								<td class="table-header">호수</td>
								<td class="table-header">순서</td>
								<td class="table-header">전화번호</td>
							</tr>
						</thead>
						<tbody id="table_telNo">
						</tbody>
					</table>
				</div>
				<nav class="text-center nav-pagination">
				  <ul class="pagination pagination-sm" id="ulPagination">
				  </ul>
				</nav>
			</div>	
    	</div>
    	<div class="col-md-5">
    		<div class="right-content row">
    			<div class="col-md-12" id="telNoDetailEmpty" style="display: none">
    				<div class="form-group col-md-12 text-right">
				    	<div class="btn-group" role="group" aria-label="...">
						  <button type="button" class="btn btn-default btn-sm" id="btnCreateEmpty" title="추가">
						  	<span class="glyphicon glyphicon-plus">&nbsp;추가</span>
						  </button>
						</div>
					</div>
					<div class="form-group col-md-12 pd0">
						<div class="col-md-12 pd0">
							* 전화번호 정보를 선택해주세요.
						</div>
					</div>
				</div>
    			<div id="telNoDetail">
	    			<input type="text" id="txtTelnoSeq" style="display: none">
					<div class="form-group col-md-12 text-right">
				    	<div class="btn-group" role="group" aria-label="...">
						  <button type="button" class="btn btn-default btn-sm" id="btnCreate" title="추가">
						  	<span class="glyphicon glyphicon-plus">&nbsp;추가</span>
						  </button>
						  <button type="button" class="btn btn-default btn-sm" id="btnRemove" title="삭제">
						  	<span class="glyphicon glyphicon-minus">&nbsp;삭제</span>
						  </button>
						  <button type="button" class="btn btn-default btn-sm" id="btnSave" title="저장">
						  	<span class="glyphicon glyphicon-ok">&nbsp;저장</span>
						  </button>
						</div>
					</div>
					<div class="col-md-12">
						<div class="panel panel-default">
							<div class="panel-body">
								<div class="form-group col-md-12 mgt5">
									<div class="col-md-2 content-title text-right pdl0 pdr0">
										<label>건물명</label>
									</div>
									<div class="col-md-10">
										<input type="text" class="form-control" id="txtBuildingDesc"/>
									</div>
								</div>
								<div class="form-group col-md-12">
									<div class="col-md-2 content-title text-right pdl0 pdr0">
										<label>호수</label>
									</div>
									<div class="col-md-10">
										<input type="text" class="form-control" id="txtRoomDesc"/>
									</div>
								</div>
								<div class="form-group col-md-12">
									<div class="col-md-2 content-title text-right pdl0 pdr0">
										<label>순서</label>
									</div>
									<div class="col-md-10">
										<input type="number" class="form-control" id="txtTelnoOrder"/>
									</div>
								</div>
								<div class="form-group col-md-12">
									<div class="col-md-2 content-title text-right pdl0 pdr0">
										<label>전화번호</label>
									</div>
									<div class="col-md-10">
										<input type="text" class="form-control" id="txtTelValue"/>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
    	</div>
    </div>
</div>
<script type="text/javascript">
$(document).ready(function () {
	var telNo = new mplus_admin_telNo();
	telNo.init();	
});
</script>