{% extends "layout.html" %}

{% block title %}
    Index
{% endblock %}

{% block main %}
    <table width = 100%>
        <tr>
            <th>Symbol</th>
            <th>Name</th>
            <th>Shares</th>
            <th>Price</th>
            <th>Value</th>

        </tr>
        {% for stock in stocks %}

            <tr>
                <td>{{stock.symbol}}</td>
                <td>{{stock.name}}</td>
                <td>{{stock.price}}</td>
            </tr>

        {% endfor %}
        <tr>
            <td>Total Value</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>{{total}}</td>
        </tr>
        <tr>
            <td>Cash</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>{{cash}}</td>
        </tr>
        <tr></tr>
            <td>Total Assets</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>{{grandTotal}}</td>
        </tr>
    </table>
{% endblock %}