@extends('layout')

@section('content')
	
	 <script>	
	    var START = true;
	 	var DEPOSIT = true;	
		var updateb = false;		
		var var_fast = true;		
	 </script>
		<script>
	var SETTINGS = ["confirm","sounds","dongers","hideme"];
	function inlineAlert(x,y){
		$("#inlineAlert").removeClass("alert-success alert-danger alert-warning hidden");
		if(x=="success"){
			$("#inlineAlert").addClass("alert-success").html("<i class='fa fa-check'></i><b> "+y+"</b>");
		}else if(x=="error"){
			$("#inlineAlert").addClass("alert-danger").html("<i class='fa fa-exclamation-triangle'></i> "+y);
		}else if(x=="cross"){
			$("#inlineAlert").addClass("alert-danger").html("<i class='fa fa-times'></i> "+y);
		}else{
			$("#inlineAlert").addClass("alert-warning").html("<b>"+y+" <i class='fa fa-spinner fa-spin'></i></b>");
		}
	}
	function resizeFooter(){
		var f = $('.footer').outerHeight(true);
		var w = $(window).outerHeight(true);
		$('body').css('margin-bottom',f);
	}
	$(window).resize(function(){
		resizeFooter();
	});
	if (!String.prototype.format) {
	  String.prototype.format = function() {
	    var args = arguments;
	    return this.replace(/{(\d+)}/g, function(match, number) { 
	      return typeof args[number] != 'undefined'
	        ? args[number]
	        : match
	      ;
	    });
	  };
	}
	function formatNum(x){
		if(Math.abs(x)>=10000){
			return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
		}
		return x;
	}

