@model PantheonRA.BackOffice.Models.LoginViewModel

<body class="gray-bg">

    <div class="middle-box text-center loginscreen  animated fadeInDown">
        <div>
            <h3>@Loc.SyncSettings</h3>

            <p>@Loc.Login</p>


            @using (Html.BeginForm("Password", "SynchronizationPassword", FormMethod.Post, new { @class = "m-t" }))
            {
                <div class="form-group">
                    @Html.PasswordFor(loginModel => loginModel.Password, new { @class = "form-control", @placeholder = Loc.Password, @type = "password" })
                    @Html.ValidationMessageFor(loginModel => loginModel.Password)
                </div>

                <button type="submit" class="btn btn-primary block full-width m-b">@Loc.Login</button>
            }
        </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>


