Webportal/WebPortal/WebPortal/Views/Home/Careers.cshtml

@{
    ViewData["Title"] = "Products & Services";
    ViewBag.description = "Join the Telemor team and build your career with us. Explore current job openings.";
}

@using WebPortal.Texts 


<input type="hidden" id="currentPage" value="1" />
<div class="pathway pt-5">
    <div class="container">
        <ul class="breadcrumb">
            <li class="breadcrumb-item"><a href="/Home">@Lang.Home</a></li>
            <li class="breadcrumb-item"><a href="/About">@Lang.AboutUs</a></li>
            <li class="breadcrumb-item active">@Lang.Careers</li>
        </ul>
    </div>
</div>

<div class="tele-news media mb-5">
    <div class="container">
        <h3 class="f24 text-center mb-5 text-uppercase">@Lang.WeAreHiring</h3>

        <div class="row" id="news">

        </div>
        <p class="text-center">
            <a class="btn-borblue" onclick="loadNews(6);" id="btnViewMore">
                @Lang.MoreCareer <img src="~/image/dot3.svg" class="ml-2" alt="more">
            </a>
        </p>
    </div>
</div>


@section Scripts {
    <script>
        $("#btnViewMore").hide();
        function loadNews(size) {
            console.log("Load news");
            var currentPage = $('#currentPage').val();
            $.ajax({
                url: ('/Home/CareerLoad'),
                type: "POST",
                data: {
                    __RequestVerificationToken: $('input[name=__RequestVerificationToken]').val(),
                    size: size,
                    page: currentPage,
                    preview: "@ViewBag.preview"
                },
                success: function (result) {
                    // remove page
                    $("#nextPage").remove();
                    $("#news").append(result);
                    if ($("#nextPage").val() > 0) {
                        // add page
                        $("#btnViewMore").show();
                        $('#currentPage').val($("#nextPage").val());
                    } else {
                        // hide view more data button
                        $("#btnViewMore").hide();
                    }
                },
                error: function (err) {
                    console.log(err);
                }
            });
        }

        $(document).ready(function () {
            loadNews("6");
        });
    </script>
}