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

{% block page_title %}
    <span class="mr-6">
        <i class="fad fa-upload fa-swap-opacity text-dark mr-2"></i>
        <span class="plus bold">{{ 'label.validation_ean'|trans }}</span>
    </span>
{% endblock %}

{% block content %}
    {{ form_start(form_import_file) }}
    <div class="card card-custom gutter-b">
        <div class="card-header flex-wrap border-0 pt-6 pb-0">
            <div class="card-title">
                <span class="fad fa-file-import section-icon mr-3 px-2 py-2 rounded"></span>
                <span class="plus bold grey-2">{{ 'label.validation_ean'|trans }}</span>
            </div>
        </div>
        <div class="card-body pt-0">
            <div class="w-50 alert alert-light text-dark mr-6 my-0 mb-2 pb-8" role="alert">
                <span class="fas fa-info mr-4 px-2 pb-1 pt-2 flex align-items-end section-icon"></span>
                <span class="font-weight-bold">{{ 'label.header_legend_validation_ean'|trans }}</span>
                <div class="ml-11 mt-1">{{ 'label.body_legend_validation_ean'|trans }}</div>
                <div class="ml-11 mt-5">
                    <a href="{{ path('validation_ean_template_validation_eans') }}"
                       class="btn btn-primary text-white download-link"><i
                                class="fas fa-file-download mx-2 pr-2 py-1"></i>{{ 'label.download_template'|trans }}
                    </a>
                </div>
            </div>
            <div class="d-flex flex-row">
                {% for item in form_import_file %}
                    {% if item.vars.name == '_token' %}
                        {{ form_row(item) }}
                    {% else %}
                        <div class="form-group mb-0 mr-5 fv-plugins-icon-container{% if not loop.first %} pl-0{% endif %}">
                            {{ form_label(item, null, {'label_attr': {'class': 'col-form-label'}}) }}
                            {{ form_widget(item, {'attr': {'class': 'form-control form-control-solid'}}) }}
                        </div>
                    {% endif %}
                {% endfor %}

                <div class="w-50">
                    <label class="col-form-label d-block">&nbsp;</label>
                    <button type="submit"
                            class="btn btn-submit">{{ button_label|default('label.upload_file')|trans }}</button>
                </div>
            </div>
        </div>
    </div>
    {{ form_end(form_import_file) }}

    {% if result_validation_ean is not null %}
        <div class="card card-custom">
            <div class="card-body">
                <p>{{ 'label.some_your_references_already_registered'|trans({'%total%': total_existing_eans}) }}

                <p>{{ total_existing_eans }} / {{ result_validation_ean|length }}</p>

                <div class="card-toolbar">
                    <a href="{{ path('validation_ean_download_eans') }}"
                       class="btn btn-submit mr-2">{{ button_label|default('label.download_file')|trans }}</a>
                </div>
            </div>
        </div>
    {% endif %}
{% endblock %}