Flutterwave payment plan subscription not working

1

Please help me to correct my code for payment plans subscription recurring payment code

It’s given me error

Secure Transaction Payment /* Add your CSS styles here */ #app { text-align: center; margin-top: 50px; } #loadingIndicator { margin-top: 20px; } #paymentForm { margin-top: 20px; display: flex; flex-direction: column; align-items: center; } #paymentForm input, #paymentForm select { margin-bottom: 10px; width: 300px; padding: 10px; } #paymentForm button { margin-top: 10px; width: 300px; padding: 10px; background-color: #4CAF50; color: white; border: none; cursor: pointer; } .error-message { color: red; margin-bottom: 5px; } .success-message { color: green; margin-bottom: 5px; }

Secure Transaction Payment

PAYMENT

Make Payment 
<div id="paymentForm">
  <div class="input-group">
    <div class="input-group-prepend">
      <span class="input-group-text">✉️</span>
    </div>
    <input type="email" id="emailInput" placeholder="Email" required>
  </div>
  <div class="input-group">
    <div class="input-group-prepend">
      <span class="input-group-text">👤</span>
    </div>
    <input type="text" id="fullNameInput" placeholder="Full Name" required>
  </div>
  <div class="input-group">
    <div class="input-group-prepend">
      <span class="input-group-text">📞</span>
    </div>
    <input type="text" id="phoneNumberInput" placeholder="Phone Number" required>
  </div>
  <div class="input-group">
    <div class="input-group-prepend">
      <span class="input-group-text">$</span>
    </div>
    <input type="number" id="amountInput" placeholder="Amount" required>
  </div>
  <div class="input-group">
    <div class="input-group-prepend">
      <span class="input-group-text">💲</span>
    </div>
    <select id="currencySelect" required>
      <option value="USD">Dollars</option>
      <option value="GBP">Pounds</option>
      <option value="EUR">Euros</option>
    </select>
  </div>
  <div class="input-group">
    <div class="input-group-prepend">
      <span class="input-group-text">⌛️</span>
    </div>
    <select id="intervalSelect" required>
      <option value="hourly">Hourly</option>
      <option value="daily">Daily</option>
      <option value="weekly">Weekly</option>
      <option value="monthly">Monthly</option>
      <option value="quarterly">Quarterly</option>
      <option value="annually">Annually</option>
    </select>
  </div>
  <div class="input-group">
    <div class="input-group-prepend">
      <span class="input-group-text">🕐</span>
    </div>
    <input type="number" id="durationInput" placeholder="Duration (in intervals)" required>
  </div>
  <button id="createPlanButton">Create Payment Plan</button>
</div>
3

Hi @Christopher_Michael

Please kindly share the appropriate implementation as the snippet shared does not seem to include any business logic.

Regards