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

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

@model AccountForgotPassword_ViewModel

<div class="app-content content">

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

    <div class="content-wrapper">
        <div class="content-header row">
        </div>
        <div class="content-body">
            <section class="flexbox-container">
                <div class="col-12 align-items-center justify-content-center">
                    <div class="">
                        @{
                            if (Model.code != Code.SUCCESS.ToString())
                            {
                                <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>
                                    </div>
                                </div>
                            }
                        }


                        @{
                            if (Model.code != Code.SUCCESS.ToString())
                            {
                                <fieldset class="form-group position-relative has-icon-left" style="margin:10px;">
                                    <label>@Lang.fill_your_number</label>
                                    <input type="number" class="data-input-box form-control" id="phonenumber" style="border-radius: 10px;"
                                       placeholder="@Lang.enter_phone_number" name="phonenumber" required>

                                    <div class="form-control-position" style="top: 35px;">
                                        <i class="fa fa-user"></i>
                                    </div>
                                </fieldset>
                            }
                            else
                            {
                                <div class="card-header border-0 card-box center-box-container">
                                    <div class="card-title text-center ">
                                        <div>
                                            <div style="    margin-top: 50px;">
                                                <img class="logo-app inform-img" 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.your_password_reset
                                                </h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            }
                        }
                        <div class="row button-on-footer">
                            <div class="col-12">
                                <button type="submit" class="btn btn-outline-primary btn-block login-button"
                                    onclick="forgotPasswordButtonAction_Click()">
                                    <i class="ft-unlock"></i> @(Model.code != Code.SUCCESS.ToString() ? Lang._continue : Lang.login.ToUpper())
                                </button>
                            </div>
                        </div>

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