{#await runner_promise} {$_("loading-runners")} {:then}
{$_("runners")}
{original_data.firstname} {original_data.middlename || ""} {original_data.lastname} [#{params.runnerid}]
{#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:DELETE")}
{#if delete_triggered}
{$_("confirm-deletion")}
{ delete_triggered = !delete_triggered; }} class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-400 text-base font-medium text-white sm:w-auto sm:text-sm" >{$_("cancel")}
{:else}
{ delete_triggered = true; }} type="button" class="w-full justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:w-auto sm:text-sm" >{$_("delete-runner")}
{$_("save-changes")}
{/if}
{/if}
{$_("first-name")}
{#if !isFirstnameValid}
{$_("first-name-is-required")}
{/if}
{$_("middle-name")}
{$_("last-name")}
{#if !isLastnameValid}
{$_("last-name-is-required")}
{/if}
{$_("e-mail-adress")}
{#if !isEmailValid}
{$_("valid-email-is-required")}
{/if}
{$_("phone")}
{$_("group")}
label.toLowerCase().includes(filterText.toLowerCase()) || option.id.value.toString().startsWith(filterText.toLowerCase())} items={groups} showChevron={true} placeholder={$_("search-for-an-organization-or-team-by-name-or-id")} noOptionsMessage={$_("no-organization-or-team-found")} bind:selectedValue={group} on:select={(selectedValue) => { editable.group = selectedValue.detail.value.id; }} on:clear={() => (editable.group = null)} />
{$_("distance")}
{original_data.distance / 1000} km
{:catch error}
{/await}