<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ include file="/jsp/common/include/localemessage.jsp" %>
<!-- 인터페이스 선택 모달 -->
<div class="if-modal-overlay" id="ifModal">
	<div class="if-modal">
		<div class="if-modal-header">
			<h3>API 선택</h3>
			<button type="button" class="if-modal-close">&times;</button>
		</div>
		<div class="if-modal-body">
			<div class="if-search-box">
				<input type="text" id="ifSearchInput" placeholder="API ID 또는 설명 검색" />
				<button type="button" class="cssbtn" id="ifSearchBtn"><i class="material-icons">search</i> 검색</button>
			</div>
			<div class="if-table-wrap">
				<table class="if-table">
					<thead>
						<tr>
							<th class="col-id"><%= localeMessage.getString("eaiMessage.eaiSvcName")%></th>
							<th>설명</th>
						</tr>
					</thead>
					<tbody id="ifTableBody">
						<tr><td colspan="2" class="if-table-empty">검색 결과가 없습니다</td></tr>
					</tbody>
				</table>
			</div>
			<div class="if-pagination">
				<span class="if-page-info">총 <strong id="ifTotalCount">0</strong>건</span>
				<div class="if-page-nav">
					<button type="button" class="if-page-btn" id="ifPrevBtn" disabled>&lt;</button>
					<div class="if-page-num" id="ifPageNum"></div>
					<button type="button" class="if-page-btn" id="ifNextBtn" disabled>&gt;</button>
				</div>
			</div>
		</div>
		<div class="if-modal-footer">
			<button type="button" class="cssbtn" id="ifCancelBtn">취소</button>
			<button type="button" class="cssbtn" id="ifSelectBtn"><i class="material-icons">check</i> 선택</button>
		</div>
	</div>
</div>
