@page "/UserAdmin"

@using GWMS.UI.Pages
@using GWMS.UI.Components

@if (ShowPopup)
{
    <div class="modal" tabindex="-1" style="display:block" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Edit User</h3>
                    <!-- Button to close the popup -->
                    <button type="button" class="close" @onclick="ClosePopup">
                        <span aria-hidden="true">X</span>
                    </button>
                </div>
                <!-- Edit form for the current user -->
                <div class="modal-body">
                    <!-- Only show Id if not a new user -->
                    @if (objUser.Id != "")
                    {
                        <p>@objUser.Id</p>
                    }
                    <!--<div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="fas fa-user"></i></span>
                        </div>-->
                    <!-- Only allow edit if a new user -->
                    <!--@if (objUser.Id != "")
                        {
                            <span class="form-control text-right">@objUser.UserName</span>
                        }
                        else
                        {
                            <input class="form-control text-right" type="text" placeholder="UserName" @bind="objUser.UserName" />
                        }
                    </div>-->
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="far fa-envelope"></i></span>
                        </div>
                        <input class="form-control" type="text" placeholder="Email" @bind="objUser.Email" />
                        <div class="input-group-append">
                            <div class="input-group-text">
                                <input class="form-control2" type="checkbox" title="Email Confirmed" @bind="objUser.EmailConfirmed" />
                            </div>
                        </div>
                    </div>
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="fas fa-key"></i></span>
                        </div>
                        <input class="form-control" type="password" placeholder="Password" @bind="objUser.PasswordHash" />
                    </div>
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="fas fa-user-tag"></i></span>
                        </div>
                        <select class="form-control" @bind="@CurrentUserRole">
                            @foreach (var option in RolesList)
                            {
                                <option value="@option">
                                    @option
                                </option>
                            }
                        </select>
                    </div>

                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="fas fa-tag"></i></span>
                        </div>
                        <select class="form-control" @bind="@CurrentUserClaimType">
                            @foreach (var option in ClaimsList)
                            {
                                <option value="@option">
                                    @option
                                </option>
                            }
                        </select>
                        <input class="form-control" title="Valore" type="text" @bind="CurrentUserClaimVal" />
                    </div>
                    <span style="color:red">@strError</span>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-success" @onclick="SaveUser" title="Save"><i class="fas fa-check"></i> Save</button>
                    <button class="btn btn-primary" @onclick="ClosePopup"><i class="far fa-window-close"></i> Close</button>
                </div>
            </div>
        </div>
    </div>
}

<div class="card">
    <div class="card-header">
        <div class="row">
            <div class="col-8 col-lg-9 col-xl-10 text-truncate">
                <h3>User Administration</h3>
            </div>
            <div class="col-4 col-lg-3 col-xl-2 text-right">
                <AuthorizeView>
                    <Authorized>
                        @if (@context.User.IsInRole("SuperAdmin"))
                        {
                            <button class="btn btn-success btn-block" @onclick="AddNewUser">Add User</button>
                        }
                    </Authorized>
                </AuthorizeView>
            </div>
        </div>
    </div>
    <div class="card-body px-1">
        <table class="table table-sm table-striped table-responsive-md">
            <thead>
                <tr>
                    <th></th>
                    <th>Id</th>
                    @*<th>User Name</th>*@
                    <th>User / Email</th>
                    <th>Ruolo</th>
                    <th>Permessi</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @foreach (var user in UsersList)
                {
                    <tr>
                        <td>
                            @if (!ShowPopup)
                            {
                                <button class="btn btn-sm btn-primary" @onclick="(() => EditUser(user.Identity))" title="Edit">
                                    <i class="fas fa-pen"></i>
                                </button>
                            }
                            else
                            {
                                <button class="btn btn-sm btn-secondary disabled" title="Edit">
                                    <i class="fas fa-pen"></i>
                                </button>
                            }
                        </td>
                        <td>@user.Identity.Id.Substring(0, 4)...</td>
                        @*<td>@user.UserName</td>*@
                        <td><span class="badge badge-pill @checkSem(user.Identity.EmailConfirmed)" title="Email validata"><span class="oi oi-check" aria-hidden="true"></span></span> @user.Identity.Email</td>
                        <td>
                            @ShowRoles(user.Roles)
                        </td>
                        <td>
                            @ShowClaims(user.Claims)
                        </td>
                        <td>
                            @if (!ShowPopup)
                            {
                                <button class="btn btn-sm btn-danger" @onclick="(() => DeleteUser(user.Identity))" title="Delete">
                                    <i class="fas fa-trash"></i>
                                </button>
                            }
                            else
                            {
                                <button class="btn btn-sm btn-secondary disabled" title="Delete">
                                    <i class="fas fa-trash"></i>
                                </button>
                            }
                        </td>
                    </tr>
                }
            </tbody>
        </table>
    </div>
    <div class="card-footer p-1">
        <DataPager PageSize="numRecord" currPage="currPage" numRecordChanged="ForceReload" numPageChanged="ForceReloadPage" totalCount="totalCount" showLoading="isLoading" />
    </div>
</div>