@{
    ViewBag.Title = "Job Scheduler Configuration";
    Layout = "~/Views/Admin/_AdminLayout.cshtml";
}
<style>
    .settingSection {
        /*margin-left: 10px;*/
        background-color: white;
        padding: 10px;
        border-radius: 20px;
        margin-top: 10px;
        border: 10px solid #87b3de;
        
    }
</style>
<h2>Job Scheduler Configuration</h2>
<div class="container">
    <div class="row">
        <div id="TrainingReportNotification" class="settingSection col-sm-6">
            @{Html.RenderAction("TrainingReportConfig", "Admin");}
        </div>
        <div id="TECNExpirationNotification" class="settingSection col-sm-6">

            @{Html.RenderAction("TECNNotificationConfig", "Admin");}
        </div>
    </div>
</div>
<script>

    

    

    //function settingSectionScroll(headerId, settingSection) {
    //    //var header = document.getElementById(headerId);
    //    var tableOffset = $("#TrainingReportNotificationTable").offset().top;
    //    var $header = $("#TrainingReportNotificationTable > thead").clone();
    //    //var headerWidth = document.getElementById(headerId).offsetWidth;
    //    var section = document.getElementById(settingSection);
    //    //var sticky = header.offsetTop;
    //    var $fixedHeader = $("#header-fixed").append($header);
    //    var offset = $(this).scrollTop();
    //    if (offset >= tableOffset && $fixedHeader.is(":hidden")) {
    //       // header.classList.add("sticky");
    //        //header.style.position = 'fixed';
    //        $("#header-fixed").append($header);
    //        $fixedHeader.show();
    //    } else {
    //        //header.classList.remove("sticky");
    //        //header.style.position = 'static';
    //        $fixedHeader.hide();
    //    }
    //}
</script>