{% extends 'App/Pdf/_include/_layout.pdf.html.twig' %}
{% trans_default_domain 'rapport' %}
{% if sort_by == constant('App\\Services\\App\\Pdf\\PdfManagerService::SORT_FOURNISSEUR') %}
    {% set sort_by_libelle = 'rapport.sort.fournisseur'|trans %}
{% elseif sort_by == constant('App\\Services\\App\\Pdf\\PdfManagerService::SORT_SEC_CLI') %}
    {% set sort_by_libelle = 'rapport.sort.section_cli'|trans %}
{% elseif sort_by == constant('App\\Services\\App\\Pdf\\PdfManagerService::SORT_SEC_FOUR') %}
    {% set sort_by_libelle = 'rapport.sort.section_four'|trans %}
{% elseif sort_by == constant('App\\Services\\App\\Pdf\\PdfManagerService::SORT_FAM_ART') %}
    {% set sort_by_libelle = 'rapport.sort.article_fam'|trans %}
{% endif %}

{% if kb_type == constant('App\\Entity\\Kanban\\KanbanType::APPRO') %}
    {% set kanban_type = 'code_kanban_appro'|trans({},'messages') %}
{% elseif kb_type == constant('App\\Entity\\Kanban\\KanbanType::FAB') %}
    {% set kanban_type = 'code_kanban_fab'|trans({},'messages') %}
{% elseif kb_type == constant('App\\Entity\\Kanban\\KanbanType::FS') %}
    {% set kanban_type = 'code_kanban_fs'|trans({},'messages') %}
{% endif %}

