{% extends "base.html" %}

{% block navbar_start %}
{% from 'macros/navbar.html' import navbar %}
{{ navbar(view_model.navbar_items) }}
{% endblock %}

{% block content %}
{% from 'macros/transfers.html' import transfer_with_party %}

<section class="section columns has-text-centered">
    <div class="column"></div>
    <div class="column is-two-thirds">
        <div class="pb-5">
            <h1 class="title">
                {{ gettext("Account a") }}
            </h1>
        </div>
        <div class="box has-background-info-light has-text-info-dark">
            <div class="icon">{{ "info-circle"|icon }}</div>
            <p>{{ gettext("The account for work certificates") }}</p>
        </div>
        <p>{{ gettext("Balance:") }}</p>
        <p
            class="has-text-weight-bold">
            {{ view_model.account_balance }}
        </p>
        <div>
            <img src="{{ view_model.plot_url }}" alt="plot of a account">
        </div>
        <div class="section has-text-left">
            {% if view_model.transfers is defined and view_model.transfers|length %}
            {% for transfer in view_model.transfers %}
                {{ transfer_with_party(transfer.date, transfer.transfer_type, transfer.transfer_volume, transfer.is_debit_transfer, transfer.party_icon, transfer.party_name) }}
            {% endfor %}
            {% endif %}
        </div>
    </div>
    <div class="column"></div>
</section>
{% endblock %}