{% extends '_partials/login-base.html.twig' %}

{% block body %}
    <ul class="list-inline">

        {% for wallet in wallets %}

            {% for card in wallet.cards %}

                <li  class="list-inline-item">
                    <div class="card rounded-card shadow bg-dark text-light" style="width: 200px;height: 120px">
                        <div class="card-body">

                            {{ card.card_alias| default('No alias') }}
                            {{ card.pan| default }}
                            {{ card.exp_month| default }}
                            {{ card.exp_year| default }}

                            {% for balance in wallet.balances %}
                                {{ balance.balance }} {{ balance.currency }}
                            {% endfor %}

                            {{ card.is_virtual ? 'Virtual' : 'Plastic' }}
                        </div>
                    </div>
                </li>
            {% endfor %}
        {% endfor %}
    </ul>
{% endblock %}