@inject ISecurityService securityService

<div>
    @if(edit) {
        <label>@Label</label>
        <input type="text" autocomplete="off" @bind=name/>
        <button class="secondary" @onclick=@(() => Edit(false))>Cancel</button>
        <button @onclick=Submit>OK</button>
    } else {
        <label>@(Label):</label>
        <a href="javascript:;" @onclick=@(() => Edit(true))>
            @if(SecurityIdentifier is null || SecurityIdentifier == WellKnownSid.NullSid) {
                <i>Please select a user or group</i>
            } else {
                @securityService.TranslateName(SecurityIdentifier)
            }
        </a>
    }
</div>

@code {
    [Parameter]
    public string Label { get; set; }

    [Parameter]
    public EventCallback<SecurityIdentifier> OnChange { get; set; }

    private bool   edit = false;
    private string name;

    public SecurityIdentifier? SecurityIdentifier { get; set; }

    private void Edit(bool enableEdit) {
        edit = enableEdit;

        if(enableEdit)
            name = SecurityIdentifier is null ? "" :
                securityService.TranslateName(SecurityIdentifier);
    }

    private void Submit() {
        Edit(false);
    }
}