{% extends 'base.html' %}
{% block title %}Make Payment{% endblock %}

{% block content %}
<div class="container mt-3">

    <div class="card shadow-lg p-4">

        <h4><i class="bi bi-cash-stack"></i> Make Payment</h4>

        <form method="post">
            {% csrf_token %}

            <div class="mb-3">
                <label>Amount (KES)</label>
                <input type="number" name="amount" class="form-control" required>
            </div>

            <div class="mb-3">
                <label>M-Pesa Phone Number</label>
                <input type="text" name="phone_number" class="form-control" required>
            </div>

            <div class="mb-3">
                <label>Transaction Code</label>
                <input type="text" name="transaction_id" class="form-control" placeholder="Optional (for testing)">
            </div>

            <button type="submit" class="btn btn-dark w-100">
                <i class="bi bi-check-circle"></i> Submit Payment
            </button>

        </form>

    </div>

</div>
{% endblock %}