{% extends '@DWGinger/base.html.twig' %}

{% form_theme form 'bootstrap_4_layout.html.twig' %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('bundles/dwginger/css/select2entity/tags.css') }}" />
{% endblock %}

{% block body %}
    <div class="row heading">
        <div class="col">
            <h1>{{ 'import.heading'|trans }}</h1>
        </div>
    </div>
    <div class="row heading-desc mb-3">
        <div class="col">
            {{ 'import.chosen_file'|trans }} {{ fileImport.uploadTitle }}
        </div>
    </div>
    {{ form_start(form) }}
    <div class="row">
        <div class="col">
            <h2 class="thin">{{ 'import.edit.tag'|trans }}</h2>
            {{ 'import.edit.tag_desc'|trans }}
            <div class="row mt-3 mb-4">
                <div class="col-2">{% block tag_label %}{{ form_label(form.tags) }}{% endblock %}
                </div>
                <div class="col-10">{{ form_widget(form.tags) }}</div>
            </div>
        </div>
    </div>
    <div class="row file_import_edit">
        <div class="col">
            <h2 class="thin">{{ 'import.edit.dsgvo'|trans }}
                <a class="small" tabindex="0" role="button" data-toggle="popover" data-placement="right" data-html="true" data-trigger="focus"
                   title="{{ 'import.edit.dsgvo_help.title'|trans|e('html_attr') }}"
                   data-content="{{ 'import.edit.dsgvo_help.body'|trans|e('html_attr') }}">
                    <i class="fa fa-info-circle"></i>
                </a>
            </h2>
            {{ 'import.edit.dsgvo_desc'|trans }}
            {{form_row(form.DSGVO) }}
        </div>
    </div>

    <div class="mt-3">
        <button type="submit" class="btn btn-primary float-right ml-3">
            {{ 'import.submit'|trans }}
        </button>
    </div>
    {{ form_end(form) }}
    <div class="mt-3">
        <a href="{{ path('dw_ginger_import_preview', { "id": fileImport.id }) }}" class="btn btn-light float-right ml-3">
            {{ 'import.to_preview'|trans }}
        </a>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('bundles/dwginger/js/select2entity/adapter/tag-selection.js') }}"></script>
    <script src="{{ asset('bundles/dwginger/js/select2entity/tags.js') }}"></script>
{% endblock %}