{displayProfile(display, pubkeyDisplay)}

{display?.nip05 ? displayNip05(display.nip05) : pubkeyDisplay}

{#key display?.about} {/key}

{#if editing}

Username

About You

</Field>
      <Field>
        <p slot="label">Nostr Address</p>
        <label class="input input-bordered flex w-full items-center gap-2" slot="input">
          <Icon icon="map-point" />
          <input bind:value={values.nip05} class="grow" type="text" />
        </label>
        <p slot="info">
          <Button class="link" on:click={() => pushModal(InfoHandle)}
            >What is a nostr address?</Button>
        </p>
      </Field>
      <div class="mt-4 flex flex-row items-center justify-between gap-4">
        <Button class="btn btn-neutral" on:click={stopEdit}>Discard Changes</Button>
        <Button type="submit" class="btn btn-primary">Save Changes</Button>
      </div>
    </form>
  {/if}
  {#if $session?.method === "nip01"}
    <div class="card2 bg-alt col-4 shadow-xl" transition:slide>
      <FieldInline>
        <p slot="label">Public Key</p>
        <label class="input input-bordered flex w-full items-center gap-2" slot="input">
          <Icon icon="link-round" />
          <input value={$session.pubkey} class="grow" type="text" />
          <Button class="flex items-center" on:click={copyNpub}>
            <Icon icon="copy" />
          </Button>
        </label>
        <p slot="info">
          Your public key is your nostr user identifier. It also allows other people to authenticate
          your messages.
        </p>
        <p></p></FieldInline>
      <FieldInline>
        <p slot="label">Private Key</p>
        <label class="input input-bordered flex w-full items-center gap-2" slot="input">
          <Icon icon="link-round" />
          <input value={$session.secret} class="grow" type="password" />
          <Button class="flex items-center" on:click={copyNsec}>
            <Icon icon="copy" />
          </Button>
        </label>
        <p slot="info">Your private key is your nostr password. Keep this somewhere safe!</p>
        <p></p></FieldInline>
    </div>
  {/if}
</div>