<?php
	$title = 'ServerMon - WEB API';
	$navbar = '<li class="active">ServerMon - WEB API</li>';
	$body = '
	<p><b>ServerMon - WEB API</b> это сервис от разработчиков ServerMon, который позволяет вам выводить статистику своего игрового сервера на ваш сайт
	при помощи обращения по адресу и получения ответа в виде json кода. На данный момент существует несколько методов которые помогут вам получить информацюи разного рода.</p>
	<br>
	<h4 class="page_top">Статус платформы</h4>
	<br>
	<ul class="stats">
			<li>Среднее время ответа - <b style="color: green">14 ms</b></li>
			<li>Uptime - <b style="color: green">99.86%</b></li>
		  </ul>
	<br>
	<h4 class="page_top">Виджеты</h4>
	<br>
	Для облегчения использования сервиса, был создан метод получения информации о сервере <a href="#">виджеты</a>.
	Данный метод не требует никаких модулей.
	Вы должны указать только тип игры и <b>IP</b>:<b>Порт</b> сервера.
	<br><br>
	Список виджетов:
	<br><br>
	<h4 class="page_top">Блок статистики</h4>
	  <p><div id="web" class="tab">
								<br />
								<center>
								<form class="form-horizontal" role="form">
								  <div class="form-group">
									<div class="col-sm-5" style="margin-left: 150px;">
									  <select id="game" name="game" class="form-control">
										<option value="samp">San Andreas Multiplayer</option>
										<option value="cs">Counter Strike 1.6</option>
										<option value="mta">Multi Theft Auto</option>
										<option value="mc">Minecraft</option>
									  </select>
									</div>
								  </div>
								  <div class="form-group">
									<div class="col-sm-5" style="margin-left: 150px;">
									  <input type="ip" class="form-control" id="ip" placeholder="Адрес сервера" value="IP:PORT">
									</div>
								  </div>
								</form>
								<table class="table">
									<form onsubmit="return false;">
										<tbody>
											<tr>
												<td>Ширина</td>
												<td><input value="250" id="width" style="background:none;padding:3px;text-align:center;border:0" type="number" /> px</td>
											</tr>
											<tr class="odd">
												<td>Высота</td>
												<td><input value="260" id="height" style="background:none;padding:3px;text-align:center;border:0" type="number" /> px</td>
											</tr>
											<tr>
												<td>Закругленность</td>
												<td><input value="10" id="radius" style="background:none;padding:3px;text-align:center;border:0" type="number" /> px</td>
											</tr>
											<tr>
												<td colspan="2">
													<br />
													<h4>HTML код для вставки на сайт:</h4>
													<textarea id="mcode" class="mcode form-control" onclick="javascript:this.select()" readonly="readonly" style="width: 100%; height: 70px;">&lt;iframe src="http://api.server-mon.ru/widgets/block.php?game=samp&ip=test" style="width:250px;height:260px;margin:0 auto;border:none;border-radius:10px"&gt;&lt;/iframe&gt;</textarea>
												</td>
											</tr>
										</tbody>
									</form>
								</table>
								</div>
								<br>
								<center>		
								<div id="modview"><iframe src="http://api.server-mon.ru/widgets/block.php?game=samp&ip=test" style="width:275px;height:260px;margin:0 auto;border:none;border-radius:10px"></iframe></div>
								</center>
								</p>
	  
	  <h4 class="page_top">Онлайн игроки</h4>
	  <p>
		Используйте этот виджет если вы хотите вывести только количество игроков онлайн и количество максимальных игроков.<br>
		<h4 class="page_top">Пример</h4>
		<br>
		<div class="tab">
		Игроков онлайн: 124/1000
		</div>
		<br>
		<div class="tab">
		Вставьте на ваш сайт данный код, там где вы хотите выдеть количество игроков.
		<br><br>
		<textarea style="width: 100%; height: 50px;" class="form-control" >
&lt;script src="http://api.server-mon.ru/widgets/pl_online.php?game=GAME_CODE&ip=IP:PORT"&gt;&lt;/script&gt;</textarea>
		</div>
		<br>
		<b>GAME_CODE</b> – код игры из <a href="/api/games">списка игр</a>,<br>
		<b>IP:PORT</b> – адрес вашего сервера.
	  </p>
	';
?>