{% extends 'App/_include/_layout.main.html.twig' %}
{% block page_content %}
<div class="cell small-12">
    <h1 class="underlined"><i class="fa fa-cog"></i>{{ 'parametres.edit.title'|trans }}</h1>


    <ul class="tabs" data-tabs id="parameters-tabs">
        <li class="tabs-title is-active"><a href="#global_panel" aria-selected="true">{{ 'parametres.tab.global'|trans }}</a></li>
        {% if is_granted('ROLE_APP_SUB_KB_ELECTRONIQUE') == false %}
        <li class="tabs-title"><a data-tabs-target="kanban_panel" href="#kanban_panel">{{ 'parametres.tab.kanban'|trans }}</a></li>
        {% endif %}
        {% if is_granted('ROLE_APP_SUB_KB_ELECTRONIQUE') %}
        <li class="tabs-title"><a data-tabs-target="" href="#cmj_panel">E-Kanban</a></li>
        {% endif %}
    </ul>

    <div class="tabs-content" data-tabs-content="parameters-tabs">
        <div class="tabs-panel is-active" id="global_panel">
            {{ form_start(formEditGlobalParameters, {'attr': {'id': 'formEditGlobalParameters','action':url('app_parametres_view') }}) }}
            <div class="grid-x grid-padding-x">
                <div class="cell small-3 text-right">{{ form_label(formEditGlobalParameters.devise) }}</div>
                <div class="cell small-3">{{ form_widget(formEditGlobalParameters.devise) }}</div>
                <div class="cell small-3 text-right">{{ form_label(formEditGlobalParameters.unite) }}</div>
                <div class="cell small-3">{{ form_widget(formEditGlobalParameters.unite) }}</div>
                <div class="cell small-3 text-right">{{ form_label(formEditGlobalParameters.renvoiEtiquetteDebut) }}</div>
                <div class="cell small-3">{{ form_widget(formEditGlobalParameters.renvoiEtiquetteDebut) }}</div>
                <div class="cell small-3 text-right">{{ form_label(formEditGlobalParameters.prefixeSerieEtiquetteColis) }}</div>
                <div class="cell small-3">{{ form_widget(formEditGlobalParameters.prefixeSerieEtiquetteColis) }}</div>
                <div class="cell small-3 text-right">{{ form_label(formEditGlobalParameters.userOrCustomer) }}</div>
                <div class="cell small-3">{{ form_widget(formEditGlobalParameters.userOrCustomer) }}</div>
                <div class="cell small-12">
                    <h6 class="underlined text_primary_light mb-1">{{ 'parametres.subtitle.customField'|trans }}</h6>
                </div>
                <div class="cell small-3 text-right">{{ form_label(formEditGlobalParameters.customFieldInfo1) }}</div>
                <div class="cell small-3">{{ form_widget(formEditGlobalParameters.customFieldInfo1) }}</div>

                {# {% if is_granted('ROLE_APP_SUB_ETIQUETTE_LIBRE') %} #}
                <div class="cell small-3 text-right">{{ form_label(formEditGlobalParameters.customFieldEtiqLibreInfo1) }}</div>
                <div class="cell small-3">{{ form_widget(formEditGlobalParameters.customFieldEtiqLibreInfo1) }}</div>
                {# {% else %} <div class="cell small-6"></div>{% endif %} #}

                <div class="cell small-3 text-right">{{ form_label(formEditGlobalParameters.customFieldInfo2) }}</div>
                <div class="cell small-3">{{ form_widget(formEditGlobalParameters.customFieldInfo2) }}</div>
                {# {% if is_granted('ROLE_APP_SUB_ETIQUETTE_LIBRE') %} #}
                <div class="cell small-3 text-right">{{ form_label(formEditGlobalParameters.customFieldEtiqLibreInfo2) }}</div>
                <div class="cell small-3">{{ form_widget(formEditGlobalParameters.customFieldEtiqLibreInfo2) }}</div>
                {# {% else %} <div class="cell small-6"></div>{% endif %} #}
                <div class="cell small-3 text-right">{{ form_label(formEditGlobalParameters.customFieldInfo3) }}</div>
                <div class="cell small-3">{{ form_widget(formEditGlobalParameters.customFieldInfo3) }}</div>
                {# {% if is_granted('ROLE_APP_SUB_ETIQUETTE_LIBRE') %} #}
                <div class="cell small-3 text-right">{{ form_label(formEditGlobalParameters.customFieldEtiqLibreInfo3) }}</div>
                <div class="cell small-3">{{ form_widget(formEditGlobalParameters.customFieldEtiqLibreInfo3) }}</div>
                {# {% else %} <div class="cell small-6"></div>{% endif %} #}
                <div class="cell small-3 text-right">{{ form_label(formEditGlobalParameters.customFieldInfo4) }}</div>
                <div class="cell small-3">{{ form_widget(formEditGlobalParameters.customFieldInfo4) }}</div>
                {# {% if is_granted('ROLE_APP_SUB_ETIQUETTE_LIBRE') %} #}
                <div class="cell small-3 text-right">{{ form_label(formEditGlobalParameters.customFieldEtiqLibreInfo4) }}</div>
                <div class="cell small-3">{{ form_widget(formEditGlobalParameters.customFieldEtiqLibreInfo4) }}</div>
                {# {% else %} <div class="cell small-6"></div>{% endif %} #}
                <div class="cell small-3 text-right">{{ form_label(formEditGlobalParameters.customFieldInfo5) }}</div>
                <div class="cell small-3">{{ form_widget(formEditGlobalParameters.customFieldInfo5) }}</div>
                {# {% if is_granted('ROLE_APP_SUB_ETIQUETTE_LIBRE') %} #}
                <div class="cell small-3 text-right">{{ form_label(formEditGlobalParameters.customFieldEtiqLibreInfo5) }}</div>
                <div class="cell small-3">{{ form_widget(formEditGlobalParameters.customFieldEtiqLibreInfo5) }}</div>
                {# {% else %} <div class="cell small-6"></div>{% endif %} #}
                <div class="cell small-12 text-right mt-1-5">
                    <button id="submit_form_global_parameters"
                            class="button small save no-mb">{{ 'save'|trans }}</button>
                </div>
            </div>
            {{ form_end(formEditGlobalParameters) }}
        </div>
        {% if is_granted('ROLE_APP_SUB_KB_ELECTRONIQUE') == false %}
            <div class="tabs-panel" id="kanban_panel">
                {{ form_start(formEditKanbanParameters, {'attr': {'id': 'formEditKanbanParameters','action':url('app_parametres_view') }}) }}
                <div class="grid-x grid-padding-x hide-for-small-only mb-1 text-center">
                    <div class="cell medium-3"></div>
                    <div class="cell medium-3">{{ 'code_kanban_appro'|trans }}</div>
                    <div class="cell medium-3{% if not is_granted('ROLE_APP_SUB_KB_FAB_ACCESS') %} text_grey{% endif %}">{{ 'code_kanban_fab'|trans }}</div>
                    <div class="cell medium-3{% if not is_granted('ROLE_APP_SUB_KB_FS_ACCESS') %} text_grey{% endif %}">{{ 'code_kanban_fs'|trans }}</div>
                </div>
                <div class="grid-x grid-padding-x mb-1" style="margin-bottom: 300px">
                    <div class="cell medium-3 hide-for-small-only">
                        <div class="grid-x">
                            <div class="cell text-right custom_table_label mb-0-2">
                                <label>{{ 'parametres.label.form.section'|trans }}</label></div>
                            <div class="cell text-right custom_table_label mb-0-2">
                                <label>{{ 'parametres.label.form.color.title'|trans }}</label></div>
                            <div class="cell text-right custom_table_label mb-0-2">
                                <label>{{ 'parametres.label.form.color.prog'|trans }}</label></div>
                            <div class="cell text-right custom_table_label mb-0-2">
                                <label>{{ 'parametres.label.form.color.pick'|trans }}</label></div>
                            <div class="cell text-right custom_table_label mb-0-2">
                                <label>{{ 'parametres.label.form.etiq.title'|trans }}</label></div>
                            <div class="cell text-right custom_table_label mb-0-2">
                                <label>{{ 'parametres.label.form.etiq.prog'|trans }}</label></div>
                            <div class="cell text-right custom_table_label mb-0-2">
                                <label>{{ 'parametres.label.form.etiq.pick'|trans }}</label></div>
                            <div class="cell text-right custom_table_label mb-0-2">
                                <label>{{ 'parametres.label.form.etiq.kanban'|trans }}</label></div>
                        </div>
                    </div>
                    <div class="cell small-12 medium-3">
                        {# APPRO COLUMN #}
                        <div class="grid-x">
                            <div class="cell text-center show-for-small-only">{{ 'code_kanban_appro'|trans }}</div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only"><label>{{ 'parametres.label.form.section'|trans }}</label>
                                </div>
                                {{ form_widget(formEditKanbanParameters.sectionAppro, {'attr': {'class': 'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.color.title'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.couleurApproTitre, {'attr': {'class': 'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.color.prog'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.couleurApproProg, {'attr': {'class': 'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.color.pick'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.couleurApproPick, {'attr': {'class': 'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.etiq.title'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.approNombreTitre, {'attr': {'class': 'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.etiq.prog'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.approNombreProg, {'attr': {'class': 'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.etiq.pick'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.approNombrePick, {'attr': {'class': 'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.etiq.kanban'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.approNombreKanban, {'attr': {'class': 'no-mb'}}) }}
                            </div>
                        </div>
                    </div>
                    <div class="cell small-12 medium-3">
                        {# FAB COLUMN #}
                        {# {% if is_granted('ROLE_APP_SUB_KB_FAB_ACCESS') %} #}
                        <div class="grid-x">
                            <div class="cell text-center show-for-small-only">{{ 'code_kanban_fab'|trans }}</div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only"><label>{{ 'parametres.label.form.section'|trans }}</label>
                                </div>
                                {{ form_widget(formEditKanbanParameters.sectionFabrication, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.color.title'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.couleurFabricationTitre, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.color.prog'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.couleurFabricationProg, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.color.pick'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.couleurFabricationPick, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.etiq.title'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.fabricationNombreTitre, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.etiq.prog'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.fabricationNombreProg, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.etiq.pick'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.fabricationNombrePick, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.etiq.kanban'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.fabricationNombreKanban, {'attr': {'class':'no-mb'}}) }}
                            </div>
                        </div>
                        {# {% endif %} #}
                    </div>
                    <div class="cell small-12 medium-3">
                        {# FS COLUMN #}
                        {# {% if is_granted('ROLE_APP_SUB_KB_FS_ACCESS') %} #}
                        <div class="grid-x">
                            <div class="cell text-center show-for-small-only">{{ 'code_kanban_fs'|trans }}</div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only"><label>{{ 'parametres.label.form.section'|trans }}</label>
                                </div>
                                {{ form_widget(formEditKanbanParameters.sectionFicheSuiveuse, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.color.title'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.couleurFicheSuiveuseTitre, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.color.prog'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.couleurFicheSuiveuseProg, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.color.pick'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.couleurFicheSuiveusePick, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.etiq.title'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.ficheSuiveuseNombreTitre, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.etiq.prog'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.ficheSuiveuseNombreProg, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.etiq.pick'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.ficheSuiveuseNombrePick, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.etiq.kanban'|trans }}</label></div>
                                {{ form_widget(formEditKanbanParameters.ficheSuiveuseNombreKanban, {'attr': {'class':'no-mb'}}) }}
                            </div>
                        </div>
                        {# {% endif %} #}
                    </div>
                </div>
                <div class="cell small-12 text-right pr-1">
                    <button id="submit_form_kanban_parameters" class="button small save no-mb">{{ 'save'|trans }}</button>
                </div>
                {{ form_end(formEditKanbanParameters) }}
            </div>
        {% endif %}
        {% if is_granted('ROLE_APP_SUB_KB_ELECTRONIQUE') %}
            <div class="tabs-panel" id="cmj_panel">

                {{ form_start(formEditFamilleCmjParameters, {'attr': {'id': 'formEditKanbanParameters', 'action': url('app_parametres_view')}}) }}
                {# DECOUPAGE #}
                <div class="grid-x grid-padding-x">
                    <div class="cell small-12">
                            <h6 class="underlined text_primary_light mb-1">{{ 'parametres.subtitle.board'|trans }}</h6>
                    </div>
                    <div class="cell small-3 text-right">{{ form_label(formEditFamilleCmjParameters.kanbanDynamicBoardColumnNumber) }}</div>
                    <div class="cell small-2">{{ form_widget(formEditFamilleCmjParameters.kanbanDynamicBoardColumnNumber) }}</div>
                    <div class="cell medium-1"></div>
                    <div class="cell small-3 text-right">{{ form_label(formEditFamilleCmjParameters.ecartLimiteValue) }}</div>
                    <div class="cell small-2">{{ form_widget(formEditFamilleCmjParameters.ecartLimiteValue) }}</div>
                    <div class="cell small-12">
                        <h6 class="underlined text_primary_light mb-1">{{ 'parametres.subtitle.paramPrint'|trans }}</h6>
                    </div>
                </div>
                {# DECOUPAGE #}

                <div class="grid-x grid-padding-x hide-for-small-only mb-1 text-center">
                    <div class="cell medium-3"></div>
                    <div class="cell medium-2">{{ 'code_kanban_appro'|trans }}</div>
                    <div class="cell medium-2">{{ 'code_kanban_trans'|trans }}</div>
                    <div class="cell medium-2{% if not is_granted('ROLE_APP_SUB_KB_FAB_ACCESS') %} text_grey{% endif %}">{{ 'code_kanban_fab'|trans }}</div>
                    <div class="cell medium-2{% if not is_granted('ROLE_APP_SUB_KB_FS_ACCESS') %} text_grey{% endif %}">{{ 'code_kanban_fs'|trans }}</div>
                </div>
                <div class="grid-x grid-padding-x mb-1" style="margin-bottom: 300px">
                    <div class="cell medium-3 hide-for-small-only">
                        <div class="grid-x">
                            <div class="cell text-right custom_table_label mb-0-2">
                                <label>Famille de CMJ</label>
                            </div><br/>
                            <div class="cell text-right custom_table_label mb-0-2">
                                <label>Section par défaut pour un Kanban</label>
                            </div><br/><br/>
                            <div class="cell text-right custom_table_label mb-0-2">
                                <label>Choisir le type et la taille d'affichage de données</label>
                            </div><br/><br/><br/>
                            <div class="cell text-right custom_table_label mb-0-2">
                                <label>Activer le E-Kanban</label>
                            </div><br/>
                            <div class="cell text-right custom_table_label mb-0-2">
                                <label>Activer le déclenchement de l'ordre d'impression personnalisé</label>
                            </div>
                        </div>
                    </div>
                    <div
                        class="cell small-12 medium-2">
                        {# APPRO COLUMN #}
                        <div class="grid-x">
                            <div class="cell text-center show-for-small-only">{{ 'code_kanban_appro'|trans }}</div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.section'|trans }}</label>
                                </div>
                                {{ form_widget(formEditFamilleCmjParameters.familleCmjAppro, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">{{ form_widget(formEditFamilleCmjParameters.kbelecSectionAppro, { 'attr': {'class': 'choice'}}) }}</div>
                            <div class="cell mb-0-2">{{ form_widget(formEditFamilleCmjParameters.typeOfDataOnStickerAppro, { 'attr': {'class': 'choice'}}) }}</div>
                            <div class="cell mb-0-2">{{ form_widget(formEditFamilleCmjParameters.sizeOfDataOnStickerAppro, { 'attr': {'class': 'choice'}}) }}</div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.etiq.pick'|trans }}</label>
                                </div>
                                {{ form_widget(formEditFamilleCmjParameters.isKanbanApproElec, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2 custom-control-input">
                                {{ form_widget(formEditFamilleCmjParameters.printOrderOnStickerApproUpdate, { 'attr': {'class': 'switch'}}) }}
                            </div>
                        </div>
                    </div>
                    <div class="cell small-12 medium-2">
                        {# TRANS COLUMN #}
                            <div class="grid-x"> <div class="cell text-center show-for-small-only">{{ 'code_kanban_trans'|trans }}</div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.section'|trans }}</label>
                                </div>
                                {{ form_widget(formEditFamilleCmjParameters.familleCmjTransfert, {'attr': {'class': 'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">{{ form_widget(formEditFamilleCmjParameters.kbelecSectionTransfert) }}</div>
                            <div class="cell mb-0-2">{{ form_widget(formEditFamilleCmjParameters.typeOfDataOnStickerTransfert, { 'attr': {'class': 'choice'}}) }}</div>
                            <div class="cell mb-0-2">{{ form_widget(formEditFamilleCmjParameters.sizeOfDataOnStickerTransfert, { 'attr': {'class': 'choice'}}) }}</div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.etiq.pick'|trans }}</label>
                                </div>
                                {{ form_widget(formEditFamilleCmjParameters.isKanbanTransfertElec, {'attr': {'class': 'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                {{ form_widget(formEditFamilleCmjParameters.printOrderOnStickerTransfertUpdate, {'attr': {'class': 'no-mb'}}) }}
                            </div>
                        </div>
                    </div>
                    <div class="cell small-12 medium-2">
                        {# FAB COLUMN #}
                        {# {% if is_granted('ROLE_APP_SUB_KB_FAB_ACCESS') %} #}
                            <div class="grid-x"> <div class="cell text-center show-for-small-only">{{ 'code_kanban_fab'|trans }}</div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.section'|trans }}</label>
                                </div>
                                {{ form_widget(formEditFamilleCmjParameters.familleCmjFab, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">{{ form_widget(formEditFamilleCmjParameters.kbelecSectionFab) }}</div>
                            <div class="cell mb-0-2">{{ form_widget(formEditFamilleCmjParameters.typeOfDataOnStickerFab, { 'attr': {'class': 'choice'}}) }}</div>
                            <div class="cell mb-0-2">{{ form_widget(formEditFamilleCmjParameters.sizeOfDataOnStickerFab, { 'attr': {'class': 'choice'}}) }}</div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.etiq.pick'|trans }}</label>
                                </div>
                                {{ form_widget(formEditFamilleCmjParameters.isKanbanFabElec, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                {{ form_widget(formEditFamilleCmjParameters.printOrderOnStickerFabUpdate, {'attr': {'class':'no-mb'}}) }}
                            </div>
                        </div>
                        {# {% endif %} #}
                    </div>
                    <div class="cell small-12 medium-2">
                        {# FS COLUMN #}
                        {# {% if is_granted('ROLE_APP_SUB_KB_FS_ACCESS') %} #}
                            <div class="grid-x"> <div class="cell text-center show-for-small-only">{{ 'code_kanban_fs'|trans }}</div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.section'|trans }}</label>
                                </div>
                                {{ form_widget(formEditFamilleCmjParameters.familleCmjFicheSuiveuse, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">{{ form_widget(formEditFamilleCmjParameters.kbelecSectionSuiveuse) }}</div>
                            <div class="cell mb-0-2">{{ form_widget(formEditFamilleCmjParameters.typeOfDataOnStickerSuiveuse, { 'attr': {'class': 'choice'}}) }}</div>
                            <div class="cell mb-0-2">{{ form_widget(formEditFamilleCmjParameters.sizeOfDataOnStickerSuiveuse, { 'attr': {'class': 'choice'}}) }}</div>
                            <div class="cell mb-0-2">
                                <div class="show-for-small-only">
                                    <label>{{ 'parametres.label.form.etiq.pick'|trans }}</label>
                                </div>
                                {{ form_widget(formEditFamilleCmjParameters.isKanbanFicheSuiveuseElec, {'attr': {'class':'no-mb'}}) }}
                            </div>
                            <div class="cell mb-0-2">
                                {{ form_widget(formEditFamilleCmjParameters.printOrderOnStickerSuiveuseUpdate, {'attr': {'class':'no-mb'}}) }}
                            </div>
                        </div>
                        {# {% endif %} #}
                    </div>
                </div>
                <div class="cell small-12 text-right pr-1">
                    <button id="submit_form_cmj_parameters" class="button small save no-mb">{{ 'save'|trans }}</button>
                </div>
                {{ form_end(formEditFamilleCmjParameters) }}
            </div>
        </div>
    </div>
    {% endif %}
</div>
{% endblock %}
{% block javascript_footer %}
    {{ parent() }}
    <script>
        $(document).ready(function () {
            var helper = $('#helper');
            let formEditParametres = $('#formEditParametres');
            let form_parsley_edit_parametres = $(formEditParametres).parsley(parsley_options);
            let btn_submit_edit_parametres = $('#btn_submit_edit_parametres');
            $(btn_submit_edit_parametres).click(function () {
                form_parsley_edit_parametres.validate();
                form_parsley_edit_parametres.whenValid().then(function () {
                    $(btn_submit_edit_parametres).html(btn_spin);
                    $(formEditParametres).submit();
                });
            });

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