{#if $audioPlaylist.enabled && ($audioPlaylist.queue.length > 0 || $audioPlaylist.nowPlaying)}
{#if $audioPlaylist.minimized}
audioPlaylist.toggleMinimized()}> {#if $currentTrack?.thumbnailPath}
{:else}
{$currentTrack?.title?.charAt(0) || '?'}
{/if}
audioPlaylist.togglePlay()}> {$audioPlaylist.isPlaying ? '⏸' : '▶'}
{:else}
{$audioPlaylist.currentIndex + 1} / {$audioPlaylist.queue.length}
audioPlaylist.toggleMinimized()} title="Minimize"> ─
audioPlaylist.hide()} title="Close"> ×
{#if $currentTrack?.thumbnailPath}
{:else}
{$currentTrack?.title?.charAt(0) || '?'}
{/if}
{$currentTrack?.title || 'Unknown'}
{$currentTrack?.username || 'Unknown Artist'} {#if $currentTrack?.realmName}
in {$currentTrack.realmName}
{/if}
{formatTime(isDraggingSeek ? seekPosition * $audioPlaylist.duration : $audioPlaylist.currentTime)}
{formatTime($audioPlaylist.duration)}
audioPlaylist.toggleShuffle()} title="Shuffle" >
audioPlaylist.previous()} title="Previous" >
audioPlaylist.togglePlay()}> {#if $audioPlaylist.isPlaying}
{:else}
{/if}
audioPlaylist.next()} title="Next" >
audioPlaylist.cycleRepeat()} title={`Repeat: ${$audioPlaylist.repeat}`} > {#if $audioPlaylist.repeat === 'one'}
1
{:else}
{/if}
audioPlaylist.toggleMute()} title={$audioPlaylist.muted ? 'Unmute' : 'Mute'} > {#if $audioPlaylist.muted || $audioPlaylist.volume === 0}
{:else if $audioPlaylist.volume < 0.5}
{:else}
{/if}
{/if}
{/if}