{% 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 being updated once every hour.
        <br>
        <b>As of: </b> <span id="lastUpdateDisplay">Loading...</span>
        <script>
            const unix_timestamp = {{ finances.last_update }};
            lastUpdateDisplay.innerText = new Date(unix_timestamp * 1000).toLocaleString();
        </script>
    </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,
        totaling  <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>.
        Most people used <b>{{ finances.most_used_donation_currency }}</b> to donate.
    </p></div>
    <div class="featured__facts box"><p>
        The largest donation is <b>{{ finances.donations_max }} USD</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' %}