{#if !$gpxServerIsOnline}

{:else if $currentStep === "error"}

{:else if $currentStep === "init"} {:else if $currentStep === "please_confirm"}

uploadTrace()} class="flex flex-col border-interactive interactive px-2 gap-y-1">

{#each traceVisibilities as option}

<Tr t={option.name} cls="font-bold" />
          -
          <Tr t={option.docs} />
        </label>
      {/each}

<div class="flex flex-wrap-reverse justify-between items-stretch">
        <button class="flex gap-x-2 w-1/2 flex-grow" on:click={() => currentStep.setData("init")}>
          <Close class="w-8 h-8" />
          <Tr t={Translations.t.general.cancel} />
        </button>

<button class="flex gap-x-2 primary flex-grow" on:click={() => uploadTrace()}>
          <Upload class="w-8 h-8" />
          <Tr t={t.confirm} />
        </button>
      </div>
    </form>

{:else if $currentStep === "uploading"}
    <Loading>
      <Tr t={t.uploading} />
    </Loading>

{:else if $currentStep === "done"}
    <div class="flex p-2 rounded-xl border-2 subtle-border items-center">
      <Confirm class="w-12 h-12 mr-2" />
      <Tr t={t.uploadFinished} />
    </div>
  {/if}
</LoginToggle>