</script>		 
	 
	<script src="/assets/bbb/fast.js"></script>
    <script src="/assets/bbb/tinysort.js"></script>	   	 
	<link rel="stylesheet" type="text/css" href="/assets/css/1x1.css">
	


        <div class="fast-games-container">
          <ul style="transition: 0.7s ease-out; transform: translate3d(0px, 0px, 0px);" id="game">
            <div class="fast-room-header">
              <div class="fast-room-description">
                <p>Fast game - быстрые игры для трех игроков.</p>
                <p>В этой игре у вас всегда хорошие шансы на победу!</p>
                <p>Делай ставку и забери ставку двух других игроков!</p>
              </div>
              <div class="fast-room-rules">
                <div class="game-info-fast-rules">
                  <div class="fast-room-rule-item"><span class="rule-item-name">Количество игроков:</span><span class="rule-item-value">3</span></div>
                  <div class="fast-room-rule-item"><span class="rule-item-name">Размер ставки:</span><span class="rule-item-value">1 000 - 90 000</span><div id="bonusu" style="float: right;padding: 0 10px 0 2px;max-width: 125px;color: #f1bc1b;font-weight: 700;background-image: url(https://dota-azart.com/assets/css/assets/736557690825f45edf6b770b769dc514.png);background-repeat: no-repeat;background-size: 18px 18px;background-position: 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">&nbsp;</div></div>
                  <div class="fast-room-rule-item"><span class="rule-item-name">Предметов:</span><span class="rule-item-value">1 - 10</span></div>
                </div>
              </div>
              <div class="game-info-fast-state">
                <button class="button11" type="submit" id="cardDepModalinv" style="padding: 18px 28px 18px;">Сделать ставку</button>
              </div>
            </div>
            <div id="suda">
              <div class="fast-game"id="game_{{$game1x11->id}}">
                <div class="game-top">
                  <div class="game-header">
                    <div class="game-title">Игра №<span class="game-num">{{ $game1x11->id }}</span></div>
                  </div>
                </div>
                <div class="game-fast-container">
                  <ul class="players-percent">
                    @include('includes.bet_1x1_1')
                    @include('includes.bet_1x1_2')
                    @include('includes.bet_1x1_3')
                  </ul>
                  <ul class="fast-game-trades-container" style="overflow: visible;">
                    <li class="fast-game-trade">
                      <ul class="fast-game-trade-items-container" style="overflow: visible;" id="block_items_1">
                        @include('includes.bet_1x1_11')
                      </ul>
                      <div class="fast-room-trade-info-container"><span id="price_1">{{ $price_1 * 100 }}</span><div id="bonusu" style="float: left;padding: 0 5px 0 10px;max-width: 125px;color: #f1bc1b;font-weight: 700;background-image: url(https://dota-azart.com/assets/css/assets/736557690825f45edf6b770b769dc514.png);background-repeat: no-repeat;background-size: 18px 18px;background-position: 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">&nbsp;</div><span class="trade-info-price"></span> / <span class="trade-info-chance"></span><span class="chance_{{$users_1}}" id="chance_1">{{ $chance_1 }}</span>%</div>
                    </li>
                    <li class="fast-game-trade2">
                      <ul class="fast-game-trade-items-container" style="overflow: visible;" id="block_items_2">
                        @include('includes.bet_1x1_22')
                      </ul>
                      <div class="fast-room-trade-info-container"><span id="price_2">{{ $price_2 * 100 }}</span><div id="bonusu" style="float: left;padding: 0 5px 0 10px;max-width: 125px;color: #f1bc1b;font-weight: 700;background-image: url(https://dota-azart.com/assets/css/assets/736557690825f45edf6b770b769dc514.png);background-repeat: no-repeat;background-size: 18px 18px;background-position: 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">&nbsp;</div><span class="trade-info-price"></span> / <span class="trade-info-chance"></span><span class="chance_{{$users_2}}" id="chance_2">{{ $chance_2 }}</span>%</div>
                    </li>
                    <li class="fast-game-trade3">
                      <ul class="fast-game-trade-items-container" style="overflow: visible;" id="block_items_3">
                        @include('includes.bet_1x1_33')
                      </ul>
                      <div class="fast-room-trade-info-container"><span id="price_3">{{ $price_3 * 100 }}</span><div id="bonusu" style="float: left;padding: 0 5px 0 10px;max-width: 125px;color: #f1bc1b;font-weight: 700;background-image: url(https://dota-azart.com/assets/css/assets/736557690825f45edf6b770b769dc514.png);background-repeat: no-repeat;background-size: 18px 18px;background-position: 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">&nbsp;</div><span class="trade-info-price"></span> / <span class="trade-info-chance"></span><span class="chance_{{$users_3}}" id="chance_3">{{ $chance_3 }}</span>%</div>
                    </li>
                  </ul>
                  <div class="fast-game-stats" id="game_end">
                    <div class="fast-game-state in-progress active"> <span>На кону:</span><span class="game-price"><span id="bank">{{ $game1x11->price * 100 }}</span><div id="bonusu" style="float: right;margin-left: 2px;padding: 0 10px 0 22px;max-width: 125px;color: #f1bc1b;font-weight: 700;background-image: url(https://dota-azart.com/assets/css/assets/736557690825f45edf6b770b769dc514.png);background-repeat: no-repeat;background-size: 18px 14px;background-position: 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">&nbsp;</div></span> </div>
                    <div class="fast-game-state finish">
                      <div></div>
                      <div class="game-winner"></div>
                      <div class="game-winner-fields">
                        <p> <span class="game-winner-field"></span><span class="game-price"></span> </p>
                        <p> <span class="game-winner-field"></span> <span class="player-chance"></span> </p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              @forelse($games as $game1x1)
              <div class="fast-game" id="game_{{$game1x1->id}}">
                <div class="game-top">
                  <div class="game-header">
                    <div class="game-title">Игра №<span class="game-num">{{ $game1x1->id }}</span></div>
					<div class="zaebali rdy">Победный билет: <span>{{ $game1x1->number }}</span>
