@extends('layout')

@section('content')
<div class="content">
	<!-- <middle> -->
	<div class="page-name">
            <div style="
    background: #5cb85c;
    text-align: center;
    padding: 15px;
    font-size: 16px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15);
    ">Раздача </div>
</div>

	<div class="about" style=" padding: 0; ">




@foreach($givegame as $i)
<script src="//cdn.rawgit.com/hilios/jQuery.countdown/2.1.0/dist/jquery.countdown.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment-with-locales.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.4.0/moment-timezone-with-data-2010-2020.min.js"></script>



<span class="wineinf">@if($i->status == 0)Победитель: будет объявлен через <span id="countdown"></span>. @else Победитель: {{$i->winner}}.@endif 

</span>

<div class="giveaway"><img src="https://steamcommunity-a.akamaihd.net/economy/image/class/570/{{$i->classid}}/85fx85f" original-title="{{$i->items}}" class="giveaway_subject"></div>

<div class="panel"><span class="gusers">Всего <span id="gusersgi">{{count($giveaway2)}}</span> участников</span><a class="add-deposit" id="add_to_giveaway" href="javascript://">Принять участие</a>
<span class="gusers2">Победитель: @if($i->winner == NULL)не выбран @else {{$i->winner}} @endif @endforeach</span></div>
<div id="lotUsers" class="usersbox" style="overflow:hidden">
<p class="title-work" style="margin-left: 384px;">Уже участвуют </p>

</div>


<div class="giveaway_users" id="g_users">
<script type="text/javascript">

	function updateGiveaway() {
		$.get('/get_giveaway_users',function(data) {
			
			if(data && data.length > 0){
							$('#g_users').html('');
			for(var i in data){
			
	 var item = '<div class="block" title="'+data[i].username+'" style="background-image:url('+data[i].avatar+');">';
			
			
			$('#g_users').append(item);
				}}
			
		});
		$.get('/get_giveaway_count',function(data) {
			$('#gusers').html(data);
		});
	}
	updateGiveaway();
	u_give_users = setInterval(updateGiveaway,4000);

  // Handle timezone issue
  var timezone = 'Europe/Moscow';
  // Now the easy part, handle the countdown!
  var $clock = $('#countdown');
  var $iso = $('#iso');
  

function getWordNormal(num, str1, str2, str3) {var val = num % 100;if (val > 10 && val < 20) return num +' '+ str3;else {var val = num % 10;if (val == 1) return num +' '+ str1;else{if (val > 1 && val < 5) return num +' '+ str2;else return num +' '+ str3;}}}

  $clock.on('update.countdown', function(event) {
	var str = event.strftime(getWordNormal('%D','день','дня','дней')+' '+getWordNormal('%H','час','часа','часов')+' и '+getWordNormal('%M','минута','минуты','минут')+'');
    $(this).html(str);
	if(str=='00 дней 00:00:01') {
		setTimeout(function() {location.reload()},1500);
	}
  });

  function updateCountdown() {
    var date = moment.tz('{{$i->date}}', timezone);
    $clock.countdown(date.toDate());
    console.log(date.toISOString());
    $iso.html(date.format("YYYY-MM HH:mm Z"));
  }

  // Run forrest run!
  updateCountdown();
</script>




 @foreach($giveaway as $i)

	 
 <div class="block" title="{{$i->username}}" style="background-image:url('{{$i->avatar}}');">

</div>
 


	 @endforeach




</div>



<script>
$('#add_to_giveaway').click(function(){

	if(!$('.giveaway_subject').length) {
 		alertmessage("warning",null,'Игра окончена, или еще не начата');
	}
	else {
		
		$.ajax({
					type : "GET",
					url  : "/api/addusers",
					dataType : "json",
					cache : false,
					success : function(resultss){
						
						
						

 
		var r = resultss.reason;
		if(r=="ok") {
			$.notify("Успех! Вы участвуете в раздаче.", {className :"success"});
	
			updateGiveaway();
		}
		else if(r=="already_plays") {
			
			$.notify("Вы уже в раздаче.", {className :"error"});
			
				  
		}
		else if(r=="nogame") {
			
			
				$.notify("Игра окончена, или еще не начата", {className :"error"});
			
			
	  	}
		else if(r=="nogame1") {
			
			
				$.notify("Вам нужно сыграть хоча б одну игру на сайте", {className :"error"});
			
			
	  	}
		else if(r=="not_authed") {
			
	  	}
		else if(r=="nickname") {
			
			$.notify("Добавьте Dota-Azart.ru в свой ник", {className :"error"});
	
	  	}
		else if(r=="timeout") {
			alertmessage("warning",null,'Вы не можете участвовать, осталось меньше часа')
	  	}
        }
    });

	}
});

</script> 
<div class="about">
<p>
<p class="title-work">Требования для участия</p>
<ol>
	<li>1) На время проведения розыгрыша необходимо, чтобы в вашем никнейме было название нашего сайта: Dota-Azart.ru</li>
	<li>2) Приз выдается только тому, у кого в имени пользователя стояло на протяжении розыгрыша название нашего сайта: Dota-Azart.ru</li>
	<li>3) Для принятия участия нужно сыграть хоча б одну игру</li>	
	<li>4) Приз выдается в <a href="/inventory" target="_blank">инвентарь сайта</a>. После чего Вы можете вывести / сделать ставку или продать предмет.</li>
	<li>5) Нажать кнопку "Принять участие"</li>	
</ol>
</div>

	</div>
</div>

@endsection