{% extends '@PrestaShop/Admin/layout.html.twig' %}
{% block content %}
    <div id="success" class="success-message"></div>
    <div id="error" class="error-msg"></div>

    <div class="col-sm-12">
        <div class="card">            
            <div class="card-body">
                <div class="form-wrapper options">
                    {% if content is empty %}
                        <h2>Audit des synchronisations</h2>    
                        <p>Vous pouvez visualiser ou télécharger un audit des synchronisations de votre boutique à une date donnée.</p>
                        <p><em>Notes&nbsp;: les audits sont automatiquement supprimés après 6 mois d'ancienneté.</em></p>
            
                        {% for month,days in audits %}
                        <h3>{{ month }}</h3>
                        <ul style="column-count: 3;">
                            {# pour chaque éléments de audits #}                        
                            {% for audit in days %}
                                <li>
                                    <a href="{{ path('lcvprestaconnector_audit', {'file': audit.key}) }}">
                                        {{ audit.title }}
                                    </a>
                                    &nbsp;<small>(<a href="{{ path('lcvprestaconnector_audit', {'file': audit.key, 'download': 1}) }}">Télécharger</a>)</small>
                                </li>
                            {% endfor %}
                        </ul>
                        {% endfor %}

                    {% else %}
                        <h3>Audit de la synchronisation {{ content_file }}</h3>
                        <p>
                            <a href="{{ path('lcvprestaconnector_audit') }}">Revenir à la liste</a>
                            -
                            <a href="{{ path('lcvprestaconnector_audit', {'file': content_file, 'download': 1}) }}">Télécharger</a>
                        </p>
                        <pre style="padding: 1ex 1em 4ex 1em;">{{ content }}</pre>
                    {% endif %}
                </div>
            </div>      
        </div>      
    </div>
{% endblock %}