{% 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 prd") }}
            </h1>
            <div class="box has-background-info-light has-text-info-dark">
                <div class="icon">{{ "info-circle"|icon }}</div>
                <p>{{ gettext("The account for product transfers (sales).") }}</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 prd account">
            </div>
        </div>
        <div class="section has-text-left">
            {% if view_model.show_transfers %}
            {% 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 %}