@extends('layout')

@section('content')
<div class="main-container" style="height: 100%;background: black;">


<link href="/assets/css/font-awesome.min.css" rel="stylesheet">

<style>	




#notification {
	width: 13%;
	background: rgba(0,0,0,0.5);
	border: 1px solid;
	padding: 1% 1% 0.5% 1%;
	position: fixed;
	margin: 7% 0 0 0.5%;
	border-radius: 11px;
	top: 20px;
	right: 15px;
	z-index: 999;
}
	#notification img {
		width: 13%;
		float: left;
	}

	#notification div {
		width: 80%;
		float: right;
		position: relative;
		top: -8px;
	}
		#notification div span {
			font: 1.0vw "Tahoma Bold"; 
			color: white; 
		}






					   
input.b50:hover {
background:#14b5a4;
box-shadow:0 0 25px rgba(34,195,178,0.8)
}

input.b50 {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .3em 1em;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #22c3b2;
  box-shadow: 0 0 20px rgba(34,195,178,0.6);
}

						   
		</style>



<div class="about-page">
        

<div class="content main-width refpage">
<div class="titlecase" style="margin-top: 30px;">Партнёрская программа</div>

@if($u->refstatus == 1)
<div class="profile_settings referal_settings" style="display: none;">
<span>Есть инвайт-код?</span>
<div class="input_code">
<input type="url" id="code_act" class="change-input" placeholder="xxxxxxxxxx" style="
    float: left;
    background: #999;
    width: 95%;
    height: 40px;
    border: none;
    border-radius: 4px;
    padding: 10px;
">
<div id="active_code" onclick="postReq('/getcoupon', {refer:$('#code_act').val()})" class="btn-save"><i class="fa fa-external-link" aria-hidden="true"></i></div>

<p>Инвайт-код можно получить от друга и ввести лишь 1 раз.
Вы не можете вводить свой код.</p>
</div>
</div>
@else
<div class="profile_settings referal_settings">

<span>Есть инвайт-код?</span>
<div class="input_code">
<input type="url" id="code_act" class="change-input" placeholder="xxxxxxxxxx" style="
    float: left;
    background: #999;
    width: 95%;
    height: 40px;
    border: none;
    border-radius: 4px;
    padding: 10px;
">
<div id="active_code" onclick="postReq('/getcoupon', {refer:$('#code_act').val()})" class="btn-save"><i class="fa fa-external-link" aria-hidden="true"></i></div>
<p>Инвайт-код можно получить от друга и ввести лишь 1 раз.
Вы не можете вводить свой код.</p>
</div>
</div>
@endif



<div class="profile_settings referal_settings">
<span>Ваш инвайт-код</span>
<div class="input_code">
@if($u->refkode != NULL)
<input type="url" id="ref_code" placeholder="{{ $u->refkode }}" class="change-input" value="{{ $u->refkode }}" style="float: left;background: #999;width: 95%;height: 40px;border: none;border-radius: 4px;padding: 10px;">
@else
<input type="url" id="ref_code" placeholder="Придумайте свой код" class="change-input" value="" style="float: left;background: #999;width: 95%;height: 40px;border: none;border-radius: 4px;padding: 10px;">
@endif
<div id="save_code" onclick="postReq('/setcoupon', {refer:$('#ref_code').val()})" class="btn-save"><i class="fa fa-check" aria-hidden="true"></i></div>
<div id="copy_code" class="btn-save" style="margin-left: 25px;border-radius: 4px;">
<i class="fa fa-files-o"></i>
</div>
<p>Делитесь своим кодом с друзьями и получайте бонусы за каждое их пополнение.
Вы можете изменить свой инвайт-код на более удобный и запоминающийся.
Для этого просто нажмите на соответствующую кнопку.
Код может состоять только из цифр и латинских букв.</p>
</div>
</div>
<div class="stat_text">СТАТИСТИКА</div>
<div class="ref_stat">

<div class="stat stat2">
<span class="titleh">Приглашено</span>
<span class="count">{{ $u->refcount }}</span>
<p>Пользователей</p>

