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

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

  <!-- SEND CARD -->
  <div class="balance-card">
    <p class="label">Recipient (Phone / Username)</p>
    <input
      type="text"
      id="recipient"
      placeholder="e.g. +256712345678 or Gerald"
      class="amount-input"
    />

    <p class="label">Amount</p>
    <input
      type="number"
      id="amount"
      placeholder="Enter amount (UGX)"
      class="amount-input"
    />

    <p class="label">Note (optional)</p>
    <input
      type="text"
      id="note"
      placeholder="e.g. Lunch"
      class="amount-input"
    />

    <button class="btn-primary" onclick="sendMoney()">
      Send Now
    </button>
  </div>

  <!-- INFO -->
  <div class="info-card">
    <p>
      Transfers between Flowpesa users are instant and free.
    </p>
  </div>

<script src="js/send.js"></script>
</body>
</html>
