@using MyAPP.Models
@{
    if (Session["_User"] != null)
    {
        User u = (User)Session["_User"];
        <div id="loader-container">
            <div class="loader">
                <svg class="circular" viewBox="25 25 50 50">
                    <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" />
                </svg>
            </div>
        </div>
        <div class="text-center" id="userInformation">
            <p class="bold-text"> Here is your account information thusfar:</p>
            <table class="table table-bordered table-nonfluid table table-striped blocked-margin-center">
                <tbody>
                <tr class="info">
                    <th colspan="2" class="text-center">General Information</th>
                </tr>
                <tr>
                    <th>ID</th>
                    <td>@u.Id</td>
                </tr>
                <tr>
                    <th>GUID</th>
                    <td>@u.Guid</td>
                </tr>
                <tr>
                    <th>Full Name</th>
                    <td>@u.FirstName @u.LastName</td>
                </tr>
                <tr>
                    <th>Username</th>
                    <td>@u.Username</td>
                </tr>
                <tr>
                    <th>Account State</th>
                    <td>
                        @{
                            switch (u.AccountState)
                            {
                                case 0:
                                    <text>Normal</text>
                                    break;
                                case 1:
                                    <text>Administrator</text>
                                    break;
                                case 2:
                                    <text>Disabled</text>
                                    break;
                            }
                        }
                    </td>

                </tr>

                <tr class="info">
                    <th colspan="2" class="text-center">Permissions</th>
                </tr>
                <tr>
                    <th>Can edit the QA Records?</th>
                    <td>@u.CanEditQaData</td>
                </tr>
                <tr>
                    <th>Can edit the HID Records?</th>
                    <td>@u.CanEditHidData</td>
                </tr>
                </tbody>
            </table>


            @{using (Ajax.BeginForm("_LogOut", "User",
                    new AjaxOptions
                    {
                        UpdateTargetId = "userInformation",
                        LoadingElementId = "loader-container",
                        InsertionMode = InsertionMode.Replace,
                        HttpMethod = "GET"
                    }))
                {
                    <button type="submit" class="btn btn-danger btn-raised text-center">
                        <i class="material-icons">refresh</i>
                        Refresh Data
                    </button>
                }
            }
        </div>
    }
}