{% extends '@ibexadesign/ui/layout.html.twig' %}

{% trans_default_domain 'redirect' %}

{% block title %}
    {{ 'menu.main_menu.import'|trans }}
{% endblock %}
{% block content %}
    <section class="container mt-4 px-5">
        {# display errors #}
        {% if errors is defined and errors is not empty %}
            <div class="alert alert-danger" role="alert">
                {% for error in errors %}
                    <span>{{ error }}</span>
                {% endfor %}
            </div>
        {% endif %}

        <div class="ez-table-header">
            <div class="ez-table-header__headline">{{ 'nova.import.root.menu.label'|trans }}</div>
        </div>

        <div class="novaseo-box">
            {{ form_start(form) }}
            <div class="novaseo-upload">
                <div class="novaseo-upload-label">
                    <legend>{{ 'nova.import.root.form.label'|trans }}</legend>
                </div>
                <div class="novaseo-upload-box">
                    <div class="novaseo-upload-data-source">
                        <div class="novaseo-upload-btn">
                            <svg class="ez-icon">
                                <use xlink:href="/bundles/ibexaadminui/img/ibexa-icons.svg#upload"></use>
                            </svg>
                            <span>{{ 'nova.import.root.form.upload_file_button'|trans }}</span>
                        </div>
                        {{ form_widget(form.file, {'attr': {'class': 'novaseo-upload-file'}}) }}
                    </div>
                </div>
            </div>
            <div class="novaseo-upload-preview" >
                <div class="novaseo-upload-preview-icon">
                    <svg class="novaseo-upload-preview-svg">
                        <use xlink:href="/bundles/ibexaadminui/img/ibexa-icons.svg#file"></use>
                    </svg>
                </div>
                <div class="novaseo-upload-preview-filname" >download-log-redirect-url.txt</div>
            </div>
            {{ form_end(form) }}
        </div>
    </section>
    {% if pager is defined %}
        <section class="container mt-4 px-5">
            <div class="ez-table-header">
                <div class="ez-table-header__headline">{{ 'nova.import.list.menu.label'|trans({"%totalImported%": totalImported is defined ? totalImported : 0 ,"%totalUrls%": totalUrls is defined ? totalUrls : 0 }) }}</div>
            </div>
            <table class="table table-striped mb-3">
                <thead>
                <tr>
                    <th>{{ 'nova.import.list.table.source'|trans }}</th>
                    <th>{{ 'nova.import.list.table.destination'|trans }}</th>
                    <th>{{ 'nova.import.list.table.message'|trans }}</th>
                    <th>{{ 'nova.import.list.table.status'|trans }}</th>
                </tr>
                </thead>
                <tbody>
                {% for data in pager.currentPageResults %}
                    <tr>
                        {% for key,elt in data %}
                            <td>
                                {% if key == "source" or key == "destination" %}
                                    <span title="{{ elt }}">{{ elt|u.truncate(70) }}</span>
                                {% else %}
                                    <span>{{ elt }}</span>
                                {% endif %}
                            </td>
                        {% endfor %}
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            <!-- template pagination -->
            {{ include("@NovaeZSEO/commun/paginator.html.twig") }}
            <!-- template pagination end -->
        </section>
    {% endif %}
{% endblock %}