{#if !$gpxServerIsOnline}

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

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

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

{#each traceVisibilities as option}
        <label>
          <input
            type="radio"
            name="visibility"
            value={option.key}
            bind:group={$visibility}
            use:selectDefault={visibility}
          />

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

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

<button class="primary flex flex-grow gap-x-2" on:click={() => uploadTrace()}>
          <ArrowUpTray class="h-8 w-8" />
          <Tr t={t.confirm} />
        </button>
      </div>
    </form>
  {:else if $currentStep === "uploading"}
    <Loading>
      <Tr t={t.uploading} />
    </Loading>
  {:else if $currentStep === "done"}
    <div class="subtle-border flex items-center rounded-xl border-2 p-2">
      <Confirm class="mr-2 h-12 w-12" />
      <Tr t={t.uploadFinished} />
    </div>
  {/if}
</LoginToggle>