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

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

@model AccountRegister_ViewModel


<div class="app-content content" style="position:relative">
    @*    <div class="float-button-navigator" onclick="function() => window.location.href = '@ViewBag.MyConfig.MyValue/Home/Login'">
        <a href="@ViewBag.MyConfig.MyValue/Home/Login">
        <img class="float-button-icon" src="~/images/icons8-back-50.png" />
        </a>
        </div>*@

    <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.register.ToUpper()})
        </div>
    </div>

    <div class="content-wrapper" style="margin-top:80px;">
        <div class="content-body">
            <section class="flexbox-container">
                <div class="col-12 align-items-center justify-content-center">
                    <div class="">

                        <form class="form-horizontal" action="@ViewBag.MyConfig.MyValue/Account/Register" method="post">
                            @Html.AntiForgeryToken()
                            @{
                                if (Model.code != Code.SUCCESS.ToString())
                                {
                                    <fieldset class="form-group position-relative has-icon-left">
                                        <label>@Lang.phone_number</label>
                                        <input type="number" class="data-input-box form-control" id="phonenumber" placeholder="@Lang.enter_phone_number" name="phonenumber" required>

                                        <div class="form-control-position" style="top: 35px;">
                                            <i class="fa fa-user"></i>
                                        </div>
                                    </fieldset>

                                    <fieldset class="form-group position-relative has-icon-left">
                                        <label>@Lang.name</label>
                                        <input type="text" class="data-input-box form-control" id="fullname" placeholder="@Lang.enter_name" name="fullname" required>

                                        <div class="form-control-position" style="top: 35px;">
                                            <i class="fa fa-user"></i>
                                        </div>
                                    </fieldset>

                                    <fieldset class="form-group position-relative has-icon-left">
                                        <label>@Lang.dateOfBirth</label>
                                        <input type="date" class="data-input-box form-control" id="birthday" placeholder="@Lang.dateOfBirth" name="birthday" required>
                                        <div class="form-control-position" style="top: 35px;">
                                            <i class="fa fa-key"></i>
                                        </div>
                                    </fieldset>
                                }
                                //else if (Model.step == 2)
                                //{
                                //    <fieldset class="form-group position-relative has-icon-left">
                                //        <label>@Lang.password</label>
                                //        <input type="password" class="data-input-box form-control" id="password" placeholder="@Lang.enter_password" name="password" required>

                                //        <div class="form-control-position" style="top: 35px;">
                                //            <i class="fa fa-key"></i>
                                //        </div>
                                //    </fieldset>

                                //    <div>
                                //        <div>
                                //            @Lang.password_tip
                                //        </div>
                                //        <div>
                                //            @Lang.pass_tip_1
                                //        </div>
                                //        <div>
                                //            @Lang.pass_tip_2
                                //        </div>
                                //        <div class="green-text">
                                //            @Lang.note_password
                                //        </div>
                                //    </div>
                                //}
                                else
                                {
                                    <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/Group854.png" />
                                                </div>

                                                <div style="position: relative; margin-top: 10px;">
                                                    <h2 class="text-style-main-large">
                                                        @Lang.success
                                                    </h2>
                                                </div>

                                                <div style="position: relative; margin-top: 10px;">
                                                    <h4 class="text-style-blue-normal">
                                                        @Lang.you_have_registered_Bee_loto
                                                    </h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                }
                            }

                            <div class="row button-on-footer" style="margin-top:50px;">
                                <div class="col-12">
                                    <button type="button" class="btn btn-outline-primary btn-block login-button"
                                    onclick="@(Model.code == Code.SUCCESS.ToString() ? "navigatorClick('Home')" : "registerButtonAction_Click()")">
                                        <i class="ft-unlock"></i> @(Model.code == Code.SUCCESS ? Lang.start_using_bee_loto : Lang._continue)
                                    </button>
                                </div>
                            </div>
                        </form>

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

<script>
    stopLoading();
</script>