// Define variables and initialize with empty values
    $username = $password = $confirm_password = $userphoto = "";
    $username_err = $password_err = $confirm_password_err = $userphoto_input_err = "";

    // Processing form data when form is submitted
    if($_SERVER["REQUEST_METHOD"] == "POST"){

        // Validate username
        if(empty(trim($_POST["username"]))){
            $username_err = "<span class='loginerror'>Please enter a username</span>";
        } else{
            // Prepare a select statement
            $sql = "SELECT id FROM users WHERE username = ?";

            if($stmt = mysqli_prepare($link, $sql)){
                // Bind variables to the prepared statement as parameters
                mysqli_stmt_bind_param($stmt, "s", $param_username);

                // Set parameters
                $param_username = trim($_POST["username"]);

                // Attempt to execute the prepared statement
                if(mysqli_stmt_execute($stmt)){
                    /* store result */
                    mysqli_stmt_store_result($stmt);

                    if(mysqli_stmt_num_rows($stmt) == 1){
                        $username_err = "<span class='loginerror'>This username is already taken</span>";
                    } else{
                        $username = trim($_POST["username"]);  // success ?
                    }
                } else{
                    echo "<span class='loginerror'>Oops! Something went wrong. Please try again later.</span>";
                }
            }

            // Close statement
            mysqli_stmt_close($stmt);
        }

        // Validate password
        if(empty(trim($_POST['password']))){
            $password_err = "<span class='loginerror'>Please enter a password</span>";
        } elseif(strlen(trim($_POST['password'])) < 6){
            $password_err = "<span class='loginerror'> must have atleast 6 characters</span>";
        } else{
            $password = trim($_POST['password']);
        }

        // Validate confirm password
        if(empty(trim($_POST["confirm_password"]))){
            $confirm_password_err = '<span class="loginerror">Please confirm password</span>';
        } else{
            $confirm_password = trim($_POST['confirm_password']);
            if($password != $confirm_password){
                $confirm_password_err = '<span class="loginerror">Password did not match</span>';
            }
        }

            // ------------------------------------
            if(empty($_FILES['avatar']['name'])){
                    $userphoto_input_err = '<span class="loginerror">Please confirm upload</span>';
            } else{
                    $userphoto = ($_FILES['avatar']['name']);
                    $target = "avatars/";
                    $target = $target . basename( $_FILES['avatar']['name']);
                    if($userphoto != $userphoto){
                            $userphoto_input_err = '<span class="loginerror">Error uploading photo</span>';
                    }
            }
            // ------------------------------------

        // Check input errors before inserting in database
        if(empty($username_err) && empty($password_err) && empty($confirm_password_err) && empty($userphoto_input_err)){

            // Prepare an insert statement
            $sql = "INSERT INTO users (username, password, picture) VALUES (?, ?, ?)";

        // ------------------------------------
        if(move_uploaded_file($_FILES['avatar']['tmp_name'], $target))
        {
          echo "The image ". basename( $_FILES['uploadedfile']['name']). " has been uploaded.";
        } else {
          echo "Sorry, there was a problem uploading your photo.";
        }
        // ------------------------------------

            if($stmt = mysqli_prepare($link, $sql)){
                // Bind variables to the prepared statement as parameters
                mysqli_stmt_bind_param($stmt, "ss", $param_username, $param_password, $param_userphoto);

                // Set parameters
                $param_username = $username;
                $param_password = password_hash($password, PASSWORD_DEFAULT); // Creates a password hash
                $param_userphoto = $userphoto;

                // Attempt to execute the prepared statement
                if(mysqli_stmt_execute($stmt)){

                // Redirect to login page
                header("location: login.php?success");
                } else{
                    echo "<span class='loginerror'>Something went wrong. Please try again later.</span>";
                }
            }

            // Close statement
            mysqli_stmt_close($stmt);
        }

        // Close connection
        mysqli_close($link);
    }
    ?>
    <?php include "header.php";?>

    <div class='welcome'>
       Register a new account
       <div class='intro'>

    <!-- form -->
    <div style='float:left;padding-right:20px;'>
        <img src="/Media/avatar-icon.png" style="width:100px;height:100px;" />
    </div>
    <div style='float:left;'>
    <form class="pure-form" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post" enctype="multipart/form-data">
    <fieldset>
       <legend>Sign Up to IKS Portal and gain full access to IKS Servers, Support, Files, and More!</legend>


                <div style="margin-bottom:4px;" class="form-group <?php echo (!empty($username_err)) ? 'has-error' : ''; ?>">
                    <label>Username:<sup>*</sup></label>
                    <input type="text" name="username" placeholder="Username">
                    <span class="help-block"><?php echo $username_err; ?></span>
                </div>


                <div style="margin-left:3px;" class="form-group <?php echo (!empty($password_err)) ? 'has-error' : ''; ?>">
                    <label>Password:<sup>*</sup></label>
                    <input type="password" name="password" placeholder="Password">
                    <span class="help-block"><?php echo $password_err; ?></span>
                </div>



                <div style="margin-top:4px;margin-left:14px;" class="form-group <?php echo (!empty($confirm_password_err)) ? 'has-error' : ''; ?>">
                    <label>Confirm:<sup>*</sup></label>
                    <input type="password" name="confirm_password" class="form-control" placeholder="Confirm Password" value="<?php echo $confirm_password; ?>">
                    <span class="help-block"><?php echo $confirm_password_err; ?></span>
                </div>



                <!-- PROFILE PHOTO UPLOADING - EXTERIMENTAL -->
                <div style="margin-top:4px;margin-left:14px;" class="form-group <?php echo (!empty($userphoto_input_err)) ? 'has-error' : ''; ?>">
                    <label>Picture:<sup>*</sup></label>
                    <input name="userphoto" type="file" class="form-control" accept=".jpg, .jpeg, .png, .gif">
                    <span class="help-block"><?php echo $userphoto_input_err; ?></span>
                </div>



                <button type="submit" class="pure-button pure-button-primary">Sign Up</button>
    </fieldset>
                <p>Don't have an account? <a href="register.php">Sign up now</a>.</p>
    </form>