@using gehGassi.Permissions
@using gehGassi.Web.Helper
@using Microsoft.AspNetCore.Mvc.Localization
@model Guid?

@inject IViewLocalizer Localizer
@{
    ViewData["Title"] = Localizer["Menu_Users"];
}
@section pageTitle{ 
    <a href="@Url.Action("IndexCustomer", "User")">@Localizer["Menu_Users"]</a>
}

<section id="usersCustomerContainer">
    <div id="list">
        <div id="listContainer">
            <div id="gridToolbar" class="gridToolbar">
                <div style="line-height: 40px; padding-left: 10px;">
                    <button id="btnAdd" title="@Localizer["Button_Create"]" type="button" class="btn btn-primary btn-sm" cb-permissions="@Tools.PermissionList(Permission.UserManage, Permission.UserCreate)"><i class="fa fa-circle-plus"></i></button>
                    <button id="btnEdit" title="@Localizer["Button_Edit"]" type="button" class="btn btn-primary btn-sm" disabled="disabled" cb-permissions="@Tools.PermissionList(Permission.UserManage, Permission.UserEdit)"><i class="fa fa-pencil"></i></button>
                    <button id="btnDelete" title="@Localizer["Button_Delete"]" type="button" class="btn btn-primary btn-sm" disabled="disabled" cb-permissions="@Tools.PermissionList(Permission.UserManage, Permission.UserDelete)"><i class="fa fa-trash"></i></button>
                    <button id="btnLock" title="@Localizer["Button_Lock"]" type="button" class="btn btn-primary btn-sm" disabled="disabled" style="display: none;" cb-permissions="@Tools.PermissionList(Permission.UserManage)"><i class="fa fa-lock"></i></button>
                    <button id="btnUnlock" title="@Localizer["Button_Unlock"]" type="button" class="btn btn-primary btn-sm" disabled="disabled" style="display: none;" cb-permissions="@Tools.PermissionList(Permission.UserManage)"><i class="fa fa-unlock"></i></button>
                    <button id="btnResetPassword" title="@Localizer["Button_ResetPassword"]" type="button" class="btn btn-primary btn-sm" disabled="disabled" cb-permissions="@Tools.PermissionList(Permission.UserManage)"><i class="fa fa-rotate"></i></button>
                    <button id="btnConfirmEmail" title="@Localizer["Button_ConfirmEmail"]" type="button" class="btn btn-primary btn-sm" disabled="disabled" style="display: none;" cb-permissions="@Tools.PermissionList(Permission.UserManage)"><i class="fa fa-circle-check"></i></button>
                    <button id="btnSendConfirmEmail" title="@Localizer["Button_SendConfirmEmail"]" type="button" class="btn btn-primary btn-sm" disabled="disabled" style="display: none;" cb-permissions="@Tools.PermissionList(Permission.UserManage)"><i class="fa fa-envelope"></i></button>
                    <button id="btnTwoFactorDisable" title="@Localizer["Button_TwoFactor_Deactivate"]" type="button" class="btn btn-primary btn-sm" disabled="disabled" style="display: none;" cb-permissions="@Tools.PermissionList(Permission.UserManage)"><i class="fa fa-id-card"></i></button>
	                <div class="columnChooser">
		                <button id="btnColumns" title="" type="button" class="btn btn-primary btn-sm"><i class="fa fa-columns"></i></button>
	                </div>
	                <div class="searchBar">
                        <input id="search" type="text" class="form-control" placeholder="@Localizer["Common_Placeholder_Search"]" />
                    </div>
                </div>
            </div>
            <div id="gridUsersCustomer"></div>
        </div>
    </div>
    <div id="detail" style="display: none;">

    </div>
    <script id="photoTemplate" type="text/x-template">
        <div class="image">
            <img class="avatar-img img-avatar-small ${if(isOnline)}user-online${/if}" src="${photo}" alt="${userName}" />
        </div>
    </script>
    <script id="lockTemplate" type="text/x-template">
        <div>
            ${if(locked)}<i class=\"fa fa-check-square\" />${else}<i class=\"fa fa-square\" />${/if}
        </div>
    </script>
    <script id="confirmedTemplate" type="text/x-template">
        <div>
            ${if(emailConfirmed)}<i class=\"fa fa-check-square\" />${else}<i class=\"fa fa-square\" />${/if}
        </div>
    </script>
    <script id="twoFactorTemplate" type="text/x-template">
        <div>
            ${if(twoFactorEnabled)}<i class=\"fa fa-check-square\" />${else}<i class=\"fa fa-square\" />${/if}
        </div>
    </script>
    @Html.Hidden("jsGetUsersUrl", Url.Action("GetUsersCustomer", "User", new { customerUniqueId = Model }))
    @Html.Hidden("jsCreateUserUrl", Url.Action("CreateCustomer", "User", new { customerUniqueId = Model }))
    @Html.Hidden("jsEditUserUrl", Url.Action("EditCustomer", "User", new { customerUniqueId = Model }))
    @Html.Hidden("jsDeleteUserUrl", Url.Action("DeleteCustomer", "User", new { customerUniqueId = Model }))
    @Html.Hidden("jsLockUserUrl", Url.Action("LockCustomer", "User", new { customerUniqueId = Model }))
    @Html.Hidden("jsUnlockUserUrl", Url.Action("UnlockCustomer", "User", new { customerUniqueId = Model }))
    @Html.Hidden("jsResetPasswordUrl", Url.Action("ResetPasswordCustomer", "User", new { customerUniqueId = Model }))
    @Html.Hidden("jsConfirmEmailAddressUrl", Url.Action("ConfirmEmailAddressCustomer", "User", new { customerUniqueId = Model }))
    @Html.Hidden("jsSendConfirmEmailAddressUrl", Url.Action("SendConfirmEmailAddressCustomer", "User", new { customerUniqueId = Model }))
    @Html.Hidden("jsTwoFactorDisableUrl", Url.Action("TwoFactorDisableCustomer", "User", new { customerUniqueId = Model }))

    @section ScriptsExternal{
        <environment names="Development">
            <script src="~/lib/uppload/index.umd.js" asp-append-version="false"></script>
        </environment>
        <environment names="Production,Staging,Live">
            <script src="~/lib/uppload/index.umd.min.js" asp-append-version="true"></script>
        </environment>
    }
    @section Scripts{
        <system-js url="~/scripts/Views/User/indexCustomer.js" fresh-import="true"></system-js>
    }

    @section Css
    {
        <environment names="Development">
            <link href="~/css/Uppload.css" rel="stylesheet" asp-append-version="false">
        </environment>
        <environment names="Production,Staging,Live">
            <link href="~/css/Uppload.min.css" rel="stylesheet" asp-append-version="true">
        </environment>
    }
</section>