<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WebAppSample</title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
    <script src="web-app-sample.js"></script>

</head>
<body class="container">
    <h1>This is a web-app-sample for appid-serversdk-swift</h1>
    <h4>It demonstrates how to use appid-serversdk-swift in a server-side web application.</h4>
    <hr/>

    <div id="WhenNotAuthenticated" class="hideOnStartup">
        <h3>You're not authenticated :(</h3>
    </div>

    <div id="WhenAuthenticated" class="hideOnStartup">
        <h3>You're authenticated :)</h3>
        <h3>Hello <span id="name"></span></h3>
        <h4>Your userId is <span id="sub"></span></h4>
        </p><img id="picture"/><br/><br/>
    </div>

    <div id="LoginButtons" class="hideOnStartup">
        <a class="btn btn-primary" href="/ibm/bluemix/appid/loginanon">Login anonymously</a>
        <a class="btn btn-primary" href="/ibm/bluemix/appid/login">Login</a>
        <a class="btn btn-primary" href="/protected">Open protected page</a>
        <a class="btn btn-primary" href="/ibm/bluemix/appid/logout">Logout</a>
    </div>
</body>
</html>