{% comment %}
  Row of "listen / watch on <service>" buttons. Pass a URL per service; every
  service you give a non-empty URL becomes its own column in a single row
  (wraps on narrow screens). Follows the site's light/dark mode. Icons use the
  Font Awesome brand set that ships with the theme.

  Parameters (all optional — only the ones you set are rendered):
    spotify        - Spotify URL
    apple_music    - Apple Music URL
    youtube        - YouTube URL
    youtube_music  - YouTube Music URL
    facebook       - Facebook URL
    title          - heading shown above the row (optional)
    width          - max width in px (optional; default 500)

  Usage:
    {% include embed/links/listen-links.html
       title="Posłuchaj także na:"
       spotify="https://open.spotify.com/episode/..."
       youtube_music="https://music.youtube.com/watch?v=..." %}
{% endcomment %}
{%- assign _services = "spotify,apple_music,youtube,youtube_music,facebook" | split: "," -%}
<div class="listen-links"{% if include.width %} style="--card-width:{{ include.width }}px"{% endif %}>
  {%- if include.title -%}<div class="listen-links__title">{{ include.title }}</div>{%- endif -%}
  <div class="listen-links__row">
    {%- for _svc in _services -%}
      {%- assign _url = include[_svc] -%}
      {%- if _url and _url != "" -%}
        {%- case _svc -%}
          {%- when "spotify" -%}
            {%- assign _label = "Spotify" -%}{%- assign _icon = "fa-brands fa-spotify" -%}
          {%- when "apple_music" -%}
            {%- assign _label = "Apple Music" -%}{%- assign _icon = "fa-brands fa-apple" -%}
          {%- when "youtube" -%}
            {%- assign _label = "YouTube" -%}{%- assign _icon = "fa-brands fa-youtube" -%}
          {%- when "youtube_music" -%}
            {%- assign _label = "YouTube Music" -%}{%- assign _icon = "fa-brands fa-youtube-shorts" -%}
          {%- when "facebook" -%}
            {%- assign _label = "Facebook" -%}{%- assign _icon = "fa-brands fa-facebook" -%}
        {%- endcase -%}
        <a class="listen-links__item listen-links__item--{{ _svc }}" href="{{ _url }}" target="_blank" rel="noopener noreferrer">
          <i class="listen-links__icon {{ _icon }}" aria-hidden="true"></i>
          <span class="listen-links__label">{{ _label }}</span>
        </a>
      {%- endif -%}
    {%- endfor -%}
  </div>
</div>