<form class="abso" action="https://api.random.org/verify" method="post" target="_blank">
<input type="hidden" name="format" value="json">
<input type="hidden" name="random" value="{{ $game1x1->random }}">
<input type="hidden" name="signature" value="{{ $game1x1->signature }}">
<input class="add-deposit2" type="submit" name="randorg" value="Проверить">
<span class="adp"></span>
</form>
</div>
                  </div>
                </div>
                <div class="game-fast-container">
                  <ul class="players-percent">
                    @if($game1x1->random == 0)
                    <li class="players-percent-block">
                      <div class="players-roulette-container">
                        @if($game1x1->winner->number == 1)
                        <div class="player first-player fast-winner" data-fast-tick="#{{ $game1x1->bet1->from }} - #{{ $game1x1->bet1->to }}" style="background-image: url({{$game1x1->winner->avatar}});"></div>
                        @elseif($game1x1->winner->number == 2)
                        <div class="player second-player fast-winner" data-fast-tick="#{{ $game1x1->bet2->from }} - #{{ $game1x1->bet2->to }}" style="background-image: url({{$game1x1->winner->avatar}});"></div>
                        @else
                        <div class="player third-player fast-winner" data-fast-tick="#{{ $game1x1->bet3->from }} - #{{ $game1x1->bet3->to }}" style="background-image: url({{$game1x1->winner->avatar}});"></div>
                        @endif 
                      </div>
                    </li>
                    <li class="players-percent-block">
                      <div class="players-roulette-container">
                        @if($game1x1->loser->number == 1)
                        <div class="player first-player " data-fast-tick="#{{ $game1x1->bet1->from }} - #{{ $game1x1->bet1->to }}" style="background-image: url({{$game1x1->loser->avatar}});"></div>
                        @elseif($game1x1->loser->number == 2)
                        <div class="player second-player " data-fast-tick="#{{ $game1x1->bet2->from }} - #{{ $game1x1->bet2->to }}" style="background-image: url({{$game1x1->loser->avatar}});"></div>
                        @else
                        <div class="player third-player " data-fast-tick="#{{ $game1x1->bet3->from }} - #{{ $game1x1->bet3->to }}" style="background-image: url({{$game1x1->loser->avatar}});"></div>
                        @endif
                      </div>
                    </li>
                    @else
                    <li class="players-percent-block">
                      <div class="players-roulette-container">
                        @if($game1x1->loser->number == 1)
                        <div class="player first-player " data-fast-tick="#{{ $game1x1->bet1->from }} - #{{ $game1x1->bet1->to }}" style="background-image: url({{$game1x1->loser->avatar}});"></div>
                        @elseif($game1x1->loser->number == 2)
                        <div class="player second-player " data-fast-tick="#{{ $game1x1->bet2->from }} - #{{ $game1x1->bet2->to }}" style="background-image: url({{$game1x1->loser->avatar}});"></div>
                        @else
                        <div class="player third-player " data-fast-tick="#{{ $game1x1->bet3->from }} - #{{ $game1x1->bet3->to }}" style="background-image: url({{$game1x1->loser->avatar}});"></div>
                        @endif 
                      </div>
                    </li>
                    <li class="players-percent-block">
                      <div class="players-roulette-container">
                        @if($game1x1->winner->number == 1)
                        <div class="player first-player fast-winner" data-fast-tick="#{{ $game1x1->bet1->from }} - #{{ $game1x1->bet1->to }}" style="background-image: url({{$game1x1->winner->avatar}});"></div>
                        @elseif($game1x1->winner->number == 2)
                        <div class="player second-player fast-winner" data-fast-tick="#{{ $game1x1->bet2->from }} - #{{ $game1x1->bet2->to }}" style="background-image: url({{$game1x1->winner->avatar}});"></div>
                        @else
                        <div class="player third-player fast-winner" data-fast-tick="#{{ $game1x1->bet3->from }} - #{{ $game1x1->bet3->to }}" style="background-image: url({{$game1x1->winner->avatar}});"></div>
                        @endif 
                      </div>
                    </li>
                    @endif
                    <li class="players-percent-block">
                      <div class="players-roulette-container">
                        @if($game1x1->winner->number == 1)
                        <div class="player first-player fast-winner" data-fast-tick="#{{ $game1x1->bet1->from }} - #{{ $game1x1->bet1->to }}" style="background-image: url({{$game1x1->winner->avatar}});"></div>
                        @elseif($game1x1->winner->number == 2)
                        <div class="player second-player fast-winner" data-fast-tick="#{{ $game1x1->bet2->from }} - #{{ $game1x1->bet2->to }}" style="background-image: url({{$game1x1->winner->avatar}});"></div>
                        @else
                        <div class="player third-player fast-winner" data-fast-tick="#{{ $game1x1->bet3->from }} - #{{ $game1x1->bet3->to }}" style="background-image: url({{$game1x1->winner->avatar}});"></div>
                        @endif 
                      </div>
                    </li>
                  </ul>
                  <ul class="fast-game-trades-container" style="overflow: visible;">
                    <li class="fast-game-trade">
                      <ul class="fast-game-trade-items-container" style="overflow: visible;">
                        @if(empty(json_decode($game1x1->bet1->items)))
                        @else
                        @foreach(json_decode($game1x1->bet1->items) as $i)
                        <li class="fast-game-trade-item" style='transform: translate3d(0px, 0px, 0px); background-size: 150%; background-image: url("https://cdn.dota2.net/item/{{ $i->name }}/100.png");'>
                          <div class="item_info darkBlueBg">						 
                            <div class="item_info_img_wrap">
	@if($i->rarity == 'classified')<div class="item_info_img" style="background-color: rgb(211, 44, 230);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == 'uncommon')<div class="item_info_img" style="background-color: rgb(94, 152, 217);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == 'milspec')<div class="item_info_img" style="background-color: rgb(75, 105, 255);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == 'restricted')<div class="item_info_img" style="background-color: rgb(136, 71, 255);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == 'classified')<div class="item_info_img" style="background-color: rgb(211, 44, 230);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == 'covert')<div class="item_info_img" style="background-color: rgb(228, 174, 57);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == 'rare')<div class="item_info_img" style="background-color: rgb(173, 229, 92);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == '')<div class="item_info_img" style="background-color: rgb(38, 38, 38);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
						
							
                            </div>
                            <div class="item_info_description">
                              <div class="item_info_name">{{ $i->name }}</div>
                              <div class="item_info_price">{{ $i->price }} руб.</div>
                            </div>
                            <div class="item_owner">
                              <div class="item_owner_img">
                                <img src="{{$game1x1->user1->avatar}}">
                              </div>
                            </div>
                          </div>
                        </li>
                        @endforeach
                        @endif
                      </ul>
                      <div class="fast-room-trade-info-container"><span>{{ $game1x1->price1 *100 }}</span><div id="bonusu" style="float: left;padding: 0 5px 0 10px;max-width: 125px;color: #f1bc1b;font-weight: 700;background-image: url(https://dota-azart.com/assets/css/assets/736557690825f45edf6b770b769dc514.png);background-repeat: no-repeat;background-size: 18px 18px;background-position: 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">&nbsp;</div><span class="trade-info-price"></span> / <span class="trade-info-chance"></span><span>{{ $game1x1->chance1 }}</span>%</div>
                    </li>
                    <li class="fast-game-trade2">
                      <ul class="fast-game-trade-items-container" style="overflow: visible;">
                        @if(empty(json_decode($game1x1->bet2->items)))
                        @else
                        @foreach(json_decode($game1x1->bet2->items) as $i)
						<li class="fast-game-trade-item" style='transform: translate3d(0px, 0px, 0px); background-size: 150%; background-image: url("https://cdn.dota2.net/item/{{ $i->name }}/100.png");'>
                          <div class="item_info darkBlueBg">
                            <div class="item_info_img_wrap">
	@if($i->rarity == 'classified')<div class="item_info_img" style="background-color: rgb(211, 44, 230);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == 'uncommon')<div class="item_info_img" style="background-color: rgb(94, 152, 217);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == 'milspec')<div class="item_info_img" style="background-color: rgb(75, 105, 255);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == 'restricted')<div class="item_info_img" style="background-color: rgb(136, 71, 255);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == 'classified')<div class="item_info_img" style="background-color: rgb(38, 38, 38);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == 'covert')<div class="item_info_img" style="background-color: rgb(228, 174, 57);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == 'rare')<div class="item_info_img" style="background-color: rgb(173, 229, 92);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == '')<div class="item_info_img" style="background-color: rgb(38, 38, 38);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
							

                             
                            </div>
                            <div class="item_info_description">
                              <div class="item_info_name">{{ $i->name }}</div>
                              <div class="item_info_price">{{ $i->price }} руб.</div>
                            </div>
                            <div class="item_owner">
                              <div class="item_owner_img">
                                <img src="{{$game1x1->user2->avatar}}">
                              </div>
                            </div>
                          </div>
                        </li>
                        @endforeach
                        @endif
                      </ul>
                      <div class="fast-room-trade-info-container"><span>{{ $game1x1->price2 *100 }}</span><div id="bonusu" style="float: left;padding: 0 5px 0 10px;max-width: 125px;color: #f1bc1b;font-weight: 700;background-image: url(https://dota-azart.com/assets/css/assets/736557690825f45edf6b770b769dc514.png);background-repeat: no-repeat;background-size: 18px 18px;background-position: 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">&nbsp;</div><span class="trade-info-price"></span> / <span class="trade-info-chance"></span><span>{{ $game1x1->chance2 }}</span>%</div>
                    </li>
                    <li class="fast-game-trade3">
                      <ul class="fast-game-trade-items-container" style="overflow: visible;">
                        @if(empty(json_decode($game1x1->bet3->items)))
                        @else
                        @foreach(json_decode($game1x1->bet3->items) as $i)
                        <li class="fast-game-trade-item" style='transform: translate3d(0px, 0px, 0px); background-size: 150%; background-image: url("https://cdn.dota2.net/item/{{ $i->name }}/100.png");'>
                          <div class="item_info darkBlueBg">
                            <div class="item_info_img_wrap">
    @if($i->rarity == 'classified')<div class="item_info_img" style="background-color: rgb(211, 44, 230);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == 'uncommon')<div class="item_info_img" style="background-color: rgb(94, 152, 217);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == 'milspec')<div class="item_info_img" style="background-color: rgb(75, 105, 255);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == 'restricted')<div class="item_info_img" style="background-color: rgb(136, 71, 255);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == 'classified')<div class="item_info_img" style="background-color: rgb(38, 38, 38);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == 'covert')<div class="item_info_img" style="background-color: rgb(228, 174, 57);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == 'rare')<div class="item_info_img" style="background-color: rgb(173, 229, 92);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	@if($i->rarity == '')<div class="item_info_img" style="background-color: rgb(38, 38, 38);"> 
	                           <img src="https://cdn.dota2.net/item/{{ $i->name }}/100.png" alt="{{ $i->name }}">
                            </div>
	@endif
	
							

	
                            </div>
                            <div class="item_info_description">
                              <div class="item_info_name">{{ $i->name }}</div>
                              <div class="item_info_price">{{ $i->price }} руб.</div>
                            </div>
                            <div class="item_owner">
                              <div class="item_owner_img">
                                <img src="{{$game1x1->user3->avatar}}">
                              </div>
                            </div>
                          </div>
                        </li>
                        @endforeach
                        @endif
                      </ul>
                      <div class="fast-room-trade-info-container"><span>{{ $game1x1->price3 * 100 }}</span><div id="bonusu" style="float: left;padding: 0 5px 0 10px;max-width: 125px;color: #f1bc1b;font-weight: 700;background-image: url(https://dota-azart.com/assets/css/assets/736557690825f45edf6b770b769dc514.png);background-repeat: no-repeat;background-size: 18px 18px;background-position: 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">&nbsp;</div><span class="trade-info-price"></span> / <span class="trade-info-chance"></span><span>{{ $game1x1->chance3 }}</span>%</div>
                    </li>
                  </ul>
                  <div class="fast-game-stats">
                    <div class="fast-game-state finish active">
                      <div></div>
                      @if($game1x1->winner->number == 1)
                      <div class="game-winner first-player">{{$game1x1->winner->username}}</div>
                      @elseif($game1x1->winner->number == 2)
                      <div class="game-winner second-player">{{$game1x1->winner->username}}</div>
                      @else
                      <div class="game-winner third-player">{{$game1x1->winner->username}}</div>
                      @endif
                      <div class="game-winner-fields">
                        <p style="background-image: url(https://dota-azart.com/assets/css/assets/736557690825f45edf6b770b769dc514.png);background-repeat: no-repeat;background-size: 18px 18px;background-position: 70px;"> <span class="game-winner-field"></span><span class="game-price"> {{ round($game1x1->price) *100 }}</span>
						
						</p>
                        <p> <span class="game-winner-field2"></span> <span class="player-chance">{{ $game1x1->win_chance1 }} %</span> 
						</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              @empty
              <center>
                <h1 style="color: #33BDA6;">Истории нету!</h1>
              </center>
              @endforelse
            </div>
          </ul>
        </div>
	
	
	
	

    </div>
	
       
		
