{{ __('Spotify') }}
{{ __('Set up your Spotify widget to display on your profile.') }}
@if(!$spotifyAccount)
@include('elements.icon',['icon'=>'spotify-white','centered'=>true,'classes'=>'mr-2 text-primary', 'variant' => 'medium']) {{ __('Sign in with Spotify') }}
{{ __('Connect to show top artists and pick an anthem.') }} @else
{{ $spotifyAccount->display_name ?: $spotifyAccount->spotify_id }}
{{ '@'.$spotifyAccount->spotify_id }}
@include('elements.icon',['icon'=>'log-out-outline', 'variant' => 'medium'])
{{ __('Spotify anthem') }}
@if(!empty($spotifyAnthem))
{{ $spotifyAnthem['name'] ?? '' }}
{{ $spotifyAnthem['artist'] ?? '' }}
@if(!empty($spotifyAnthem['url'])) @include('elements.icon',['icon'=>'spotify','centered'=>true,'classes'=>'', 'variant' => 'medium']) @endif
@else
{{ __('No anthem selected yet.') }}
@endif

{{ __('Top Spotify Artists') }}
@include('elements.icon',['icon'=>'refresh-outline', 'variant' => 'small'])
@foreach(($spotifyAccount->top_artists ?? []) as $a)
{{ $a['name'] ?? '' }}
@endforeach
@endif
@include('elements.icon',['icon'=>'spotify','centered'=>true,'classes'=>'', 'variant' => 'medium'])