Untitled

<html>
<head>
    <title>Bejelentkezve</title>
    <link href="css/bootstrap.css" rel="stylesheet">
</head>

<body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/scripts.js"></script>

<script>
    $( document ).on("submit", "#loginform", function(e) {
        e.preventDefault();
            var username = $('#username').val();
            var password = $('#password').val();


        $.ajax({
            method: "POST",
            url: "/controller/ajax.php",
            data: {action: "userlogin", username: username, password: password },
            success: function(data) {
                alert("username: " + data.username + "\n" + "password: " + data.password);
            }
        })
    });

</script>
<?php

if (!$methods->get_user()) {
    print '<form method="post" id="loginform">
<div class="row">
<div class="col-lg-3 col-lg-offset-4">

<div class="panel panel-default">

  <div class="panel-heading">
  <h3 class="panel-title"> Login</h3></div>

        <div class="panel-body">
            <div class="form-group">
                <label><b>Username</b></label>
                <input type="text" id="username" class="form-control" placeholder="Enter Username" name="username" required>
             </div>

            <div class="form-group">
                <label><b>Password</b></label>
                <input type="password" id="password" class="form-control" placeholder="Enter Password" name="password" required>
            </div>


                <button name="login" id="login" type="submit" class="btn btn-success">Login</button>

        </div>
</div>
</div>
</div>

</form>';

}
else {
    print '<form method="post" action="">
    <div class="container">
        Üdvözlünk '.$methods->get_user()->name.'! <br />
        <button name="exit" type="submit" class="btn btn-default">Exit</button>
    </div>
</form>';
}
?>

</body>
</html>