<nav ng-controller="navCtrl">
    <div ng-switch="signedin">

        <ul ng-switch-when="false">
            <li><a href="signin">Sign In</a></li>
            <li><a href="register">Register</a></li>
        </ul>

        <ul ng-switch-when="true">
            <li><a href="signin">Sign Out</a></li>
        </ul>

    </div>
</nav>

<div ng-view></div>

app.controller("signinCtrl", function ($scope, $http, $location, userInfo) {

    $scope.user = {
        user_name: "",
        password: ""
    }

    $scope.signin = function (user) {
        $http({
            method: 'POST',
            url: 'assets/php/signin.php',
            data: user,
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded'
            }
        }).then(function (response) {
            if (response.data.status) {
                userInfo.setUser(response.data);
                $location.path("profile");
            }
            else {
                alert("Wrong username or password!")
            }
        });
    }
});

app.controller("profileCtrl", function ($scope, $http, $location, userInfo) {

    $scope.user = userInfo.getUser();

    if (!$scope.user) {
        $location.path("signin");
    }
    else {
        if ($scope.user.vip_user == 'Y') {
            $scope.active = true;
        }
    }
});

app.controller("navCtrl", function ($scope, userInfo) {

    $scope.signedin = "false";
    console.log($scope.signedin);

    if (userInfo.getUser.length) {

        $scope.signedin = "true"; // Not being "watched"?
        console.log($scope.signedin);
        console.log(userInfo);

    }
    console.log("NAV CTRL HIT"); // Only hits once (first load)
});

// Service to pass user object between signinCtrl and profileCtrl
// TODO: Find a way to persist user data on page refresh

app.service("userInfo", function () {

    var user;

    return {
        getUser: function () {
            return user;
        }
        , setUser: function (value) {
            user = value;
        }
    }
});