<div class="col-md-12">
	<div class="block">
		<div class="block_head">
			Авторизация/Регистрация
		</div>
		<div class="col-md-6">
			<br>
			<form id="user_login" class="form-horizontal max-w-340 ma-0">
				<p>
					<input type="text" maxlength="30" class="form-control" id="user_loginn" placeholder="Логин">
				</p>
				<p>
					<input type="password" maxlength="15" class="form-control" id="user_password" placeholder="Пароль">
				</p>
				<p>
					<input type="submit" value="Войти" class="btn2">
					{if($auth_api->vk_api == 1)}
					<a class="btn2 btn-cancel" href="" id="vk_link" title="Войти через Вконтакте"><i class="fa fa-lg fa-vk"></i></a>
					<script>get_vk_auth_link();</script>
					{/if}
					{if($auth_api->steam_api == 1)}
					<a class="btn2 btn-cancel" href="" id="steam_link" title="Войти через Steam"><i class="fa fa-lg fa-steam"></i></a>
					<script>get_steam_auth_link();</script>
					{/if}
					{if($auth_api->fb_api == 1)}
					<a class="btn2 btn-cancel" href="" id="fb_link" title="Войти через Facebook"><i class="fa fa-lg fa-facebook"></i></a>
					<script>get_fb_auth_link();</script>
					{/if}
					<a href="../recovery" class="btn2 btn-cancel">Забыл пароль</a>
				</p>
				<div id="result">{conf_mess}</div>
			</form>
			<script> send_form('#user_login', 'user_login();'); </script>
		</div>
		<div class="col-md-6">
			<br>
			<form class="form-horizontal max-w-340 ma-0" id="user_registration">
				<p>
					<input type="text" maxlength="30" class="form-control" id="reg_login" placeholder="Логин">
				</p>
				<p>
					<input type="password" maxlength="15" class="form-control" id="reg_password" placeholder="Пароль">
				</p>
				<p>
					<input type="password" maxlength="15" class="form-control" id="reg_password2" placeholder="Повторите пароль">
				</p>
				<p>
					<input type="email" maxlength="255" class="form-control" id="reg_email" placeholder="E-mail {if($conf->conf_us == 1)}(Указывайте настоящий e-mail!){/if}">
				</p>
				{if($conf->privacy_policy == 1)}
				<a class="privacy-policy" href="../processing-of-personal-data" target="_blank">Регистрируясь на данном сайте, Вы выражаете согласие на обработку персональных данных</a>
				{/if}
				{if($conf->captcha != '2')}
					<div style="transform:scale(1.13);-webkit-transform:scale(1.13);transform-origin:0 0;-webkit-transform-origin:0 0;" data-theme="light" class="g-recaptcha mb-15 clearfix" data-sitekey="{{$conf->captcha}}"></div>
					<script src='https://www.google.com/recaptcha/api.js?hl=ru'></script>
				{/if}
				<div id="result2"></div>
				<p>
					<button type="submit" class="btn2">Зарегистрироваться</button>
					{if($auth_api->vk_api == 1)}
					<a class="btn2 btn-cancel" onclick="show_reg_modal('vk');" title="Зарегистрироваться через Вконтакте"><i class="fa fa-lg fa-vk"></i></a>
					{/if}
					{if($auth_api->steam_api == 1)}
					<a class="btn2 btn-cancel" onclick="show_reg_modal('steam');" title="Зарегистрироваться через Steam"><i class="fa fa-lg fa-steam"></i></a>
					{/if}
					{if($auth_api->fb_api == 1)}
					<a class="btn2 btn-cancel" onclick="show_reg_modal('fb');" title="Зарегистрироваться через Facebook"><i class="fa fa-lg fa-facebook"></i></a>
					{/if}
				</p>
			</form>
			<script> send_form('#user_registration', 'registration();'); </script>
		</div>
	</div>

	{include file="/index/main_info.tpl"}

	<div class="block">
		<div class="block_head">
			Сервера
		</div>
		<table class="table table-bordered mb-0">
			<thead>
				<tr>
					<td></td>
					<td><b>Название</b></td>
					<td><b>Игроков</b></td>
					<td><b>Карта</b></td>
					<td><b>IP</b></td>
				</tr>
			</thead>
			<tbody id="servers"></tbody>
		</table>
		<script>get_servers2();</script>
	</div>
</div>

<div id="api_auth" class="modal fade">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title">Укажите, пожалуйста, свой e-mail.</h4>
			</div>
			<div class="modal-body">
				<p>
					<input type="email" maxlength="255" class="form-control" id="api_email" placeholder="E-mail {if($conf->conf_us == 1)}(Требуется настоящий e-mail!){/if}">
				</p>
				<div id="result_api_reg"></div>
				<button id="api_reg_btn" class="btn2" onclick="">Зарегистрироваться</button>
			</div>
		</div>
	</div>
</div>