e;width: 100%; overflow-x: auto;"></div>
        <div id="pivot-recruitment" class="pivot-wrapper" style="display:none;width: 100%; overflow-x: auto;"></div>
        <div id="pivot-onboarding" class="pivot-wrapper" style="display:none;width: 100%; overflow-x: auto;"></div>
    </div>
</div>


<script>
    $(function () {
        // Function to load pivot data dynamically
        function loadPivotData(model) {
            let url = `recruitment-pivot?model=${model}`;

            // Hide all containers firs