<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Flowpesa — Add Money</title>
  <link rel="stylesheet" href="assets/css/style.css">
</head>
<body class="dashboard">

  <!-- HEADER -->
  <header class="top-bar">
    <h2>Add Money</h2>
    <a href="dashboard.html" class="back-link">← Back</a>
  </header>

  <!-- ADD MONEY CARD -->
  
<div class="balance-card">
<form method="POST" action="/api/add_money.php">
  <input
      type="number"
      id="amount"
      placeholder="Enter amount (UGX)"
      class="amount-input"
    />

      <p class="label" style="margin-top:14px;">Payment Method</p>
  <select name="method" required  id="method" class="method-select">
    <option value="mtn">MTN</option>
    <option value="airtel">Airtel</option>
  </select>

  <button type="submit" class="btn-primary">Continue</button>
</form>

</div>
  


  <!-- INFO -->
  <div class="info-card">
    <p>
      You’ll receive a mobile money prompt to complete this top-up.
    </p>
  </div>

<script src="assets/js/add-money.js"></script>
</body>
</html>
