index

{% extends "layout.html" %}

{% block title %}
Your Portfolio
{% endblock %}

{% block main %}
<style type="text/css">
  table{
    border-collapse: collapse;
    border: 1px solid black;
    width: 100%;
    height: 50px;
  }

  table td,th{
    border: 1px solid black;
    text-align: center;
  }
  table th{
      background-color: #4CAF50;
  }
  table tr td:nth-child(6),
table tr td:nth-child(5) {
    text-align: center;
    border: none;
    }
</style>
<table>
    <tr>
        <th>Stocks</th>
        <th>Shares</th>
        <th>Current Price</th>
        <th>Total</th>
        <th>Current Cash</th>
        <th>Grand Total</th>

    </tr>

    {% for stock in symbol %}
        <tr>
            <td>{{ stock["symbol"] }}</td>
            <td>{{ stock["shares"] }}</td>
            <td>{{ stock["quoteprice"] }}</td>
            <td>{{stock["shares"] * stock ["quoteprice"]}} </td>

    {% endfor %}
        <td>{{cash}}</td>
        <td>{{gtotal}}</td>
        </tr>


{% endblock %}