{% trans_default_domain "ibexa_systeminfo" %}

<!-- Tab name: {{ 'tab.name.composer'|trans|desc('Composer') }} -->

{% set composer_items = [
    {
        label: 'composer.minimum_stability'|trans|desc('Minimum stability'),
        content: info.minimumStability,
    },
] %}

{% include '@ibexadesign/ui/component/details/details.html.twig' with {
    headline: info.packages is empty ? 'packages.empty'|trans|desc('No packages installed.') : 'composer'|trans|desc('Composer'),
    items: composer_items,
} only %}

<section class="ibexa-fieldgroup">
    <div class="ibexa-fieldgroup__content">
        {% set body_rows = [] %}
        {% for package in info.packages %}
            {% set col_name %}
                {% if package.homepage is empty %}
                    {{ package.name }}
                {% else %}
                    <a href="{{ package.homepage }}" target="_blank">
                        {{ package.name }}
                    </a>
                {% endif %}
            {% endset %}

            {% set col_version %}
                {{ package.version }} {{ package.stability }}
                <span>({{ package.dateTime|ibexa_full_datetime }}
                    , {{ package.reference | slice(0, 5) }})
                </span>
            {% endset %}

            {% set body_rows = body_rows|merge([{ cols: [
                { content: col_name, raw: true },
                { content: col_version, raw: true },
            ] }]) %}
        {% endfor %}

        {% include '@ibexadesign/ui/component/table/table.html.twig' with {
            headline: 'packages'|trans|desc('Packages'),
            head_cols: [
                { content: 'packages.name'|trans|desc('Name') },
                { content: 'packages.version'|trans|desc('Version') },
            ],
            body_rows,
            empty_table_info_text: 'packages.empty'|trans|desc('No packages installed.'),
        } %}
    </div>
</section>