<div style="display: none;">
<div class="box-modal1 b-modal-cards" id="invmodal">
				
				<style>
				.box-modal1 {
    		    position: relative;
    		    width: 686px;
    		    background-color: rgba(30, 40, 50, 0.95);
    		    -webkit-box-shadow: 0 17px 53px 12px rgba(12, 19, 25, 0.76);
    		    box-shadow: 0 17px 53px 12px rgba(12, 19, 25, 0.76);
    		    color: #b0dcfa;
    		    border-radius: 4px;
    		    border: solid 1px rgba(241, 241, 241, 0.07);
    		    }
				
				.aknopka3 {
    		    color: #fff; /* ???? ?????? */
    		    text-decoration: none; /* ??????? ????????????? ? ?????? */
    		    user-select: none; /* ??????? ????????? ?????? */
    		    background: #4CAF50; /* ??? ?????? */
    		    padding: .7em 1.5em; /* ?????? ?? ?????? */
    		    outline: none; /* ??????? ?????? ? Mozilla */
    		    }
    		    .aknopka3:hover { background: rgba(76, 175, 80, 0.68); } /* ??? ????????? ??????? ????? */
    		    .aknopka3:active { background: rgba(76, 175, 80, 0.68); } /* ??? ??????? */

				</style>
				
<div class="box-modal-container" style="vertical-align: middle;position: inherit;top: 0;margin-top: -100px;left: 0;z-index: 9999;width: 100%;text-align: center;vertical-align: middle;">

        <div class="box-modal-content">
            <div class="add-balance-block">

