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

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

@model AccountIndex_ViewModel

<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-header row">
        </div>
        <div class="content-body">
            <section class="flexbox-container" style="    margin-bottom: 10px;">
                <div class="col-12 align-items-center justify-content-center">
                    <div class="">
                        <div class="card-header border-0 card-box">
                            <div class="card-title text-center ">
                                <div>
                                    <div style="    margin-top: 50px;">
                                        <img class="logo-app" src="~/img/Logo_Beelotto.png" />
                                    </div>

                                    <div>
                                        <img class="logo-app" src="~/img/work_for.png" />
                                    </div>

                                    <div style="position: relative; margin-top: 10px;">
                                        <h2 class="welcome-large">
                                            @Lang.welcome_to_bee_loto
                                        </h2>
                                        <h5 class="intro-large">@Lang.bee_loto_intro</h5>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-12" style="margin-bottom:10px;">
                                <button type="button" class="btn btn-outline-primary btn-block login-button login-button-action"
                                        onclick="registerButton_Click();">
                                    <i class="ft-unlock"></i> @Lang.get_started.ToUpper()
                                </button>
                            </div>
                            <div class="col-12" style="margin-bottom:150px;">
                                <button type="button" class="btn btn-outline-primary btn-block play-now-button"
                                        onclick="loginButton_Click();">
                                    <i class="ft-unlock"></i> @Lang.already_have_an_account.ToUpper()
                                </button>

                            </div>
                        </div>

                        <div>
                            @await Component.InvokeAsync("FooterOutside", new { })
                        </div>


                    </div>
                </div>
            </section>
        </div>
    </div>
</div>

<script>
    // auto login



</script>

<script>
    stopLoading();
</script>