<?php
    function displayRegister(){

        $usernameErr = $passErr = $passwordfailed = $emailErr = $firstErr = $lastErr = $zipErr = $cityErr = $streetErr = "";
        $username = $email = $pass = $first = $last = $zip = $city = $street = "";

        if (isset($_POST['submitRegister'])) {
            $username = ($_POST["usernamesignup"]);
            // check if username contains only whitespace, numbers and underline
            if (!preg_match("/^[a-zA-Z0-9]*_?[a-zA-Z0-9]*$/", $username)) {
                $usernameErr = "Only letters,numbers and underline allowed";
            }

            $pass = ($_POST["passwordsignup"]);
            // password needs atleast one letter, one number and needs to be at least 8 characters and max 12 characters
            if (!preg_match("/^(?=.*\d)(?=.*[A-Za-z])[0-9A-Za-z!@#$%]{8,12}$/", $pass)) {
                $passErr = "Password needs atleast one letter, one number and needs to be at least 8 characters and max 12 characters";
            }

            if ($_POST["passwordsignup"] != $_POST["passwordsignup_confirm"]){
                $passwordfailed = "Password is not the same as the first input";
            }

            $first = ($_POST["firstnamesignup"]);
            // check if name only contains letters and whitespace
            if (!preg_match("/^[a-zA-Z ]*$/", $first)) {
                $firstErr = "Only letters and white space allowed";
            }

            $last = ($_POST["lastnamesignup"]);
            // check if name only contains letters and whitespace
            if (!preg_match("/^[a-zA-Z ]*$/", $last)) {
                $lastErr = "Only letters and white space allowed";
            }

            $street = ($_POST["streetsignup"]);
            // check if name only contains letters and whitespace
            if (!preg_match("/^[a-zA-Z ]*$/", $street)) {
                $streetErr = "only letters and whitespace allowed";
            }

            $zip = ($_POST["zipcodesignup"]);
            if (!preg_match("/^[0-9]{4}\s[A-Z]{2}$/", $zip)) {
                $zipErr = "Error zip code needs to be like 9999 AA";
            }

            $city = ($_POST["citysignup"]);
            // check if name only contains letters and whitespace
            if (!preg_match("/^[a-zA-Z ]*$/", $city)) {
                $cityErr = "only letters and whitespace allowed";

            }

            if (empty($usernameErr & $passErr & $passwordfailed & $firstErr & $lastErr & $streetErr & $zipErr & $cityErr)){
                sendRegisterForm();
            }else{
                echo $usernameErr . "</br>" . $passErr;
            }

        } ?>
    <form method="post" autocomplete="on" id="register">
            <table class="registrationForm">
                <caption>Registration</caption>
                <tr>
                    <td>
                        <label for="usernamesignup" class="label" data-icon="u">Username</label>
                    </td>
                    <td>
                        <input id="usernamesignup" class="input" name="usernamesignup" required="required" type="text" placeholder="Username" />
                    </td>
                </tr>
                <tr>
                    <td><label for="emailsignup" class="label" data-icon="e" >E-mail</label></td>
                    <td><input id="emailsignup" class="input" name="emailsignup" required="required" type="email" placeholder="example@mail.com"/></td>
                </tr>
                <tr>
                    <td><label for="passwordsignup" class="label" data-icon="p">Your password</label></td>
                    <td><input id="passwordsignup" class="input" name="passwordsignup" required="required" type="password" placeholder="Password"/></td>
                </tr>
                <tr>
                    <td><label for="passwordsignup_confirm" class="label" data-icon="p">Please confirm your password</label></td>
                    <td><input id="passwordsignup_confirm" class="input" name="passwordsignup_confirm" required="required" type="password" placeholder="Password"/></td>
                </tr>
                <tr>
                    <td><label for="firstnamesignup" class="label" data-icon="u">First name</label></td>
                    <td><input id="firstnamesignup" class="input" name="firstnamesignup" required="required" type="text" placeholder="First name" /></td>
                </tr>
                <tr>
                    <td><label for="lastnamesignup" class="label" data-icon="u">Last name</label></td>
                    <td><input id="lastnamesignup" class="input" name="lastnamesignup" required="required" type="text" placeholder="Last name" /></td>
                </tr>
                <tr>
                    <td><label for="phonesignup" class="label" data-icon="u">Phone number</label></td>
                    <td><input id="phonesignup" class="input" name="phonesignup"  type="text" placeholder="0123456789" /></td>
                </tr>
                <tr>
                    <td><label for="streetsignup" class="label" data-icon="u">Street</label></td>
                    <td><input id="streetsignup" class="input" name="streetsignup" required="required"  type="text" placeholder="Street" /></td>
                </tr>
                <tr>
                    <td><label for="streetnumbersignup" class="label" data-icon="u">Street number</label></td>
                    <td><input id="streetnumbersignup" class="input" name="streetnumbersignup" required="required" type="text" placeholder="Streetnumber" /></td>
                </tr>
                <tr>
                    <td><label for="additionsignup" class="label" data-icon="u">Addition</label></td>
                    <td><input id="additionsignup" class="input" name="additionsignup"  type="text" placeholder="Addition" /></td>
                </tr>
                <tr>
                    <td><label for="zipcodesignup" class="label" data-icon="u">Zipcode</label></td>
                    <td><input id="zipcodesignup" class="input" name="zipcodesignup" required="required" type="text" placeholder="1234AB" /></td>
                </tr>
                <tr>
                    <td><label for="citysignup" class="label" data-icon="u">City</label></td>
                    <td><input id="citysignup" class="input" name="citysignup" required="required" type="text" placeholder="City" /></td>
                </tr>
                <tr>
                    <td></td>
                    <td><input type="submit" value="Sign up" name="submitRegister" class="button button-right"/></td>
                </tr>
            </table>
        </form>


    <?php } ?>