{#snippet searchField()}
onSearchInput(e.currentTarget.value)} onkeydown={onSearchKeydown} placeholder={$t('public_courses.filters.search_placeholder')} class="ui:pr-8" /> {#if searchInput} {/if}
{/snippet} {#snippet filtersContent(showHeader = true)} {#if showHeader}

{$t('public_courses.filters.title')}

{$t('public_courses.filters.help')}

{/if}
{#key isDesktop} {$t('public_courses.filters.types_title')}
{#each COURSE_TYPES as courseType (courseType.value)} {/each}
{$t('public_courses.filters.pricing_title')}
{#each [{ value: 'free', label: $t('public_courses.filters.pricing_free') }, { value: 'paid', label: $t('public_courses.filters.pricing_paid') }] as option (option.value)} {/each}
{#if displayTagGroups.length > 0} {$t('public_courses.filters.tags_title')}
{#each displayTagGroups as group (group.id)}

{group.name}

{#if group.description}

{group.description}

{/if}
{#each group.tags as tag (tag.id)} {/each}
{/each}
{/if} {/key}
{/snippet}
{#if navInsideHero} {#snippet navigation()} {/snippet} {#snippet children()} {@render searchField()} {/snippet} {:else} {#snippet children()} {@render searchField()} {/snippet} {/if}
(filterSheetOpen = true)}> {$t('public_courses.filters.title')} {#if activeFilterCount > 0} {activeFilterCount} {/if}
{$t('public_courses.clear_filters')}
{#if data.courses.length === 0} {:else}
{#each data.courses as course, index (course.id)} {/each}
{#if data.pagination.totalPages > 1} {#snippet children({ pages, currentPage })} {#each pages as pageItem (pageItem.key)} {#if pageItem.type === 'ellipsis'} {:else} {pageItem.value} {/if} {/each} {/snippet} {/if} {/if}
{$t('public_courses.filters.title')} {$t('public_courses.filters.selected')} {activeFilterCount}
{@render filtersContent(false)}
{$t('public_courses.clear_filters')} (filterSheetOpen = false)} >{$t('public_courses.filters.save_changes')}