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

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

@model ProfileChangePassword_ViewModel

<div class="app-content content">

    @{
        if (Model.code == Code.SUCCESS)
        {
            <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.change_password.ToUpper()})
                </div>
            </div>
        }
    }

    <div class="content-wrapper" style="margin-top:80px;">
        <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)
                            {
                                <form id="login-form" class="form-horizontal" action="@ViewBag.MyConfig.MyValue/Profile/ChangePassword" method="post">

                                    @Html.AntiForgeryToken()

                                    <fieldset class="form-group position-relative has-icon-left">

                                        <input type="password" class="data-input-box form-control" id="oldpass"
                                           placeholder="@Lang.enter_your_old_password" name="oldpass" required>

                                        <div class="form-control-position" style="top: 8px;">
                                            <i class="fa fa-user"></i>
                                        </div>
                                    </fieldset>
                                    <fieldset class="form-group position-relative has-icon-left">

                                        <input type="password" class="data-input-box form-control" id="newpass"
                                           placeholder="@Lang.enter_your_new_password" name="newpass" required>

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

                                    <fieldset class="form-group position-relative has-icon-left">

                                        <input type="password" class="data-input-box form-control" id="confirmpass"
                                           placeholder="@Lang.confirm_your_new_password" name="confirmpass" required>

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

                                    <div class="row" style="margin-top:1rem;">
                                        <div class="col-12">
                                            <button type="button" class="btn btn-outline-primary btn-block  login-button"
                                                onclick="changePasswordButtonAction_Click()">
                                                <i class="ft-unlock"></i> @Lang.update.ToUpper()
                                            </button>
                                        </div>
                                    </div>

                                </form>
                            }
                            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.transfer_success
                                                </h4>
                                            </div>

                                            <hr class="line-2">

                                        </div>
                                    </div>
                                </div>
                            }
                        }


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

<script>
    stopLoading();
</script>