<?php
$paramList = array();
$paramList["amount"] = "";
$paramList["txnNote"] = "";
$paramList["mobile"] = "";
$paramList["email"] = "";
?>
<html>
<head>
<title>Gateway Check Out Page</title>
<style>
    body {
        background: #f4f6fb;
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Segoe UI', Arial, sans-serif;
    }
    .form-container {
        background: #fff;
        padding: 2rem 2.5rem;
        border-radius: 12px;
        box-shadow: 0 4px 24px rgba(0,0,0,0.08);
        min-width: 320px;
    }
    .form-container h2 {
        margin-bottom: 1.5rem;
        color: #222;
        text-align: center;
    }
    .form-group {
        margin-bottom: 1.2rem;
    }
    .form-group input[type="text"],
    .form-group input[type="email"] {
        width: 100%;
        padding: 0.7rem 1rem;
        border: 1px solid #d1d5db;
        border-radius: 6px;
        font-size: 1rem;
        background: #f9fafb;
        transition: border 0.2s;
    }
    .form-group input:focus {
        border: 1.5px solid #0078d7;
        outline: none;
        background: #fff;
    }
    .submit-btn {
        width: 100%;
        padding: 0.8rem 0;
        background: linear-gradient(90deg, #0078d7 0%, #00c6fb 100%);
        color: #fff;
        border: none;
        border-radius: 6px;
        font-size: 1.1rem;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.2s;
        margin-top: 0.5rem;
    }
    .submit-btn:hover {
        background: linear-gradient(90deg, #005fa3 0%, #009ec3 100%);
    }
</style>
</head>
<body>
    <div class="form-container">
        <h2>Gateway Check Out</h2>
        <form method="post" action="order.php" name="f1">
            <?php
            foreach($paramList as $name => $value) {
                echo '<div class="form-group">';
                $type = ($name === 'email') ? 'email' : 'text';
                echo '<input type="' . $type . '" name="' . $name .'" value="' . $value . '" placeholder="' . ucfirst($name) .'">';
                echo '</div>';
            }
            ?>
            <button type="submit" name="submit" class="submit-btn">Submit</button>
        </form>
    </div>
</body>
</html>