{% extends "base.html" %}
{% block title %}Recharge{% endblock %}

{% block content %}
<h5 class="mb-3">Recharge</h5>

<div class="card p-3 mb-3">
    <b>Deposit Instructions</b>
    <p class="mb-1">Account Name: <b>RAYMOND ACQUAH</b></p>
    <p class="mb-1">MoMo Number: <b>050 319 4293</b></p>
    <p class="mb-1">Network: <b>TELECEL</b></p>
    <div class="text-warning mb-0">
        <p class="text-info">Minimum deposit: GHS 50.00</p>
        <ul>
            <li>Note the info for the receiving account above.</li>
            <li>Make sure you have added your bank account info.</li>
            <li>Write the exact amount you sent for recharge here.</li>
            <li>Recharge will reflect on your account within 5-30 minutes.</li>
        </ul>
    </div>
</div>

<form method="post">
    {% csrf_token %}
    Amount: <input class="form-control mb-2" name="amount" placeholder="Enter amount">
    Transaction ID: <input class="form-control mb-2" name="trans_id" placeholder="Transaction Id">
    <button class="btn btn-warning w-100">Submit Recharge</button>
</form>
{% endblock %}