 <script>                       
    function GetBal()
    {
        var usrid = document.getElementById("user").value;
        var xmlhttp2 = new XMLHttpRequest();
        xmlhttp2.open("GET", "ajax_get_bal.php?usr="+usrid, false);
        xmlhttp2.send(null);
        var bal = xmlhttp2.responseText;
        document.getElementById("apiBal").innerHTML = xmlhttp2.responseText;
            
        setTimeout("GetBal()",10000)
    }
</script>
       <!-- Navigation -->
        <input type="text" id="user" value="<?php echo $userid; ?>">
        <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
            
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.php"><?php
                    $quGetName="select * from retailer where Userid='$userid'";
                    $reGetName=mysqli_query($con,$quGetName);
                    $dataGetName=mysqli_fetch_array($reGetName);
                    $UsrName=$dataGetName['Name'];
                echo $UsrName." [ ".$userid." ]"; ?></a>
            </div>
            <!-- /.navbar-header -->

            <ul class="nav navbar-top-links navbar-right">
                        <li><a href="logout.php"><i class="fa fa-sign-out fa-fw"></i> Logout</a></li>
                    </ul>
                    <!-- /.dropdown-user -->
                </li>
                <!-- /.dropdown -->
            </ul>
            <!-- /.navbar-top-links -->
            <div class="navbar-default sidebar" role="navigation">
            <div class="divBal">
                            <div id="balanceDiv">
                                <h4>Api Bal.: &#8377; </h4>
                                <h4 id="apiBal"> </h4>
                            </div>
            </div>
                <div class="sidebar-nav navbar-collapse">
                    <ul class="nav" id="side-menu">
                        <li>
                            <a href="index.php"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
                        </li>
                        <li>
                            <a href="#"><i class="fa fa-user fa-fw"></i> Profile<span class="fa arrow"></span></a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a href="changeProfile.php">Change Profile</a>
                                </li>
                                <li>
                                    <a href="changePwd.php">Change Password</a>
                                </li>
                            </ul>
                            <!-- /.nav-second-level -->
                        </li>
                        <li>
                            <a href="#"><i class="fa fa-wrench fa-fw"></i>Api Management<span class="fa arrow"></span></a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a href="morris.html">Operators Code</a>
                                </li>
                                <li>
                                    <a href="morris.html">Api Document</a>
                                </li>
                                <li>
                                    <a href="morris.html">IP Address</a>
                                </li>
                                <li>
                                    <a href="morris.html">Call Back Url</a>
                                </li>
                            </ul>
                            <!-- /.nav-second-level -->
                        <li>
                            <a href="#"><i class="fa fa-inr fa-fw"></i>Payment<span class="fa arrow"></span></a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a href="PaymentRequest.php">Payment Request</a>
                                </li>
                                <li>
                                    <a href="buttons.html">Commission Payment</a>
                                </li>
                            </ul>
                            <!-- /.nav-second-level -->
                        </li>
                        <li>
                            <a href="#"><i class="fa fa-files-o fa-fw"></i> Reports<span class="fa arrow"></span></a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a href="complainList.php">Complain List</a>
                                </li>
                                <li>
                                    <a href="pendingRecharge.php">Pending Recharge</a>
                                </li>
                                <li>
                                    <a href="RechargeHistory.php">Recharge History</a>
                                </li>
								<li>
                                    <a href="login.html">Check Transaction</a>
                                </li>
								<li>
                                    <a href="AccountReports.php">Account Reports</a>
                                </li>
                            </ul>
                            <!-- /.nav-second-level -->
                        </li>
                    </ul>
                </div>
                <!-- /.sidebar-collapse -->
            </div>
            <!-- /.navbar-static-side -->
        </nav>