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

{% block content %}
<div class="card text-center p-3 mb-3" style="background:#ff0500;color:#fff;">
    <h4>ShopRite</h4>
    <p>{{ request.user.phone }}</p>
</div>

<div class="row text-center mb-3">
    <div class="col card p-2">
        <b>GHS {{ request.user.balance }}</b><br>Balance
    </div>
    <div class="col card p-2">
        <b>GHS 0</b><br>Recharge
    </div>
</div>

<div class="list-group mb-3">
    <a href="{% url 'bank-card' %}" class="list-group-item text-decoration-none">
    💳 Bank Card
</a>
    <a href="{% url 'withdraw' %}" class="list-group-item text-decoration-none">💵 Withdraw</a>
    <a href="{% url 'recharge' %}" class="list-group-item text-decoration-none">💵+ Recharge</a>
    <a class="list-group-item">🧾 App</a>
    <a href="{% url 'transactions' %}" class="btn btn-primary w-100 mb-2">
    📜 Transaction History
</a>
    <a href="{% url 'profit-history' %}" class="btn btn-info w-100 mb-2">
    💰 Profit History
</a>
</div>

<a href="{% url 'logout' %}" class="btn btn-danger w-100">Logout</a>
{% endblock %}