@using Microsoft.AspNetCore.Mvc.Localization
@model gehGassi.Web.Models.ChangePasswordViewModel
@inject IViewLocalizer Localizer
@{
    ViewData["Title"] = Localizer["ChangePassword_Title"];
}
@section pageTitle
{
    <div>@ViewData["Title"]</div>
}
<section id="changePasswordContainer">
    <div>
        <div class="pageDesc">@Localizer["ChangePassword_Desc"]</div>
        <form cb-preventsubmit id="frmChangePassword" class="form" asp-controller="Manage" asp-action="ChangePassword" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#changePasswordContainer">
            <div asp-validation-summary="ModelOnly"></div>
            <div class="row mb-2">
                <div class="col-md-6 offset-md-3">
                    <label class="form-label" asp-for="OldPassword"></label>
                    <div class="input-group">
	                    <span class="input-group-text"><i class="fa fa-fw fa-unlock"></i></span>
                        <input asp-for="OldPassword" class="form-control" />
                        <span asp-validation-for="OldPassword" class="invalid-feedback"></span>
                    </div>
                </div>
            </div>
	        <div class="row mb-2">
                <div class="col-md-6 offset-md-3">
                    <label class="form-label" asp-for="NewPassword"></label>
                    <div class="input-group">
	                    <span class="input-group-text"><i class="fa fa-fw fa-unlock"></i></span>
                        <input asp-for="NewPassword" class="form-control" />
                        <span asp-validation-for="NewPassword" class="invalid-feedback"></span>
                    </div>
                </div>
            </div>
	        <div class="row mb-2">
                <div class="col-md-6 offset-md-3">
                    <label class="form-label" asp-for="ConfirmPassword"></label>
                    <div class="input-group">
	                    <span class="input-group-text"><i class="fa fa-fw fa-check-square"></i></span>
                        <input asp-for="ConfirmPassword" class="form-control" />
                        <span asp-validation-for="ConfirmPassword" class="invalid-feedback"></span>
                    </div>
                </div>
            </div>
            <div class="row button-row">
                <div class="col-md-6 offset-md-3">
                    <div class="">
                        <button type="button" id="btnChangePassword" class="btn btn-primary">@Localizer["Button_Change"]</button>
                        <a asp-controller="Home" asp-action="Index" id="btnChangePasswordCancel" class="btn btn-primary">@Localizer["Button_Cancel"]</a>
                    </div>
                </div>
            </div>
        </form>
    </div>
    @section Scripts{
        <system-js url="~/scripts/Views/Manage/changepassword.js" fresh-import="true"></system-js>
    }
</section>