{% load jalali_tags %}
<div>
    <div class="card card-body mb-3">
        <div class="row">
            <div class="col col-sm-12 col-md-4 col-lg-4">
                <p class="mb-0">
                    <span class="fw-bold">
                        amount:
                    </span>
                    <a href="{% url 'wallet:user_transaction_detail_page' transaction.pk %}">{{ transaction.amount }}</a>
                </p>
            </div>
            <div class="col col-sm-12 col-md-4 col-lg-4">
                <p class="mb-0">
                    <span class="fw-bold">
                                    {% if transaction.payee == request.user %}
                                        from: {{ transaction.payer }}
                                    {% else %}
                                        to: {{ transaction.payee }}
                                    {% endif %}
                    </span>
                </p>
            </div>
            <div class="col col-sm-12 col-md-4 col-lg-4">
                <p class="mb-0">
                    <span class="fw-bold">state: {{ transaction.get_state_display }}</span>
                </p>
            </div>
        </div>
    </div>
</div>