{% extends '@PrestaShop/Admin/layout.html.twig' %}

{% block content %}
<div class="container-configuration">
<div id="success" class="success-message"></div>
<div id="error" class="error-msg"></div>
    <div id="changelog" class="changelog">
        <div class="doc">
            <div class="card">
                {% include '@Modules/polarisprestaconnector/views/templates/admin/nav.html.twig' %}
                <div class="card-body">
                    <div class="row">
                        <!-- Colonne pour les onglets -->
                        <div class="col-md-3">
                            <nav class="pc-nav-left">
                                <ul class="nav nav-tabs">
                                    <li class="nav-item">                                    
                                        <a class="nav-link {% if see == '' %}active{% endif %}" href="{{ path('polarisprestaconnector_changelog') }}">
                                            Notes de versions
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {% if see == 'CONFIGURE' %}active{% endif %}" href="{{ path('polarisprestaconnector_changelog') }}&see=CONFIGURE">
                                            Documentation utilisateur
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {% if see == 'TECHNICALS' %}active{% endif %}" href="{{ path('polarisprestaconnector_changelog') }}&see=TECHNICALS">
                                            Documentation technique
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>

                        <!-- Colonne pour le contenu des onglets -->
                        <div class="col-md-9">
                            <div class="tab-content" id="customTabsContent">
                                <div class="tab-pane fade show active" id="doc_changelog">
                                    {% if see == '' %}
                                        <h2>{{module_name|upper}}</h2>

                                        <p>
                                            Vous utilisez la <strong>version {{version}}</strong>.<br/>
                                            {% if version_update is not empty %}
                                            <!-- lien vers la page du gestionnaire des modules -->
                                                La version {{version_update}} est disponible, vous pouvez mettre le module à jour depuis le <a href="{{ path('admin_module_manage') }}">gestionnaire de modules</a>.
                                            {% else %}
                                                {% if refreshed %}
                                                    Vous utilisez la dernière version.
                                                {% else %}
                                                    Il semble que vous utilisiez la dernière version
                                                    (<a href="{{ path('polarisprestaconnector_changelog') }}&refresh_update=1">cliquez ici pour vérifier si une version plus récente du module est disponible</a>).
                                                {% endif %}                                                
                                            {% endif %}                                            
                                        </p>
                                        <hr>
                                        <ul>
                                            <li>
                                                Télécharger
                                                la <strong><a href="{{url_userdoc}}" target="_blank">documentation utilisateur</a></strong>, qui contient toutes les informations nécessaires
                                                pour installer et configurer votre passerelle entre Prestashop et votre logiciel de gestion {{backoffice}}.
                                            </li>
                                            <li>
                                                Télécharger
                                                la <strong><a href="{{url_techdoc}}" target="_blank">documentation technique</a></strong>, qui contient toutes les informations nécessaires
                                                pour comprendre comment et quelles données sont synchronisées entre Prestashop et votre backoffice {{backoffice}}.
                                            </li>
                                        </ul>
                                        <hr>
                                    {% endif %}

                                    {{doc_html|raw}}
                                </div>
                                
                            </div>
                        </div>
                    </div>

                </div>
            </div>            
        </div>
    </div>
</div>
    
{% endblock %}