@extends('layout')

@section('content')
@if($bet)
<script>
    window.bet = parseInt('{{ $bet->price }}');
    window.isCashout = false;
    window.withdraw = parseFloat('{{ $bet->withdraw }}');
</script>
@endif
<link rel="stylesheet" href="{{ asset('/css/crash.css') }}">
<script type="text/javascript" src="{{ asset('/js/crash.js') }}"></script>
<div class="game">
		     <div class="main-left">
                     <div class="main-left-grpah">
                    <div class="crash__connected">
                       <div class="graph__inner">
    <div class="graph-svg">
      <div id="chartInfo" class="graph-svg__counter">
        Загрузка
      </div>
      <div class="graph-svg__lines">
        <div class="graph-line" style="top: 100%;">
          <span>1.00x</span>
        </div>
        <div class="graph-line" style="top: 66.67%;">
          <span>2.00x</span>
        </div>
        <div class="graph-line" style="top: 33.34%;">
          <span>3.00x</span>
        </div>
        <div class="graph-line" style="top: 0%;">
          <span>4.00x</span>
        </div>
      </div>
      <div class="pin">

      </div>

      <div class="el-crash">


      </div>
    </div>
  </div>
                      </div>
                     </div>
               <div class="main-right-game-info m">
                <div class="gcars">
                    @foreach($history as $m)
                        <a style="border: 2px solid;background: {{$m->color}}29; border-color: {{$m->color}};">{{ number_format($m->multiplier, 2, '.', '') }}x</a>
                    @endforeach
                  </div>
               </div>
               <div class="main-right-game m">
                    <div class="skin-bar-l">
                      <div class="skin-bar-l-ss"></div>
                    </div>
                    <div class="skin-bar-r">
                      <div class="skin-bar-r-one">
                            <div id="thbetsuserm" class="skin-bar-r-one-l">0.<b>00</b><b class="twet r">Ставка</b></div>
                            <i class="fa fa-angle-double-right" aria-hidden="true"></i>
                            <div id="thwinsuserm" class="skin-bar-r-one-l">0.<b>00</b><b class="twet">Выигрыш</b></div>
                            </div>
                      <div class="skin-bar-r-two">
                            <button onclick="var x = ($('.skin-bar-r-three-val input').val(1.10));">x1.1</button>
                            <button onclick="var x = ($('.skin-bar-r-three-val input').val(1.20));">x1.2</button>
                            <button onclick="var x = ($('.skin-bar-r-three-val input').val(1.50));">x1.5</button>
                            <button class="active" onclick="var x = ($('.skin-bar-r-three-val input').val(2.00));">x2.0</button>
                        </div>
                      <div class="skin-bar-r-three">
                            <div class="skin-bar-r-three-val">
                                <input id="betoutm" value="2.00" type="text" autocomplete="off">
                            </div>
                            <div class="skin-bar-r-three-inp">
                               <button type="button" class="btn btn-green btn-play m" style=""><span>Начать</span></button>
                            <button type="button" class="btn btn-green btn-withdraw" style=" display : none; "><span>Вывести</span></button>

                          
                            </div>
                        </div>
                      
                    </div>
               </div>
                     <div class="main-left-btn">
                            <span class="one">
                                <div class="one-left">
                                    <i class="fa fa-bars" aria-hidden="true"></i>
                                </div>
                                <div class="one-right">
                                    <div class="one-right-sum">$<b id="betsuser">{{$allprice}}</b></div>
                                    <div class="one-right-value">Банк</div>
                                </div>
                            </span>
                            <span class="two">
                                 <div class="one-left">
                                       <i class="fa fa-user" aria-hidden="true"></i>
                                </div>
                                <div class="one-right">
                                    <div class="one-right-sum"><b id="alluser">{{$alluser}}</b></div>
                                    <div class="one-right-value">Игроков</div>
                                </div>
                            </span>
                    </div>
                    <div class="mobile-bot">
                     
                   </div>
                   <div class="main-left-invent">
                    <div class="invent-top">
                        <div class="invent-top-left">
                            <b>Баланс</b>
                               @auth
                            <span id="allinvent">${{$u->balance}}</span>
                            @else
                              <span id="allinvent">$0.00</span>
                            @endauth
                        </div>
                         <div class="invent-top-left">
                             <b>Выбрано</b>
                            <span id="choiceinv">$0.00</span>
                        </div>
                        <div class="invent-top-right">
                             <div class="allitm">
                               <a class="chisall">Выбрать все</a>
                            </div>
                        </div>
                    </div>
                    <div class="invent-main">
                        <div class="invetryitems">
       <ul id="inventory" class="market-list">
                   @if(!is_null($drop))   @foreach($drop as $d)
            <li>
                <button class="item drop-preview bee" data-price="{{$d['item_price']}}" data-id="{{$d['item_id']}}">
                     <div class="item-botoom">
                        <div class="item-botoom-l">{{$d['item_price']}}$</div>
                        <div class="item-botoom-r"> 
                         <span style="background: #{{$d['item_rarity']}};box-shadow: 0 0 13px 6px #{{$d['item_rarity']}}b0;"class="item-class"></span></div>
                    </div>
                    <div class="item-center">
                        <img src="https://steamcommunity-a.akamaihd.net/economy/image/{{$d['item_icon']}}/179fx179f">
                    </div>
                     <div class="item-top">
                        <div class="item-top-l"><span>{{$d['item_name']}}</span></div>
                    </div>
                </button>
             </li>
               @endforeach @endif
         </ul>
                        </div>
                    </div>
                    <div class="invent-botoom">
                        <div class="invent-botoom-btn">
                              <a class="invent-botoom-btn onee">Обменять <i class="fa fa-refresh" aria-hidden="true"></i></a>
                              <a class="invent-botoom-btn twoo"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
                        </div>
                    </div>
                   </div>
              </div>
              <div class="mobile-invent">
                <div class="main-left-invent m">
                    <div class="invent-top">
                        <div class="invent-top-left">
                            <b>Баланс</b>
                            @auth
                            <span id="allinventm">${{$u->balance}}</span>
                            @else
                            <span id="allinventm">$0.00</span>
                            @endauth

                        </div>
                         <div class="invent-top-left">
                             <b>Выбрано</b>
                            <span id="choiceinvm">$0.00</span>
                        </div>
                        <div class="invent-top-right">
                            <div class="allitm">
                               <a class="chisallm">Выбрать все</a>
                            </div>
                        </div>
                    </div>
                    <div class="invent-main">
                        <div class="invetryitems">
       <ul id="inventorymob" class="market-list">
                   @if(!is_null($drop))   @foreach($drop as $d)
            <li>
                <button class="item drop-preview bee" data-price="{{$d['item_price']}}" data-id="{{$d['item_id']}}">
                     <div class="item-botoom">
                        <div class="item-botoom-l">{{$d['item_price']}}$</div>
                        <div class="item-botoom-r">  <span style="background: #{{$d['item_rarity']}};box-shadow: 0 0 13px 6px #{{$d['item_rarity']}}b0;"class="item-class"></span></div>
                    </div>
                    <div class="item-center">
                        <img src="https://steamcommunity-a.akamaihd.net/economy/image/{{$d['item_icon']}}/179fx179f">
                    </div>
                     <div class="item-top">
                        <div class="item-top-l"><span>{{$d['item_name']}}</span></div>
                    </div>
                </button>
             </li>
               @endforeach @endif
         </ul>
                        </div>
                    </div>
                    <div class="invent-botoom">
                        <div class="invent-botoom-btn">
                              <a class="invent-botoom-btn onee">Обменять <i class="fa fa-refresh" aria-hidden="true"></i></a>
                              <a class="invent-botoom-btn twoo"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
                        </div>
                    </div>
                   </div>
              </div>
               <div class="mobile-bets">
               	           <div style="margin-top: 0px;"class="main-left-btn">
                            <span class="one">
                                <div class="one-left">
                                    <i class="fa fa-bars" aria-hidden="true"></i>
                                </div>
                                <div class="one-right">
                                    <div class="one-right-sum">$<b id="betsusermm">{{$allprice}}</b></div>
                                    <div class="one-right-value">Банк</div>
                                </div>
                            </span>
                            <span class="two">
                                 <div class="one-left">
                                       <i class="fa fa-user" aria-hidden="true"></i>
                                </div>
                                <div class="one-right">
                                    <div class="one-right-sum"><b id="allusermm">{{$alluser}}</b></div>
                                    <div class="one-right-value">Игроков</div>
                                </div>
                            </span>
                    </div>
               <div id="betsmob" class="main-right-game-bets">
                 @foreach($game['bets'] as $bet)
                 <div class="main-right-game-bets-el">
                    <div class="left">
                        <div class="main-right-game-bets-el-img">
                         <img src="{{ $bet['user']['avatar'] }}">
                        </div>
                         <div class="main-right-game-bets-el-items">
                            @foreach($bet['items'] as $r)
                         <img src="https://steamcommunity-a.akamaihd.net/economy/image/{{ $r['image'] }}/179fx179f ">
                            @endforeach
                        </div>
                    </div>
                    @if($bet['status'] == 1)
                    <div class="right">
                        <span class="bet">$<b>{{ $bet['price'] }}</b></span>
                        <span class="kf">{{ $bet['withdraw'] }}x</span>
                        <span class="win">${{ $bet['won'] }}</span>
                        <span style="margin: 0px">
                         <img src="">
                        </span>
                    </div>
                    @else
                    <div class="right">
                        <span class="bet">$<b>{{ $bet['price'] }}</b></span>
                        <span style="margin-top: 10px" class="inr">В раунде</span>                      
                    </div>
                    @endif
                 </div>
                 @endforeach
             </div>
                 
               </div>
              <div class="exchange" style="display: none;" > 
                <div class="exchange-content">
                    <div class="exchange-content-head">
                        <div class="head-a">
                            <div class="head-title">Выберите скины</div>
                            <a class="hd-close"><i class="fa fa-times" aria-hidden="true"></i></a>
                        </div>
                    </div>
                    <div class="exchange-content-menu">
                        <div class="withdraw-form">
                            <div class="withdraw-form-top">
                                <div class="cur-u-drops-selected-2">
                                    <div class="cur-u-drops-selected-2__total">
                                        <span>Отдаем</span>
                                         @auth
                                        <div id="pshel" class="price">${{$u->balance}}</div>
                                         @else
                                        <div id="pshel" class="price">$0.00</div>
                                         @endauth
                                    </div><div class="cur-u-drops-selected-2__total">
                                        <span>Получаем</span>
                                        <div id="rree"class="price">$0.00</div>
                                    </div></div>
                                    <button id="exchangebtn" type="button" class="btn btn--green">
                                        <span class="hide-below-m">Подтвердить</span>
                                    </button></div>
                                    <div class="withdraw-form-bottom">
                                        <div class="text-select-wrapper">
                                            <label for="exchange-filter-name-field" class="field-wrapper">
                                                <input id="exchange-filter-name-field" type="text" class="field-input" placeholder="Название">
                                            </label>
                                            <label for="exchange-filter-minPrice-field" class="field-wrapper">
                                                <input id="exchange-filter-minPrice-field" type="number" class="field-input" placeholder="Мин">
                                            </label>
                                            <label for="exchange-filter-maxPrice-field" class="field-wrapper">
                                                <input id="exchange-filter-maxPrice-field" type="number" class="field-input" placeholder="Макс">
                                            </label>
                                            <label for="exchange-filter-maxPrice-field" class="field-wrapper">
                                            <a id="exsearch" class="search"><i class="fa fa-search" aria-hidden="true"></i></a>
                                             </label>
                                        </div>
                                    </div>
                                </div>
                    </div>
                    <div class="exchange-content-main">
                        <div class="exchangeitems">
                          <input class="morre" style="display: none;" value="40">
                              <ul id="exchange-list" class="exchange-lst">
                                   @if(count($exitems) > 0)
                                @include('includes.items')
                               @endif
                              </ul>
                        </div>
                    </div>
                    <div class="exchange-bottom">
                      <div class="exchange-bottom-l">
                        <a class="loadmoreexch">Загрузить еще...</a>
                      </div>
                      <div class="exchange-bottom-r">
                        <a href="/market">Market</a>
                      </div>
                    </div> 
                </div>
              </div>
            <button type="button" style="display: none;"class="btn btn-green btn-withdraw-secret"><span>Вывести</span></button>
             <div class="main-right">
               <div class="main-right-game">
                    <div class="skin-bar-l">
                    	<div class="skin-bar-l-ss">
                      @if($bet)
                        @if($bet['status'] == 0)
                         <img id="wonitem" class="one" src="https://steamcommunity-a.akamaihd.net/economy/image/{{$betskin}}/179fx179f">
                        @else
                         <img id="wonitem" src="https://steamcommunity-a.akamaihd.net/economy/image/{{$wonskin}}/179fx179f">
                        @endif
                      @else

                      @endif
                        </div>
                    </div>
                    <div class="skin-bar-r">
                    	<div class="skin-bar-r-one">
                            <div id="thbetsuser" class="skin-bar-r-one-l">{{$betusero}}.<b>{{$betusert}}</b>
                              <b class="twet r">Ставка</b>
                            </div>
                            <i class="fa fa-angle-double-right" aria-hidden="true"></i>
                            <div id="thwinsuser" class="skin-bar-r-one-l">{{$wonusero}}.<b>{{$wonusert}}</b>
                               <b class="twet">Выигрыш</b></div>
                            </div>
                    	<div class="skin-bar-r-two">
                            <button onclick="var x = ($('.skin-bar-r-three-val input').val(1.10));">x1.1</button>
                            <button onclick="var x = ($('.skin-bar-r-three-val input').val(1.20));">x1.2</button>
                            <button onclick="var x = ($('.skin-bar-r-three-val input').val(1.50));">x1.5</button>
                            <button class="active" onclick="var x = ($('.skin-bar-r-three-val input').val(2.00));">x2.0</button>
                        </div>
                    	<div class="skin-bar-r-three">
                            <div class="skin-bar-r-three-val">
                                <input id="betout" value="2.00" type="text" autocomplete="off">
                            </div>
                            <div class="skin-bar-r-three-inp">
                               <button type="button" class="btn btn-green btn-play" style="@if(!is_null($bet)) display : none; @endif"><span>Начать</span></button>
                            <button type="button" class="btn btn-green btn-withdraw " style="@if(is_null($bet)) display : none; @endif"><span>Вывести</span></button>

                          
                            </div>
                        </div>
                    	
                    </div>
               </div>
                <div class="main-right-game-info">
                  <div class="gcars">
                    @foreach($history as $m)
                        <a style="border: 2px solid;background: {{$m->color}}29; border-color: {{$m->color}};">{{ number_format($m->multiplier, 2, '.', '') }}x</a>
                    @endforeach
                  </div>
               </div>
                <div id="bets" class="main-right-game-bets">
                 @foreach($game['bets'] as $bet)
                 <div class="main-right-game-bets-el">
                    <div class="left">
                        <div class="main-right-game-bets-el-img">
                         <img src="{{ $bet['user']['avatar'] }}">
                        </div>
                         <div class="main-right-game-bets-el-items">
                            @foreach($bet['items'] as $r)
                         <img src="https://steamcommunity-a.akamaihd.net/economy/image/{{ $r['image'] }}/179fx179f ">
                            @endforeach
                        </div>
                    </div>
                    @if($bet['status'] == 1)
                    <div class="right">
                        <span class="bet">$<b>{{ $bet['price'] }}</b></span>
                        <span class="kf">{{ $bet['withdraw'] }}x</span>
                        <span class="win">${{ $bet['won'] }}</span>
                        <span style="margin: 0px">
                         <img src="">
                        </span>
                    </div>
                    @else
                    <div class="right">
                        <span class="bet">$<b>{{ $bet['price'] }}</b></span>
                        <span style="margin-top: 10px" class="inr">В раунде</span>                      
                    </div>
                    @endif
                 </div>
                 @endforeach
             </div>

               </div>
            </div>
             <div class="mobile-menu">
                <a id="mobile-main" class="mobile-menu-el"><i class="fa fa-gamepad" aria-hidden="true"></i>Игра</a>
                <a id="mobile-invent" class="mobile-menu-el"> <i class="fa fa-briefcase" aria-hidden="true"></i>Инвентарь</a>
                <a 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>
$("#home").addClass('active');
$("#home i").addClass('active');
$("#home a").addClass('activeer');
$("#mobile-main").addClass('active');
$("#mobile-main i").addClass('active');
</script>
@endsection