<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	layout:decorate="~{admin/layout/layout}" th:with="title='',active='home'">
<th:block layout:fragment="html_head">
	<script>
	</script>
	<style>
		.table .head { display: block; }
		.table-responsive td { text-align: left; }
		.blBtn { float: right; padding: 6px 70px; }
	</style>
</th:block>
<th:block layout:fragment="content">
	<div class="container-fluid">
		<div class="page-name">
			<h1>API 설정</h1>
		</div>

		<div class="table">
			<div class="head">
				<h6>API 인증 정보</h6>
				<div class="apisetBox">
					<p>API를 사용하기 위한 기본 정보입니다.</p>
				</div>
			</div>
			<div class="body">
				<div class="table-responsive">
					<table>
						<colgroup>
							<col width="20%">
							<col width="80%">

						</colgroup>
						<tbody>
							<tr>
								<th>Username</th>
								<td>
									<input type="text" id="userName" class="input" value="Triple A" />
									<p class="apisetAdd">* API 호출 시 Header에 포함되야 합니다.</p>
								</td>
							</tr>
							<tr>
								<th>Secret</th>
								<td>
									<input type="text" id="secretKey" class="input" value="example" />
									<p class="apisetAdd">* API 호출 시 Header에 포함되야 합니다.</p>
								</td>
							</tr>
							<tr>
								<th>허용 IP 주소</th>
								<td><input type="text" id="ipAddress" class="input" value="12.154.547.7889" /></td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div class="table">
			<div class="head">
				<h6>게임 상세정보 Callback URL</h6>
				<div class="apisetBox">
					<p>에볼루션, 드림게이밍 등과 같이 상세 정보가 나중에 오는 경우 이 데이터를 사이트로 전송합니다.</p>
					<p class="pointTxtBlue">* 사용하지 않는 경우 빈칸으로 남겨두세요.</p>
				</div>
			</div>
			<div class="body">
				<div class="table-responsive">
					<table>
						<colgroup>
							<col width="20%">
							<col width="80%">

						</colgroup>
						<tbody>
							<tr>
								<th>상세정보</th>
								<td>
									<input type="text" id="datailApiSet" class="input" value="" />
									<p class="apisetAdd">* 실시간으로 게임의 상세 정보를 사이트로 전송합니다.</p>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="saveBtnArea">
				<a class="blBtn" href="">저장</a>
			</div>
		</div>
		<div class="table">
			<div class="head">
				<h6>Callback URL</h6>
				<div class="apisetBox">
					<p>심리스를 사용하시는 경우 아래 Callback URL을 입력하세요.</p>
					<p class="pointTxtBlue">* 사용하지 않는 경우 빈칸으로 남겨두세요.</p>
				</div>
			</div>
			<div class="body">
				<div class="table-responsive">
					<table>
						<colgroup>
							<col width="20%">
							<col width="80%">

						</colgroup>
						<tbody>
							<tr>
								<th>인증</th>
								<td>
									<input type="text" id="apisetAuth" class="input" value="" />
									<p class="apisetAdd">* 사이트에 <span class="pointTxtBlue">회원인증을 요청</span>합니다.</p>
								</td>
							</tr>
							<tr>
								<th>잔액확인</th>
								<td>
									<input type="text" id="apisetBal" class="input" value="" />
									<p class="apisetAdd">* 사이트에 <span class="pointTxtBlue">회원의 잔액 정보를 요청</span>합니다.</p>
								</td>
							</tr>
							<tr>
								<th>배팅</th>
								<td>
									<input type="text" id="apisetBet" class="input" value="" />
									<p class="apisetAdd">* 사이트에 <span class="pointTxtBlue">회원의 배팅 내역</span>을 전송합니다.</p>
								</td>
							</tr>
							<tr>
								<th>결과</th>
								<td>
									<input type="text" id="apisetResult" class="input" value="" />
									<p class="apisetAdd">* 사이트에 <span class="pointTxtBlue">회원의 배팅 결과 내역</span>을 전송합니다.</p>
								</td>
							</tr>
							<tr>
								<th>취소</th>
								<td>
									<input type="text" id="apisetCan" class="input" value="" />
									<p class="apisetAdd">* 사이트에 <span class="pointTxtBlue">회원의 배팅 취소 내역</span>을 전송합니다.</p>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="saveBtnArea">
				<a class="blBtn" href="">저장</a>
			</div>
		</div>
	</div>
</th:block>