<div ng-app="app">

    <div ng-controller="HttpGetController">
        <div ng-hide ="logedin">
            <p>User: <input type="text" name="firstName" ng-model="firstName" required /></p>
            <p>Password: <input type="text" name="lastName" ng-model="lastName" required /></p>
            <button ng-click="SendData()">Submit</button>
        </div>
        <div class="userDetail" ng-hide="userDetail">
                {{message.result[0].FIRST_NAME + " " + message.result[0].LAST_NAME}}
                <div class="logout"><a href="#" title="title" ng-click='logout()'>Logout</a></div>
        </div>
        </div>
</div>

var app = angular.module("app", []);
app.controller("HttpGetController", function ($scope, $http) {
    $scope.userDetail = true;
    if(!localStorage.getItem('logedin')){
        $scope.SendData = function () {
            var creds = 'username=' + $scope.firstName + '&password=' + $scope.lastName;
            var config = {
                headers : {
                    'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;'
                }
            }
            var res = $http.post('http://api.bhugtankaro.com/beta/login.php', creds, config);
            res.success(function(data, status, headers, config) {
                if(data.success){
                    $scope.logedin = true;
                    $scope.message = data;
                    localStorage.setItem("logedin", angular.toJson(data));
                    $scope.userDetail = false;
                } else {
                    alert(data.description);
                }
            });
        };
    } else {
        $scope.logedin = true;
        $scope.message = JSON.parse(localStorage.getItem('logedin'));
        $scope.userDetail = false;
    }
    $scope.logout = function(){
        window.localStorage.removeItem('logedin');
        $scope.logedin = false;
        $scope.userDetail = true;
    }
});