{% extends "base.html" %}

{% block title %}{{ account.name }}{% endblock %}

{% block content %}

<h1>This is cool!!!</h1>

<!-- Holdings list -->
<div class="list-group">
    <div class="list-group-item">
        <div class="row align-items-start">
            <div class="col">
                <h3>Ticker</h2>
            </div>
            <div class="col">
                <h3>Value</h2>
            </div>
            <div class="col">
                <h3>Amount</h2>
            </div>
            <div class="col">
                <h3>Cost Basis</h2>
            </div>
        </div>
    </div>
    {% for holding in holdings %}
        <a href="asset/{{ holding.asset.ticker }}" class="list-group-item list-group-item-action">
            <div class="row align-items-start">
                <div class="col">
                    <h2>{{ holding.asset.ticker }}</h2>
                </div>
                <div class="col">
                    <p>${{ holding.holding_value }} ( ${{ holding.holding_gain }} )</p>
                </div>
                <div class="col">
                    <p>{{ holding.ammount }}</p>
                </div>
                <div class="col">
                    <p>${{ holding.cost_basis }}</p>
                </div>
            </div>
        </a>
    {% endfor %}
</div>


{% endblock %}