@extends("Admin.template")
@section("content")



    <div class="content">
        {{--
         <div class="row">
             <div class="col-sm-6 col-xl-3">
                 <div class="card card-body">
                     <div class="media">
                         <div class="mr-3 align-self-center">
                             <i class="fas fa-gamepad fa-3x   text-success-400"></i>
                         </div>





                         <div class="media-body text-right">
                             <h3 class="font-weight-semibold mb-0">{{$Games}}</h3>
                             <span class="text-uppercase font-size-sm text-muted">Games </span>
                         </div>
                     </div>
                 </div>
             </div>

             <div class="col-sm-6 col-xl-3">
                 <div class="card card-body">
                     <div class="media">
                         <div class="mr-3 align-self-center">
                             <i class="icon-film4 icon-3x text-indigo-400"></i>
                         </div>

                         <div class="media-body text-right">
                             <h3 class="font-weight-semibold mb-0">{{$Videos}}</h3>
                             <span class="text-uppercase font-size-sm text-muted">Videos</span>
                         </div>
                     </div>
                 </div>
             </div>

             <div class="col-sm-6 col-xl-3">
                 <div class="card card-body">
                     <div class="media">
                         <div class="media-body">
                             <h3 class="font-weight-semibold mb-0">{{$Android}}</h3>


                             <span class="text-uppercase font-size-sm text-muted">Android</span>
                         </div>

                         <div class="ml-3 align-self-center">
                             <i class="icon-android icon-3x text-blue-400"></i>
                         </div>
                     </div>
                 </div>
             </div>

             <div class="col-sm-6 col-xl-3">
                 <div class="card card-body">
                     <div class="media">
                         <div class="media-body">
                             <h3 class="font-weight-semibold mb-0">{{$Ios}}</h3>
                             <span class="text-uppercase font-size-sm text-muted">IOS</span>
                         </div>

                         <div class="ml-3 align-self-center">
                             <i class="icon-iphone  icon-3x text-danger-400"></i>
                         </div>
                     </div>
                 </div>
             </div>
         </div>


         <div class="row">
             <div class="col-sm-6 col-xl-3">
                 <div class="card card-body bg-blue-400 has-bg-image">
                     <div class="media">
                         <div class="media-body">
                             <h3 class="mb-0">54,390</h3>
                             <span class="text-uppercase font-size-xs">total comments</span>
                         </div>

                         <div class="ml-3 align-self-center">
                             <i class="icon-bubbles4 icon-3x opacity-75"></i>
                         </div>
                     </div>
                 </div>
             </div>

             <div class="col-sm-6 col-xl-3">
                 <div class="card card-body bg-danger-400 has-bg-image">
                     <div class="media">
                         <div class="media-body">
                             <h3 class="mb-0">389,438</h3>
                             <span class="text-uppercase font-size-xs">total orders</span>
                         </div>

                         <div class="ml-3 align-self-center">
                             <i class="icon-bag icon-3x opacity-75"></i>
                         </div>
                     </div>
                 </div>
             </div>

             <div class="col-sm-6 col-xl-3">
                 <div class="card card-body bg-success-400 has-bg-image">
                     <div class="media">
                         <div class="mr-3 align-self-center">
                             <i class="icon-pointer icon-3x opacity-75"></i>
                         </div>

                         <div class="media-body text-right">
                             <h3 class="mb-0">652,549</h3>
                             <span class="text-uppercase font-size-xs">total clicks</span>
                         </div>
                     </div>
                 </div>
             </div>

             <div class="col-sm-6 col-xl-3">
                 <div class="card card-body bg-indigo-400 has-bg-image">
                     <div class="media">
                         <div class="mr-3 align-self-center">
                             <i class="icon-enter6 icon-3x opacity-75"></i>
                         </div>

                         <div class="media-body text-right">
                             <h3 class="mb-0">245,382</h3>
                             <span class="text-uppercase font-size-xs">total visits</span>
                         </div>
                     </div>
                 </div>
             </div>
         </div>


 --}}
    </div>
@endsection