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

      <div class="row">
        <div class="col-md-12">
          <h2 class="page-title">Dashboard</h2>
		  
		  <p>Asia/Calcutta
 - Thu Jan 30, 2025 11:42 pm</p>
          <div class="row top-summary">
            <div class="col-lg-3 col-md-6">
              <div class="widget lightblue-1">
                <div class="widget-content padding">
                  <div class="widget-icon"> </div>
                  <div class="text-box">
                    <p class="maindata">TOTAL <b>Users</b></p>
                    <h2><span data-duration="3000" data-value="25153" class="animate-number">{{ isset($data['userCount'])?$data['userCount']:0 }}</span></h2>
                    <i class="fa fa-user fa-4x f-r" aria-hidden="true"></i>
                    <div class="clearfix"></div>
                  </div>
                </div>
                <div class="widget-footer">
                  <div class="row">
                    <div class="col-sm-12"> &nbsp; </div>
                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-6">
              <div class="widget green-1">
                <div class="widget-content padding">
                  <div class="widget-icon"> </div>
                  <div class="text-box">
                    <p class="maindata">TOTAL <b>Coupons</b></p>
                    <h2><span data-duration="3000" data-value="6399" class="animate-number">{{ isset($data['couponCount'])?$data['couponCount']:0 }}</span></h2>
                    <i class="fa fa-ticket fa-4x f-r" aria-hidden="true"></i>
                    <div class="clearfix"></div>
                  </div>
                </div>
                <div class="widget-footer">
                  <div class="row">
                    <div class="col-sm-12"> &nbsp; </div>
                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-6">
              <div class="widget orange-4">
                <div class="widget-content padding">
                  <div class="widget-icon"> </div>
                  <div class="text-box">
                    <p class="maindata">TOTAL <b>Offers</b></p>
                    <h2><span data-duration="3000" data-value="70389" class="animate-number">{{ isset($data['offerCount'])? $data['offerCount']:0 }}</span></h2>
                    <i class="fa fa-certificate fa-4x f-r" aria-hidden="true"></i>
                    <div class="clearfix"></div>
                  </div>
                </div>
                <div class="widget-footer">
                  <div class="row">
                    <div class="col-sm-12"> &nbsp; </div>
                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-6">
              <div class="widget darkblue-2">
                <div class="widget-content padding">
                  <div class="widget-icon"> </div>
                  <div class="text-box">
                    <p class="maindata">TOTAL <b>Packages</b></p>
                    <h2><span data-duration="3000" data-value="18648" class="animate-number">{{ isset($data['packageCount'])?$data['packageCount']:0 }}</span></h2>
                    <i class="fa fa-area-chart fa-4x f-r" aria-hidden="true"></i>
                    <div class="clearfix"></div>
                  </div>
                </div>
                <div class="widget-footer">
                  <div class="row">
                    <div class="col-sm-12"> &nbsp; </div>
                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6">
              <div id="myCarousel" class="carousel slide" data-ride="carousel"> 
                <!-- Indicators -->
                <ol class="carousel-indicators">
                  <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                  <li data-target="#myCarousel" data-slide-to="1"></li>
                  <li data-target="#myCarousel" data-slide-to="2"></li>
                  <li data-target="#myCarousel" data-slide-to="3"></li>
                </ol>
                
                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                  <div class="item active"> <img src="{{ asset('img/Gallery01.png') }}" width="515" height="407"  alt=""/>
                    <div class="carousel-caption">
                      <h3>God’s Own Kerala</h3>

                      <p>Most Favourite Place: {{ isset($data['favourite_hotspot']->name)?$data['favourite_hotspot']->name:'NA' }}</p>

                    </div>
                  </div>
                  <div class="item"> <img src="{{ asset('img/Gallery02.png') }}" width="515" height="407"  alt=""/>
                    <div class="carousel-caption">
                      <h3>God’s Own Kerala</h3>

                      <p>Most Played Game: {{ isset($data['most_frequent_game']->name)?$data['most_frequent_game']->name:'NA' }}</p>

                    </div>
                  </div>
                  <div class="item"> <img src="{{ asset('img/Gallery03.png') }}" width="515" height="407"  alt=""/>
                    <div class="carousel-caption">
                      <h3>God’s Own Kerala</h3>

                      <p>Most user's Country: {{ isset($data['most_users_country']->country_name)? $data['most_users_country']->country_name:'NA' }}</p>

                    </div>
                  </div>
                  <div class="item"> <img src=" {{ asset('img/Gallery04.png') }}" width="515" height="407"  alt=""/>
                    <div class="carousel-caption">
                      <h3>God’s Own Kerala</h3>

                      <p>Most Frequent Player: {{ isset($data['most_frequent_player']->email)?$data['most_frequent_player']->fullname.' < '.$data['most_frequent_player']->email .' > ':'NA'}} </p>

                    </div>
                  </div>
                </div>
                
                <!-- Left and right controls --> 
                <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>
            </div>
            <div class="col-md-6">
              <div class="panel">
                <div class="panel-header">
                  <div class="caption"> <i class="fa fa-clock-o fa-1x"></i>Recent Leaders Statistics</div>
                </div>
                <div class="panel-body recent_scroll">
                  <div class="list-group"> 

                   <a class="list-group-item" ><i class="fa fa-fw fa-check"></i> Most Favourite Place: {{ isset($data['favourite_hotspot']->name)?$data['favourite_hotspot']->name:'NA' }}</</a>
                   <a class="list-group-item" ><i class="fa fa-fw fa-check"></i> Most Played Game: {{ isset($data['most_frequent_game']->name)?$data['most_frequent_game']->name:'NA' }}</a>
                   <a class="list-group-item" ><i class="fa fa-fw fa-check"></i> Most user's Country: {{ isset($data['most_users_country']->country_name)?$data['most_users_country']->country_name:'NA' }}</a>
                   <a class="list-group-item" ><i class="fa fa-fw fa-check"></i> Most Frequent Player: {{ isset($data['most_frequent_player']->email)?$data['most_frequent_player']->fullname.' < '.$data['most_frequent_player']->email .' > ':'NA'}} </a>

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

@endsection