{#if heroImageSource}
{:else}
{/if}
{#if currentItem}
{currentItem.name}
{#if currentItem.productionYear}
{currentItem.productionYear}
{/if} {#if currentItem.communityRating}
{currentItem.communityRating.toFixed(1)}
{/if} {#if currentItem.officialRating}
{currentItem.officialRating}
{/if}
{#if currentItem.overview}
{currentItem.overview}
{/if}
goto(`/player/${currentItem.id}`)} class="px-8 py-3 bg-white text-black hover:bg-white/90 rounded-lg font-semibold text-lg flex items-center gap-2 transition-colors" >
Play
{ // Navigate to full series detail page with cast/crew/related content // (even for episodes, show the series page so users see cast and related items) if (currentItem.kind === "episode" && currentItem.seriesId) { goto(`/library/${currentItem.seriesId}`); } else { goto(`/library/${currentItem.id}`); } }} class="px-8 py-3 bg-gray-600/80 hover:bg-gray-600 backdrop-blur-sm rounded-lg font-semibold text-lg transition-colors" > More Info
{#if items.length > 1}
{#each items as _, idx}
goToIndex(idx)} class="h-2 rounded-full transition-all hover:bg-white/80 cursor-pointer {idx === currentIndex ? 'bg-white w-12' : 'bg-white/50 w-8'}" aria-label={`Go to item ${idx + 1}: ${items[idx]?.name || ''}`} >
{/each}
{/if} {/if}