<?php
	$title = 'Виджеты';
	$navbar = '<li><a href="/doc/main">Документация</a></li><li class="active">Виджеты</li>';
	$body = '
	Для облегчения использования сервиса, был создан метод получения информации о сервере <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-12">
									  <div class="input-group">
									      <div class="input-group-addon">Игра</div>
									      <select id="game" name="game" class="form-control">
											<option value="samp">San Andreas Multiplayer</option>
											<option value="crmp">Criminal Russia Multiplayer</option>
											<option value="mta">Multi Theft Auto</option>
											<option value="cs">Counter Strike 1.6</option>
											<option value="csgo">Counter Strike: Global Offensive</option>
											<option value="css">Counter Strike: Source</option>
											<option value="l4d">Left For Dead</option>
											<option value="l4d2">Left For Dead 2</option>
											<option value="rust">Rust</option>
											<option value="tf">Team Fortess 2</option>
											<option value="hl">Half Life</option>
											<option value="hldm2">Half Life 2 Death Match</option>
											<option value="dod">Day of Defeat</option>
											<option value="dods">Day of Defeat: Source</option>
										  </select>
									    </div> 
									</div>
								  </div>
								  <div class="form-group">
									<div class="col-sm-12">
									  <div class="input-group">
									      <div class="input-group-addon">Адрес сервера</div>
									      <input type="ip" class="form-control" id="ip" placeholder="Адрес сервера" placeholder="IP:PORT">
									    </div> 
									</div>
								  </div>
								</form>
								<table class="table">
									<form onsubmit="return false;">
										<tbody>
											<tr>
												<td>
													<div class="input-group">
												      <div class="input-group-addon">Ширина</div>
												      <input class="form-control" value="260" id="width" type="number">
												      <div class="input-group-addon">px</div>
												    </div>
												</td>
											</tr>
											<tr>
												<td>
													<div class="input-group">
												      <div class="input-group-addon">Высота</div>
												      <input class="form-control" value="260" id="height" type="number">
												      <div class="input-group-addon">px</div>
												    </div>
												</td>
											</tr>
											<tr>
												<td>
													<div class="input-group">
												      <div class="input-group-addon">Закругленность</div>
												      <input class="form-control" value="10" id="radius" type="number">
												      <div class="input-group-addon">px</div>
												    </div>
												</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: 60px;">&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 class="form-control" style="width: 100%; height: 55px;">&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>
	';
?>