<?php $urlpage= basename($_SERVER['PHP_SELF']);
$active='';

?>

<style>
    .tabbar__container[data-v-c4b9aaee]{height:59px;background-size: cover !important;}
    .tabbar__container-item svg[data-v-c4b9aaee] {
    display: block;
    width: 40px;
    height: 21px;
}
.tabbar__container-item[data-v-c4b9aaee]{font-size:11px;}
.tabbar__container-item[data-v-c4b9aaee]:nth-of-type(3) svg {
    position: relative;
    top: -9px;
    width: 31px;
    height: 32px;
    z-index: 3;
    left: 1px;
}
.tabbar__container-item:nth-of-type(3) .promotionBg[data-v-c4b9aaee] {
    position: absolute;
    left: 50%;
    bottom: 28px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%);
    background: transparent;
     width: 60px;
    height: 37px;
    border-radius: 15px;
    box-shadow:none;
    z-index: 2;
}
.tabbar__container-item:nth-of-type(3) .promotionBg[data-v-c4b9aaee]:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 71%;
    width: 60px;
    height: 37px;
    border-radius: 15px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
        background:  -webkit-linear-gradient(180deg, #013b49 0%, #012034 100%);;
            background: linear-gradient(180deg, #013b49 0%, #012034 100%);;
    /*background: -webkit-linear-gradient(top, #3C9CF6 0%, #4DD8EF 100%);
    background: linear-gradient(180deg, #3C9CF6 0%, #4DD8EF 100%);*/
}
.tabbar__container-item[data-v-c4b9aaee]{color:#b6bcc8;}
.tabbar__container-item.active[data-v-c4b9aaee] svg path{fill:#b6bcc8;}
.tabbar__container-item.active[data-v-c4b9aaee]{color:#b6bcc8;}
.gm{width: 30px;
    z-index: 99;
    position: absolute;
    top: -31px;}
</style>
<!--<div class="appBottomMenu">
  <div class="item <?php if($urlpage=='index.php'){echo'active';}?>"> <a href="index.php">
    <p> <i class="icon ion-md-home"></i> <span>Home</span> </p>
    </a> </div>
  <div class="item <?php if($urlpage=='search.php'){echo'active';}?>"> <a href="search.php">
    <p><i class="icon ion-ios-search"></i> <span>Search</span> </p>
    </a> </div>
   <?php if(isset($_SESSION['frontuserid'])){?>
    <div class="item <?php if($urlpage=='games.php'){echo'active';}?>"> <a href="games.php">
    <p><i class="icon ion-md-trophy"></i> <span>Win</span> </p>
    </a> </div>
    
    <div class="item <?php if($urlpage=='login.php' || $urlpage=='signup.php' || $urlpage=='forgot-password.php' || $urlpage=='myaccount.php' || $urlpage=='recharge.php' || $urlpage=='transactions.php'){echo'active';}?>"> <a href="myaccount.php" class="icon toggleSidebar">
    <p> <i class="icon ion-md-person"></i> <span>My </span> </p>
    </a> </div>
    <?php }else{?>
  <div class="item <?php if($urlpage=='login.php' || $urlpage=='signup.php' || $urlpage=='forgot-password.php'){echo'active';}?>"> <a href="login.php" class="icon toggleSidebar">
    <p> <i class="icon ion-md-person"></i> <span>My </span> </p>
    </a> </div>
    <?php }?>
</div>-->


	<div data-v-c4b9aaee="" class="tabbar__container" style="--f817f0ee: 'Roboto', 'Inter', sans-serif;background:#05012b;margin-top:4px;"><!-- background:url(images/atabBarBg-cb733401.png) no-repeat center center/cover; -->
            <div onclick="location.href='index'" data-v-c4b9aaee="" class="tabbar__container-item active">
                <svg data-v-c4b9aaee="" xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 46 44" class="">
                    <path fill="url(#a)" fill-rule="evenodd" d="M5 19.843a6 6 0 0 1 2.664-4.987l13.5-9.03a6 6 0 0 1 6.672 0l13.5 9.03A6 6 0 0 1 44 19.843v21.185a2 2 0 0 1-2 2H27.526a2 2 0 0 1-2-2V31.19a2 2 0 0 0-2-2h-6.263a2 2 0 0 0-2 2v9.837a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zm27.507 4.317a2 2 0 0 0 2-2v-1.031a2 2 0 0 0-2-2h-4.98a2 2 0 0 0-2 2v1.03a2 2 0 0 0 2 2z" clip-rule="evenodd"></path>
                    <defs>
                        <linearGradient id="a" x1="5" x2="47.278" y1="13" y2="26.218" gradientUnits="userSpaceOnUse">
                            <stop stop-color="#3687FF"></stop>
                            <stop offset="1" stop-color="#52F5FF"></stop>
                        </linearGradient>
                    </defs>
                </svg><!----><span data-v-c4b9aaee="">Home</span>
                
                </div>
                
                
            <div onclick="location.href='promotion'" data-v-c4b9aaee="" class="tabbar__container-item"><svg data-v-c4b9aaee="" xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 46 44" class="">
                    <path stroke="#b6bcc8" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M38 30H10a6 6 0 0 0 0 12h28a6 6 0 0 0 0-12M36 22a8 8 0 1 0 0-16 8 8 0 0 0 0 16M5.414 15.414a2 2 0 0 1 0-2.828l6.172-6.172a2 2 0 0 1 2.828 0l6.172 6.172a2 2 0 0 1 0 2.828l-6.172 6.172a2 2 0 0 1-2.828 0z">
                    </path>
                </svg><!----><span data-v-c4b9aaee="">Promotion</span>
                
            </div>
            
            
            <div onclick="location.href='gamedashboard'" data-v-c4b9aaee="" class="tabbar__container-item">
                <!--<svg data-v-c4b9aaee="" xmlns="http://www.w3.org/2000/svg" width="57" height="49" fill="none" viewBox="0 0 57 49" class="">
                    <path fill="#fff" fill-rule="evenodd" d="M8.939 1.501A4 4 0 0 1 12.062 0h32.155a4 4 0 0 1 3.124 1.501l7.738 9.673c.427.533.749 1.12.968 1.735H.233a6 6 0 0 1 .967-1.735zM0 16.091h56.28a6 6 0 0 1-1.277 2.673l-23.79 28.549a4 4 0 0 1-6.146 0l-23.79-28.55A6 6 0 0 1 0 16.092m20.556 5.936 7.195 10.102a.5.5 0 0 0 .816-.002l7.118-10.093a2.44 2.44 0 0 1 4.435 1.406v.2h-.223c-.326 0-.782.248-1.304.93-.506.663-6.466 8.724-9.651 13.035a.975.975 0 0 1-1.563.007L17.32 24.26s-.394-.62-1.06-.62h-.14v-.195a2.445 2.445 0 0 1 4.436-1.418" clip-rule="evenodd"></path>
                </svg>-->
                <img class="gm" src="images/game.png">
                <div data-v-c4b9aaee="" class="promotionBg"></div><span data-v-c4b9aaee="">Games</span>
            </div>
            
            
          <div onclick="location.href='bet'" data-v-c4b9aaee="" class="tabbar__container-item"><svg data-v-c4b9aaee="" xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 46 44" class="wallet">
                    <path stroke="#b6bcc8" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.982 11.969 31.785 4l4.612 7.989z" clip-rule="evenodd"></path>
                    <path stroke="#b6bcc8" stroke-linejoin="round" stroke-width="2" d="M4 14a2 2 0 0 1 2-2h36a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z"></path>
                    <path stroke="#b6bcc8" stroke-linejoin="round" stroke-width="2" d="M35.25 33H44V23h-8.75c-2.9 0-5.25 2.239-5.25 5s2.35 5 5.25 5Z"></path>
                    <path stroke="#b6bcc8" stroke-linecap="round" stroke-width="2" d="M44 16.5v24"></path>
                </svg><span data-v-c4b9aaee="">My Bet</span>
                
            </div>
            
            <div onclick="location.href='myaccount'" data-v-c4b9aaee="" class="tabbar__container-item">
                <svg data-v-c4b9aaee="" xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 46 44" class="">
                    <path stroke="#b6bcc8" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M24 22a9 9 0 1 0 0-18 9 9 0 0 0 0 18"></path>
                    <path stroke="#b6bcc8" stroke-width="2" d="M7 35a9 9 0 0 1 9-9h16a9 9 0 1 1 0 18H16a9 9 0 0 1-9-9Z">
                    </path>
                </svg><!----><span data-v-c4b9aaee="">My</span>
            </div>
        </div>	
        <script>
             $('html body').on('contextmenu',function(){
            //alert("This function is not allowed here");
            return false;
                 
             });
        </script>