</div>
<div class="stat stat3">
<span class="titleh">Вы получаете</span>
<span class="count">
@if($u->refpercent > 0)
{{ $u->refpercent }}%
@else
5%
@endif	
</span>
<p>от пополнений приглашённых</p>
</div>
<div class="stat stat4">
<span class="titleh">Приглашенные получают</span>
<span class="count">500</span><p>Бонусов, если уровень Steam больше 3</p>
</div>
<div class="stat stat5">
<span class="titleh">ваша прибыль</span>
<span class="count">{{ $u->refprofit }}</span><p> рублей</p>
</div>

<div class="button11" id="refs_list" style="margin-left: 15px;    margin-top: 10px;">
<a href="#">Список рефералов</a>
</div>
</div>

<div class="text-center refs_list" style="margin-top: 85px; display: none;">
<div class="stat_text">Ваши рефералы</div>
	<div class="user-winner-block" style="display: block;">
		<div class="user-winner-table">
<table class="table referals">
<thead>
<tr>
<th>Пользователь</th>
<th>Ваша прибыль</th>
</tr>
</thead>
<tbody>
				@forelse($referals as $userl)
				<tbody>
					<tr>
						<td class="winner-name" >
							<div class="user-ava"><img src="{{$userl->avatar}}"></div>
							<a href="/user/{{$userl->steamid64}}" style="color: #b3e5ff;"><span style="max-width:230px;">{{$userl->username}}</span></a>
						</td>
						<td class="participations">+ {{$userl->bank}} р.</td>
						

					</tr>
				</tbody>
				@empty
				<br><center><h1 style="color: #FFF; font-weight: 300;">Рефералы отсутствуют!</h1></center>
				@endforelse

</tbody>
</table>

  </div>  </div>

</div>





<br> <br> <br>
<div class="stat_text">ВОПРОС - ОТВЕТ</div>
<div id="faq1" class="accordeon-item">
<div class="heading"><span>Вопрос №1:</span> Где взять инвайт-код? Что он мне даст?
</div>
<div class="accordeon-content">
<div class="accordeon-text">Инвайт-код можно получить от друга. Введя его, Вы получите 500 бонусов на свой баланс, а Ваш друг будет получать бонусы за Вашу активность на сайте
</div>
</div>
</div>
<div id="faq2" class="accordeon-item">
<div class="heading"><span>Вопрос №2:</span> Как получить много бесплатного баланса?
</div>
<div class="accordeon-content">
<div class="accordeon-text">Вы получаете 5% от пополнений баланса каждого пользователя, вводившего Ваш инвайт-код. Чем больше пользователей Вы пригласите, тем больше прибыль.
</div>
</div>
</div>

<div id="faq3" class="accordeon-item">
<div class="heading"><span>Вопрос №3:</span> У меня есть канал на YouTube/сайт/паблик Vk и т.д. Могу ли я сотрудничать с Вами напрямую?
</div>
<div class="accordeon-content">
<div class="accordeon-text">Да, конечно. Мы всегда открыты к предложениям. Ждём их на почту dota.azart@gmail.com, а также
в личные сообщения Vk. И не забудьте указывать ссылку на свой ресурс :)
</div>
</div>
</div>
<div id="faq4" class="accordeon-item">
<div class="heading"><span>Вопрос №4:</span> Не получил бонусы после ввода кода?
</div>
<div class="accordeon-content">
<div class="accordeon-text">Пользователь получает награду, если уровень Steam является 3 и выше.
</div>
</div>
</div>





</div>

<script type="text/javascript">

    var Notification = {
	   Error_Handler: function(reason) {
		$('body').append('<div style="border-color: red;" id="notification"><img src="/assets/tickets/Images/error-during-operation.png" alt="error"><div><span>'+ reason + '</span></div></div>');
		$("#notification").animate({opacity: "0"}, 6000, function() { $('div#notification').remove(); });
	   },

	   Compliment_Handler: function(reason) {
		$('body').append('<div style="border-color: #01FF09;" id="notification"><img src="/assets/tickets/Images/garant-tick.png" alt="compliment"><div><span>'+ reason + '</span></div></div>');
		$("#notification").animate({opacity: "0"}, 6000, function() { $('div#notification').remove(); });
	  }
    }




