{$t("accounts.pubkey")}
      <button
        type="button"
        onclick={() => copy(pubkey)}
        class="btn !w-auto shrink"
      >
        <iconify-icon icon="ph:copy-bold" width="32"></iconify-icon>
      </button>
    </div>
  </div>

  {#if !pubkey || secret}
    <div>
      <label for="secret" class="font-bold mb-1 block"
        >{$t("accounts.secret")}</label
      >
      <div class="flex gap-1 items-center">
        <textarea rows={3} name="secret" bind:value={secret} lcass="grow" />

        <div class="space-y-2 w-24">
          <button type="button" onclick={generate} class="btn">
            <iconify-icon noobserver icon="ph:dice-three-bold" width="32"
            ></iconify-icon>
          </button>
          <button type="button" onclick={() => copy(secret)} class="btn">
            <iconify-icon icon="ph:copy-bold" width="32"></iconify-icon>
          </button>
        </div>
      </div>
    </div>
  {/if}

  <div class="space-y-2">
    <button type="submit" class="btn btn-accent">{$t("payments.submit")}</button
    >
    {#if pubkey}
      <button type="button" class="btn" onclick={del}>
        <iconify-icon icon="ph:trash-bold" width="32"></iconify-icon>
        {$t("accounts.delete")}</button
      >
    {/if}
  </div>
</form>

{#if settingBudget}
  <div
    class="fixed bg-base-100 bg-opacity-90 inset-0 overflow-y-auto h-full w-full z-50 max-w-lg mx-auto"
  >
    <div class="relative p-5 border shadow-lg rounded-md bg-base-100 space-y-5">
      <h1 class="text-center text-2xl font-semibold">
        {$t("accounts.budget")}
      </h1>
      <Numpad
        bind:amount={max_amount}
        {currency}
        {rate}
        bind:submit={done}
        bind:element={numpad}
      />

      <button bind:this={done} type="button" onclick={setBudget} class="btn"
        >Ok</button
      >
    </div>
  </div>
{/if}