@extends('userDashboard.layouts.main')

@section('content')

            <div class="main-content">
              
                <div class="page-content">
                    <div class="container-fluid">

                        <!-- start page title -->
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box d-flex align-items-center justify-content-between">
                                    <h4 class="mb-0">Welcome !</h4>

                                    <!-- <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Checkers Game</a></li>
                                            
                                        </ol>
                                    </div> -->

                                </div>
                            </div>
                        </div>
                        <!-- end page title -->
                        <section class="user-dashboard-banner-section mb-5">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="user-dashboard-banner">
                                           <div class="profile-div">
                                           <div class="row">
                                              <div class="col-md-4">
                                                <ul class="game-rating">
                                                    <li>
                                                        <p>Total GAme</p>
                                                        <h5>1956</h5>
                                                    </li>
                                                    <li>
                                                        <p>Win</p>
                                                        <h5>85%</h5>
                                                    </li>
                                                    <li>
                                                        <p>Loss</p>
                                                        <h5>25%</h5>
                                                    </li>
                                                </ul>
                                              </div>
                                              <div class="col-md-4 " style="position:relative">
                                                <div class="user-img-div" >
                                                    <img src="{{asset('admin/assets/images/userlog-main-img.png')}}" class="img-fluid" alt="">
                                                    <h4 class="text-center">John Doe</h4>
                                                </div>
                                              </div>
                                              <div class="col-md-4">
                                                <ul class="banner-location">
                                                    <li>
                                                        <p>Location</p>
                                                        <div class="d-flex align-items-center flag-div">
                                                            <img src="{{asset('admin/assets/images/usa-flag.png')}}" class="usa-flag img-fluid" alt="">
                                                            <h3>USA</h3>
                                                        </div>
                                                    </li>
                                                    <li>
                                                    <img src="{{asset('admin/assets/images/chess-board-11.png')}}" class="chess-flag img-fluid" alt="">
                                                    </li>
                                                    <li>
                                                    <img src="{{asset('admin/assets/images/twitter-img.png')}}" class="twitter-flag img-fluid" alt="">
                                                    </li>
                                                </ul>
                                              </div>
                                            </div>
                                           </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                        
                        
                        
                        
                        <!--NEW WORK FROM HERE-->
                        
                        
                          <section>
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-md-4">
                                       <div class="row">
                                        <div class="col-md-12">
                                        <div class="about-main-div">
                                            <div class="about-header d-flex justify-content-between">
                                                <h4><img src="https://custom.mystagingserver.site:2083/cpsess4178481316/viewer/home%2fcutommystgngs%2fpublic_html%2fcheckers%2fpublic%2fadmin%2fassets%2fimages/user-log.png" class="img-fluid" alt=""> ABOUT</h4>
                                                <div>
                                                
                                                <div class="dropdown d-inline-block">
                            <button type="button" class="btn header-item noti-icon" id="page-header-notifications-dropdown"
                                data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <img src="./assets/images/more.png" class="more img-fluid" alt="">
                                <!-- <span class="noti-dot bg-danger rounded-pill">3</span> -->
                            </button>
                            <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0"
                                aria-labelledby="page-header-notifications-dropdown">
                                <div class="p-3">
                                    <div class="row align-items-center">
                                        <div class="col">
                                            <h5 class="m-0 font-size-15"> Notifications </h5>
                                        </div>
                                        <div class="col-auto">
                                            <a href="javascript:void(0);" class="small"> Mark all as read</a>
                                        </div>
                                    </div>
                                </div>
                                <div data-simplebar style="max-height: 250px;">
                                    <a href="#" class="text-reset notification-item">
                                        <div class="d-flex border-bottom align-items-start bg-light">
                                            <div class="flex-shrink-0">
                                                <img src="assets/images/users/avatar-3.jpg"
                                                class="me-3 rounded-circle avatar-sm" alt="user-pic">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="mb-1">Justin Verduzco</h6>
                                                <div class="text-muted">
                                                    <p class="mb-1 font-size-13">Your task changed an issue from "In Progress" to <span class="badge badge-soft-success">Review</span></p>
                                                    <p class="mb-0 font-size-10 text-uppercase fw-bold"><i class="mdi mdi-clock-outline"></i> 1 hours ago</p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="#" class="text-reset notification-item">
                                        <div class="d-flex border-bottom align-items-start">
                                            <div class="flex-shrink-0">
                                                <div class="avatar-sm me-3">
                                                    <span class="avatar-title bg-primary rounded-circle font-size-16">
                                                        <i class="bx bx-shopping-bag"></i>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="mb-1">New order has been placed</h6>
                                                <div class="text-muted">
                                                    <p class="mb-1 font-size-13">Open the order confirmation or shipment confirmation.</p>
                                                    <p class="mb-0 font-size-10 text-uppercase fw-bold"><i class="mdi mdi-clock-outline"></i> 5 hours ago</p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="#" class="text-reset notification-item">
                                        <div class="d-flex border-bottom align-items-start">
                                            <div class="flex-shrink-0">
                                                <div class="avatar-sm me-3">
                                                    <span class="avatar-title bg-soft-success text-success rounded-circle font-size-16">
                                                        <i class="bx bx-cart"></i>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="mb-1">Your item is shipped</h6>
                                                <div class="text-muted">
                                                    <p class="mb-1 font-size-13">Here is somthing that you might light like to know.</p>
                                                    <p class="mb-0 font-size-10 text-uppercase fw-bold"><i class="mdi mdi-clock-outline"></i> 1 day ago</p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>

                                    <a href="#" class="text-reset notification-item">
                                        <div class="d-flex border-bottom align-items-start">
                                            <div class="flex-shrink-0">
                                                <img src="assets/images/users/avatar-4.jpg"
                                                    class="me-3 rounded-circle avatar-sm" alt="user-pic">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="mb-1">Salena Layfield</h6>
                                                <div class="text-muted">
                                                    <p class="mb-1 font-size-13">Yay ! Everything worked!</p>
                                                    <p class="mb-0 font-size-10 text-uppercase fw-bold"><i class="mdi mdi-clock-outline"></i> 3 days ago</p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="p-2 border-top d-grid">
                                    <a class="btn btn-sm btn-link font-size-14 btn-block text-decoration-underline fw-bold text-center" href="javascript:void(0)">
                                        <span>View All <i class='bx bx-right-arrow-alt'></i></span>
                                    </a>
                                </div>
                            </div>
                        </div>

                                                


                                                </div>
                                            </div>
                                            <p class="description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Beatae delectus voluptas cupiditate dolore quae ad corrupti, ea libero atque adipisci! dolor sit amet consectetur adipisicing elit. Beatae delectus voluptas cupiditate dolore quae ad corrupti, ea libero atque adipisci</p>
                                <div class="new-profile-prize-div mb-4">
                                    <div class="profile">
                                       <div>
                                       <img src="https://custom.mystagingserver.site/abdull-game-dashboard/user-dashboard/v1/assets/images/user-11.png" class="img-fluid" alt="">
                                       </div>
                                        <div class="profile-name">
                                            <h4>NEW PROFILE PRIZE</h4>
                                            <p>Lorem Ipsum dollar</p>
                                        </div>
                                        
                                    </div>
                                    <div class="pb-5">
                                            <img src="https://custom.mystagingserver.site/abdull-game-dashboard/user-dashboard/v1/assets/images/location-pin-img.png" class="w-100 img-fluid" alt="">
                                        </div>
                                </div>
                                <div class="balance-div" style="border-bottom: 1px solid #333; padding-bottom:20px">
                                    <h6>Balance</h6>
                                    <div class="d-flex align-items-center b">
                                        <img src="https://custom.mystagingserver.site/abdull-game-dashboard/user-dashboard/v1/assets/images/balance.png" class="img-fluid" alt="">
                                        <h3 class="b-inner">321.00 sol</h3>
                                    </div>
                                </div>
                                <div class="balance-div" >
                                    <h6>Location</h6>
                                    <div class="d-flex align-items-center b">
                                        <img src="https://custom.mystagingserver.site/abdull-game-dashboard/user-dashboard/v1/assets/images/location-img.png" class="img-fluid" alt="">
                                        <h3 class="b-inner">USA, Alabama</h3>
                                    </div>
                                </div>
                                <div class="edit-btn py-5">
                                    <a href="javascript:;">Edit Profile</a>
                                </div>
                                        </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="checkers-pay-div">
                                            <div class="inner-content" style="display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 20px;" >
                                                <h2>CHECKERS</h2>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore molestias beatae amet et? dolorum aspernatur natus accusamus consequatur. Perspiciatis, deserunt non?</p>
                                                <div class="pay-btn mt-4">
                                                    <a href="javascript:;">PAY NOW</a>
                                                </div>
                                            </div>
                                            </div>
                                        </div>
                                       </div>
                                    </div>

                                    <div class="col-md-8">
                                        <div class="row">
                                        <div class="col-md-6">
                                        <div class="about-main-div">
                                            <div class="about-header">

                                            <div class="d-flex justify-content-between">
                                                <h4><img src="https://custom.mystagingserver.site/abdull-game-dashboard/user-dashboard/v1/assets/images/money-bag.png" class="img-fluid" alt="">PROFIT</h4>
                                                <div>
                                                <div class="dropdown d-inline-block">
                            <button type="button" class="btn header-item noti-icon" id="page-header-notifications-dropdown"
                                data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <img src="./assets/images/more.png" class="more img-fluid" alt="">
                                <!-- <span class="noti-dot bg-danger rounded-pill">3</span> -->
                            </button>
                            <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0"
                                aria-labelledby="page-header-notifications-dropdown">
                                <div class="p-3">
                                    <div class="row align-items-center">
                                        <div class="col">
                                            <h5 class="m-0 font-size-15"> Notifications </h5>
                                        </div>
                                        <div class="col-auto">
                                            <a href="javascript:void(0);" class="small"> Mark all as read</a>
                                        </div>
                                    </div>
                                </div>
                                <div data-simplebar style="max-height: 250px;">
                                    <a href="#" class="text-reset notification-item">
                                        <div class="d-flex border-bottom align-items-start bg-light">
                                            <div class="flex-shrink-0">
                                                <img src="assets/images/users/avatar-3.jpg"
                                                class="me-3 rounded-circle avatar-sm" alt="user-pic">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="mb-1">Justin Verduzco</h6>
                                                <div class="text-muted">
                                                    <p class="mb-1 font-size-13">Your task changed an issue from "In Progress" to <span class="badge badge-soft-success">Review</span></p>
                                                    <p class="mb-0 font-size-10 text-uppercase fw-bold"><i class="mdi mdi-clock-outline"></i> 1 hours ago</p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="#" class="text-reset notification-item">
                                        <div class="d-flex border-bottom align-items-start">
                                            <div class="flex-shrink-0">
                                                <div class="avatar-sm me-3">
                                                    <span class="avatar-title bg-primary rounded-circle font-size-16">
                                                        <i class="bx bx-shopping-bag"></i>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="mb-1">New order has been placed</h6>
                                                <div class="text-muted">
                                                    <p class="mb-1 font-size-13">Open the order confirmation or shipment confirmation.</p>
                                                    <p class="mb-0 font-size-10 text-uppercase fw-bold"><i class="mdi mdi-clock-outline"></i> 5 hours ago</p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="#" class="text-reset notification-item">
                                        <div class="d-flex border-bottom align-items-start">
                                            <div class="flex-shrink-0">
                                                <div class="avatar-sm me-3">
                                                    <span class="avatar-title bg-soft-success text-success rounded-circle font-size-16">
                                                        <i class="bx bx-cart"></i>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="mb-1">Your item is shipped</h6>
                                                <div class="text-muted">
                                                    <p class="mb-1 font-size-13">Here is somthing that you might light like to know.</p>
                                                    <p class="mb-0 font-size-10 text-uppercase fw-bold"><i class="mdi mdi-clock-outline"></i> 1 day ago</p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>

                                    <a href="#" class="text-reset notification-item">
                                        <div class="d-flex border-bottom align-items-start">
                                            <div class="flex-shrink-0">
                                                <img src="assets/images/users/avatar-4.jpg"
                                                    class="me-3 rounded-circle avatar-sm" alt="user-pic">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="mb-1">Salena Layfield</h6>
                                                <div class="text-muted">
                                                    <p class="mb-1 font-size-13">Yay ! Everything worked!</p>
                                                    <p class="mb-0 font-size-10 text-uppercase fw-bold"><i class="mdi mdi-clock-outline"></i> 3 days ago</p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="p-2 border-top d-grid">
                                    <a class="btn btn-sm btn-link font-size-14 btn-block text-decoration-underline fw-bold text-center" href="javascript:void(0)">
                                        <span>View All <i class='bx bx-right-arrow-alt'></i></span>
                                    </a>
                                </div>
                            </div>
                        </div>
                                                </div>
                                            </div>




                                            </div>
                                                        <p class="description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Beatae delectus voluptas cupiditate dolore quae ad corrupti, ea libero atque adipisci! dolor sit amet consectetur adipisicing elit. Beatae delectus voluptas cupiditate dolore quae ad corrupti, ea libero atque adipisci</p>
                                            <div class="tab-div">
                                                <ul>
                                                    <li class="active">PROFIT</li>
                                                    <li>ALL</li>
                                                </ul>
                                                <div style="border:1px solid #279bab;;border-radius:20px;margin-top:20px;padding:20px">
                                                <div class="tab-div-content">
                                                    <div class="d-flex justify-content-between">
                                                        <h4>25.30 SOL</h4>
                                                        <img src="https://custom.mystagingserver.site/abdull-game-dashboard/user-dashboard/v1/assets/images/rating-per.png" class="img-fluid" alt="">
                                                    </div>
                                                </div>
                                                <div class="ellipse-chart pt-5">
                                                    <img src="https://custom.mystagingserver.site/abdull-game-dashboard/user-dashboard/v1/assets/images/ellipse-chart-img.png" class="img-fluid w-100" alt="">
                                                </div>
                                                </div>
                                             </div>
                              
                             
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="about-main-div">
                                            <div class="about-header">
                                                <div class="d-flex justify-content-between">
                                                    <h4><img src="https://custom.mystagingserver.site/abdull-game-dashboard/user-dashboard/v1/assets/images/money-bag.png" class="img-fluid" alt="">ACTIVITY</h4>
                                                    <div>
                                                    <div class="dropdown d-inline-block">
                            <button type="button" class="btn header-item noti-icon" id="page-header-notifications-dropdown"
                                data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <img src="./assets/images/more.png" class="more img-fluid" alt="">
                                <!-- <span class="noti-dot bg-danger rounded-pill">3</span> -->
                            </button>
                            <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0"
                                aria-labelledby="page-header-notifications-dropdown">
                                <div class="p-3">
                                    <div class="row align-items-center">
                                        <div class="col">
                                            <h5 class="m-0 font-size-15"> Notifications </h5>
                                        </div>
                                        <div class="col-auto">
                                            <a href="javascript:void(0);" class="small"> Mark all as read</a>
                                        </div>
                                    </div>
                                </div>
                                <div data-simplebar style="max-height: 250px;">
                                    <a href="#" class="text-reset notification-item">
                                        <div class="d-flex border-bottom align-items-start bg-light">
                                            <div class="flex-shrink-0">
                                                <img src="assets/images/users/avatar-3.jpg"
                                                class="me-3 rounded-circle avatar-sm" alt="user-pic">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="mb-1">Justin Verduzco</h6>
                                                <div class="text-muted">
                                                    <p class="mb-1 font-size-13">Your task changed an issue from "In Progress" to <span class="badge badge-soft-success">Review</span></p>
                                                    <p class="mb-0 font-size-10 text-uppercase fw-bold"><i class="mdi mdi-clock-outline"></i> 1 hours ago</p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="#" class="text-reset notification-item">
                                        <div class="d-flex border-bottom align-items-start">
                                            <div class="flex-shrink-0">
                                                <div class="avatar-sm me-3">
                                                    <span class="avatar-title bg-primary rounded-circle font-size-16">
                                                        <i class="bx bx-shopping-bag"></i>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="mb-1">New order has been placed</h6>
                                                <div class="text-muted">
                                                    <p class="mb-1 font-size-13">Open the order confirmation or shipment confirmation.</p>
                                                    <p class="mb-0 font-size-10 text-uppercase fw-bold"><i class="mdi mdi-clock-outline"></i> 5 hours ago</p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="#" class="text-reset notification-item">
                                        <div class="d-flex border-bottom align-items-start">
                                            <div class="flex-shrink-0">
                                                <div class="avatar-sm me-3">
                                                    <span class="avatar-title bg-soft-success text-success rounded-circle font-size-16">
                                                        <i class="bx bx-cart"></i>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="mb-1">Your item is shipped</h6>
                                                <div class="text-muted">
                                                    <p class="mb-1 font-size-13">Here is somthing that you might light like to know.</p>
                                                    <p class="mb-0 font-size-10 text-uppercase fw-bold"><i class="mdi mdi-clock-outline"></i> 1 day ago</p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>

                                    <a href="#" class="text-reset notification-item">
                                        <div class="d-flex border-bottom align-items-start">
                                            <div class="flex-shrink-0">
                                                <img src="assets/images/users/avatar-4.jpg"
                                                    class="me-3 rounded-circle avatar-sm" alt="user-pic">
                                            </div>
                                            <div class="flex-grow-1">
                                                <h6 class="mb-1">Salena Layfield</h6>
                                                <div class="text-muted">
                                                    <p class="mb-1 font-size-13">Yay ! Everything worked!</p>
                                                    <p class="mb-0 font-size-10 text-uppercase fw-bold"><i class="mdi mdi-clock-outline"></i> 3 days ago</p>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="p-2 border-top d-grid">
                                    <a class="btn btn-sm btn-link font-size-14 btn-block text-decoration-underline fw-bold text-center" href="javascript:void(0)">
                                        <span>View All <i class='bx bx-right-arrow-alt'></i></span>
                                    </a>
                                </div>
                            </div>
                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                                        <p class="description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Beatae delectus voluptas cupiditate dolore quae ad corrupti, ea libero atque adipisci! dolor sit amet consectetur adipisicing elit. Beatae delectus voluptas cupiditate dolore quae ad corrupti, ea libero atque adipisci</p>
                                            <div class="tab-div">
                                                <ul>
                                                    <li >PROFIT</li>
                                                    <li class="active">ALL</li>
                                                </ul>
                                                <div style="border:1px solid #279bab;;border-radius:20px;margin-top:20px;padding:20px">
                                                <div class="tab-div-content">
                                                    <div class="d-flex justify-content-between">
                                                        <h4>155 HOURS</h4>
                                                        <img src="https://custom.mystagingserver.site/abdull-game-dashboard/user-dashboard/v1/assets/images/rating-per.png" class="img-fluid" alt="">
                                                    </div>
                                                </div>
                                                <div class="ellipse-chart pt-5">
                                                    <img src="https://custom.mystagingserver.site/abdull-game-dashboard/user-dashboard/v1/assets/images/ellipse-chart-img.png" class="img-fluid w-100" alt="">
                                                </div>
                                                </div>
                                             </div>
                              
                             
                                        </div>
                                    </div>

                                  
                                    <div class="col-xl-12">
                                <div class="card user-table-div my-5">
                                    <div class="card-header">
                                        <div class="d-flex flex-wrap align-items-center">
                                            <h5 class="card-title mb-0"><img src="https://custom.mystagingserver.site/abdull-game-dashboard/user-dashboard/v1/assets/images/clock-img.png" class="img-fluid" alt=""> GAME HISTORY</h5>
                                            <div class="ms-auto">
                                                <div class="dropdown">
                                                    <a class="dropdown-toggle text-reset" href="#" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                        <span class="text-muted font-size-12"></span> <span class="fw-medium"> All Time</span>
                                                    </a>
                                                    <div class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">
                                                        <a class="dropdown-item" href="#">Monthly</a>
                                                        <a class="dropdown-item" href="#">Yearly</a>
                                                        <a class="dropdown-item" href="#">All TIme</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body pt-xl-1">
                                        <div class="table-responsive">
                                            <table class="table table-striped table-centered align-middle table-nowrap mb-0">
                                                <thead >
                                                    <tr>
                                                        <th>No</th>
                                                        <th>GAME ROOM</th>
                                                        <th>GAME ROOM</th>
                                                        <th>MULTIPLE</th>                                       
                                                        <!-- <th>Status</th> -->
                                                        <th>Edit</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>1.</td>
                                                        <td>  <img src="https://custom.mystagingserver.site/abdull-game-dashboard/user-dashboard/v1/assets//images/hist-1.png" class="img-fluid mr-3" alt=""><a href="javascript: void(0);" class="text-body">DJI Mini 3 Pro</a> </td>
                                                        <td style="color:#fff">
                                                            <i class=" text-white font-size-10 me-1 align-middle " ></i> 25,00 SOL
                                                        </td>
                                                        <td>
                                                           
                                                          LOREM IPSUM
                                                        </td>
                                                    
                                                        
                                                        <!-- <td style="width: 130px;">
                                                            <div class="progress" style="height: 6px;">
                                                                <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="75">
                                                                </div>
                                                            </div>
                                                        </td> -->
                                                        <td>
                                                            <div class="dropdown">
                                                                <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
                                                                    <i class="mdi mdi-dots-vertical"></i>
                                                                </a>
                        
                                                                <div class="dropdown-menu dropdown-menu-end">
                                                                    <a class="dropdown-item" href="#">Action</a>
                                                                    <a class="dropdown-item" href="#">Another action</a>
                                                                    <a class="dropdown-item" href="#">Something else here</a>
                                                                    <div class="dropdown-divider"></div>
                                                                    <a class="dropdown-item" href="#">Separated link</a>
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                        
                                                    <tr>
                                                        <td>2.</td>
                                                        <td> <img src="https://custom.mystagingserver.site/abdull-game-dashboard/user-dashboard/v1/assets//images/hist-1.png" class="img-fluid mr-3" alt=""><a href="javascript: void(0);" class="text-body">DJI Mavic 3</a> </td>
                                                        <td style="color:#fff">
                                                            <i class=" text-white font-size-10 me-1 align-middle " ></i> 25,00 SOL
                                                        </td>
                                                        <td>
                                                        LOREM IPSUM
                                                        </td>
                                                        
                                                        <!-- <td style="width: 130px;">
                                                            <div class="progress" style="height: 6px;">
                                                                <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="75">
                                                                </div>
                                                            </div>
                                                        </td> -->
                                                        <td>
                                                            <div class="dropdown">
                                                                <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
                                                                    <i class="mdi mdi-dots-vertical"></i>
                                                                </a>
                        
                                                                <div class="dropdown-menu dropdown-menu-end">
                                                                    <a class="dropdown-item" href="#">Action</a>
                                                                    <a class="dropdown-item" href="#">Another action</a>
                                                                    <a class="dropdown-item" href="#">Something else here</a>
                                                                    <div class="dropdown-divider"></div>
                                                                    <a class="dropdown-item" href="#">Separated link</a>
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                        
                                                    <tr>
                                                        <td>3.</td>
                                                        <td> <img src="https://custom.mystagingserver.site/abdull-game-dashboard/user-dashboard/v1/assets//images/hist-1.png" class="img-fluid mr-3" alt=""><a href="javascript: void(0);" class="text-body">DJI Air 2S</a> </td>
                                                        <td style="color:#fff">
                                                            <i class=" text-white font-size-10 me-1 align-middle " ></i> 25,00 SOL
                                                        </td>
                                                        <td>
                                                        LOREM IPSUM
                                                        </td>
                                                       
                                                        
                                                        <!-- <td style="width: 130px;">
                                                            <div class="progress" style="height: 6px;">
                                                                <div class="progress-bar progress-bar-striped bg-primary" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="75">
                                                                </div>
                                                            </div>
                                                        </td> -->
                                                        <td>
                                                            <div class="dropdown">
                                                                <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
                                                                    <i class="mdi mdi-dots-vertical"></i>
                                                                </a>
                        
                                                                <div class="dropdown-menu dropdown-menu-end">
                                                                    <a class="dropdown-item" href="#">Action</a>
                                                                    <a class="dropdown-item" href="#">Another action</a>
                                                                    <a class="dropdown-item" href="#">Something else here</a>
                                                                    <div class="dropdown-divider"></div>
                                                                    <a class="dropdown-item" href="#">Separated link</a>
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>4.</td>
                                                        <td> <img src="https://custom.mystagingserver.site/abdull-game-dashboard/user-dashboard/v1/assets//images/hist-1.png" class="img-fluid mr-3" alt=""><a href="javascript: void(0);" class="text-body">DJI FPV</a> </td>
                                                        <td style="color:#fff">
                                                            <i class=" text-white font-size-10 me-1 align-middle " ></i> 25,00 SOL
                                                        </td>
                                                        <td>
                                                        LOREM IPSUM
                                                        </td>
                                                     
                                                        
                                                        <!-- <td style="width: 130px;">
                                                            <div class="progress" style="height: 6px;">
                                                                <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="75">
                                                                </div>
                                                            </div>
                                                        </td> -->
                                                        <td>
                                                            <div class="dropdown">
                                                                <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
                                                                    <i class="mdi mdi-dots-vertical"></i>
                                                                </a>
                        
                                                                <div class="dropdown-menu dropdown-menu-end">
                                                                    <a class="dropdown-item" href="#">Action</a>
                                                                    <a class="dropdown-item" href="#">Another action</a>
                                                                    <a class="dropdown-item" href="#">Something else here</a>
                                                                    <div class="dropdown-divider"></div>
                                                                    <a class="dropdown-item" href="#">Separated link</a>
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>5.</td>
                                                        <td> <img src="https://custom.mystagingserver.site/abdull-game-dashboard/user-dashboard/v1/assets//images/hist-1.png" class="img-fluid mr-3" alt=""><a href="javascript: void(0);" class="text-body">DJI Mini 2</a> </td>
                                                        <td style="color:#fff">
                                                            <i class=" text-white font-size-10 me-1 align-middle " ></i> 25,00 SOL
                                                        </td>
                                                        <td>
                                                        LOREM IPSUM
                                                        </td>
                                                    
                                                        
                                                        <!-- <td style="width: 130px;">
                                                            <div class="progress" style="height: 6px;">
                                                                <div class="progress-bar progress-bar-striped bg-pricing" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="75">
                                                                </div>
                                                            </div>
                                                        </td> -->
                                                        <td>
                                                            <div class="dropdown">
                                                                <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true">
                                                                    <i class="mdi mdi-dots-vertical"></i>
                                                                </a>
                        
                                                                <div class="dropdown-menu dropdown-menu-end">
                                                                    <a class="dropdown-item" href="#">Action</a>
                                                                    <a class="dropdown-item" href="#">Another action</a>
                                                                    <a class="dropdown-item" href="#">Something else here</a>
                                                                    <div class="dropdown-divider"></div>
                                                                    <a class="dropdown-item" href="#">Separated link</a>
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>




                                        </div>
                                    </div>

                                    





                                </div>
                            </div>
                        </section>
                        
                        <!-- PREVIOUS WORK COMMENT OUT START    -->
                        
                        <!--<section class="admin-dashboard checkers-pay-div my-5">-->
                        <!--    <div class="container-fluid">-->
                        <!--        <div class="row"> -->
                        <!--               <div class="col-md-6 text-center mx-auto">-->
                        <!--                    <div >-->
                        <!--                    <div class="inner-content">-->
                        <!--                        <h2>CHECKERS DASHBOARD <br> WELCOME BACK, John Doe</h2>-->
                        <!--                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore molestias beatae amet et? dolorum aspernatur natus accusamus consequatur. Perspiciatis, deserunt non?</p>-->
                        <!--                        <div class="pay-btn mt-5">-->
                        <!--                            <a href="javascript:;">View Profile</a>-->
                        <!--                        </div>-->
                        <!--                    </div>-->
                        <!--                    </div>-->
                        <!--                </div>-->
                        <!--        </div>-->
                        <!--    </div>-->
                        <!--</section>-->



                        <!--<section class="admin-dashboard-card">-->
                        <!--    <div class="container-fluid">-->
                        <!--        <div class="row">-->
                        <!--        <div class="col-xl-12">-->
                        <!--        <div class="row">-->
                        <!--            <div class="col-lg-3 col-md-6">-->
                        <!--                <div class="card">-->
                        <!--                    <div class="card-body">-->
                        <!--                        <div class="avatar">-->
                        <!--                            <span class="avatar-title bg-soft-primary rounded">-->
                        <!--                                <i class="mdi mdi-shopping-outline text-primary font-size-24"></i>-->
                        <!--                            </span>-->
                        <!--                        </div>-->
                        <!--                        <p class="text-muted mt-4 mb-0">Total Players</p>-->
                        <!--                        <h4 class="mt-1 mb-0">3,89,658 <sup class="text-success fw-medium font-size-14"><i class="mdi mdi-arrow-down"></i> 10%</sup></h4>-->
                        <!--                        <div>-->
                        <!--                            <div class="py-3 my-1">-->
                        <!--                                <div id="mini-1" data-colors='["#3980c0"]'></div>-->
                        <!--                            </div>-->
                        <!--                            <ul class="list-inline d-flex justify-content-between justify-content-center mb-0">-->
                        <!--                                <li class="list-inline-item"><a href="#" class="text-muted">Day</a></li>-->
                        <!--                                <li class="list-inline-item"><a href="#" class="text-muted">Week</a></li>-->
                        <!--                                <li class="list-inline-item"><a href="#" class="text-muted">Month</a></li>-->
                        <!--                                <li class="list-inline-item"><a href="#" class="text-muted">Year</a></li>-->
                        <!--                            </ul>-->
                        <!--                        </div>-->
                        <!--                    </div>-->
                        <!--                </div>-->
                        <!--            </div>-->

                        <!--            <div class="col-lg-3 col-md-6">-->
                        <!--                <div class="card">-->
                        <!--                    <div class="card-body">-->
                        <!--                        <div class="avatar">-->
                        <!--                            <span class="avatar-title bg-soft-success rounded">-->
                        <!--                                <i class="mdi mdi-eye-outline text-success font-size-24"></i>-->
                        <!--                            </span>-->
                        <!--                        </div>-->
                        <!--                        <p class="text-muted mt-4 mb-0">Total Game</p>-->
                        <!--                        <h4 class="mt-1 mb-0">1,648,29 <sup class="text-danger fw-medium font-size-14"><i class="mdi mdi-arrow-down"></i> 19%</sup></h4>-->
                        <!--                        <div>-->
                        <!--                            <div class="py-3 my-1">-->
                        <!--                                <div id="mini-2" data-colors='["#33a186"]'></div>-->
                        <!--                            </div>-->
                        <!--                            <ul class="list-inline d-flex justify-content-between justify-content-center mb-0">-->
                        <!--                                <li class="list-inline-item"><a href="#" class="text-muted">Day</a></li>-->
                        <!--                                <li class="list-inline-item"><a href="#" class="text-muted">Week</a></li>-->
                        <!--                                <li class="list-inline-item"><a href="#" class="text-muted">Month</a></li>-->
                        <!--                                <li class="list-inline-item"><a href="#" class="text-muted">Year</a></li>-->
                        <!--                            </ul>-->
                        <!--                        </div>-->
                        <!--                    </div>-->
                        <!--                </div>-->
                        <!--            </div>-->

                        <!--            <div class="col-lg-3 col-md-6">-->
                        <!--                <div class="card">-->
                        <!--                    <div class="card-body">-->
                        <!--                        <div class="avatar">-->
                        <!--                            <span class="avatar-title bg-soft-primary rounded">-->
                        <!--                                <i class="mdi mdi-rocket-outline text-primary font-size-24"></i>-->
                        <!--                            </span>-->
                        <!--                        </div>-->
                        <!--                        <p class="text-muted mt-4 mb-0">Total Subscribers</p>-->
                        <!--                        <h4 class="mt-1 mb-0">6,48,249 <sup class="text-success fw-medium font-size-14"><i class="mdi mdi-arrow-down"></i> 22%</sup></h4>-->
                        <!--                        <div>-->
                        <!--                            <div class="py-3 my-1">-->
                        <!--                                <div id="mini-3" data-colors='["#3980c0"]'></div>-->
                        <!--                            </div>-->
                        <!--                            <ul class="list-inline d-flex justify-content-between justify-content-center mb-0">-->
                        <!--                                <li class="list-inline-item"><a href="#" class="text-muted">Day</a></li>-->
                        <!--                                <li class="list-inline-item"><a href="#" class="text-muted">Week</a></li>-->
                        <!--                                <li class="list-inline-item"><a href="#" class="text-muted">Month</a></li>-->
                        <!--                                <li class="list-inline-item"><a href="#" class="text-muted">Year</a></li>-->
                        <!--                            </ul>-->
                        <!--                        </div>-->
                        <!--                    </div>-->
                        <!--                </div>-->
                        <!--            </div>-->

                        <!--            <div class="col-lg-3 col-md-6">-->
                        <!--                <div class="card">-->
                        <!--                    <div class="card-body">-->
                        <!--                        <div class="avatar">-->
                        <!--                            <span class="avatar-title bg-soft-success rounded">-->
                        <!--                                <i class="mdi mdi-account-multiple-outline text-success font-size-24"></i>-->
                        <!--                            </span>-->
                        <!--                        </div>-->
                        <!--                        <p class="text-muted mt-4 mb-0">New Players</p>-->
                        <!--                        <h4 class="mt-1 mb-0">$5,265,3 <sup class="text-danger fw-medium font-size-14"><i class="mdi mdi-arrow-down"></i> 18%</sup></h4>-->
                        <!--                        <div>-->
                        <!--                            <div class="py-3 my-1">-->
                        <!--                                <div id="mini-4" data-colors='["#33a186"]'></div>-->
                        <!--                            </div>-->
                        <!--                            <ul class="list-inline d-flex justify-content-between justify-content-center mb-0">-->
                        <!--                                <li class="list-inline-item"><a href="#" class="text-muted">Day</a></li>-->
                        <!--                                <li class="list-inline-item"><a href="#" class="text-muted">Week</a></li>-->
                        <!--                                <li class="list-inline-item"><a href="#" class="text-muted">Month</a></li>-->
                        <!--                                <li class="list-inline-item"><a href="#" class="text-muted">Year</a></li>-->
                        <!--                            </ul>-->
                        <!--                        </div>-->
                        <!--                    </div>-->
                        <!--                </div>-->
                        <!--            </div>-->

                        <!--        </div>-->
                        <!--    </div>-->
                        <!--        </div>-->
                        <!--    </div>-->
                        <!--</section>-->



                        <!--<section class="">-->
                        <!--    <div class="container-fluid">-->
                        <!--        <div class="row"> -->
                        <!--        <div class="col-xl-6">-->
                        <!--        <div class="card admin-table-div user-table-div my-5">-->
                        <!--            <div class="card-header">-->
                        <!--                <div class="d-flex flex-wrap align-items-center">-->
                        <!--                    <h5 class="card-title mb-0"> TOP PLAYERS</h5>-->
                        <!--                    <div class="ms-auto">-->
                        <!--                        <div class="dropdown">-->
                        <!--                            <a class="dropdown-toggle text-reset" href="#" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">-->
                        <!--                                <span class="text-muted font-size-12"></span> <span class="fw-medium"> All Members</span>-->
                        <!--                            </a>-->
                        <!--                            <div class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">-->
                        <!--                                <a class="dropdown-item" href="#">Monthly</a>-->
                        <!--                                <a class="dropdown-item" href="#">Yearly</a>-->
                        <!--                                <a class="dropdown-item" href="#">All TIme</a>-->
                        <!--                            </div>-->
                        <!--                        </div>-->
                        <!--                    </div>-->
                        <!--                </div>-->
                        <!--            </div>-->
                        <!--            <div class="card-body pt-xl-1">-->
                        <!--                <div class="table-responsive">-->
                        <!--                    <table class="table table-striped table-centered align-middle table-nowrap mb-0">-->
                        <!--                        <thead >-->
                        <!--                            <tr>-->
                                                       
                        <!--                            </tr>-->
                        <!--                        </thead>-->
                        <!--                        <tbody>-->
                        <!--                            <tr>-->
                        <!--                                <td>1.</td>-->
                        <!--                                <td>   <img src="{{asset('admin/assets/images/userlog-main-img.png')}}" class="img-fluid" alt=""><a href="javascript: void(0);" class="text-body">DJI Mini 3 Pro</a> </td>-->
                        <!--                                <td style="color:#fff">-->
                        <!--                                    <i class=" text-white font-size-10 me-1 align-middle " ></i> $250.00 -->
                        <!--                                </td>-->
                                                        
                                                        
                        <!--                                <td>-->
                        <!--                                    <div class="dropdown">-->
                        <!--                                        <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true">-->
                        <!--                                            <i class="mdi mdi-dots-vertical"></i>-->
                        <!--                                        </a>-->
                        
                        <!--                                        <div class="dropdown-menu dropdown-menu-end">-->
                        <!--                                            <a class="dropdown-item" href="#">Action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Another action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Something else here</a>-->
                        <!--                                            <div class="dropdown-divider"></div>-->
                        <!--                                            <a class="dropdown-item" href="#">Separated link</a>-->
                        <!--                                        </div>-->
                        <!--                                    </div>-->
                        <!--                                </td>-->
                        <!--                            </tr>-->
                        
                        <!--                            <tr>-->
                        <!--                                <td>2.</td>-->
                        <!--                                <td>  <img src="{{asset('admin/assets/images/userlog-main-img.png')}}" class="img-fluid" alt=""><a href="javascript: void(0);" class="text-body">DJI Mavic 3</a> </td>-->
                        <!--                                <td style="color:#fff">-->
                        <!--                                    <i class=" text-white font-size-10 me-1 align-middle " ></i> $250.00-->
                        <!--                                </td>-->
                                                        
                                                        
                        <!--                                <td>-->
                        <!--                                    <div class="dropdown">-->
                        <!--                                        <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true">-->
                        <!--                                            <i class="mdi mdi-dots-vertical"></i>-->
                        <!--                                        </a>-->
                        
                        <!--                                        <div class="dropdown-menu dropdown-menu-end">-->
                        <!--                                            <a class="dropdown-item" href="#">Action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Another action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Something else here</a>-->
                        <!--                                            <div class="dropdown-divider"></div>-->
                        <!--                                            <a class="dropdown-item" href="#">Separated link</a>-->
                        <!--                                        </div>-->
                        <!--                                    </div>-->
                        <!--                                </td>-->
                        <!--                            </tr>-->
                        
                        <!--                            <tr>-->
                        <!--                                <td>3.</td>-->
                        <!--                                <td>  <img src="{{asset('admin/assets/images/userlog-main-img.png')}}" class="img-fluid" alt=""><a href="javascript: void(0);" class="text-body">DJI Air 2S</a> </td>-->
                        <!--                                <td style="color:#fff">-->
                        <!--                                    <i class=" text-white font-size-10 me-1 align-middle " ></i> $250.00-->
                        <!--                                </td>-->
                                                        
                                                        
                        <!--                                <td>-->
                        <!--                                    <div class="dropdown">-->
                        <!--                                        <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true">-->
                        <!--                                            <i class="mdi mdi-dots-vertical"></i>-->
                        <!--                                        </a>-->
                        
                        <!--                                        <div class="dropdown-menu dropdown-menu-end">-->
                        <!--                                            <a class="dropdown-item" href="#">Action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Another action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Something else here</a>-->
                        <!--                                            <div class="dropdown-divider"></div>-->
                        <!--                                            <a class="dropdown-item" href="#">Separated link</a>-->
                        <!--                                        </div>-->
                        <!--                                    </div>-->
                        <!--                                </td>-->
                        <!--                            </tr>-->
                        <!--                            <tr>-->
                        <!--                                <td>4.</td>-->
                        <!--                                <td> <img src="{{asset('admin/assets/images/userlog-main-img.png')}}" class="img-fluid" alt=""><a href="javascript: void(0);" class="text-body">DJI FPV</a> </td>-->
                        <!--                                <td style="color:#fff">-->
                        <!--                                    <i class=" text-white font-size-10 me-1 align-middle " ></i> $250.00-->
                        <!--                                </td>-->
                                                        
                                                        
                        <!--                                <td>-->
                        <!--                                    <div class="dropdown">-->
                        <!--                                        <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true">-->
                        <!--                                            <i class="mdi mdi-dots-vertical"></i>-->
                        <!--                                        </a>-->
                        
                        <!--                                        <div class="dropdown-menu dropdown-menu-end">-->
                        <!--                                            <a class="dropdown-item" href="#">Action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Another action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Something else here</a>-->
                        <!--                                            <div class="dropdown-divider"></div>-->
                        <!--                                            <a class="dropdown-item" href="#">Separated link</a>-->
                        <!--                                        </div>-->
                        <!--                                    </div>-->
                        <!--                                </td>-->
                        <!--                            </tr>-->
                        <!--                            <tr>-->
                        <!--                                <td>5.</td>-->
                        <!--                                <td>  <img src="{{asset('admin/assets/images/userlog-main-img.png')}}" class="img-fluid" alt=""><a href="javascript: void(0);" class="text-body">DJI Mini 2</a> </td>-->
                        <!--                                <td style="color:#fff">-->
                        <!--                                    <i class=" text-white font-size-10 me-1 align-middle " ></i> $250.00-->
                        <!--                                </td>-->
                                                        
                                                        
                        <!--                                <td>-->
                        <!--                                    <div class="dropdown">-->
                        <!--                                        <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true">-->
                        <!--                                            <i class="mdi mdi-dots-vertical"></i>-->
                        <!--                                        </a>-->
                        
                        <!--                                        <div class="dropdown-menu dropdown-menu-end">-->
                        <!--                                            <a class="dropdown-item" href="#">Action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Another action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Something else here</a>-->
                        <!--                                            <div class="dropdown-divider"></div>-->
                        <!--                                            <a class="dropdown-item" href="#">Separated link</a>-->
                        <!--                                        </div>-->
                        <!--                                    </div>-->
                        <!--                                </td>-->
                        <!--                            </tr>-->
                                                    
                        <!--                        </tbody>-->
                        <!--                    </table>-->
                        <!--                </div>-->
                        <!--            </div>-->
                        <!--        </div>-->
                        <!--    </div>-->
                        <!--    <div class="col-xl-6">-->
                        <!--        <div class="card admin-table-div user-table-div my-5">-->
                        <!--            <div class="card-header">-->
                        <!--                <div class="d-flex flex-wrap align-items-center">-->
                        <!--                    <h5 class="card-title mb-0"> TOP COUNTRY PLAYERS</h5>-->
                        <!--                    <div class="ms-auto">-->
                        <!--                        <div class="dropdown">-->
                        <!--                            <a class="dropdown-toggle text-reset" href="#" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">-->
                        <!--                                <span class="text-muted font-size-12"></span> <span class="fw-medium">View All</span>-->
                        <!--                            </a>-->
                        <!--                            <div class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">-->
                        <!--                                <a class="dropdown-item" href="#">Monthly</a>-->
                        <!--                                <a class="dropdown-item" href="#">Yearly</a>-->
                        <!--                                <a class="dropdown-item" href="#">All TIme</a>-->
                        <!--                            </div>-->
                        <!--                        </div>-->
                        <!--                    </div>-->
                        <!--                </div>-->
                        <!--            </div>-->
                        <!--            <div class="card-body pt-xl-1">-->
                        <!--                <div class="table-responsive">-->
                        <!--                    <table class="table table-striped table-centered align-middle table-nowrap mb-0">-->
                        <!--                        <thead >-->
                        <!--                            <tr>-->
                                                        
                        <!--                            </tr>-->
                        <!--                        </thead>-->
                        <!--                        <tbody>-->
                        <!--                            <tr>-->
                        <!--                                <td>1.</td>-->
                        <!--                                <td>   <img src="{{asset('admin/assets/images/hist-1.png')}}" class="img-fluid" alt=""><a href="javascript: void(0);" class="text-body">DJI Mini 3 Pro</a> </td>-->
                        <!--                                <td style="color:#fff">-->
                        <!--                                    <i class=" text-white font-size-10 me-1 align-middle " ></i> $250.00 -->
                        <!--                                </td>-->
                                                        
                                                        
                        <!--                                <td>-->
                        <!--                                    <div class="dropdown">-->
                        <!--                                        <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true">-->
                        <!--                                            <i class="mdi mdi-dots-vertical"></i>-->
                        <!--                                        </a>-->
                        
                        <!--                                        <div class="dropdown-menu dropdown-menu-end">-->
                        <!--                                            <a class="dropdown-item" href="#">Action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Another action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Something else here</a>-->
                        <!--                                            <div class="dropdown-divider"></div>-->
                        <!--                                            <a class="dropdown-item" href="#">Separated link</a>-->
                        <!--                                        </div>-->
                        <!--                                    </div>-->
                        <!--                                </td>-->
                        <!--                            </tr>-->
                        
                        <!--                            <tr>-->
                        <!--                                <td>2.</td>-->
                        <!--                                <td>  <img src="{{asset('admin/assets/images/hist-1.png')}}" class="img-fluid" alt=""><a href="javascript: void(0);" class="text-body">DJI Mavic 3</a> </td>-->
                        <!--                                <td style="color:#fff">-->
                        <!--                                    <i class=" text-white font-size-10 me-1 align-middle " ></i> $250.00-->
                        <!--                                </td>-->
                                                        

                        <!--                                <td>-->
                        <!--                                    <div class="dropdown">-->
                        <!--                                        <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true">-->
                        <!--                                            <i class="mdi mdi-dots-vertical"></i>-->
                        <!--                                        </a>-->
                        
                        <!--                                        <div class="dropdown-menu dropdown-menu-end">-->
                        <!--                                            <a class="dropdown-item" href="#">Action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Another action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Something else here</a>-->
                        <!--                                            <div class="dropdown-divider"></div>-->
                        <!--                                            <a class="dropdown-item" href="#">Separated link</a>-->
                        <!--                                        </div>-->
                        <!--                                    </div>-->
                        <!--                                </td>-->
                        <!--                            </tr>-->
                        
                        <!--                            <tr>-->
                        <!--                                <td>3.</td>-->
                        <!--                                <td>  <img src="{{asset('admin/assets/images/hist-1.png')}}" class="img-fluid" alt=""><a href="javascript: void(0);" class="text-body">DJI Air 2S</a> </td>-->
                        <!--                                <td style="color:#fff">-->
                        <!--                                    <i class=" text-white font-size-10 me-1 align-middle " ></i> $250.00-->
                        <!--                                </td>-->
                                                        
                                                        
                        <!--                                <td>-->
                        <!--                                    <div class="dropdown">-->
                        <!--                                        <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true">-->
                        <!--                                            <i class="mdi mdi-dots-vertical"></i>-->
                        <!--                                        </a>-->
                        
                        <!--                                        <div class="dropdown-menu dropdown-menu-end">-->
                        <!--                                            <a class="dropdown-item" href="#">Action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Another action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Something else here</a>-->
                        <!--                                            <div class="dropdown-divider"></div>-->
                        <!--                                            <a class="dropdown-item" href="#">Separated link</a>-->
                        <!--                                        </div>-->
                        <!--                                    </div>-->
                        <!--                                </td>-->
                        <!--                            </tr>-->
                        <!--                            <tr>-->
                        <!--                                <td>4.</td>-->
                        <!--                                <td> <img src="{{asset('admin/assets/images/hist-1.png')}}" class="img-fluid" alt=""><a href="javascript: void(0);" class="text-body">DJI FPV</a> </td>-->
                        <!--                                <td style="color:#fff">-->
                        <!--                                    <i class=" text-white font-size-10 me-1 align-middle " ></i> $250.00-->
                        <!--                                </td>-->
                                                        
                                                        
                        <!--                                <td>-->
                        <!--                                    <div class="dropdown">-->
                        <!--                                        <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true">-->
                        <!--                                            <i class="mdi mdi-dots-vertical"></i>-->
                        <!--                                        </a>-->
                        
                        <!--                                        <div class="dropdown-menu dropdown-menu-end">-->
                        <!--                                            <a class="dropdown-item" href="#">Action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Another action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Something else here</a>-->
                        <!--                                            <div class="dropdown-divider"></div>-->
                        <!--                                            <a class="dropdown-item" href="#">Separated link</a>-->
                        <!--                                        </div>-->
                        <!--                                    </div>-->
                        <!--                                </td>-->
                        <!--                            </tr>-->
                        <!--                            <tr>-->
                        <!--                                <td>5.</td>-->
                        <!--                                <td>  <img src="{{asset('admin/assets/images/hist-1.png')}}" class="img-fluid" alt=""><a href="javascript: void(0);" class="text-body">DJI Mini 2</a> </td>-->
                        <!--                                <td style="color:#fff">-->
                        <!--                                    <i class=" text-white font-size-10 me-1 align-middle " ></i> $250.00-->
                        <!--                                </td>-->
                                                        
                                                        
                        <!--                                <td>-->
                        <!--                                    <div class="dropdown">-->
                        <!--                                        <a class="text-muted dropdown-toggle font-size-24" role="button" data-bs-toggle="dropdown" aria-haspopup="true">-->
                        <!--                                            <i class="mdi mdi-dots-vertical"></i>-->
                        <!--                                        </a>-->
                        
                        <!--                                        <div class="dropdown-menu dropdown-menu-end">-->
                        <!--                                            <a class="dropdown-item" href="#">Action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Another action</a>-->
                        <!--                                            <a class="dropdown-item" href="#">Something else here</a>-->
                        <!--                                            <div class="dropdown-divider"></div>-->
                        <!--                                            <a class="dropdown-item" href="#">Separated link</a>-->
                        <!--                                        </div>-->
                        <!--                                    </div>-->
                        <!--                                </td>-->
                        <!--                            </tr>-->
                                                    
                        <!--                        </tbody>-->
                        <!--                    </table>-->
                        <!--                </div>-->
                        <!--            </div>-->
                        <!--        </div>-->
                        <!--    </div>-->
                        <!--        </div>-->
                        <!--    </div>-->
                        <!--</section>-->
                    

                    </div> 
                </div>
                <!-- End Page-content -->

@endsection