{% include 'common/begin.html' %}

<main>
    <h1>Our finances - transparency is key!</h1>
    <p>
        <b>Warning</b> - no guarantees can be made that this information is 100% accurate. Crypto currency prices are updated once every hour.
    </p>

    <a href="/finances/json" target="_blank">
        <button class="special">
            <i class="bi bi-file-earmark-arrow-down"></i>
            Download entire database
        </button>
    </a>

    <h2>Donations</h2>  

    <div class="featured__facts box"><p>We have received <b>{{ finances.donations_num }} donations</b> so far.</p></div>
    <div class="featured__facts box"><p>From donations, we received a total of <b>{{ finances.donations_total }} USD</b>.</p></div>
    <div class="featured__facts box"><p>The average donation has an amount of <b>{{ finances.donations_avg }} USD</b>.
        The largest donation is <b>{{ finances.donations_max }} USD</b>.</div>
    <div class="featured__facts box"><p>Most people donated in <b>{{ finances.most_used_donation_currency }}</b>.</p></div>
    
    <!-- <img src="{{ finances.donations_chart_url }} alt="Donations chart"> -->

    <h2>Expenses</h2>
    <div class="featured__facts box"><p>We have spent <b>{{ finances.expenses_total }} USD</b>.</p></div>
    <div class="featured__facts box"><p>We paid our developers <b>{{ finances.expenses_wages }} USD</b> so far.</p></div>
    <div class="featured__facts box"><p>We usually pay in <b>{{ finances.most_used_expense_currency }}</b>.</p></div>

</main>

{% include 'common/end.html' %}