{% extends "base.html" %}

{% block navbar_start %}
<div class="navbar-item">{{ gettext("Global statistics") }}</div>
{% 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-4-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("Plans") }}</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="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 account details") }}</a>
            </div>
        </div>        
    </div>
    <div class="fixed-grid has-3-cols has-1-cols-mobile">
        <div class="grid">
            <div class="cell box mb-0">
                <h1 class="title is-4 has-text-centered">{{ gettext("Plans") }}</h1>
                <div>
                    <img src="{{ view_model.barplot_plans_url }}" alt="bar plot of public and productive plans">
                </div>
            </div>
            <div class="cell box mb-0">
                <h1 class="title is-4 has-text-centered">{{ gettext("Planned ressources") }}</h1>
                <div>
                    <img src="{{ view_model.barplot_means_of_production_url }}" alt="bar plot of means of production">
                </div>
            </div>
            <div class="cell box mb-0">
                <h1 class="title is-4 has-text-centered">{{ gettext("Certificates and products") }}</h1>
                <div>
                    <img src="{{ view_model.barplot_for_certificates_url }}" alt="bar plot of certificates vs product">
                </div>
            </div>
        </div>
    </div>
    <div class="fixed-grid has-3-cols has-1-cols-mobile">
        <div class="grid">
            <div class="cell box is-col-span-2 mb-0">
                <b>{{ gettext("Active plans") }}:</b> {{ view_model.active_plans_count }} &#8212;
                <b>{{ gettext("Public active plans") }}:</b> {{ view_model.active_plans_public_count }} &#8212;
                <b>{{ gettext("Average plan duration") }}:</b> {{ view_model.average_timeframe_days }} &#8212;
                <b>{{ gettext("Currently planned fixed means") }}:</b> {{ view_model.planned_means_hours }} &#8212;
                <b>{{ gettext("Currently planned liquid means") }}:</b> {{ view_model.planned_resources_hours }} &#8212;
                <b>{{ gettext("Currently planned work") }}:</b> {{ view_model.planned_work_hours }} &#8212;
                <b>{{ gettext("Available work certificates") }}:</b> {{ view_model.certificates_count }} &#8212;
                <b>{{ gettext("Available product (no public products)") }}:</b> {{ view_model.available_product_in_productive_sector }}
            </div>
            <div class="cell box is-4 has-text-centered mb-0">
                <h1 class="title">{{ view_model.average_timeframe_days }}</h1>
                <div class="subtitle">{{ gettext("Average plan duration") }}</div>
            </div>
        </div>
    </div>
</div>

{% endblock %}