<?php
session_start();
$con = mysqli_connect("localhost", "root", "", "fete");

if (isset($_POST['create'])) {
    $f_name  = $_POST['f_name'];
    $l_name  = $_POST['l_name'];
    $u_name  = $_POST['u_name'];
    $gender  = $_POST['gender'];
    $d_birth  = $_POST['d_birth'];
    $p_num  = $_POST['p_num'];
    $email  = $_POST['email'];
    $u_type  = $_POST['u_type'];
    $pass  = md5($_POST['pass']);
    $c_pass  = md5($_POST['c_pass']);
    $agree  = $_POST['agree'];



    $select = "SELECT * FROM users WHERE email = '$email' && pass = '$pass' ";

    $result = mysqli_query($con, $select);

    if (mysqli_num_rows($result) > 0) {

        $error[] = 'user already exist!';
    } else {

        if ($pass != $c_pass) {
            $error[] = 'password not matched!';
        } else {
            $insert = "INSERT INTO users (f_name, l_name, u_name, gender, d_birth, p_num, email, u_type, pass, c_pass, agree) VALUES ('$f_name','$l_name', '$u_name','$gender','$d_birth','$p_num','$email', '$u_type', '$pass','$c_pass','$agree')";
            mysqli_query($con, $insert);
            header('location:login.php');
        }
    }
}
?>



<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fete n' Festa</title>

    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">

    <!-- font awesome cdn link  -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">


    <script src="https://kit.fontawesome.com/e5a0e83fd0.js" crossorigin="anonymous"></script>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

    <!-- custom css file link  -->
    <link href="css/style.css" rel="stylesheet">

</head>


<body>


    <!-- header section starts  -->

    <header class="header">

        <a href="index.php" class="logo">Fete n' Festa</a>
        <ul class="navbar-nav">
            <nav class="menu"><a href="index.php">Home</a>
            <a class="log" href="login.php">Sign in</a>
            </nav>
        </ul>


        <div id="menu-bars" class="fas fa-bars"></div>

    </header>
    <!-- login section starts  -->
    <link href="css/style.css" rel="stylesheet">

    <div class="form">

        <h1 style="color: purple;"><b>Sign Up with Fete n' Fiesta❤</h1></b>
        <?php
        if (isset($error)) {
            foreach ($error as $error) {
                echo '<span class="text-danger">' . $error . '</span>';
            };
        };
        ?>

        <form method="POST">
            <input type="text" placeholder="First Name" name="f_name" class="form-control" />
            <input type="text" placeholder="Last Name" name="l_name" class="form-control" />
            <input type="text" placeholder="Username" name="u_name" class="form-control" />
            <div class="nav">
                <li><label for="radioBox1">Male</label>
                    <input id="radioBox1" type="radio" name="gender" value="Male">
                </li>
                <li><label for="radioBox2">Female</label>
                    <input id="radioBox2" type="radio" name="gender" value="Female">
                </li>
                <li><label for="radioBox3">Other</label>
                    <input id="radioBox3" type="radio" name="gender" value="Other">
                </li>
            </div>

            <input type="date" placeholder="BirthDay" name="d_birth" class="form-control" />
            <input type="tel" placeholder="Phone Number" name="p_num" class="form-control" />
            <input type="email" placeholder="Email" name="email" class="form-control" />
            <div class="nav">
                <li><label for="radioBox4">Admin</label>
                    <input id="radioBox4" type="radio" name="u_type" value="Admin">
                </li>
                <li><label for="radioBox5">User</label>
                    <input id="radioBox5" type="radio" name="u_type" value="User">
                </li>
            </div>

            <input type="password" placeholder="Password" name="pass" class="form-control" />
            <input type="password" placeholder="Confirm Password" name="c_pass" class="form-control" />
            <label class="box"> I agree to the terms and conditions<input type="checkbox" id="box" name="agree" value="checked"></label><br><br>

            <button id="create" name="create" class="btn btn-primary">Create</button>
            <p class="message">Already registered? <a href="login.php"><b>Sign In</b></a></p>

        </form>
    </div>


</body>

</html>