lottery/website/Views/BuyTicket/Index.cshtml

@{
    ViewData["Title"] = "BuyTicket";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@using LotteryWebApp.Languages;
@using LotteryWebApp.Controllers;
@using LotteryWebApp.Common;

@model BuyTicket_ViewModel


<div class="app-content content" style="position:relative">

    <div class="card-title text-center ">
        <div class="news-button-header-container" style="text-align: start; margin: 0 10px;">
            @await Component.InvokeAsync("SmallHeader", new { title = Lang.buy_ticket.ToUpper()})
        </div>
    </div>

    <div class="content-wrapper buy-ticket-container" style="margin-top:65px;">
        <div class="content-body">
            <section class="flexbox-container">

                <div class="row tabs-style" style="    margin-top: 30px;">
                    <div class="col-4 tab-style">
                        <input type="radio" id="tab-1" name="tab-group-1" @(Model.termType == Constants.NEW_YORK_BOLET_CODE ? "checked" : "")>
                        <label for="tab-1">
                            <a style="font-size: 11px;" href="@ViewBag.MyConfig.MyValue/BuyTicket?termType=@Constants.NEW_YORK_BOLET_CODE"
                               class="@(Model.termType == Constants.NEW_YORK_BOLET_CODE ? "active-tab" : "")">
                                <img style="height: 30px;" src="~/img/logo-deebef36ed9bb3f8e07e8492eecbb7ae (1) 1.png" />
                                NEW YORK
                            </a>
                        </label>
                    </div>

                    <div class="col-4 tab-style">
                        <input type="radio" id="tab-2" name="tab-group-1" @(Model.termType == Constants.FLORIDA_BOLET_CODE ? "checked" : "")>
                        <label for="tab-2">
                            <a style="font-size: 11px;" href="@ViewBag.MyConfig.MyValue/BuyTicket?termType=@Constants.FLORIDA_BOLET_CODE"
                               class="@(Model.termType == Constants.FLORIDA_BOLET_CODE ? "active-tab" : "")">
                                <img style="height: 30px;" src="~/img/siteLogo 2.png" />
                                FLORIDA
                            </a>
                        </label>
                    </div>

                    <div class="col-4 tab-style">
                        <input type="radio" id="tab-2" name="tab-group-1" @(Model.termType == Constants.BOULCHANS_CODE ? "checked" : "")>
                        <label for="tab-2">
                            <a style="font-size: 11px;" href="@ViewBag.MyConfig.MyValue/BuyTicket?termType=@Constants.BOULCHANS_CODE"
                               class="@(Model.termType == Constants.BOULCHANS_CODE ? "active-tab" : "")">
                                @*<img style="height: 30px;" src="~/img/siteLogo 2.png" />*@
                                BOULCHANS
                            </a>
                        </label>
                    </div>
                </div>


                <div id="last-term-result-data" style="margin-bottom:20px;">
                </div>
                <script>
                    var countPage = 1;
                    getLastTermResultData(@Model.termType, countPage);
                    $(window).scroll(function() {
                        if ($(window).scrollTop() == $(document).height() - $(window).height()) {
                            // ajax call get data from server and append to the div
                            countPage += 1;
                            console.log("next " + countPage);
                            getLastTermResultData(@Model.termType, countPage);
                        }
                    });
                </script>
            </section>
        </div>
    </div>
</div>

<script>
    stopLoading();
</script>