function postReq(url, data){
            $.ajax({
                url: url,
                type: 'POST',
                dataType: 'json',
                data: data,
                success: function (data) {
                    if(data.type){
                        Notification.Compliment_Handler(data.text);		
                        
                    } else {
                       Notification.Error_Handler(data.text);	
                    }
                },
                error: function () {
                    Notification.Error_Handler('Ошибка запроса!');	
                }
            });
        }
		
		
		
       function activate(refer){
            $.ajax({
                url: '/getcoupon',
                type: 'POST',
                dataType: 'json',
                data: {
                    refer:refer
                },
                success: function (data) {
                    if(data.type){
                        Notification.Compliment_Handler(data.text);	
                       
                        
                    } else {
                         Notification.Error_Handler(data.text);	
                    }
                },
                error: function () {
                   Notification.Error_Handler('Ошибка запроса!');	
                }
            });
        }


















    $('body').on('click',"#refs_list",function(){
	   $('.refs_list').slideToggle("slow");
	   return false;	
	})




	$('body').on('click',"#copy_code",function(){
		var urlField=document.querySelector('#ref_code');
		urlField.select();
		document.execCommand('copy');
		 Notification.Compliment_Handler('Код скопирован в буфер!');
	 
		
	});


	
	$('.accordeon-item .heading').click(function(){
		if($(this).parent().is('.active')){
			$(this).parent().find('.accordeon-content').height(0);
			$(this).parent().removeClass('active');
		}else{
			$(this).parent().find('.accordeon-content').height($(this).parent().find('.accordeon-text').height()+ 20);
			$(this).parent().addClass('active');
		}			
	});
				


function calculate() {
	var min = 700000000000000;
    var re = /[^0-9\.]/gi;
    var url = window.location.href;
    var desc = $('#desc').val();
    var sum = $('#sum').val();
    if (re.test(sum)) {
        sum = sum.replace(re, '');
        $('#oa').val(sum);
    }
	

	
    if (sum < min) {

        window.alert("Неверный реф. код!");
        $('#submit').attr("disabled", "disabled");
        return false;
    } else {
	$('#submit').removeAttr("disabled");	
	}
	
    if (desc.length < 1) {
        window.alert("Неверный реф. код!");
		$('#submit').attr("disabled", "disabled");
        return false;
    }
   /* $.get('cash.php?prepare_once=1&l='+desc+'&oa='+sum, function(data) {
         var re_anwer = /<hash>([0-9a-z]+)<\/hash>/gi;
         $('#s').val(re_anwer.exec(data)[1]);
         $('#submit').removeAttr("disabled");
    });
	*/
}
</script>

		
		
	

	    </div>		
		  </div>	
		
@if(!Auth::guest())
<script type="text/javascript">

		
			


function calculate() {
	var min = 700000000000000;
    var re = /[^0-9\.]/gi;
    var url = window.location.href;
    var desc = $('#desc').val();
    var sum = $('#sum').val();
    if (re.test(sum)) {
        sum = sum.replace(re, '');
        $('#oa').val(sum);
    }
	

	
    if (sum < min) {

        window.alert("Неверный реф. код!");
        $('#submit').attr("disabled", "disabled");
        return false;
    } else {
	$('#submit').removeAttr("disabled");	
	}
	
    if (desc.length < 1) {
        window.alert("Неверный реф. код!");
		$('#submit').attr("disabled", "disabled");
        return false;
    }
   /* $.get('cash.php?prepare_once=1&l='+desc+'&oa='+sum, function(data) {
         var re_anwer = /<hash>([0-9a-z]+)<\/hash>/gi;
         $('#s').val(re_anwer.exec(data)[1]);
         $('#submit').removeAttr("disabled");
    });
	*/
}
</script>

		
		
@endif	

	@endsection