<div class="col-md-6">
	<div class="block">
		<div class="block_head">
			Редактирование логина
		</div>
		Логин
		<input type="text" class="form-control" id="user_login" maxlength="15" autocomplete="off" value="{login}" placeholder="Введите логин">
		<button class="f-r btn2 mt-10" type="button" onclick="edit_user_login();">Изменить</button>
		<div class="f-l mt-10" id="edit_user_login_result"></div>
	</div>

	{if($user->password == 'none')}
	<div class="block">
		<div class="block_head">
			Редактирование пароля
		</div>
		<b>Новый пароль</b>
		<input type="password" class="form-control" id="first_user_password" maxlength="15" autocomplete="off" placeholder="Введите новый пароль"><br>
		<b>Повторите</b>
		<input type="password" class="form-control" id="first_user_password2" maxlength="15" autocomplete="off" placeholder="Повторите новый пароль">
		<button class="f-r btn2 mt-10" type="button" onclick="edit_first_user_password();">Изменить</button>
		<div class="f-l mt-10" id="edit_first_user_password_result"></div>
	</div>
	{else}
	<div class="block">
		<div class="block_head">
			Редактирование пароля
		</div>
		<b>Текущий пароль</b>
		<input type="password" class="form-control" id="user_old_password" maxlength="15" autocomplete="off" placeholder="Введите текущий пароль"><br>
		<b>Новый пароль</b>
		<input type="password" class="form-control" id="user_password" maxlength="15" autocomplete="off" placeholder="Введите новый пароль"><br>
		<b>Повторите</b>
		<input type="password" class="form-control" id="user_password2" maxlength="15" autocomplete="off" placeholder="Повторите новый пароль">
		<button class="f-r btn2 mt-10" type="button" onclick="edit_user_password();">Изменить</button>
		<div class="f-l mt-10" id="edit_user_password_result"></div>
	</div>
	{/if}
	<div class="block">
		<div class="block_head">
			Редактирование аватара
		</div>
		<div class="row">
			<div class="col-md-3">
				<img id="avatar" src="{avatar}?v={cache}" class="w-100">
			</div>
			<div class="col-md-9">
				<form enctype="multipart/form-data" action="ajax/actions_a.php" method="POST" id="edit_user_avatar_form">
					<input class="disp-n vis-h" type="text" id="token" name="token" value="{token}">
					<input class="disp-n vis-h" type="text" id="edit_user_avatar" name="edit_user_avatar" value="1">
					<input class="disp-n vis-h" type="text" id="phpaction" name="phpaction" value="1">
					<input class="input-file w-100" type="file" id="user_avatar" accept="image/*" name="user_avatar"/>
					<input class="f-r btn2 mt-10" type="submit" value="Загрузить">
					<img class="disp-n" id="edit_user_loader" src="{site_host}templates/{template}/img/loader.gif?v={cache}">
					<div class="f-l mt-10" id="edit_user_avatar_result"></div>
				</form>
			</div>
		</div>
	</div>

	<div class="block">
		<div class="block_head">
			Адрес страницы
		</div>

		<div class="bs-callout bs-callout-info mt-5">
			<p>Пример: {profileLink}<u>ваш-адрес</u></p>
		</div>

		<input type="text" class="form-control mt-10" id="user_route" maxlength="30" autocomplete="off" placeholder="Введите адрес страницы" value="{route}">
		<button class="f-r btn2 mt-10" type="button" onclick="editUserRoute();">Изменить</button>
		<div class="f-l mt-10" id="edit_user_route_result"></div>

		<div class="clearfix"></div>
	</div>

	<div class="block">
		<div class="block_head">
			Дополнительные настройки
		</div>
		<b>Личные сообщения могут писать</b>
		<div class="form-group mb-0">
			<div class="btn-group" data-toggle="buttons">
				<label class="btn btn-default {im_radio_1}" onclick="on_im(1);">
					<input type="radio">
					Все пользователи
				</label>

				<label class="btn btn-default {im_radio_2}" onclick="on_im(2);">
					<input type="radio">
					Только друзья
				</label>
			</div>
		</div>
		<br>
		<b>Привязка cookies к ip адресу</b>
		<div class="form-group mb-0">
			<div class="btn-group" data-toggle="buttons">
				<label class="btn btn-default {protect_radio_1}" onclick="on_ip_protect(1);">
					<input type="radio">
					Включить
				</label>

				<label class="btn btn-default {protect_radio_2}" onclick="on_ip_protect(2);">
					<input type="radio">
					Выключить
				</label>
			</div>
		</div>
		<br>
		<b>Уведомления на почту</b>
		<div class="form-group mb-0">
			<div class="btn-group" data-toggle="buttons">
				<label class="btn btn-default {notice_radio_1}" onclick="on_email_notice(1);">
					<input type="radio">
					Включить
				</label>

				<label class="btn btn-default {notice_radio_2}" onclick="on_email_notice(2);">
					<input type="radio">
					Выключить
				</label>
			</div>
		</div>
	</div>

	<div class="block">
		<div class="block_head">
			Черный список
		</div>

		<button class="btn btn-default"
		        data-target="#black-list"
		        data-toggle="modal"
		        onclick="getBlackList();">Открыть список</button>

		<script>$('#black-list').modal('hide');</script>
		<div id="black-list" class="modal fade">
			<div class="modal-dialog modal-lg">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<h4 class="modal-title">Черный список</h4>
					</div>
					<div class="modal-body">
						<div class="table-responsive mb-0">
							<table class="table table-bordered">
								<thead>
								<tr>
									<td>#</td>
									<td>Профиль</td>
									<td>Действие</td>
								</tr>
								</thead>
								<tbody id="black-list-content">
								<tr>
									<td colspan="10">
										<div class="loader"></div>
									</td>
								</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="col-md-6">
	<div class="block">
		<div class="block_head">
			Редактирование профиля
		</div>
		<b>Имя</b>
		<input type="text" class="form-control" id="user_name" maxlength="30" autocomplete="off" value="{name}" placeholder="Введите свое имя">
		<button class="f-r btn2 mt-10" type="button" onclick="edit_user_name();">Изменить</button>
		<div class="f-l mt-10" id="edit_user_name_result"></div><br><br>

		<b>Ник на сервере</b>
		<input type="text" class="form-control" id="user_nick" maxlength="30" autocomplete="off" value="{nick}" placeholder="Введите свой ник">
		<button class="f-r btn2 mt-10" type="button" onclick="edit_user_nick();">Изменить</button>
		<div class="f-l mt-10" id="edit_user_nick_result"></div><br><br>

		<!--
		<b>Префикс в чате сервера</b>
		<input type="text" class="form-control" id="user_prefix" maxlength="16" autocomplete="off" value="{{$user->prefix}}" placeholder="Укажите префикс">
		<button class="f-r btn2 mt-10" type="button" onclick="edit_user_prefix();">Изменить</button>
		<div class="f-l mt-10" id="edit_user_prefix_result"></div><br><br>
		-->

		<b>Steam ID</b>
		<input type="text" class="form-control" id="user_steam_id" maxlength="32" autocomplete="off" value="{steam_id}" placeholder="Введите свой Steam ID">
		<button class="f-r btn2 mt-10" type="button" onclick="edit_user_steam_id();">Изменить</button>
		<div class="f-l mt-10" id="edit_user_steam_id_result"></div><br><br>
		
		<b>Дата рождения</b>
		<div class="input-group">
			<select class="w-60 h-34" id="birth_day">{birth_day}</select>
			<select class="w-60 h-34" id="birth_month">{birth_month}</select>
			<select class="w-60 h-34" id="birth_year">{birth_year}</select>
		</div>
		<button class="btn2 mt-10 f-r" type="button" onclick="edit_user_birth();">Изменить</button>
		<div class="f-l mt-10" id="edit_user_birth_result"></div><br><br>
		
		<b>Скайп</b>
		<input type="text" class="form-control" id="user_skype" maxlength="32" autocomplete="off" value="{skype}" placeholder="Введите свой логин в скайпе">
		<button class="f-r btn2 mt-10" type="button" onclick="edit_user_skype();">Изменить</button>
		<div class="f-l mt-10" id="edit_user_skype_result"></div><br><br>

		<b>Телеграм</b>
		<input type="text" class="form-control" id="user_telegram" maxlength="50" autocomplete="off" value="{telegram}" placeholder="Введите свой логин в Телеграме">
		<button class="f-r btn2 mt-10" type="button" onclick="edit_user_telegram();">Изменить</button>
		<div class="f-l mt-10" id="edit_user_telegram_result"></div><br><br>

		<b>Discord</b>
		<input type="text"
		       class="form-control"
		       id="user_discord"
		       maxlength="50"
		       autocomplete="off"
		       value="{discord}"
		       placeholder="Введите свой логин в Discord">
		<button class="f-r btn2 mt-10" type="button" onclick="edit_user_discord();">Изменить</button>
		<div class="f-l mt-10" id="edit_user_discord_result"></div><br><br>

		<b>Аккаунт Вконтакте</b>
		{if($auth_api->vk_api == '2')}
		<input type="text" class="form-control" id="user_vk" maxlength="30" autocomplete="off" value="{vk}" placeholder="Введите свой ID в Вконтакте">
		<button class="f-r btn2 mt-10" type="button" onclick="edit_user_vk();">Изменить</button>
		<div class="f-l mt-10" id="edit_user_vk_result"></div><br><br>
		{else}
			{if($user->vk_api == '0')}
				<p>Прикрепить профиль к аккаунту VK. Если Ваш профиль будет прикреплен к аккаунту VK, то Вы сможете авторизовываться на сайте в один клик по кнопке "Войти через VK".</p>
				<a class="f-r btn2" id="vk_attach_link" href="#">Прикрепить профиль к VK</a>
			{else}
				<p>
					<a target="_blank" href="https://vk.com/{vk}" id="vk_user">
						<img src="../files/avatars/no_avatar.jpg?v={cache}" alt="">
						<span>Загрузка...</span>
					</a> - Ваш профиль прикреплен к данному аккаунту
				</p>
				<script>get_vk_profile_info('{vk_api}', '#vk_user img', '#vk_user span', '{vk}');</script>
				<button class="f-r btn2" type="button" onclick="unset_vk();">Открепить профиль</button>
				<div class="f-l mt-10" id="unset_vk_result"></div>
			{/if}
			<div class="clearfix"></div>
			<div class="mt-10">{conf_mess}</div>
			<br>
		{/if}

		{if($auth_api->steam_api != '2')}
		<b>Аккаунт Steam</b>
			{if('{steam_api}' == '0')}
				<p>Прикрепить профиль к аккаунту Steam. Если Ваш профиль будет прикреплен к аккаунту Steam, то Вы сможете авторизовываться на сайте в один клик по кнопке "Войти через Steam".</p>
				<a class="f-r btn2" id="steam_attach_link" href="#">Прикрепить профиль к Steam</a>
			{else}
				<p>
					<a target="_blank" href="https://steamcommunity.com/profiles/{steam_api}/" id="steam_user">
						<img src="../files/avatars/no_avatar.jpg?v={cache}" alt="">
						<span>Загрузка...</span>
					</a> - Ваш профиль прикреплен к данному аккаунту
					<script>get_user_steam_info('{steam_api}');</script>
				</p>
				<button class="f-r btn2" type="button" onclick="unset_steam();">Открепить профиль</button>
				<div class="f-l mt-10" id="unset_steam_result"></div>
			{/if}
			<div class="clearfix"></div>
			<div class="mt-10">{conf_mess2}</div>
			<br>
		{/if}

		<b>Facebook ID</b>
		<input type="text" class="form-control" id="user_fb" maxlength="20" autocomplete="off" value="{fb}" placeholder="Введите свой ID в Facebook">
		<button class="f-r btn2 mt-10" type="button" onclick="edit_user_fb();">Изменить</button>
		<div class="f-l mt-10" id="edit_user_fb_result"></div><br><br>
						
		{if($auth_api->fb_api == '1')}
			<b>Аккаунт Facebook</b>
			{if($user->fb_api == '0')}
				<p>Если Ваш профиль будет прикреплен к аккаунту Facebook, то Вы сможете авторизовываться на сайте в один клик по кнопке "Войти через Facebook".</p>
				<a class="f-r btn2" id="fb_attach_link" href="#">Прикрепить профиль к Facebook</a>
			{else}
				<p>
					<a target="_blank" href="#" id="fb_user">
						<img src="../files/avatars/no_avatar.jpg?v={cache}" alt="">
						<span>Загрузка...</span>
					</a> - Ваш профиль прикреплен к данному аккаунту
					<script> get_fb_profile_info('{fb_api}', '{fb}', '#fb_user', '#fb_user img', '#fb_user span'); </script>
				</p>
				<button class="f-r btn2" type="button" onclick="unset_fb();">Открепить профиль</button>
				<div class="f-l mt-10" id="unset_fb_result"></div>
			{/if}
			<div class="clearfix"></div>
			<div class="mt-10">{conf_mess3}</div>
		{/if}
	</div>

	{if('{referral_program}' == '1')}
	<div class="block">
		<div class="block_head">
			Реферальная программа
		</div>
		<table class="table table-bordered mb-0">
			<tr>
				<td colspan="2">
					Ваша уникальная ссылка: <b>{referral_link}</b>
				</td>
			</tr>
			<tr>
				<td>
					<button class="btn btn-default w-100" data-target="#referrals" data-toggle="modal" onclick="get_referrals();">Мои рефералы</button>
				</td>
				<td>
					<button class="btn btn-default w-100" data-target="#profit" data-toggle="modal" onclick="get_ref_profit();">Моя прибыль</button>
				</td>
			</tr>
		</table>
		<div class="bs-callout bs-callout-info mt-5">
			Пользователи, зарегистрированные на сайте по вашей ссылке, будут являться Вашими рефералами. При пополнении своего баланса рефералом, Вы будете получать на Ваш баланс {referral_percent}% от суммы его пополнения.
		</div>
	</div>

	<div id="referrals" class="modal fade">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title">
						Рефералы
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span>&times;</span></button>
					</h4>
				</div>
				<div class="modal-body">
					<div class="table-responsive mb-0">
						<table class="table table-bordered">
							<thead>
								<tr>
									<td>#</td>
									<td>Профиль</td>
									<td>Дата регистрации</td>
									<td>Прибыль</td>
								</tr>
							</thead>
							<tbody id="referrals_body">
								<tr>
									<td colspan="10">Загрузка...</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="profit" class="modal fade">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title">
						Прибыль
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span>&times;</span></button>
					</h4>
				</div>
				<div class="modal-body">
					<div class="table-responsive mb-0">
						<table class="table table-bordered">
							<thead>
								<tr>
									<td>#</td>
									<td>Реферал</td>
									<td>Сумма</td>
									<td>Дата</td>
								</tr>
							</thead>
							<tbody id="profit_body">
								<tr>
									<td colspan="10">Загрузка...</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	{/if}
</div>
<div class="col-md-12">
	<div class="block">
		<div class="block_head">
			Редактирование подписи
		</div>
		<textarea id="signature" class="form-control maxMinW100 w-100" maxlength="500">{signature}</textarea>
		<input id="send_btn" class="f-r btn2 mt-10" type="button" onclick="edit_signature();" value="Изменить"></input>
		<div class="f-l mt-10" id="edit_signature_result"></div><br>
	</div>
</div>

<script>
	$(document).ready(function() {
		init_tinymce("signature", "lite", "{file_manager_theme}", "", "");
	});
	$("#edit_user_avatar_form").submit(function (event){
		NProgress.start();
		event.preventDefault();
		var data = new FormData($('#edit_user_avatar_form')[0]);
		$.ajax({
			type: "POST",
			url: "ajax/actions_a.php",
			data: data,
			contentType: false,
			processData: false,
			beforeSend: function() {
				$('#edit_user_loader').show();
			}
		}).done(function (html) {
			$("#edit_user_avatar_result").empty();
			$("#edit_user_avatar_result").append(html);
			$('#edit_user_loader').hide();
			$('#edit_user_avatar_form')[0].reset();
		});
		NProgress.done();
	});
</script>