{% extends 'app/base.html' %}
{% block title %} Payment gateway {% endblock title %}
{% block content %}
<div class="container mt-5">
  <div class="row justify-content-center">
    <div class="col-md-6">
      <h2>Make a payment</h2>
      <form>
        <div class="form-group">
          <label for="card_number">Card number:</label>
          <input type="text" class="form-control" id="card_number" name="card_number">
        </div>
        <div class="form-group">
          <label for="expiration_date">Expiration date:</label>
          <input type="text" class="form-control" id="expiration_date" name="expiration_date">
        </div>
        <div class="form-group">
          <label for="cvv">CVV:</label>
          <input type="text" class="form-control" id="cvv" name="cvv">
        </div>
        <div class="form-group">
          <label for="amount">Amount:</label>
          <input type="text" class="form-control" id="amount" name="amount">
        </div>
        <button type="submit" class="btn btn-primary">Pay now</button>
      </form>
    </div>
  </div>
</div>
{% endblock %}