{{--
    ═══════════════════════════════════════════════════════════════════════
    Tab State Persistence Helper
    ═══════════════════════════════════════════════════════════════════════

    Include this partial on any page with tabbed content so the active tab
    survives page refreshes AND Laravel pagination clicks.

    WHAT IT DOES:
    1. On page load, reads ?tab=X from the URL. If found, activates the
       matching tab button and panel. Works with the existing click
       handlers — it simulates a click on the matching tab button.
    2. Wraps tab click handlers so that clicking a tab also updates the URL
       query string via history.replaceState (no reload). This way, when the
       page refreshes or a pagination link fires a GET, the `tab` param
       survives.
    3. Rewrites Laravel pagination links to append the current tab param so
       moving between pages within a tab stays on that tab.

    HOW TO USE (in any tabbed view):
      @include('partials._tab-state-helper', ['defaultTab' => 'drugs'])

    REQUIREMENTS:
      - Tab buttons must call a switcher like `switchInvTab(this, 'drugs')`
        or similar that takes a string id (case-sensitive) matching the
        panel id suffix.
      - Tab buttons must be queryable via `.hmis-tab` (the existing class
        already used across tabbed pages).
      - Tab buttons must have a `data-tab-id` attribute OR we fall back to
        parsing their onclick handler.
      - Paginated content should use `->withQueryString()` on the backend
        paginator so the `tab` param is preserved on link clicks.
    --}}

@php
    // @phpstan-ignore-next-line
    $defaultTab = $defaultTab ?? 'drugs';
@endphp

<script>
(function() {
    const DEFAULT_TAB = @json($defaultTab);

    // Extract the tab id from an onclick attribute like:
    //   switchInvTab(this,'batches')  →  'batches'
    //   switchTab(this, 'queue')      →  'queue'
    function extractTabIdFromOnclick(btn) {
        if (btn.dataset.tabId) return btn.dataset.tabId;
        const onclick = btn.getAttribute('onclick') || '';
        const m = onclick.match(/\(\s*this\s*,\s*['"]([^'"]+)['"]/);
        return m ? m[1] : null;
    }

    function getCurrentTabFromUrl() {
        const u = new URL(window.location.href);
        return u.searchParams.get('tab');
    }

    function updateUrlTab(tabId) {
        const u = new URL(window.location.href);
        if (tabId && tabId !== DEFAULT_TAB) {
            u.searchParams.set('tab', tabId);
        } else {
            // Clean URL when on default tab
            u.searchParams.delete('tab');
        }
        // Use replaceState so it doesn't add history entries on every tab click
        history.replaceState(null, '', u.toString());
    }

    // On page load: activate the tab named in the URL, if any.
    function activateTabFromUrl() {
        const wanted = getCurrentTabFromUrl();
        if (!wanted) return;

        const buttons = document.querySelectorAll('.hmis-tab');
        for (const btn of buttons) {
            const id = extractTabIdFromOnclick(btn);
            if (id === wanted) {
                // Trigger the same handler that a user click would run.
                // The original onclick attribute is preserved so any
                // page-specific logic (swapping panels, styling) still runs.
                btn.click();
                return;
            }
        }
    }

    // Hook into tab clicks so the URL updates without reload.
    function wireTabClickHandlers() {
        document.querySelectorAll('.hmis-tab').forEach(btn => {
            btn.addEventListener('click', function() {
                const id = extractTabIdFromOnclick(btn);
                if (id) updateUrlTab(id);
            }, { capture: false });
        });
    }

    // Make pagination links preserve the tab param.
    // Laravel's ->withQueryString() already does this server-side if the
    // page was loaded with ?tab=X, but if the user clicks a tab first
    // (URL now has ?tab=X via replaceState) and THEN clicks a pagination
    // link that was rendered without the tab param, we need to inject it.
    function wirePaginationLinks() {
        const currentTab = getCurrentTabFromUrl();
        if (!currentTab) return;
        document.querySelectorAll('nav[role="navigation"] a, .pagination a, a.paginate_button').forEach(a => {
            try {
                const href = a.getAttribute('href');
                if (!href || href.startsWith('#')) return;
                const u = new URL(href, window.location.origin);
                if (!u.searchParams.has('tab')) {
                    u.searchParams.set('tab', currentTab);
                    a.setAttribute('href', u.toString());
                }
            } catch (e) { /* ignore malformed hrefs */ }
        });
    }

    function init() {
        activateTabFromUrl();
        wireTabClickHandlers();
        wirePaginationLinks();
    }

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