@extends('app')
@section('title') Leaderboard @stop	
@section('content')

      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
          <h2 class="page-title">Leaderboard</h2>
          
          <!-- Zero Configuration Table -->
          <div class="panel">
            <div class="panel-body">
              <div class="">
                <ul class="nav nav-tabs ul-edit responsive">
                  <li class="active"><a data-toggle="tab" href="#tab-activity"><i class="fa fa-gamepad"></i>&nbsp;
                    Game Details</a></li>
                  
                </ul>
                <div class="tab-content" id="generalTabContent">
                  <div class="tab-pane fade active in" id="tab-activity">
                    <div class="row block">
                      <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="table-responsive">
                          <form role="form" class="form-horizontal">
                            <div id="datatables-1_wrapper" class="dataTables_wrapper form-inline">
                              <div class="row">
                                <div class="col-xs-12 col-md-6">
                                  <div class="col-xs-12 col-md-6 PLR0">
                                     <div class="dataTables_length" id="datatables-2_length">
                                      <label>Choose Hotspot</label>
									  
                                        <select id="hotspots" name="hotspots"  aria-controls="datatables-2" class="form-control input-sm">
										@foreach($data['hotspots'] as $key => $value)
                                          <option value="{{$value}}" {{ ($data['hotspotId'] == $value) ? 'selected' : '' }}>{{ $key }}</option>  
										@endforeach
                                        </select>
                                       
                                    </div>
                                  </div>                              
                                </div>                               
                              </div>
                              <div class="row">
                                 <div class="col-md-12 top-head">
                                  <h3>{{ $data['hotspotName'] }}</h3>
                                </div>
                                <div class="col-md-12 top-head">
                                  <h4>Top 5 List</h4>
                                </div>
                                <div class="col-md-12 PLR0">
								@foreach($data['leaderboard'] as $leaderboard )
                                  <div class="col-md-3">
                                    <div class="list-group"> 
                                      <a href="#" class="list-group-item top-list-item"><span class="top-list">{{$leaderboard['rank']}}</span></a> 
                                      <a href="#" class="list-group-item top-list-item">
                                        <div> <i class="fa fa-fw fa-user"></i>&nbsp;{{$leaderboard['name']}}</div> 
                                        <div class="top-points"><i class="fa fa-trophy"></i>&nbsp;{{$leaderboard['total_score']}} Points</div>
                                      </a>
                                    </div>
                                  </div>
                                  @endforeach
                                </div>
                              </div>
                              <table width="100%" cellspacing="0" class="table table-striped table-bordered dataTable" id="datatables-1" role="grid" aria-describedby="datatables-1_info" style="width: 100%;">
                                <thead>
                                  <tr role="row">
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 288px;" aria-label="Coupen Name: activate to sort column ascending">Rank</th>
                                    <th class="sorting_asc" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 446px;" aria-sort="ascending" aria-label="Name: activate to sort column ascending">Name</th>
                                    <th class="sorting" tabindex="0" aria-controls="datatables-1" rowspan="1" colspan="1" style="width: 230px;" aria-label="Coupen Code: activate to sort column ascending">Points</th>
                                  </tr>
                                </thead>
                               <!--  <tfoot>
                                  <tr>
                                    <th rowspan="1" colspan="1">Rank</th>
                                    <th rowspan="1" colspan="1">Name</th>
                                    <th rowspan="1" colspan="1">Points</th>
                                  </tr>
                                </tfoot> -->
                                <tbody>
								@foreach($data['allScores'] as $score)
                                  <tr role="row" class="odd">
                                    <td>{{ $score['rank'] }}</td>
                                    <td class="sorting_1">{{ $score['name'] }}</td>
                                    <td>{{ $score['total_score'] }}</td>
                                  </tr>@endforeach                                 
                                </tbody>
                              </table>                             
                            </div>
							<input type="hidden" id="url" value={{ url('admin/leaderBoard') }}/>
                          </form>
                        </div>
                      </div>
                    </div>
                  </div>                
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

@endsection