@model BuildFeed.Models.ViewModel.ChangePassword

@{
    ViewBag.Title = "Change your password | BuildFeed";
    Html.EnableClientValidation();
    Html.EnableUnobtrusiveJavaScript();
}

<h2>Change your password</h2>

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    if(ViewData["ErrorMessage"] != null)
    {
        <p class="text-danger">
            @ViewData["ErrorMessage"]
        </p>
    }

    <div class="form-horizontal">
        <div class="form-group">
            @Html.LabelFor(model => model.OldPassword, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                <div class="row">
                    <div class="col-sm-6">
                        @Html.PasswordFor(model => model.OldPassword, new { @class = "form-control" })
                    </div>
                </div>
                @Html.ValidationMessageFor(model => model.OldPassword)
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.NewPassword, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                <div class="row">
                    <div class="col-sm-6">
                        @Html.PasswordFor(model => model.NewPassword, new { @class = "form-control" })
                    </div>
                </div>
                @Html.ValidationMessageFor(model => model.NewPassword)
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.ConfirmNewPassword, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                <div class="row">
                    <div class="col-sm-6">
                        @Html.PasswordFor(model => model.ConfirmNewPassword, new { @class = "form-control" })
                    </div>
                </div>
                @Html.ValidationMessageFor(model => model.ConfirmNewPassword)
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Change Password" class="btn btn-primary" />
            </div>
        </div>
    </div>
    }

@section Scripts
{
    @Scripts.Render("~/bundles/jqueryval")
}