<?php session_start(); ?>
<html>
    <head>
        <title></title>
        <link rel="stylesheet" href="style.css"/>
        <script type="text/javascript" src="style.js"></script>
        <script type="text/javascript" src="jquery-1.5.2.js"></script>
    </head>
<!--    onload="whatsYourName('Hi, What\'s Your Name?');"-->
    <body>
        <div class="containerAll">
            <div class="header">
                <div class="settingsContainer">
                    <div class="userName" id="name">
                        <input id="hidden_hint" type="hidden" value="hide"/>
                <?php if(isset($_SESSION['id'])){ ?>
                    Hi, <?php echo ucfirst($_SESSION['firstname']).' '.ucfirst($_SESSION['lastname']) ?>
                <?php }else{ ?>
                    You are not logged in.
                <?php } ?>
                        <div class="arrow_down" onclick="show_setting();"></div>
                    </div>
                    <div class="settings" id="settings_id">
                        <?php if(isset($_SESSION['id'])){ ?>
                            <a class="settings_item" href="http://localhost/activity_1/register.php"><div class="settings_item_div">Register</div></a>
                            <a class="settings_item" href="http://localhost/activity_1/logout.php"><div class="settings_item_div">Logout</div></a>
                        <?php }else{ ?>
                            <a class="settings_item" href="http://localhost/activity_1/login.php"><div class="settings_item_div">Log in</div></a>
                            <a class="settings_item" href="http://localhost/activity_1/register.php"><div class="settings_item_div">Register</div></a>
                        <?php } ?>
                    </div>
                </div>
            </div>
            <div class="menu">
            </div>
            <div class="body">
                <center><br/><br/><br/>
                    <form class="registerform" method="POST" action="http://localhost/activity_1/login.php">
                        <h1>REGISTER</h1><hr width="300px"/><br/>
                        <input type="text" name="firstname" required placeholder="First Name"/><br/>
                        <input type="text" name="lastname" required placeholder="Last Name"/><br/>
                        <input type="text" name="username" required placeholder="Username"/><br/>
                        <input type="password" name="password" required placeholder="Password"/><br/>
                        <input type="password" name="confirmpassword" required placeholder="Confirm Password"/><br/><br/>
                        <button type="submit" name="register">Register</button>
                    </form>
                </center>
            </div>
            <div class="footer">
                <span class="copy">&COPY; Copyright 2013 CIT-U</span>
            </div>
        </div>
        <script>
            $(document).ready(function(){
                $('.registerform button[type="submit"]').click(function(e){
                    if($('.registerform input[name="password"]').val() != $('.registerform input[name="confirmpassword"]').val()){
                        alert('Passwords do not match!!!');
                        e.preventDefault();
                    }
                });
            });
        </script>
    </body>
</html>