{% if formExport is defined %}
<div class="reveal" id="modalExportFile" data-reveal>
    <div class="reveal-title">{{ title }}</div>
    <div class="reveal-body" >
        <div class="grid-x">
            <div class="cell text-center mb-1-5">{{'export.modal_file.message'|trans}}</div>
            <div class="cell">
                {{ form_start(formExport,{'attr':{'id':'formExport','class':'not-monitored'}}) }}
                <div class="grid-x grid-padding-x">
                    <div class="cell small-12 mb-1">
                        <h3>{{ 'export.modal.title.select_columns'|trans }}</h3>
                    </div>
                    <div class="cell small-12 export-choice-column">
                        <div class="grid-x align-middle">
                            <div class="auto cell">
                                {{ form_widget(formExport.available_fields) }}
                            </div>
                            <div class="shrink cell ">
                                <button id="btn_select_all" type="button" class="button small for-field disabled">
                                    <i class="fa fa-angle-double-right"></i>
                                </button>
                                <button id="btn_select_one" type="button" class="button small for-field disabled">
                                    <i class="fa fa-angle-right"></i>
                                </button>
                                <button id="btn_unselect_one" type="button" class="button small for-field disabled">
                                    <i class="fa fa-angle-left"></i>
                                </button>
                                <button id="btn_unselect_all" type="button" class="button small for-field no-mb disabled">
                                    <i class="fa fa-angle-double-left"></i>
                                </button>
                            </div>
                            <div class="auto cell">
                                {{ form_widget(formExport.selected_fields) }}
                            </div>
                        </div>
                    </div>
                    <div class="cell small-12 mt-2">
                        <h3>{{ 'export.modal.title.options'|trans }}</h3>
                    </div>
                    <div class="cell small-12">
                        <div class="grid-x grid-padding-x">
                            <div class="cell small-8 small-offset-4">
                                {{form_widget(formExport.selection_only) }} {{ form_label(formExport.selection_only) }}
                            </div>
                            <div class="cell small-4 text-right">{{ form_label(formExport.file_format) }}</div>
                            <div class="cell small-8">{{ form_widget(formExport.file_format) }}</div>
                            <div class="cell small-4 text-right">{{ form_label(formExport.separator) }}</div>
                            <div class="cell small-8">{{ form_widget(formExport.separator) }}</div>
                            <div class="cell small-4 text-right">{{ form_label(formExport.charset) }}</div>
                            <div class="cell small-8">{{ form_widget(formExport.charset) }}</div>
                        </div>
                    </div>
                </div>
                {{ form_end(formExport) }}
            </div>
        </div>
    </div>
    <div class="reveal-footer">
        <button data-close class="button small cancel cancel_export">{{ 'cancel'|trans }}</button>
        <button class="button small azur" id="modalExportFile_submit">{{ 'download'|trans }}</button>
    </div>
    <button class="close-button"  data-close aria-label="Close modal" type="button">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
{% endif %}
{% if formExportAppro is defined %}
<div class="reveal" id="modalExportApproFile" data-reveal>
    <div class="reveal-title">Appro</div>
    <div class="reveal-body" >
        <div class="grid-x">
            <div class="cell text-center mb-1-5">{{'export.modal_file.message'|trans}}</div>
            <div class="cell">
                {{ form_start(formExportAppro,{'attr':{'id':'formExportAppro','class':'not-monitored'}}) }}
                <div class="grid-x grid-padding-x">
                    <div class="cell small-12 mb-1">
                        <h3>{{ 'export.modal.title.select_columns'|trans }}</h3>
                    </div>
                    <div class="cell small-12 export-choice-column">
                        <div class="grid-x align-middle">
                            <div class="auto cell">
                                {{ form_widget(formExportAppro.available_fields) }}
                            </div>
                            <div class="shrink cell ">
                                <button id="btn_select_all" type="button" class="button small for-field disabled">
                                    <i class="fa fa-angle-double-right"></i>
                                </button>
                                <button id="btn_select_one" type="button" class="button small for-field disabled">
                                    <i class="fa fa-angle-right"></i>
                                </button>
                                <button id="btn_unselect_one" type="button" class="button small for-field disabled">
                                    <i class="fa fa-angle-left"></i>
                                </button>
                                <button id="btn_unselect_all" type="button" class="button small for-field no-mb disabled">
                                    <i class="fa fa-angle-double-left"></i>
                                </button>
                            </div>
                            <div class="auto cell">
                                {{ form_widget(formExportAppro.selected_fields) }}
                            </div>
                        </div>
                    </div>
                    <div class="cell small-12 mt-2">
                        <h3>{{ 'export.modal.title.options'|trans }}</h3>
                    </div>
                    <div class="cell small-12">
                        <div class="grid-x grid-padding-x">
                            <div class="cell small-8 small-offset-4">
                                {{form_widget(formExportAppro.selection_only) }} {{ form_label(formExportAppro.selection_only) }}
                            </div>
                            <div class="cell small-4 text-right">{{ form_label(formExportAppro.file_format) }}</div>
                            <div class="cell small-8">{{ form_widget(formExportAppro.file_format) }}</div>
                            <div class="cell small-4 text-right">{{ form_label(formExportAppro.separator) }}</div>
                            <div class="cell small-8">{{ form_widget(formExportAppro.separator) }}</div>
                            <div class="cell small-4 text-right">{{ form_label(formExportAppro.charset) }}</div>
                            <div class="cell small-8">{{ form_widget(formExportAppro.charset) }}</div>
                        </div>
                    </div>
                </div>
                {{ form_end(formExportAppro) }}
            </div>
        </div>
    </div>
    <div class="reveal-footer">
        <button data-close class="button small cancel cancel_export">{{ 'cancel'|trans }}</button>
        <button class="button small azur" id="modalExportFile_submit">{{ 'download'|trans }}</button>
    </div>
    <button class="close-button"  data-close aria-label="Close modal" type="button">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
{% endif %}
{% if formExportFab is defined %}
<div class="reveal" id="modalExportFabFile" data-reveal>
    <div class="reveal-title">FAB</div>
    <div class="reveal-body" >
        <div class="grid-x">
            <div class="cell text-center mb-1-5">{{'export.modal_file.message'|trans}}</div>
            <div class="cell">
                {{ form_start(formExportFab,{'attr':{'id':'formExportFab','class':'not-monitored'}}) }}
                <div class="grid-x grid-padding-x">
                    <div class="cell small-12 mb-1">
                        <h3>{{ 'export.modal.title.select_columns'|trans }}</h3>
                    </div>
                    <div class="cell small-12 export-choice-column">
                        <div class="grid-x align-middle">
                            <div class="auto cell">
                                {{ form_widget(formExportFab.available_fields_fab) }}
                            </div>
                            <div class="shrink cell ">
                                <button id="btn_select_all_fab" type="button" class="button small for-field disabled">
                                    <i class="fa fa-angle-double-right"></i>
                                </button>
                                <button id="btn_select_one_fab" type="button" class="button small for-field disabled">
                                    <i class="fa fa-angle-right"></i>
                                </button>
                                <button id="btn_unselect_one_fab" type="button" class="button small for-field disabled">
                                    <i class="fa fa-angle-left"></i>
                                </button>
                                <button id="btn_unselect_all_fab" type="button" class="button small for-field no-mb disabled">
                                    <i class="fa fa-angle-double-left"></i>
                                </button>
                            </div>
                            <div class="auto cell">
                                {{ form_widget(formExportFab.selected_fields_fab) }}
                            </div>
                        </div>
                    </div>
                    <div class="cell small-12 mt-2">
                        <h3>{{ 'export.modal.title.options'|trans }}</h3>
                    </div>
                    <div class="cell small-12">
                        <div class="grid-x grid-padding-x">
                            <div class="cell small-8 small-offset-4">
                                {{form_widget(formExportFab.selection_only_fab) }} {{ form_label(formExportFab.selection_only_fab) }}
                            </div>
                            <div class="cell small-4 text-right">{{ form_label(formExportFab.file_format_fab) }}</div>
                            <div class="cell small-8">{{ form_widget(formExportFab.file_format_fab) }}</div>
                            <div class="cell small-4 text-right">{{ form_label(formExportFab.separator_fab) }}</div>
                            <div class="cell small-8">{{ form_widget(formExportFab.separator_fab) }}</div>
                            <div class="cell small-4 text-right">{{ form_label(formExportFab.charset_fab) }}</div>
                            <div class="cell small-8">{{ form_widget(formExportFab.charset_fab) }}</div>
                        </div>
                    </div>
                </div>
                {{ form_end(formExportFab) }}
            </div>
        </div>
    </div>
    <div class="reveal-footer">
        <button data-close class="button small cancel cancel_export">{{ 'cancel'|trans }}</button>
        <button class="button small azur" id="modalExportFabFile_submit">{{ 'download'|trans }}</button>
    </div>
    <button class="close-button"  data-close aria-label="Close modal" type="button">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
{% endif %}
{% if formExportTrans is defined %}
<div class="reveal" id="modalExportTransFile" data-reveal>
    <div class="reveal-title">Trans</div>
    <div class="reveal-body" >
        <div class="grid-x">
            <div class="cell text-center mb-1-5">{{'export.modal_file.message'|trans}}</div>
            <div class="cell">
                {{ form_start(formExportTrans,{'attr':{'id':'formExportTrans','class':'not-monitored'}}) }}
                <div class="grid-x grid-padding-x">
                    <div class="cell small-12 mb-1">
                        <h3>{{ 'export.modal.title.select_columns'|trans }}</h3>
                    </div>
                    <div class="cell small-12 export-choice-column">
                        <div class="grid-x align-middle">
                            <div class="auto cell">
                                {{ form_widget(formExportTrans.available_fields_trans) }}
                            </div>
                            <div class="shrink cell ">
                                <button id="btn_select_all_trans" type="button" class="button small for-field disabled">
                                    <i class="fa fa-angle-double-right"></i>
                                </button>
                                <button id="btn_select_one_trans" type="button" class="button small for-field disabled">
                                    <i class="fa fa-angle-right"></i>
                                </button>
                                <button id="btn_unselect_one_trans" type="button" class="button small for-field disabled">
                                    <i class="fa fa-angle-left"></i>
                                </button>
                                <button id="btn_unselect_all_trans" type="button" class="button small for-field no-mb disabled">
                                    <i class="fa fa-angle-double-left"></i>
                                </button>
                            </div>
                            <div class="auto cell">
                                {{ form_widget(formExportTrans.selected_fields_trans) }}
                            </div>
                        </div>
                    </div>
                    <div class="cell small-12 mt-2">
                        <h3>{{ 'export.modal.title.options'|trans }}</h3>
                    </div>
                    <div class="cell small-12">
                        <div class="grid-x grid-padding-x">
                            <div class="cell small-8 small-offset-4">
                                {{form_widget(formExportTrans.selection_only_trans) }} {{ form_label(formExportTrans.selection_only_trans) }}
                            </div>
                            <div class="cell small-4 text-right">{{ form_label(formExportTrans.file_format_trans) }}</div>
                            <div class="cell small-8">{{ form_widget(formExportTrans.file_format_trans) }}</div>
                            <div class="cell small-4 text-right">{{ form_label(formExportTrans.separator_trans) }}</div>
                            <div class="cell small-8">{{ form_widget(formExportTrans.separator_trans) }}</div>
                            <div class="cell small-4 text-right">{{ form_label(formExportTrans.charset_trans) }}</div>
                            <div class="cell small-8">{{ form_widget(formExportTrans.charset_trans) }}</div>
                        </div>
                    </div>
                </div>
                {{ form_end(formExportTrans) }}
            </div>
        </div>
    </div>
    <div class="reveal-footer">
        <button data-close class="button small cancel cancel_export">{{ 'cancel'|trans }}</button>
        <button class="button small azur" id="modalExportTransFile_submit">{{ 'download'|trans }}</button>
    </div>
    <button class="close-button"  data-close aria-label="Close modal" type="button">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
{% endif %}
{% if formExportFS is defined %}
<div class="reveal" id="modalExportFSFile" data-reveal>
    <div class="reveal-title">FS</div>
    <div class="reveal-body" >
        <div class="grid-x">
            <div class="cell text-center mb-1-5">{{'export.modal_file.message'|trans}}</div>
            <div class="cell">
                {{ form_start(formExportFS,{'attr':{'id':'formExportFS','class':'not-monitored'}}) }}
                <div class="grid-x grid-padding-x">
                    <div class="cell small-12 mb-1">
                        <h3>{{ 'export.modal.title.select_columns'|trans }}</h3>
                    </div>
                    <div class="cell small-12 export-choice-column">
                        <div class="grid-x align-middle">
                            <div class="auto cell">
                                {{ form_widget(formExportFS.available_fields_fs) }}
                            </div>
                            <div class="shrink cell ">
                                <button id="btn_select_all_fs" type="button" class="button small for-field disabled">
                                    <i class="fa fa-angle-double-right"></i>
                                </button>
                                <button id="btn_select_one_fs" type="button" class="button small for-field disabled">
                                    <i class="fa fa-angle-right"></i>
                                </button>
                                <button id="btn_unselect_one_fs" type="button" class="button small for-field disabled">
                                    <i class="fa fa-angle-left"></i>
                                </button>
                                <button id="btn_unselect_all_fs" type="button" class="button small for-field no-mb disabled">
                                    <i class="fa fa-angle-double-left"></i>
                                </button>
                            </div>
                            <div class="auto cell">
                                {{ form_widget(formExportFS.selected_fields_fs) }}
                            </div>
                        </div>
                    </div>
                    <div class="cell small-12 mt-2">
                        <h3>{{ 'export.modal.title.options'|trans }}</h3>
                    </div>
                    <div class="cell small-12">
                        <div class="grid-x grid-padding-x">
                            <div class="cell small-8 small-offset-4">
                                {{form_widget(formExportFS.selection_only_fs) }} {{ form_label(formExportFS.selection_only_fs) }}
                            </div>
                            <div class="cell small-4 text-right">{{ form_label(formExportFS.file_format_fs) }}</div>
                            <div class="cell small-8">{{ form_widget(formExportFS.file_format_fs) }}</div>
                            <div class="cell small-4 text-right">{{ form_label(formExportFS.separator_fs) }}</div>
                            <div class="cell small-8">{{ form_widget(formExportFS.separator_fs) }}</div>
                            <div class="cell small-4 text-right">{{ form_label(formExportFS.charset_fs) }}</div>
                            <div class="cell small-8">{{ form_widget(formExportFS.charset_fs) }}</div>
                        </div>
                    </div>
                </div>
                {{ form_end(formExportFS) }}
            </div>
        </div>
    </div>
    <div class="reveal-footer">
        <button data-close class="button small cancel cancel_export">{{ 'cancel'|trans }}</button>
        <button class="button small azur" id="modalExportFSFile_submit">{{ 'download'|trans }}</button>
    </div>
    <button class="close-button"  data-close aria-label="Close modal" type="button">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
{% endif %}