{% load otree %}

<br />
The time of the transactions will be displayed in GMT.
<br /><br />
<div class="card bg-light instructions" style="height: 400px; width: 100%; overflow:scroll" >
        
        <table style="width:100%" >
            {% for trans in transactions %}
                <tr>
                    <td style="border-top: thin solid lightgray; border-bottom: thin solid lightgray" > {{ trans.sender }} </td>
                    <td align="left" style="border-top: thin solid lightgray; border-bottom: thin solid lightgray" > <picture> <img src="{% static 'arrow.png' %}" width="30px" height="20px"> </picture> </td>
                    <td align="left" style="border-top: thin solid lightgray; border-bottom: thin solid lightgray" > {{ trans.receiver }} </td>
                    <td align="right" style="border-top: thin solid lightgray; border-bottom: thin solid lightgray" > {{ trans.amount }} </td>       
                    <td align="right" style="border-top: thin solid lightgray; border-bottom: thin solid lightgray" > {{ trans.time }} </td>         
                </tr>
                <tr></tr>
            {% endfor %}
        </table>

</div>