Array
(
    [id] => 
    [ap] => 
    [url] => 
    [authenticated] => 
)

<!-- include the bootstrap css -->
<link rel='stylesheet' href='css/bootstrap.min.css'>
<script src="js/bootstrap.bundle.min.js"></script>
<style>
body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: black; /* Set background color to black */
    color: white; /* Set text color to white for better visibility */
}
</style>

<div class='container-sm'>
    <div class='row'>
        <div class='col-md-12'>
            <h1>Guest Wifi Portal</h1>
        </div>
        <div class='col-md-12'>
            <img src='logo.webp' class='img-responsive' />
        </div>
        <div class='col-md-12'>
            <!-- display the email address form -->
            <form action='auth.php' method='post'>
                <div class='form-group'>
                    <label for='email' style='font-size: 2rem;'>Email address</label>
                    <input type='email' class='form-control' id='email' name='email' aria-describedby='emailHelp' placeholder='Enter email'>
                    <input type='hidden' name='id' value=''>
                    <input type='hidden' name='ap' value=''>
                    <input type='hidden' name='url' value=''>
                    <small id='emailHelp' class='form-text text-muted' style='font-size: 1.2rem;'>We'll never share your email with anyone else. By submitting your email address, you accept our <a href='terms.php'>terms and conditions</a>.</small>
                </div>
                <br>
                <button type='submit' class='btn btn-primary'>Submit</button>
            </form>
        </div>
    </div>
</div>


<!-- include the bootstrap js -->
<script src='js/jquery.min.js'></script>
<script src='js/bootstrap.min.js'></script>