@model GASArabianERP.Models.UserViewModel
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_LoginLayout.cshtml";
}
<div class="login-logo">
    <a style="color:white;"><b>GAS FSD</b></a>
</div><!-- /.login-logo -->
@using (Html.BeginForm("Login", "User", FormMethod.Post, new { }))
{
    @Html.AntiForgeryToken()

    <div class="login-box-body">
        <p class="login-box-msg">Sign in to start FSD application</p>

        <div class="form-group has-feedback">
            @Html.EditorFor(model => model.UserName, new { htmlAttributes = new { @class = "form-control", @placeholder = "User Name", @autocomplete = "off" } })
            <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
            @Html.ValidationMessageFor(m => m.UserName, "", new { @class = "text-danger" })
        </div>
        <div class="form-group has-feedback">
            @Html.PasswordFor(model => model.Password, new { @class = "form-control", @autocomplete = "off", @placeholder = "Password" })
            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
            @Html.ValidationMessageFor(m => m.Password, "", new { @class = "text-danger" })
        </div>
        <div class="row">
            <div class="col-xs-4">
            </div><!-- /.col -->
            <div class="col-xs-4">
                <button type="submit" class="btn btn-primary btn-block btn-flat">Sign In</button>
            </div><!-- /.col -->
            <div class="col-xs-4">
                <button type="submit" class="btn btn-danger btn-block btn-flat">Clear</button>
            </div><!-- /.col -->
        </div>

        <br />
        <a href="@Url.Action("ForgotPassword", "User")">I forgot my password</a><br>
    </div>
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
<script>
    $(document).ready(function () {
        $("#UserName").focus();
    });
</script>