{#if backgroundUrl && tab === 'add-to-radarr'}
{/if} {#await sonarrOptions then { qualityProfiles, rootFolders }} {@const selectedRootFolder = rootFolders.find( (f) => f.path === $addOptionsStore.rootFolderPath )} {@const selectedQualityProfile = qualityProfiles.find( (f) => f.id === $addOptionsStore.qualityProfileId )}

Add {title} to Sonarr?

Before you can fetch episodes, you need to add this series to Sonarr.
(tab = 'root-folders')} let:hasFocus >

Root Folder

{selectedRootFolder?.path} ({formatSize(selectedRootFolder?.freeSpace || 0)} left)
(tab = 'quality-profiles')} let:hasFocus >

Quality Profile

{selectedQualityProfile?.name}
(tab = 'monitor-settings')} let:hasFocus >

Minimum Availability

{capitalize($addOptionsStore.minimumAvailability || 'released')}

Root Folder

{#each rootFolders as rootFolder} addOptionsStore.update((prev) => ({ ...prev, rootFolderId: rootFolder.id || 0 }))} focusOnClick focusOnMount={$addOptionsStore.rootFolderPath === rootFolder.path} >
{rootFolder.path} ({formatSize(rootFolder.freeSpace || 0)} left)
{#if selectedRootFolder?.id === rootFolder.id} {/if}
{/each}

Quality Profile

{#each qualityProfiles as qualityProfile} addOptionsStore.update((prev) => ({ ...prev, qualityProfileId: qualityProfile.id || 0 }))} focusOnClick focusOnMount={$addOptionsStore.qualityProfileId === qualityProfile.id} >
{qualityProfile.name}
{#if selectedQualityProfile?.id === qualityProfile.id} {/if}
{/each}

Monitor Episodes

{#each movieAvailabilities as availibility} addOptionsStore.update((prev) => ({ ...prev, monitorOptions: availibility }))} focusOnClick focusOnMount={$addOptionsStore.minimumAvailability === availibility} >
{capitalize(availibility)}
{#if $addOptionsStore.minimumAvailability === availibility} {/if}
{/each}
{/await}