{$_("fast_donation_create")}

{#if last_created}

{$_("last-created-donation")}: #{last_created.id}: {last_created.amountPerDistance / 100}€ für {getRunnerLabel(last_created.runner)} von {getRunnerLabel( last_created.donor )}

{/if}

{$_("runner")}

{ console.log("Cleared selection"); }} options={runners} filterFn={(item, searchTerm) => { if (searchTerm.startsWith("#")) { const id = parseInt(searchTerm.replace("#", "")); return item.value.id === id; } return item.label.toLowerCase().includes(searchTerm.toLowerCase()); }} bind:selected={runnerinfo} inputAriaLabel={$_("search-for-runner-by-name-or-id")} inputPlaceholder={$_("search-for-runner-by-name-or-id")} noOptionsText={$_("no-runners-found")} on:onSelected={(data) => { if (data.detail !== null) { document.querySelector("#donation_amount_eur").focus(); } }} />

{$_("amount-per-kilometer")}

0} class:focus:border-red-500={!amount > 0} class:focus:ring-red-500={!amount > 0} bind:value={amount} on:keydown={(e) => { if (e.key === "Enter") { e.preventDefault(); document.querySelector("#button_existing_donor").focus(); } }} type="number" step="0.01" id="donation_amount_eur" name="donation_amount_eur" class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 block w-full rounded-none rounded-l-md sm:text-sm border-neutral-300 border bg-neutral-50 text-neutral-800 p-2" placeholder="z.B. 1,50" /> €

{$_("donor")}

{#if !donor_create_new} { console.log("Cleared selection"); }} options={donors} filterFn={(item, searchTerm) => { return item.label .toLowerCase() .includes(searchTerm.toLowerCase()); }} bind:selected={donorinfo} inputAriaLabel={$_("search-for-donor")} inputPlaceholder={$_("search-for-donor")} noOptionsText={$_("no-donors-found")} on:onSelected={(data) => { if (data.detail !== null) { document.querySelector("#submit_button").focus(); } }} /> {:else}
{#if address_checked}
{/if}
{/if}