{% extends 'admin/_layout.html.twig' %}

{% set active_nav = 'articles' %}

{% block title %}{{ 'admin.articles.import_title'|trans }}{% endblock %}

{% block admin_content %}
    <div style="max-width: 640px;">
        <a href="{{ path('admin_articles_index') }}" class="back-link">{{ 'admin.articles.back'|trans }}</a>

        <div class="card">
            <h1 class="card-title">{{ 'admin.articles.import_title'|trans }}</h1>
            <p class="adm__hint">{{ 'admin.articles.import_help'|trans }}</p>

            <form class="adm__form" method="post" enctype="multipart/form-data">
                <input type="hidden" name="_token" value="{{ csrf_token('import-articles') }}">
                <div class="adm__field">
                    <label for="import_file" class="required">{{ 'admin.articles.import_file'|trans }}</label>
                    <input type="file" name="import_file" id="import_file" accept=".json,.csv" required>
                </div>
                <button type="submit" class="adm__btn adm__btn--primary adm__btn--block">{{ 'admin.articles.import_submit'|trans }}</button>
            </form>
        </div>

        {% if summary is not null %}
            <div class="card">
                <h2 class="card-title">{{ 'admin.articles.import_result'|trans }}</h2>
                <p>{{ 'admin.articles.import_created'|trans({'%count%': summary.created|length}) }}</p>
                <p>{{ 'admin.articles.import_updated'|trans({'%count%': summary.updated|length}) }}</p>
                {% if summary.errors|length > 0 %}
                    <p>{{ 'admin.articles.import_errors'|trans({'%count%': summary.errors|length}) }}</p>
                    <ul class="field-errors">
                        {% for error in summary.errors %}
                            <li>{{ error }}</li>
                        {% endfor %}
                    </ul>
                {% endif %}
            </div>
        {% endif %}
    </div>
{% endblock %}