{#if backgroundUrl && tab === 'add-to-sonarr'}
{/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 >

Monitor Strategy

{capitalize($addOptionsStore.monitorOptions || 'none')}

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 sonarrMonitorOptions as monitorOption} addOptionsStore.update((prev) => ({ ...prev, monitorOptions: monitorOption }))} focusOnClick focusOnMount={$addOptionsStore.monitorOptions === monitorOption} >
{capitalize(monitorOption)}
{#if $addOptionsStore.monitorOptions === monitorOption} {/if}
{/each}
{/await}