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

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

@model ProfileHowToPlay_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.how_to_play.ToUpper() })
        </div>
    </div>


    <div class="content-wrapper buy-ticket-container" >
        <div class="content-body">
            <section class="flexbox-container">

                <div class="row tabs-style" style="margin-top: 30px;">

                    <div class="col-3 tab-style">
                        <input type="radio" id="tab-3" name="tab-group-1" @(Model.termType == Constants.GameGroup.Singapore ? "checked" : "")>
                        <label for="tab-3">
                            <a href="@ViewBag.MyConfig.MyValue/Profile/HowToPlay?termType=@Constants.GameGroup.Singapore">
                                LOTTO3
                            </a>
                        </label>
                    </div>
                </div>

                <div style="margin: 10px;">
                    @Html.Raw(Question.p4)
                </div>
            </section>
        </div>
    </div>
</div>

<script>
    stopLoading();
</script>