Untitled

<?php
session_start();
include './classes/user.php';
$objUser = new user();

if(isset($_SESSION['user'])){
    header("location:posts.php");
}

if(isset($_POST['login'])){
    $login = $objUser->login($_POST['email-login'],$_POST['password']);

    if(!$login){
        $strLoginfail = true;
    }else{
        $_SESSION['user'] = $login;
        header('location: posts.php');
    }
}

if(isset($_POST['register'])){
    if(!$objUser->register($_POST['firstname'], $_POST['lastname'], $_POST['password'],$_POST['email-reg'])){
        die('gebruiker niet aangemaakt');
    }else{
        header('location: ./index.php');
    }
}
?>

<html>
    <head>
        <link rel="stylesheet" href="./assets/style.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
        <script type="text/javascript" src="./assets/main.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <?php if($strLoginfail): ?>
            <style>input{
                border-bottom: 1px solid rgba(255, 0, 0, 0.72)
                }</style>
        <?php endif; ?>
    </head>
    <body>
    <hgroup>
        <h1>Photobook</h1>
        <h3>By Jan-Wiebe Glasbergen</h3>
    </hgroup>
    <?php
        if($_GET['type'] == 'register'){?>
        <form method="POST" id="registerForm" action="index.php" enctype="multipart/form-data">
            <div class="group">
                <input name="email-reg"><span class="highlight"></span><span class="bar"></span>
                <label>Email</label>
            </div>
            <div class="group">
                <input name="firstname"><span class="highlight"></span><span class="bar"></span>
                <label>Firstname</label>
            </div>
            <div class="group">
                <input name="lastname"><span class="highlight"></span><span class="bar"></span>
                <label>Lastname</label>
            </div>
            <div class="group">
                <input name="password" type="password"><span class="highlight"></span><span class="bar"></span>
                <label>Password</label>
            </div>

            <input type="submit" name="register" value="Register" class="button buttonBlue">
            </input>


        </form>
    <?php }else{ ?>
        <form method="POST" action="index.php">
            <div class="group">
                <input name="email-login"><span class="highlight"></span><span class="bar"></span>
                <label>Email</label>
            </div>
            <div class="group">
                <input name="password" type="password"><span class="highlight"></span><span class="bar"></span>
                <label>Password</label>
            </div>
            <input type="submit" name="login" value="Login" class="button buttonBlue">
            </input>
            <a href="index.php?type=register">Register</a>
        </form>
        <?php } ?>
    </body>
    <script type="text/javascript">
        var $email = $('input[name="email-reg"]');
        var $firstname = $('input[name="firstname"]');
        var $lastname = $('input[name="lastname"]');
        var $password = $('input[name="password"]');

        $('#registerForm').submit(function (e) {


            if($email.val() == "" || $email.val() == undefined){
                console.log($email.val());
                $email.css("border-bottom", "1px solid #ff4545");
                e.preventDefault();
            }

            if($firstname.val() == "" || $firstname.val() == undefined){
                $firstname.css("border-bottom", "1px solid #ff4545");
                e.preventDefault();
            }

            if($lastname.val() == "" || $lastname.val() == undefined){
                $lastname.css("border-bottom", "1px solid #ff4545");
            }

            if($password.val() == "" || $password.val() == undefined){
                $password.css("border-bottom", "1px solid #ff4545");
            }
        });


    </script>

</html>