/**
 * Product tab on product highlight
 */
document.addEventListener('DOMContentLoaded', function () {
    var tabs = document.querySelectorAll('.tab-link');
    var tabPanes = document.querySelectorAll('.content-tab-pane');

    tabs.forEach(function (tab) {
        tab.addEventListener('click', function () {
            var tabName = this.getAttribute('data-tab');
            var tabPane = document.getElementById(tabName);

            // Show the current tab and hide all others
            tabPanes.forEach(function (pane) {
            pane.classList.remove('active');
            });
            tabPane.classList.add('active');

            // Set the active tab and remove the active class from others
            tabs.forEach(function (tab) {
            tab.classList.remove('tab-active');
            });
            this.classList.add('tab-active');
        });
    });

    // Click on the first tab by default
    tabs[0].click();
});