signup.php

<?php
session_start();
require_once __DIR__ . "/includes/header.php";            
?>

<style>
    <?php include "css/style.css"?>
</style>

<div class="container">
    <div class="row flex-container justify-content-center align-items-center vh-100">
        <div class="col-md-6 py-4 px-5" style="border: 1px solid black;">
        <h2 style="text-align:center;">Staff Payroll system</h2>
            <h3 class="header">Signup Form</h3>
            <form action="action.php" method="post">
                <?php
                if (isset($_SESSION['errors'])) {
                    $error = $_SESSION['errors'];
                    unset($_SESSION['errors']);
                }
                ?>
                <!-- Full name -->
                        <div class="mb-3">
                            <label for="fullName" class="form-label">Full Name</label>
                            <input type="text" class="form-control" id="fullName" name="fullName">
                        </div>
                
                <!-- email -->
                    <div class="mb-3">
                        <label for="email" class="form-label">Email</label>
                        <input type="text" class="form-control" id="email" name="email">
                        <small style="color:red"><?php echo $error['email'] ?? ""?></small>
                    </div>

                    <!-- Choose role: admin or user -->
                    <div class="mb-3 flex-center">
                        <div class="form-row flex-center">
                            <input type="radio" name="role" id="user" value="0" class="input-form flex-center">
                            <label for="user" class="ms-5 form-label">User</label>
                        </div>
                        
                        <div class="form-row flex-center">
                            <input type="radio" name="role" id="admin" value="1" class="input-form flex-center">
                            <label for="admin" class="ms-5 form-label">Admin</label>
                        </div>
                    </div>


                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="password" class="form-label">Password</label>
                            <input type="password" class="form-control" id="password" name="password">
                            <small style="color:red"><?php echo $error['password'] ?? ""?></small>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="cpassword" class="form-label">Confirm Password</label>
                            <input type="password" class="form-control" id="cpassword" name="cpassword">
                            <small style="color:red"><?php echo $error['cpassword'] ?? ""?></small>
                        </div>
                    </div>
                </div>

                <div class="btn">
                <button type="submit" class="small-login btn btn-primary text-center" name="signup">Signup</button>
                </div>
                
                <div>
                    <p>Already have an account? Log in <a href="login.php">Here</a></p>
                </div>
            </form>
        </div>
    </div>
</div>


<?php require_once __DIR__ . "/includes/footer.php";?>