<?php session_start(); ?>
<?php
    if(isset($_POST['register'])){
        $con = mysqli_connect('localhost','root','','account');
        if(!$con)
            die('ERROR: '. mysqli_error($con));
        
        $register = "INSERT INTO user (firstname,lastname,username,password) VALUES('".$_POST['firstname']."','".$_POST['lastname']."','".$_POST['username']."','".$_POST['password']."')";
        
        mysqli_query($con,$register);
        mysqli_close($con);
        
        if(isset($_SESSION['id']))
            echo "<script> alert('Register Successful!!!'); document.location = 'http://localhost/activity_1/activity.php'; </script>";
        else
            echo "<script> alert('Register Successful!!!'); document.location = 'http://localhost/activity_1/login.php'; </script>";
    }
?>
<html>
    <head>
        <title></title>
        <link rel="stylesheet" href="style.css"/>
        <script type="text/javascript" src="style.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 }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">
                <a class="thisButtonMenu" href="#">Home</a>
                <a class="thisButtonMenu" href="#">Profile</a>
                <a class="thisButtonMenu" href="http://localhost/activity_1/forum.php">Forum</a>
                <a class="thisButtonMenu" href="#">About Us</a>
                <a class="thisButtonMenu" href="#">Contact Us</a>
            </div>
            <div class="body">
                    <center><br/><br/><br/>
                        <form class="loginform" method="POST" action="http://localhost/activity_1/activity.php">
                        <h1>LOG IN</h1><hr width="300px"/><br/>
                        <input type="text" name="username" required placeholder="Username"/><br/>
                        <input type="password" name="password" required placeholder="Password"/><br/><br/>
                        <button type="submit" name="login">Login</button>
                        </form>
                    </center>
                </form>
            </div>
            <div class="footer">
                <span class="copy">&COPY; Copyright 2013 CIT-U</span>
            </div>
        </div>
    </body>
</html>