{# Onglet « Export {backoffice} » de la fiche commande (ticket #248) :
   statut d'exportation courant + journal daté des tentatives.
   L'id doit correspondre au href du lien d'onglet (#pcExportTabContent).

   NB : le core PrestaShop (PS 8 et 9) rend les hooks displayAdminOrderTabLink /
   displayAdminOrderTabContent dans un conteneur SÉPARÉ (#order_hook_tabs), en dessous
   du groupe d'onglets natif (Statuts / Documents / Transporteurs…). Le petit script en
   fin de fichier déplace notre onglet dans ce groupe natif pour l'aligner avec les autres.

   Le contenu (statut + bouton + journal) est isolé dans order_export_panel.html.twig afin
   d'être réutilisé tel quel pour le rafraîchissement AJAX après un ré-export. #}
<div class="tab-pane fade" id="pcExportTabContent" role="tabpanel" aria-labelledby="pcExportTab">
    {% include '@Modules/' ~ module_name ~ '/views/templates/hook/order_export_panel.html.twig' %}
</div>
<script>
    (function () {
        // Déplace l'onglet « Export » (lien + contenu) du conteneur des hooks (#order_hook_tabs)
        // vers le groupe d'onglets natif de la fiche commande, aux côtés de Statuts / Documents /
        // Transporteurs. Structure identique en PS 8 et PS 9 ; dégradation gracieuse sinon.
        function pcMoveExportTab() {
            var link = document.getElementById('pcExportTab');
            var pane = document.getElementById('pcExportTabContent');
            var refTab = document.getElementById('historyTab');
            var refContent = document.getElementById('historyTabContent');
            if (!link || !pane || !refTab || !refContent) {
                return; // structure inattendue : on laisse l'onglet dans le bloc des hooks
            }

            var nativeUl = refTab.closest('ul.nav-tabs');
            var nativeContent = refContent.closest('.tab-content');
            var li = link.closest('li') || link;

            if (nativeUl) {
                nativeUl.appendChild(li);
            }
            if (nativeContent) {
                nativeContent.appendChild(pane);
            }

            // Si le conteneur des hooks ne contient plus d'onglet, on le masque.
            var hookTabs = document.getElementById('order_hook_tabs');
            if (hookTabs && hookTabs.querySelectorAll('ul.nav-tabs li').length === 0) {
                hookTabs.style.display = 'none';
            }
        }

        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', pcMoveExportTab);
        } else {
            pcMoveExportTab();
        }
    })();
</script>
