<section
    id="id_wallet_balances"
    style="--applet-cols: {{ entry.applet.grid_cols }}; --applet-rows: {{ entry.applet.grid_rows }};"
>
    <h2>Balances</h2>
    <div><i class="fa-solid fa-ticket"></i>: <span id="id_writs_balance">{{ wallet.writs }}</span></div>
    <div>Esteem: <span id="id_esteem_balance">{{ wallet.esteem }}</span></div>
    <div id="id_tithe_token_shop">
        <div class="token-bundle" data-qty="1" data-price-cents="100">
            <span class="bundle-qty">1 Tithe Token</span>
            <span class="bundle-writs">+144 Writs</span>
            <span class="bundle-price">$1.00</span>
        </div>
        <div class="token-bundle" data-qty="5" data-price-cents="400">
            <span class="bundle-qty">5 Tithe Tokens</span>
            <span class="bundle-writs">+750 Writs</span>
            <span class="bundle-price">$4.00</span>
        </div>
    </div>
</section>
