<?php
/**
 * Load page
 */
function loadPage() {
    // Include CSS and Javascripts
    echo
    '<html>
        <head>
            <title>xCAT</title>
            <link rel="shortcut icon" href="images/favicon.ico">
            <link href="css/login.css" rel=stylesheet type="text/css">
            <script type="text/javascript" src="js/jquery/jquery.min.js"></script>
            <script type="text/javascript" src="js/jquery/jquery-ui.min.js"></script>
            <script type="text/javascript" src="js/jquery/jquery.cookie.min.js"></script>
            <script type="text/javascript" src="js/ui.js"></script>            
        </head>';

    // Header menu
    echo
    '<body>
        <div id="header">
            <ul>
                <li><img src="images/logo.gif" height="39px" style="margin-right: 60px;"/></li>    
                <li><a href="index.php" class="top_link">Nodes</a></li>        
                <li><a href="configure.php" class="top_link">Configure</a></li>
                <li><a href="provision.php" class="top_link">Provision</a></li>
                <li><a href="monitor.php" class="top_link">Monitor</a></li>
                <li><a href="help.php" class="top_link">Help</a></li>
            </ul>';
            
    // User name and log out section
    if (isset($_SESSION['username'])){
        echo 
            "<div>
                <span id='login_user' style='padding: 0 6px; font-weight: bold;'>{$_SESSION['username']}</span> | <a id='xcat_settings'>Settings</a> | <a href='lib/logout.php'>Log out</a>
            </div>";
    }

    echo '</div>';
    // Content
    echo '<div class="content" id="content"></div>';

    // End of page
    echo
        '</body>
    </html>';
}

/**
 * Load page content
 */
function loadContent() {
    // Initialize page
    echo
    '<script language="JavaScript" type="text/javascript"> 
        $(document).ready(function() {
            initPage();
        }); 
    </script>';
}

/**
 * Login user into a new session
 */
function login() {
    // xcatauth.js will open a dialog box
    // asking for the user name and password
    echo
    '<script src="js/jquery/jquery.cookie.min.js" type="text/javascript"></script>
    <script src="js/xcatauth.js" type="text/javascript"></script>
    <div id="login">
        <div id="login-form">
            <table>
                <tr><td colspan=5></td></tr>
                <tr><td align=right><img src="images/logo.png" width="50" height="35"></img></td><td colspan=4 style="font-size: 18px;">eXtreme Cloud Administration Toolkit</td></tr>
                <tr><td colspan=5></td></tr>
                <tr><td></td><td><label for=username>User name:</label></td><td colspan=2><input type=text name=username></td><td></td></tr>
                <tr><td></td><td><label for=password>Password:</label></td><td colspan=2><input type=password name=password></td><td></td></tr>
                <tr><td></td><td></td><td></td><td align=right><button style="padding: 5px;">Login</button></td><td></td></tr>
                <tr><td></td><td colspan=4><span id=login-status></span></td></tr>
            </table>
        </div>
        <div id="log-info">Open Source. EPL License.</div>
    </div>';
}
?>