<div style="display:inline-block;">


				<div class="panel panel-default text-left fw-6">
					<div class="panel-heading">
						<h3 class="panel-title"><b>Инвентарь : Всего <span id="left_number" style="color: red;">0</span> предметов</b></h3>
					</div>
					<div class="panel-body">				
						
			            
			            
                         <div style="margin-bottom:10px;">							
                            <div style="display:inline-block;margin-left: 15px;float:right;">
								<form class="form-inline">
									<select class="form-control" id="orderBy" style="background-color: #3a4e3d;">
										<option value="0">По умолчанию</option>
										<option value="1">от дорогих</option>
										<option value="2">от дешевых</option>
										<option value="3">от А-Я</option>
									</select>
								</form>
							</div>				
	  						<div style="overflow:hidden;padding-right:2px">
	    						<input type="text" class="form-control" id="filter" placeholder="Поиск...">
	   						</div>
   						</div>  																										
						<div id="left" class="slot-group noselect" style="overflow-y: scroll;height: auto;">
							<span class="reals"></span>
							<span class="bricks">
								<div class="placeholder"></div>
								<div class="placeholder"></div>
								<div class="placeholder"></div>
								<div class="placeholder"></div>
								<div class="placeholder"></div>
								<div class="placeholder"></div>
								<div class="placeholder"></div>
								<div class="placeholder"></div>
								<div class="placeholder"></div>
								<div class="placeholder"></div>
								<div class="placeholder"></div>
								<div class="placeholder"></div>
							</span>			
						</div>						
					</div>						
				</div>
				<div class="panel panel-default text-left fw-4" style="vertical-align:top">
					<div class="panel-heading">
						<h3 class="panel-title"><b>Ставка</b></h3>
					</div>
					<div class="panel-body">

						<button class="button11" style="width: 150px;display: inline-block;padding: 3px 10px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;color: red;color: #fff;font-size: 18px;line-height: 1.3333333;" onclick="offer()" id="showConfirmButton">Сделать ставку<div style="font-size:12px"><span id="sum4">00</span> бонусов</div></button>
						
						<div id="right" class="slot-group noselect">
							<span class="reals"></span>
							<span class="bricks">
								<div class="placeholder"></div>
								<div class="placeholder"></div>
								<div class="placeholder"></div>
								<div class="placeholder"></div>
								<div class="placeholder"></div>
								<div class="placeholder"></div>
								<div class="placeholder"></div>
								<div class="placeholder"></div>		
								<div class="placeholder"></div>	
								<div class="placeholder"></div>	
								<div class="placeholder"></div>	
								<div class="placeholder"></div>									
							</span>								
						</div>																										
					</div>						
				</div>
			</div>

        </div>

 <button class="btn green-fill2" onclick="javascript:window.location='https://dota-azart.com/myinventory'" style="width: 200px;display: inline-block;padding: 3px 10px;margin-bottom: 0;background: #e6ae0a;box-shadow: 0 0 15px rgba(216, 194, 9, 0.6);font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;color: red;color: #fff;font-size: 18px;line-height: 1.3333333;" id="showConfirmButton">Загрузить предметы</button>
 
 
	<div class="window_footer p-10-t p-20-b" style="padding-top: 10px;padding-bottom: 20px;">
        <button class="btn md-long green-fill window_confirm" style="padding: 8px 85px 6px;font-size: 13px;border-radius: 4px;border-color: #12ff00;background: #303c2f;">Закрыть</button>
    </div>		

 </div>
 </div>
                </div>
            </div>	


		

@endsection