<script type='text/javascript'>
    function login() {
        $().toastmessage('showToast', {
            text     : '<table> <form action="login.php" method="POST"> <tr><td>Username:<input type="text" name="username"></td></tr> <tr><td>Password:<input type="password" name="password"></td></tr> <tr><td><button class="action bluebtn"><span class="label">Login</span></button></td></tr> </form> ',
            sticky   : true,
            position : 'middle-center',
            type     : 'error',
            closeText: '',
            close    : function () {
                console.log("toast is closed ...");
            }
        });

    }
    </script>
<div class="wrapbg">
<span class="corners-top"><span></span></span>
<div id="content">
Web name
<hr class="hr1" />
<br />
<ul>
<?php if(isset($_SESSION['username'])){
$username = $_SESSION['username'];
$sql = "SELECT * from friends_request where accepter = '$username' and status = '0'";
$result = mysqli_query($link, $sql);
$numrows = mysqli_num_rows($result);
if($numrows != 0){
echo "<a href='friend_requests.php'><button class='action redbtn'><span class='label'>Friend requests($numrows)</span></button></a>";
} else { echo "<a href='friend_requests.php'><button class='action redbtn'><span class='label'>Friend requests</span></button></a>"; }
echo "<a href='update_profile.php?type=profile'><button class='action greenbtn'><span class='label'>Edit profile</span></button></a>";
echo "<a href='update_profile.php?type=settings'><button class='action bluebtn'><span class='label'>Security Settings</span></button></a>";
echo "<a href='update_profile.php?type=changepass'><button class='action redbtn'><span class='label'>Change password</span></button></a>";
}
else
{
echo "<button class='action redbtn' onClick='login()'><span class='label'>Login</span></button>";
}
?>
</div>
<span class="corners-bottom"><span></span></span>
</div>