{% extends 'base.html.twig' %}

{% block stylesheets %}
    {{ parent() }}

    {{ encore_entry_link_tags('import-file-wizard') }}
    {{ encore_entry_link_tags('import-file-preview-css') }}
{% endblock %}

{% block page_title %}<span class="svg-icon menu-icon fas fa-upload mr-4"></span>{{ 'menu.import_offers'|trans }}
{% endblock %}
{% block content %}
    {% embed 'common/preview_file_content.twig' with {
        file: file,
        headers: headers,
        content: content,
        content_types: content_types,
        total_preview_lines: total_preview_lines,
    } %}
        {% block card_footer %}
            <div class="card-footer">
                <button id="cancel-process" type="button" class="btn btn-danger font-weight-bolder mr-2"
                        data-action="{{ path('pricelist_import_cancel') }}"
                        data-alert-title="{{ 'label.cancel_process_alert_title'|trans }}"
                        data-alert-text="{{ 'label.cancel_process_alert_text'|trans }}"
                        data-cancel-text="{{ 'label.cancel_process_cancel_text'|trans }}"
                        data-confirm-text="{{ 'label.cancel_process_confirm_text'|trans }}"
                >
                    {{ 'label.cancel_import'|trans }}
                </button>
                <form class="d-inline" action="{{ path('pricelist_import_submit') }}" method="POST">
                    <button type="submit"
                            class="btn btn-bg-warning font-weight-bolder">{{ button_label|default('label.publish')|trans }}</button>
                </form>
            </div>
        {% endblock %}
    {% endembed %}
{% endblock %}

{% block javascripts %}
    {{ parent() }}

    {{ encore_entry_script_tags('import-file-page-preview') }}
{% endblock %}