{% block content %}
    <div class="frame-landscape">
    {% for key, fournisseur_row in data %}
            <div class="page ft_regular">
                {% if fournisseur_row.articles|length > 0 %}
                    <table class="mb-2 fs-m table_with_page_break" style="width: 100%;">
                        <thead>
                        <tr>
                            <th class="page_title" colspan="31">
                                <h1 class="fs-xl mb-2" style="text-align: center;">{{ 'rapport.color_helper.title'|trans }} {{ kanban_type }} ({{ 'rapport.word.by'|trans }} {{ sort_by_libelle }})</h1>
                                <div class="header fs-l mb-1" style="margin-left: 10rem;">
                                    {{ sort_by_libelle }} : {{ fournisseur_row.sort_code }} ({{ fournisseur_row.sort_name }})
                                </div>
                            </th>
                        </tr>
                        <tr>
                            <th colspan="1"></th>
                            <th class="page_subtitle" colspan="30"></th>
                        </tr>
                        <tr>
                            <th rowspan="2">{{ 'rapport.color_helper.table.header.reference'|trans }}</th>
                            <th rowspan="2">{{ 'rapport.color_helper.table.header.designation'|trans }}</th>
                            <th rowspan="2">{{ 'rapport.color_helper.table.header.nb_batch_kb'|trans }}</th>
                            <th rowspan="2">{{ 'rapport.color_helper.table.header.nb_kb'|trans }}</th>
                            <th colspan="5">{{ 'rapport.color_helper.table.header.color_etiq_achat'|trans }}</th>
                            <th colspan="5">{{ 'rapport.color_helper.table.header.color_etiq_fab'|trans }}</th>
                            <th colspan="5">{{ 'rapport.color_helper.table.header.color_etiq_liv'|trans }}</th>
                            <th colspan="5">{{ 'rapport.color_helper.table.header.color_etiq_mag'|trans }}</th>
                            <th colspan="3">{{ 'rapport.color_helper.table.header.etiq_supp'|trans }}</th>
                        </tr>
                        <tr>
                            <th>{{ 'rapport.color_helper.table.header.etiq'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.dot_left'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.dot_right'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.bevel'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.etiq_comp'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.etiq'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.dot_left'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.dot_right'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.bevel'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.etiq_comp'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.etiq'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.dot_left'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.dot_right'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.bevel'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.etiq_comp'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.etiq'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.dot_left'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.dot_right'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.bevel'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.etiq_comp'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.title'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.prog'|trans }}</th>
                            <th>{{ 'rapport.color_helper.table.header.pick'|trans }}</th>
                        </tr>
                        </thead>
                        <tbody>
{#                        {% for i in 0..60 %}#}
                            {% for article_row in fournisseur_row.articles %}
                                <tr>
                                    <td>{{ article_row.kanban_id }} - {{ article_row.article_reference }}</td>
                                    <td>{{ article_row.article_designation }}</td>
                                    <td><span class="float_right">{{ article_row.kanban_nb_etiq_kb|number_format(2,',',' ') }}</span></td>
                                    <td><span class="float_right">{{ article_row.totalKb|number_format(2,',',' ') }}</span></td>
                                    <td>{{ article_row.etiq_achat_color }}</td>
                                    <td>{{ article_row.etiq_achat_dot_left }}</td>
                                    <td>{{ article_row.etiq_achat_dot_right }}</td>
                                    <td>{{ article_row.etiq_achat_bevel }}</td>
                                    <td>{{ article_row.etiq_achat_etiq_compl }}</td>
                                    <td>{{ article_row.etiq_fab_color }}</td>
                                    <td>{{ article_row.etiq_fab_dot_left }}</td>
                                    <td>{{ article_row.etiq_fab_dot_right }}</td>
                                    <td>{{ article_row.etiq_fab_bevel }}</td>
                                    <td>{{ article_row.etiq_fab_etiq_compl }}</td>
                                    <td>{{ article_row.etiq_liv_color }}</td>
                                    <td>{{ article_row.etiq_liv_dot_left }}</td>
                                    <td>{{ article_row.etiq_liv_dot_right }}</td>
                                    <td>{{ article_row.etiq_liv_bevel }}</td>
                                    <td>{{ article_row.etiq_liv_etiq_compl }}</td>
                                    <td>{{ article_row.etiq_mag_color }}</td>
                                    <td>{{ article_row.etiq_mag_dot_left }}</td>
                                    <td>{{ article_row.etiq_mag_dot_right }}</td>
                                    <td>{{ article_row.etiq_mag_bevel }}</td>
                                    <td>{{ article_row.etiq_mag_etiq_compl }}</td>
                                    <td><span class="float_right">{{ article_row.nb_etiq_title|number_format(2,',',' ') }}</span></td>
                                    <td><span class="float_right">{{ article_row.nb_etiq_prog|number_format(2,',',' ') }}</span></td>
                                    <td><span class="float_right">{{ article_row.nb_etiq_pick|number_format(2,',',' ') }}</span></td>
                                </tr>

                            {% endfor %}
{#                        {% endfor %}#}
                        </tbody>
                    </table>
                {% endif %}

                {% if fournisseur_row.colors|length > 0 and fournisseur_row.colors.etiq|length > 0 %}

                    <table class="sticky_tab fs-m mr-2">
                        <thead>
                        <tr>
                            <th colspan="2">{{ 'rapport.color_helper.recap.color.etiq_title'|trans }}</th>
                        </tr>
                        <tr>
                            <th>{{ 'rapport.color_helper.recap.color.color'|trans }}</th>
                            <th>{{ 'rapport.color_helper.recap.color.number'|trans }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for color_name, count in fournisseur_row.colors.etiq %}
                            <tr>
                                <td>{{ color_name }}</td>
                                <td><span class="float_right">{{ count|number_format(2,',',' ') }}</span></td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>

                {% endif %}

                {% if fournisseur_row.colors|length > 0 and fournisseur_row.colors.dot|length > 0 %}
                    <table class="sticky_tab fs-m">
                        <thead>
                        <tr>
                            <th colspan="2">{{ 'rapport.color_helper.recap.color.dot_title'|trans }}</th>
                        </tr>
                        <tr>
                            <th>{{ 'rapport.color_helper.recap.color.color'|trans }}</th>
                            <th>{{ 'rapport.color_helper.recap.color.number'|trans }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for color_name, count in fournisseur_row.colors.dot %}
                            <tr>
                                <td>{{ color_name }}</td>
                                <td><span class="float_right">{{ count|number_format(2,',',' ') }}</span></td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                {% endif %}

                {% if fournisseur_row.total|length > 0 %}
                    <table class="sticky_tab float_right fs-m">
                        <tbody>
                        <tr>
                            <th>{{ 'rapport.color_helper.recap.global.nb_batch_kb'|trans }}</th>
                            <td><span class="float_right">{{ fournisseur_row.total.nb_kb|number_format(2,',',' ') }}</span></td>
                        </tr>
                        <tr>
                            <th>{{ 'rapport.color_helper.recap.global.nb_etiq_kb'|trans }}</th>
                            <td><span class="float_right">{{ fournisseur_row.total.nb_etiq_kb|number_format(2,',',' ') }}</span></td>
                        </tr>
                        <tr>
                            <th>{{ 'rapport.color_helper.recap.global.nb_etiq_out_kb'|trans }}</th>
                            <td><span class="float_right">{{ fournisseur_row.total.nb_etiq_no_kb|number_format(2,',',' ') }}</span></td>
                        </tr>
                        <tr>
                            <th>{{ 'rapport.color_helper.recap.global.nb_etiq'|trans }}</th>
                            <td><span class="float_right">{{ fournisseur_row.total.nb_etiq|number_format(2,',',' ') }}</span></td>
                        </tr>
                        </tbody>
                    </table>
                {% endif %}
            </div>

    {% endfor %}
    </div>
{% endblock %}

{% block javascript_footer %}
    {{ parent() }}
    <script>
        $(document).ready(function(){

        });
    </script>
{% endblock %}