{$_("videos.title")}
{$_("videos.description")}
{ searchValue = (e.target as HTMLInputElement).value; debounceSearch(searchValue); }} class="pl-10 bg-background/50 border-primary/20 focus:border-primary" />
v && setParam("duration", v)} >
{data.duration === "short" ? $_("videos.duration.short") : data.duration === "medium" ? $_("videos.duration.medium") : data.duration === "long" ? $_("videos.duration.long") : $_("videos.duration.all")}
{$_("videos.duration.all")}
{$_("videos.duration.short")}
{$_("videos.duration.medium")}
{$_("videos.duration.long")}
v && setParam("sort", v)}>
{data.sort === "most_liked" ? $_("videos.sort.most_liked") : data.sort === "most_played" ? $_("videos.sort.most_played") : data.sort === "name" ? $_("videos.sort.name") : $_("videos.sort.recent")}
{$_("videos.sort.recent")}
{$_("videos.sort.most_liked")}
{$_("videos.sort.most_played")}
{$_("videos.sort.name")}
{#each data.items as video (video.slug)}
{#if video.movie_file?.duration}{formatVideoDuration(video.movie_file.duration)}{/if}
{#if video.premium}
{$_("videos.premium")}
{/if} {#if video.plays_count}
{video.plays_count}
{/if}
{video.title}
{timeAgo.format(new Date(video.upload_date))}
{$_("videos.watch")}
{/each}
{#if data.items.length === 0}
{$_("videos.no_results")}
{$_("videos.clear_filters")}
{/if} {#if totalPages > 1}
{$_("common.page_of", { values: { page: data.page, total: totalPages } })} ยท {$_("common.total_results", { values: { total: data.total } })}
goToPage(data.page - 1)} class="border-primary/20 hover:bg-primary/10" > {$_("common.previous")}
= totalPages} onclick={() => goToPage(data.page + 1)} class="border-primary/20 hover:bg-primary/10" > {$_("common.next")}
{/if}