{% extends "base.html" %}
{% from 'macros/navbar.html' import navbar %}

{% block navbar_start %}
{{ navbar(navbar_items) }}
{% endblock %}

{% block content %}

<div class="section">
    <div class="has-text-centered">
        <h1 class="title">{{ gettext("Global statistics") }}</h1>
    </div>
    <div class="block py-2"></div>
    <div class="fixed-grid has-5-cols has-1-cols-mobile has-text-centered">
        <div class="grid">
            <div class="cell box mb-0">
                <h1 class="title">{{ view_model.registered_companies_count }}</h1>
                <div class="subtitle">{{ gettext("Companies") }}</div>
            </div>
            <div class="cell box mb-0">
                <h1 class="title">{{ view_model.registered_members_count }}</h1>
                <div class="subtitle">{{ gettext("Workers") }}</div>
            </div>
            <div class="cell box mb-0">
                <h1 class="title">{{ view_model.active_plans_count }}</h1>
                <div class="subtitle">{{ gettext("Active plans") }}</div>
            </div>
            <div class="cell box mb-0">
                <h1 class="title">{{ view_model.active_basic_services_count }}</h1>
                <div class="subtitle">{{ gettext("Basic services") }}</div>
            </div>
            <div class="cell box mb-0">
                <h1 class="title">{{ view_model.cooperations_count }}</h1>
                <div class="subtitle">{{ gettext("Cooperations") }}</div>
            </div>
        </div>
    </div>
    <div class="fixed-grid has-2-cols has-1-cols-mobile">
        <div class="grid">
            <div class="cell box mb-0">
                <h1 class="title is-4 has-text-centered">{{ gettext("Active plans") }}</h1>
                <div>
                    <img src="{{ view_model.barplot_plans_url }}" alt="bar plot of active productive and public plans">
                </div>
            </div>
            <div class="cell box mb-0">
                <h1 class="title is-4 has-text-centered">{{ gettext("Planned resources of active plans") }}</h1>
                <div>
                    <img src="{{ view_model.barplot_means_of_production_url }}" alt="bar plot of planned resources of active plans">
                </div>
            </div>
        </div>
    </div>
    <div class="fixed-grid has-2-cols has-1-cols-mobile has-text-centered">
        <div class="grid">
            <div class="cell box mb-0">
                <h1 class="title">{{ view_model.productive_sector_labour_hours }}</h1>
                <div class="subtitle">{{ gettext("Currently planned labour in productive sector") }}</div>
            </div>
            <div class="cell box mb-0">
                <h1 class="title">{{ view_model.public_sector_labour_hours }}</h1>
                <div class="subtitle">{{ gettext("Currently planned labour in public sector") }}</div>
            </div>
        </div>
    </div>
    <div class="grid">
        <div class="cell has-text-centered">
            <div class="box">
                <h1 class="title">{{ view_model.payout_factor }}</h1>
                <div class="subtitle">{{ gettext("FIC (Payout factor)") }}</div>
                <a href="{{ view_model.payout_factor_details_url }}">{{ gettext("Go to details") }}</a>
            </div>
        </div>
        <div class="cell has-text-centered">
            <div class="box">
                <h1 class="title">{{ view_model.psf_balance }}</h1>
                <div class="subtitle">{{ gettext("Balance for Public Sector Fund (PSF)") }}</div>
                <a href="{{ view_model.psf_account_url }}">{{ gettext("Go to details") }}</a>
            </div>
        </div>
        <div class="cell has-text-centered">
            <div class="box">
                <h1 class="title">{{ view_model.average_timeframe_days }}</h1>
                <div class="subtitle">{{ gettext("Average plan duration") }}</div>
            </div>
        </div>
    </div>
</div>

{% endblock %}