<div class="col-lg-9 order-is-first">

	{if('{success}' == '1')}
	<div class="noty-block success">
		<h4>Ваш баланс успешно пополнен!</h4>
		<p><b>{login}</b>, Ваш баланс успешно пополнен!</p>
	</div>
	{/if}
	{if('{fail}' == '1')}
	<div class="noty-block error">
		<h4>Внимание! Ваш баланс не пополнен!</h4>
		<p>Возможно произошла ошибка, либо Вы отменили платеж.</p>
	</div>
	{/if}

	<div class="block purse">
		<div class="row">
			<div class="col-lg-3">
				<div>
					<i class="fas fa-ruble-sign"></i>
					Баланс<br>
					<font id="my_balance">{balance}</font>руб.
				</div>
			</div>
			<div class="col-lg-3">
				<div data-target="#voucher" data-toggle="modal">
					<i class="fas fa-barcode"></i>
					Активировать<br>
					ваучер
				</div>
			</div>
			<div class="col-lg-3">
				<div>
					<i class="fas fa-star"></i>
					Скидка<br>
					{proc}%
				</div>
			</div>
			<div class="col-lg-3 d-none d-lg-block" onclick="scrollToBox('#last_operations');">
				<div>
					<i class="fas fa-shopping-cart"></i>
					Последние<br>
					операции
				</div>
			</div>
		</div>
	</div>

	<div class="row pay_area">
		{if('{fk}' == '1')}
		<div class="col-md-6">
			<div class="block">
				<div class="block_head">
					Free-Kassa - QIWI, VISA/MacterCard, SMS и т.д.
				</div> 
				<label for="number_fk">
					<img src="../templates/{template}/img/freekassa.jpg" alt="Free-Kassa">
				</label>
				<input class="form-control" id="number_fk" placeholder="Укажите сумму" value="{pirce}">
				<div id="balance_result_fk" class="mt-3"></div>
				<button class="btn btn-outline-primary btn-xl" onclick="refill_balance('fk');">Пополнить баланс</button>
			</div>
		</div>
		{/if}

		{if('{rb}' == '1')}
		<div class="col-md-6">
			<div class="block">
				<div class="block_head">
					RoboKassa - Yandex, QIWI, VISA/MacterCard и т.д.
				</div> 
				<label for="number_rb">
					<img src="../templates/{template}/img/robokassa.jpg" alt="RoboKassa">
				</label>
				<input class="form-control" id="number_rb" placeholder="Укажите сумму" value="{pirce}">
				<div id="balance_result_rb" class="mt-3"></div>
				<button class="btn btn-outline-primary btn-xl" onclick="refill_balance('rb');">Пополнить баланс</button>
			</div>
		</div>
		{/if}

		{if('{up}' == '1')}
		<div class="col-md-6">
			<div class="block">
				<div class="block_head">
					UnitPay - Теле2, Мегафон, МТС, Билаин, Qiwi, Yandex, VISA/MacterCard, Liqpay и т.д.
				</div>
				<label for="number_up">
					<img src="../templates/{template}/img/unitpay.jpg" alt="UnitPay">
				</label>
				<input class="form-control" id="number_up" placeholder="Укажите сумму" value="{pirce}">
				<div id="balance_result_up" class="mt-3"></div>
				<button class="btn btn-outline-primary btn-xl" onclick="refill_balance('up');">Пополнить баланс</button>
			</div>
		</div>
		{/if}

		{if('{wb}' == '1')}
		<div class="col-md-6">
			<div class="block">
				<div class="block_head">
					WebMoney - без комиссии
				</div>
				<label for="number_wb">
					<img src="../templates/{template}/img/webmoney.jpg" alt="WebMoney">
				</label>
				<input class="form-control" id="number_wb" placeholder="Укажите сумму" value="{pirce}">
				<div id="balance_result_wb" class="mt-3"></div>
				<button class="btn btn-outline-primary btn-xl" onclick="refill_balance('wb');">Пополнить баланс</button>
			</div>
		</div>
		{/if}

		{if('{ya}' == '1')}
		<div class="col-md-6">
			<div class="block">
				<div class="block_head">
					YandexMoney - Яндекс.Деньги, Банковские карты
				</div>
				<label for="number_ya">
					<img src="../templates/{template}/img/yandexmoney.jpg" alt="YandexMoney">
				</label>
				<input class="form-control" id="number_ya" placeholder="Укажите сумму" value="{pirce}">
				<div id="balance_result_ya" class="mt-3"></div>
				<button class="btn btn-outline-primary btn-xl" onclick="refill_balance('ya');">Пополнить баланс</button>
			</div>
		</div>
		{/if}

		{if('{ik}' == '1')}
		<div class="col-md-6">
			<div class="block">
				<div class="block_head">
					InterKassa - Qiwi, Yandex, VISA/MacterCard, WebMoney и т.д.
				</div>
				<label for="number_ik">
					<img src="../templates/{template}/img/interkassa.jpg" alt="InterKassa">
				</label>
				<input class="form-control" id="number_ik" placeholder="Укажите сумму" value="{pirce}">
				<div id="balance_result_ik" class="mt-3"></div>
				<button class="btn btn-outline-primary btn-xl" onclick="refill_balance('ik');">Пополнить баланс</button>
			</div>
		</div>
		{/if}

		{if('{wo}' == '1')}
		<div class="col-md-6">
			<div class="block">
				<div class="block_head">
					WalletOne - Qiwi, Yandex, VISA/MacterCard, WebMoney и т.д.
				</div>
				<label for="number_wo">
					<img src="../templates/{template}/img/walletone.jpg" alt="WalletOne">
				</label>
				<input class="form-control" id="number_wo" placeholder="Укажите сумму" value="{pirce}">
				<div id="balance_result_wo" class="mt-3"></div>
				<button class="btn btn-outline-primary btn-xl" onclick="refill_balance('wo');">Пополнить баланс</button>
			</div>
		</div>
		{/if}

		{if('{ps}' == '1')}
		<div class="col-md-6">
			<div class="block">
				<div class="block_head">
					Paysera
				</div>
				<label for="number_ps">
					<img src="../templates/{template}/img/paysera.jpg" alt="Paysera">
				</label>
				<input class="form-control" id="number_ps" placeholder="Укажите сумму" value="{pirce}">
				<div id="balance_result_ps" class="mt-3"></div>
				<button class="btn btn-outline-primary btn-xl" onclick="refill_balance('ps');">Пополнить баланс</button>
			</div>
		</div>
		{/if}
	</div>

	<script>$('#voucher').modal('hide');</script>
	<div id="voucher" class="modal fade">
		<div class="modal-dialog">
			<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">
					<input class="form-control" type="text" id="voucher_key" placeholder="Введите ваучер" maxlength="50">
					<button class="btn btn-primary" onclick="activate_voucher();">Активировать</button><br>
					<div id="activate_result"></div>
				</div>
			</div>
		</div>
	</div>

	<div class="block block-table" id="last_operations">
		<div class="block_head">
			Последние операции
		</div>
		<div class="table-responsive mb-0">
			<table class="table table-bordered">
				<thead>
					<tr>
						<td>Сумма</td>
						<td>Тип</td>
						<td>Дата</td>
					</tr>
				</thead>
				<tbody id="operations">
					<tr>
						<td colspan="10">
							<div class="loader"></div>
							<script>get_operations();</script>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</div>

<div class="col-lg-3 order-is-last">
	{include file="/home/navigation.tpl"}
	{include file="/home/sidebar.tpl"}
</div>