{% 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/lcvprestaconnector/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('lcvprestaconnector_changelog') }}">
                                            Notes de versions
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {% if see == 'DOC' %}active{% endif %}" href="{{ path('lcvprestaconnector_changelog') }}&see=DOC">
                                            Documentation
                                        </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 == 'DOC' %}
                                        {% if pdf_exists %}
                                            <p>
                                                <a href="{{ url_doc }}" target="_blank"><strong>Ouvrir la documentation dans un nouvel onglet</strong></a>
                                            </p>
                                            <iframe src="{{ url_doc }}" title="Documentation {{ module_name }}" width="100%" style="height:80vh;border:0"></iframe>
                                        {% else %}
                                            <p>La documentation PDF est générée lors du packaging du module ; elle n'est pas disponible en environnement de développement.</p>
                                        {% endif %}
                                    {% else %}
                                        <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('lcvprestaconnector_changelog') }}&refresh_update=1">cliquez ici pour vérifier si une version plus récente du module est disponible</a>).
                                                {% endif %}
                                            {% endif %}
                                        </p>
                                        <hr>
                                        {{doc_html|raw}}
                                    {% endif %}
                                </div>
                                
                            </div>
                        </div>
                    </div>

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