@extends('layout')

@section('content')
<div class="gamepop">
	<div class="deposit"> 
	<div class="deposit-l">
		<div class="deposit-r-title">
			<div class="deposit-r-title-l">Сумма пополнения</div>
		</div>
		<div class="wegf43">

		<div class="deposit-l-main">
			<form target="_blank" action="/pay" method="get">
			
				<input type="hidden" name="type" id="payid" value="linepay" step="any">
				<div class="dep-re">К оплате:</div>
				<div class="deposit-ttl">
				<input autocomplete="off" class="input-bordered col-6" min="1" max="15000" type="number" id="freekassa" value="100" step="any" name="amount">
				<span>RUB</span>
				</div>
				<div class="dep-re">К получению:</div>
				<div class="deposit-ttl">
				<input class="input-bordereder" value="{{$one}}" type="number" step="any">
				<span>USD</span>
				</div>
				<div class="form-bot">
			<a onclick="var x = ($('.input-bordered').val(100));var x = ($('.input-bordereder').val({{$one}}));">100</a>
			<a onclick="var x = ($('.input-bordered').val(500));var x = ($('.input-bordereder').val({{$two}}));">500</a>
			<a onclick="var x = ($('.input-bordered').val(1000));var x = ($('.input-bordereder').val({{$trhee}}));">1000</a>
			<a onclick="var x = ($('.input-bordered').val(5000));var x = ($('.input-bordereder').val({{$four}}));">5000</a>
				</div>
				<button type="submit" class="btn btn-primary">Пополнить</button>
			
			</form>
		</div>
		</div>
	</div>
	<div class="deposit-r">
		<div class="deposit-r-title">
			<div class="deposit-r-title-l">Платёжные системы</div>
		</div>
		<div class="deposit-main">
			<ul class="paymentMethodCollection">
				<li onclick="$('#payid').val('linepay');$(this).siblings().removeClass('active'); $(this).addClass('active');" class="paymet-method">
					<div class="dep-inf"> 
						<span>Qiwi</span>
						<br>
						<span class="ssse">10<i class="fa fa-rub" aria-hidden="true"></i>
 - 15000<i class="fa fa-rub" aria-hidden="true"></i>
</span>
					</div>
					<div class="dep-inft"> 
						<div class="deposit-img" style="background-image: url(https://www.parimatch.ru/fe-services/cashier/uploads/kz_qiwi_wallet_redirect.svg);"></div>
					</div>
				</li>
				<li onclick="$('#payid').val('linepay');$(this).siblings().removeClass('active'); $(this).addClass('active');" class="paymet-method">
					<div class="dep-inf"> 
						<span>Карта</span>
						<br>
						<span class="ssse">500<i class="fa fa-rub" aria-hidden="true"></i>
 - 75000<i class="fa fa-rub" aria-hidden="true"></i></span>
					</div>
					<div class="dep-inft"> 
						<div class="deposit-img" style="background-image: url(https://www.parimatch.ru/fe-services/cashier/uploads/cupis_CARD.svg);"></div>
					</div>
				</li>
				<!--<li onclick="$('#payid').val('linepay');$(this).siblings().removeClass('active'); $(this).addClass('active');" class="paymet-method">
					<div id="segd">+{{$settings->prc_plus}}%</div>
					<div class="dep-inf"> 
						<span>Steam skins</span>
						<br>
						<span class="ssse">Мгновенно</span>
					</div>
					<div class="dep-inft"> 
						<div class="deposit-img" style="background-image: url(https://cdn.freelogovectors.net/wp-content/uploads/2016/12/steam-logo.png);"></div>
					</div>
				</li>-->

				
					<div class="mobile-bot">
                     
                   </div>
			</ul>
		</div>
	</div>
	</div>
 </div>
    <div class="mobile-menu">
                <a href="/"id="mobile-main" class="mobile-menu-el"><i class="fa fa-gamepad" aria-hidden="true"></i>Игра</a>
                <a href="/"id="mobile-invent" class="mobile-menu-el"> <i class="fa fa-briefcase" aria-hidden="true"></i>Инвентарь</a>
                <a href="/"id="mobile-bets" class="mobile-menu-el"><i class="fa fa-dot-circle-o" aria-hidden="true"></i>Ставки</a>
                <a id="mobile-chat"class="mobile-menu-el"><i class="fa fa-paper-plane" aria-hidden="true"></i>Чат</a>
                <a id="mobile-menu-mr" class="mobile-menu-el"><i class="fa fa-ellipsis-h" aria-hidden="true"></i>Еще</a>
          </div>

 <script type="text/javascript">
  var $y = $('.input-bordereder');
  $('.input-bordered').bind('input', function () {
    var wTax = (this.value / {{$settings->curs_usd}}).toFixed(2);
    $y.val(wTax);
  });

  var $x = $('.input-bordered');
  $('.input-bordereder').bind('input', function () {
    var wTax = (this.value * {{$settings->curs_usd}}).toFixed(2);
    $x.val(wTax);
  });
</script>

 <script>
$("#deposit").addClass('active');
$("#deposit i").addClass('active');
$("#deposit a").addClass('activeer');

</script>
@endsection