@model  PantheonRA.BackOffice.Models.ChangeCurrentUserPasswordViewModel

@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>PANTHEON Retail | @Loc.Login</title>

    <link href="~/Content/inspinia/bootstrap.min.css" rel="stylesheet">
    <link href="~/Fonts/font-awesome/css/font-awesome.css" rel="stylesheet">

    <link href="~/Content/inspinia/animate.css" rel="stylesheet">
    <link href="~/Content/inspinia/style.css" rel="stylesheet">

    <link href="~/Content/customStyle.css" rel="stylesheet" />
</head>

<body class="gray-bg">

    <div class="middle-box content text-center animated fadeInDown change-curr-usr-pass-wrapper">
        <div>
            <div>
                <h1 class="logo-name">RA</h1>
            </div>
            <div class="wrapper animated fadeInRight">
                <div class="row">
                    <div class="col-xs-12">
                        @using (@Html.BeginForm())
                        {
                            @Html.HiddenFor(model => model.ReturnUrl)

                            <div class="ibox">
                                @*<div class="alert alert-info">
                                    <div class="alert-link">@Loc.FirstLoginSecurityReasonPasswordChange</div>
                                </div>*@
                                <div class="ibox-content">
                                    <div class="row">
                                        @*<div class="col-xs-12 text-left">
                                            <dl class="dl-horizontal">
                                                <dt>@Loc.Code:</dt>
                                                <dd>@Model.Details.Code</dd>

                                                <dt>@Loc.VAT</dt>
                                                <dd>@Model.Details.Oib</dd>

                                                <dt>@Loc.Name</dt>
                                                <dd>@Model.Details.DisplayName</dd>

                                                <dt>@Loc.UserName</dt>
                                                <dd>@Model.Details.Username</dd>
                                            </dl>
                                        </div>*@
                                        <div class="col-xs-12"><h5>@string.Format(@Loc.WelcomeToYourFirstLogin, Model.Details.DisplayName + " (" + Model.Details.Username + ")") @Loc.SecurityReasonPasswordChange</h5></div>
                                        <div class="col-xs-12">
                                            @Html.HiddenFor(model => model.Details.DisplayName)
                                            @Html.HiddenFor(model => model.Id)
                                            <div class="form-group">
                                                @Html.TextBoxFor(model => model.Password, new { @class = "form-control", @placeholder = Loc.Password, @type = "password" })
                                                @Html.ValidationMessageFor(model => model.Password)
                                            </div>
                                            <div class="form-group">
                                                @Html.TextBoxFor(model => model.PasswordAgain, new { @class = "form-control", @placeholder = Loc.PasswordAgain, @type = "password" })
                                                @Html.ValidationMessageFor(model => model.PasswordAgain)
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xs-12">
                                            <button class="btn btn-primary btn-block" type="submit">
                                                <span>@Loc.Save</span>
                                            </button>
                                            <a href="@Url.Action("Index", "Products")" class="keep-the-pass">@Loc.KeepInsecurePasswordForNow</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        }
                    </div>
                </div>
            </div>

            @*<a href="#"><small>Zaboravio sam lozinku</small></a>
                <p class="text-muted text-center"><small>Nemate pristup?</small></p>
                <a class="btn btn-sm btn-white btn-block" href="@Url.Action("Register", "Account")">Želim novi korisnički račun</a>*@

            <p class="m-t">Copyright <small>Datalab &copy; 1997 - @(DateTime.Now.Year.ToString())</small> </p>
        </div>
    </div>

    <script src="~/Scripts/inspinia/jquery-2.1.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.input-validation-error').parents('.form-group').addClass('has-error');
            $('.field-validation-error').addClass('text-danger');
        });
    </script>
</body>
</html>