@{
    ViewData["Title"] = "Home Page";
}

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

@model HomeIndex_ViewModel

<div class="app-content content">
    <div class="">
        <div class="content-body">
            <section class="flexbox-container">
                <div class="align-items-center justify-content-center">

                    <div>
                        @await Component.InvokeAsync("HeaderHome", new { profile = Model.profile, userStatus = Model.userStatus })
                    </div>


                    @await Component.InvokeAsync("AdvertiseArea", new { listTerm = Model.listTerm })

                    @* <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: 12px;" href="@ViewBag.MyConfig.MyValue/Home?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: 12px;" href="@ViewBag.MyConfig.MyValue/Home?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: 12px;" href="@ViewBag.MyConfig.MyValue/Home?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>*@

                    <hr class="line2" style="margin-top:0; border-top: 15px solid rgba(0,0,0,.1);" />

                    @*see more*@
                    @* <div class="button-end">
                        <a class="text-main-color" href="@ViewBag.MyConfig.MyValue/BuyTicket?termType=@Model.termType">@Lang.see_more</a> <i class="fas fa-solid fa-angle-right"></i>
                    </div> *@
                    <div class="div-result">
                        <div id="term-result-data">
                        </div>
                        <script>
                            getResultTermData(@Model.termType);
                        </script>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>



<script>
    stopLoading();
</script>