string(24) "# Podcast Platform Links"
<br><br>string(304) "The distributed nature of podcasting makes it complicated to link to a show/episode on a given platform. Some platforms provide [API methods](#api-documentation) to determine exact URLs or nothing at all, but many platforms support routes based on foreign keys that let us construct URLs with confidence."
<br><br>string(0) ""
<br><br>string(20) "## Table of Contents"
<br><br>string(24) "1. [Glossary](#glossary)"
<br><br>string(28) "1. [Show Links](#show-links)"
<br><br>string(34) "1. [Episode Links](#episode-links)"
<br><br>string(36) "1. [Resource Links](#resource-links)"
<br><br>string(42) "1. [API Documentation](#api-documentation)"
<br><br>string(32) "1. [Contributing](#contributing)"
<br><br>string(26) "1. [Footnotes](#footnotes)"
<br><br>string(0) ""
<br><br>string(11) "## Glossary"
<br><br>string(27) "### Show-level foreign keys"
<br><br>string(88) "* `appleID`: An ID assigned by Apple Podcasts to each show submitted to their directory."
<br><br>string(45) "* `feedURL`: The RSS feed URL of the podcast."
<br><br>string(110) "* `podcastGUID`: A UUID provided in the RSS feeds of some podcasts or generated for them by the Podcast Index."
<br><br>string(102) "* `podcastIndexShowID`: An ID assigned by the Podcast Index to each show submitted to their directory."
<br><br>string(0) ""
<br><br>string(30) "### Episode-level foreign keys"
<br><br>string(56) "* `enclosureURL`: The URL of the media for each episode."
<br><br>string(103) "* `episodeGUID`: An identifying string for each episode in the RSS feeds of most, but not all podcasts."
<br><br>string(98) "* `podcastIndexEpisodeID`: An ID assigned by the Podcast Index to each episode in their directory."
<br><br>string(0) ""
<br><br>string(9) "### Other"
<br><br>string(148) "* `base16()` or `hex()`: A method of encoding strings using a [hexadecimal numeral system](https://datatracker.ietf.org/doc/html/rfc4648#section-8)."
<br><br>string(140) "* `base64url()`: A method of encoding strings using a [URL-safe variant of base64](https://datatracker.ietf.org/doc/html/rfc4648#section-5)."
<br><br>string(174) "* `encodeURIComponent()`: A method of encoding strings by replacing special characters with [their UTF-8 encoding](https://datatracker.ietf.org/doc/html/rfc3986#section-2.1)."
<br><br>string(121) "* `slug`: In this context, a string with a malleable, arbitrary value. For some platforms, it can be discarded entirely. "
<br><br>string(123) "* `uniquePlatformID` and `uniqueEpisodeID`: A platform-specific identifier that may only be obtained via API or not at all."
<br><br>string(0) ""
<br><br>string(13) "## Show Links"
<br><br>string(113) "| Platform         | Foreign Keys | URL Pattern                                                                 |"
<br><br>string(113) "|------------------|--------------|-----------------------------------------------------------------------------|"
<br><br>string(115) "| 1tuner           | ✅            | `https://1tuner.com/podcast/${slug}/${base64url(feedURL)}`                  |"
<br><br>string(115) "| Amazon Music     | ❌            | `https://music.amazon.com/podcasts/${uniquePlatformID}`                     |"
<br><br>string(115) "| AntennaPod       | ✅            | `https://antennapod.org/deeplink/subscribe?url=${feedURL}`                  |"
<br><br>string(115) "| Anytime Player   | ✅            | `https://anytimeplayer.app/subscribe?url=${feedURL}`                        |"
<br><br>string(115) "| Apple Podcasts   | ✅            | `https://podcasts.apple.com/podcast/id${appleID}`                           |"
<br><br>string(115) "| Breez            | ✅            | `https://breez.link/p?feedURL=${encodeURIComponent(feedURL)}`               |"
<br><br>string(115) "| Castamatic       | ✅            | `https://castamatic.com/guid/${podcastGUID}`                                |"
<br><br>string(115) "| Castbox          | ✅            | `https://castbox.fm/vic/${appleID}`                                         |"
<br><br>string(115) "| Castro           | ✅            | `https://castro.fm/itunes/${appleID}`                                       |"
<br><br>string(115) "| CurioCaster      | ✅            | `https://curiocaster.com/podcast/pi${podcastIndexShowID}`                   |"
<br><br>string(115) "| Deezer           | ❌            | `https://www.deezer.com/show/${uniquePlatformID}`                           |"
<br><br>string(115) "| Fountain         | ✅            | `https://fountain.fm/show/${podcastIndexShowID}`                            |"
<br><br>string(115) "| Global Player    | ❌            | `https://www.globalplayer.com/podcasts/${uniquePlatformID}`                 |"
<br><br>string(115) "| Goodpods         | ✅            | `https://www.goodpods.com/podcasts-aid/${appleID}`                          |"
<br><br>string(115) "| gPodder          | ✅            | `https://gpodder.net/subscribe?url=${feedURL}`                              |"
<br><br>string(115) "| Hark             | ❌            | `https://harkaudio.com/p/${uniquePlatformID}`                               |"
<br><br>string(115) "| iHeartRadio      | ❌            | `https://iheart.com/podcast/${uniquePlatformID}`                            |"
<br><br>string(115) "| Luminary         | ❌            | `https://luminarypodcasts.com/listen/${slug}/${slug}/${uniquePlatformID}`   |"
<br><br>string(133) "| Metacast         | ✅            | `https://metacast.app/itunes/${appleID}`<br>`https://open.metacast.app/podcasts/{podcastGUID}`|"
<br><br>string(115) "| Moon FM          | ✅            | `https://moon.fm/itunes/${appleID}`                                         |"
<br><br>string(115) "| Overcast         | ✅            | `https://overcast.fm/itunes${appleID}`                                      |"
<br><br>string(115) "| Pandora          | ❌            | `https://pandora.com/podcast/${slug}/PC:${uniquePlatformID}`                |"
<br><br>string(115) "| Player FM        | ✅            | `https://player.fm/subscribe?id=${encodeURIComponent(feedURL)}`             |"
<br><br>string(115) "| Pocket Casts     | ✅            | `https://pca.st/itunes/${appleID}`                                          |"
<br><br>string(115) "| Podbean          | ✅            | `https://www.podbean.com/itunes/${appleID}`                                 |"
<br><br>string(115) "| Podcast Addict   | ✅            | `https://podcastaddict.com/feed/${encodeURIComponent(feedURL)}`             |"
<br><br>string(115) "| Podcast App      | ❌            | `https://podcast.app/${slug}-p${uniquePlatformID}`                          |"
<br><br>string(143) "| Podcast Guru     | ✅            | `https://app.podcastguru.io/podcast/${appleID}`<br>`https://app.podcastguru.io/podcast/X${hex(feedURL)}`|"
<br><br>string(115) "| Podcast Parrot   | ✅            | `https://podcastparrot.app/show?url=${encodeURIComponent(feedURL)}`         |"
<br><br>string(115) "| Podcast Republic | ✅            | `https://www.podcastrepublic.net/podcast/${appleID}`                        |"
<br><br>string(117) "| PodLP            | ✅            | `https://link.podlp.app/${appleID}`<br>`https://link.podlp.app/${podcastGUID}`|"
<br><br>string(115) "| podStation       | ✅            | `https://podstation.github.io/subscribe-ext/?feedURL=${feedURL}`            |"
<br><br>string(115) "| Podurama         | ✅            | `https://podurama.com/podcast/${slug}-i${appleID}`                          |"
<br><br>string(115) "| Podverse         | ✅            | `https://api.podverse.fm/api/v1/podcast/podcastindex/${podcastIndexShowID}` |"
<br><br>string(115) "| Snipd            | ❌            | `https://share.snipd.com/show/${uniquePlatformID}`                          |"
<br><br>string(115) "| Sonnet           | ✅            | `https://sonnet.fm/p/${appleID}`                                            |"
<br><br>string(115) "| Spotify          | ❌            | `https://open.spotify.com/show/${uniquePlatformID}`                         |"
<br><br>string(115) "| Steno.fm         | ✅            | `https://steno.fm/show/${podcastGUID}`                                      |"
<br><br>string(141) "| The Podcast App  | ✅            | `https://thepodcastapp.dev/p/itunes${appleID}`<br>`https://thepodcastapp.dev/p/${podcastIndexShowID}` |"
<br><br>string(115) "| TrueFans         | ✅            | `https://truefans.fm/${podcastGUID}`                                        |"
<br><br>string(115) "| TuneIn           | ❌            | `https://tunein.com/podcasts/${uniquePlatformID}`                           |"
<br><br>string(180) "| YouTube Music    | ✅            | `https://music.youtube.com/library/podcasts?addrssfeed=${base64url(feedURL}`<br>`https://music.youtube.com/playlist?list=${uniquePlatformID}`|"
<br><br>string(0) ""
<br><br>string(16) "## Episode Links"
<br><br>string(142) "| Platform       | Foreign Keys | URL Pattern                                                                                                |"
<br><br>string(142) "|----------------|--------------|------------------------------------------------------------------------------------------------------------|"
<br><br>string(144) "| 1tuner         | ✅            | `https://1tuner.com/podcast/${slug}/${base64url(feedURL)}/${encodeURIComponent(episodeGUID)}`              |"
<br><br>string(144) "| Amazon Music   | ❌            | `https://music.amazon.com/podcasts/${uniquePlatformID}/episodes/${uniqueEpisodeID}`                        |"
<br><br>string(144) "| Apple Podcasts | ❌            | `https://podcasts.apple.com/podcast/id${appleID}?i=${uniqueEpisodeID}`                                     |"
<br><br>string(144) "| Breez          | ✅            | `https://breez.link/p?feedURL=${encodeURIComponent(feedURL)}&episodeID=${encodeURIComponent(episodeGUID)}` |"
<br><br>string(144) "| Castamatic     | ❌            | `https://castamatic.com/+${uniqueEpisodeID}`                                                               |"
<br><br>string(144) "| Castbox        | ❌            | `https://castbox.fm/episode/${slug}-id${uniquePlatformID}-id${uniqueEpisodeID}`                            |"
<br><br>string(144) "| Castro         | ❌            | `https://castro.fm/episode/${uniqueEpisodeID}`                                                             |"
<br><br>string(144) "| Deezer         | ❌            | `https://www.deezer.com/episode/${uniqueEpisodeID}`                                                        |"
<br><br>string(144) "| Fountain       | ✅            | `https://fountain.fm/episode/${podcastIndexEpisodeID}`                                                     |"
<br><br>string(144) "| Global Player  | ❌            | `https://www.globalplayer.com/podcasts/episodes/${uniqueEpisodeID}/`                                       |"
<br><br>string(144) "| Goodpods       | ❌            | `https://goodpods.com/podcasts/${uniquePlatformID}/${uniqueEpisodeID}`                                     |"
<br><br>string(144) "| Hark           | ❌            | `https://harkaudio.com/p/${uniquePlatformID}/${uniqueEpisodeID}`                                           |"
<br><br>string(144) "| iHeartRadio    | ❌            | `https://iheart.com/podcast/${slug}-${uniquePlatformID}/episode/${slug}-${uniqueEpisodeID}`                |"
<br><br>string(144) "| Luminary       | ❌            | `https://luminarypodcasts.com/listen/${slug}/${uniquePlatformID}/${slug}/${uniqueEpisodeID}`               |"
<br><br>string(144) "| Metacast       | ❌            | `https://open.metacast.app/podcasts/episode/{uniqueEpisodeID}`                                             |"
<br><br>string(144) "| Overcast       | ❌            | `https://overcast.fm/+${uniqueEpisodeID}`                                                                  |"
<br><br>string(144) "| Pandora        | ❌            | `https://pandora.com/podcast/${slug}/${slug}/PC:${uniqueEpisodeID}`                                        |"
<br><br>string(144) "| Player FM      | ❌            | `https://player.fm/series/${uniquePlatformID}/${uniqueEpisodeID}`                                          |"
<br><br>string(144) "| Pocket Casts   | ❌            | `https://pca.st/episode/${uniqueEpisodeID}`                                                                |"
<br><br>string(144) "| Podbean        | ❌            | `https://podbean.com/media/share/dir-${uniqueEpisodeID}`                                                   |"
<br><br>string(144) "| Podcast Addict | ✅            | `https://podcastaddict.com/episode/${encodeURIComponent(enclosureURL)}`                                    |"
<br><br>string(144) "| Podcast App    | ❌            | `https://podcast.app/${slug}-e${uniqueEpisodeID}`                                                          |"
<br><br>string(144) "| Podcast Guru   | ❌            | `https://app.podcastguru.io/podcast/${appleID}/episode/${slug}-${uniqueEpisodeID}`                         |"
<br><br>string(144) "| Podfriend      | ✅            | `https://podfriend.com/podcast/${appleID}/${encodeURIComponent(episodeGUID)}`                              |"
<br><br>string(144) "| Podurama       | ❌            | `https://podurama.com/episode/${uniqueEpisodeID}`                                                          |"
<br><br>string(144) "| Podverse       | ❌            | `https://podverse.fm/episode/${uniqueEpisodeID}`                                                           |"
<br><br>string(144) "| Snipd          | ❌            | `https://share.snipd.com/episode/${uniquePlatformID}`                                                      |"
<br><br>string(144) "| Sonnet         | ❌            | `https://sonnet.fm/p/${appleID}/${uniqueEpisodeID}`                                                        |"
<br><br>string(144) "| Spotify        | ❌            | `https://open.spotify.com/episode/${uniqueEpisodeID}`                                                      |"
<br><br>string(144) "| Steno.fm       | ✅            | `https://steno.fm/show/${podcastGUID}/episode/${base64url(episodeGUID)}`                                   |"
<br><br>string(144) "| The Podcast App | ❌           | `https://thepodcastapp.dev/e/${uniqueEpisodeID}`                                                           |"
<br><br>string(144) "| TrueFans       | ❌            | `https://truefans.fm/${slug}/${uniqueEpisodeID}`                                                           |"
<br><br>string(144) "| TuneIn         | ❌            | `https://tunein.com/podcasts/p${uniquePlatformID}/?topicId=${uniqueEpisodeID}`                             |"
<br><br>string(144) "| YouTube Music  | ❌            | `https://music.youtube.com/podcast/${uniqueEpisodeID}`                                                     |"
<br><br>string(0) ""
<br><br>string(17) "## Resource Links"
<br><br>string(173) "These resources also support podcast foreign keys, but their primary purpose may be directing listeners to one of the apps above rather than a primary listening destination."
<br><br>string(0) ""
<br><br>string(171) "| Platform        | URL Pattern                                                                                                                                           |"
<br><br>string(171) "|-----------------|-------------------------------------------------------------------------------------------------------------------------------------------------------|"
<br><br>string(155) "| Great Pods      | `https://www.greatpods.co/podcasts?podcastIndexId=${podcastIndexShowID}` <br> `https://www.greatpods.co/podcasts?itunesId=${appleID}` |"
<br><br>string(171) "| Odesli          | `https://pods.link/i/${appleID}`                                                                                                                      |"
<br><br>string(171) "| Plink           | `https://plinkhq.com/i/${appleID}?to=page`                                                                                                            |"
<br><br>string(171) "| Pod Engine      | `https://www.podengine.ai/podcasts/id/${appleID}`                                                                                                     |"
<br><br>string(171) "| pod.link        | `https://pod.link/${appleID}` <br> `https://pod.link/${base64url(feedURL)}`                                                                           |"
<br><br>string(171) "| Podcast Details | `https://podcastdetails.com/?url=${feedURL}`                                                                                                          |"
<br><br>string(171) "| Podcast Index   | `https://podcastindex.org/podcast/${podcastIndexShowID}` <br> `https://podcastindex.org/podcast/${podcastGUID}`                                       |"
<br><br>string(171) "| Podcast X-Ray   | `https://podcastxray.com/podcast/${appleID}`                                                                                                          |"
<br><br>string(171) "| Podchaser       | `https://podchaser.com/f/pod/${appleID}`                                                                                                              |"
<br><br>string(171) "| podfollow       | `https://podfollow.com/${appleID}`                                                                                                                    |"
<br><br>string(219) "| Podnews         | `https://podnews.net/podcast/${appleID}` <br> `https://podnews.net/podcast/pi${podcastIndexShowID}` <br> `https://podnews.net/podcast/${podcastGUID}` <br> `https://podnews.net/podcast/${spotifyID}` |"
<br><br>string(171) "| Rephonic        | `https://rephonic.com/podcasts/${uniquePlatformID}`                                                                                                   |"
<br><br>string(0) ""
<br><br>string(20) "## API Documentation"
<br><br>string(69) "* [Apple Podcasts](https://performance-partners.apple.com/search-api)"
<br><br>string(53) "* [Deezer](https://developers.deezer.com/api/podcast)"
<br><br>string(55) "* [Listen Notes](https://www.listennotes.com/api/docs/)"
<br><br>string(49) "* [Pocket Casts](https://pocketcasts.com/submit/)"
<br><br>string(49) "* [Pod Engine](https://www.podengine.ai/api-docs)"
<br><br>string(72) "* [Podcast Index](https://podcastindex-org.github.io/docs-api/#podcasts)"
<br><br>string(59) "* [Podchaser](https://api-docs.podchaser.com/docs/overview)"
<br><br>string(64) "* [Spotify](https://developer.spotify.com/documentation/web-api)"
<br><br>string(0) ""
<br><br>string(15) "## Contributing"
<br><br>string(274) "If you have an update to improve this guide, please [fork the repo](https://github.com/nathangathright/podcast-platform-links/fork) and create a pull request. This Markdown document is easily editable from the GitHub web interface without the need to clone the repo locally."
<br><br>string(0) ""
<br><br><!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>La Bande à Maxime · Green Room</title>
  <meta name="description" content="Chaque mercredi de 15h à 17h, La Bande à Maxime vous donne rendez-vous pour un tour d’horizon des actus locales et nationales dans une ambiance aussi rythmée que conviviale. Aux commandes, Maxime D…">
  <link rel="canonical" href="https://green-room.podsnap.xyz/show.php?feed_url=https%3A%2F%2Fdigradio.fr%2Ffeed%2Fpodcast%2Fla-bande-a-maxime%2F">
  
  <!-- Open Graph: Slack, Discord, Mastodon, Facebook, iMessage -->
  <meta property="og:site_name" content="Green Room">
  <meta property="og:type" content="website">
  <meta property="og:title" content="La Bande à Maxime">
  <meta property="og:description" content="Chaque mercredi de 15h à 17h, La Bande à Maxime vous donne rendez-vous pour un tour d’horizon des actus locales et nationales dans une ambiance aussi rythmée que conviviale. Aux commandes, Maxime D…">
  <meta property="og:url" content="https://green-room.podsnap.xyz/show.php?feed_url=https%3A%2F%2Fdigradio.fr%2Ffeed%2Fpodcast%2Fla-bande-a-maxime%2F">
      <meta property="og:image" content="https://static.digradio.fr/media/2025/03/LA-BANDE-A-MAXIME-1400_1400px.jpg">
  
  <!-- Twitter/X. summary_large_image only when there is artwork worth showing;
       claiming it without an image renders an empty box. -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="La Bande à Maxime">
  <meta name="twitter:description" content="Chaque mercredi de 15h à 17h, La Bande à Maxime vous donne rendez-vous pour un tour d’horizon des actus locales et nationales dans une ambiance aussi rythmée que conviviale. Aux commandes, Maxime D…">
      <meta name="twitter:image" content="https://static.digradio.fr/media/2025/03/LA-BANDE-A-MAXIME-1400_1400px.jpg">
  
  <!-- Google Fonts -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap"
    integrity="sha384-SByKdtCcnuoWXgw0Sh8Hg1v2jB9F9LaTc0YuzPaInSnfd+Qnz4kRjVaN2/51AR12" crossorigin="anonymous">
  <!-- Bootstrap 5 CSS -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
    integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
  <!-- Custom CSS -->
  <link rel="stylesheet" href="assets/css/style.css" integrity="sha384-uXORTTmmDLxxD4Q5vRf4JWZIuyWroV19xCz0PzJOzI3Cee3T51gH2aWaKr/A76k7">  <!-- Font Awesome 6 -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
    integrity="sha384-nRgPTkuX86pH8yjPJUAFuASXQSSl2/bBUiNV47vSYpKFxHJhbcrGnmlYpYJMeD7a" crossorigin="anonymous">
  <!-- htmx -->
  <script src="https://unpkg.com/htmx.org@2.0.4"
    integrity="sha384-HGfztofotfshcF7+8n44JQL2oJmowVChPTg48S+jvZoztPfvwD79OC/LTtG6dMp+"
    crossorigin="anonymous"></script>
  <!-- favicon -->
  <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">
  <link rel="manifest" href="site.webmanifest">

  <!-- Google Analytics -->
      <script async
      src="https://www.googletagmanager.com/gtag/js?id=G-RN6LTRTDV6"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() { dataLayer.push(arguments); }
      gtag('js', new Date());
      gtag('config', 'G-RN6LTRTDV6');
    </script>
    <meta name="gr_csrf_token" content="83fb29f041158415cfe38609c308767c40872807f3ce7b75183716b6a106ec7b"></head>

<body hx-boost="true" hx-target="#main-content" hx-select="#main-content" hx-swap="innerHTML transition:true">

  <nav class="navbar navbar-expand-lg navbar-dark sticky-top" hx-boost="false">
    <div class="container">
      <a class="navbar-brand d-flex align-items-center gap-2" href="index.php">
        green room
      </a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link" href="https://green-room.podsnap.xyz/about.php">About</a>
          </li>
          <li class="nav-item">
            <a class="nav-link "
              href="https://green-room.podsnap.xyz/discover.php"><i class="fa-solid fa-magnifying-glass me-1"></i>
              Discover</a>
          </li>
          <li class="nav-item">
            <a class="nav-link "
              href="https://green-room.podsnap.xyz/live.php"><i class="fa-solid fa-tower-broadcast me-1"></i> Live</a>
          </li>
                      <li class="nav-item">
              <a class="nav-link" href="https://green-room.podsnap.xyz/login.php" hx-boost="false">Login</a>
            </li>
            <li class="nav-item">
              <a class="btn btn-primary ms-lg-3" href="https://green-room.podsnap.xyz/register.php" hx-boost="false">Sign
                Up</a>
            </li>
                  </ul>
      </div>
    </div>
  </nav>

  <main id="main-content" class="min-vh-100"><div class="container py-5" id="main-content"
    data-page-title="La Bande à Maxime">
    <div class="mb-4">
        <a href="dashboard.php?feed_id=0"
            class="btn btn-outline-secondary btn-sm mb-4">
            <i class="fa-solid fa-arrow-left me-1"></i> Back to Dashboard
        </a>

        
        <div class="d-flex flex-column flex-md-row align-items-center align-items-md-start gap-4 mb-4">
            <div class="flex-shrink-0">
                                    <img src="https://static.digradio.fr/media/2025/03/LA-BANDE-A-MAXIME-1400_1400px.jpg" alt="Cover"
                        class="rounded shadow-lg" style="width: 160px; height: 160px; object-fit: cover;">
                            </div>

            <div class="flex-grow-1 text-center text-md-start">
                <h2 class="fw-bold text-white mb-1">La Bande à Maxime</h2>
                <p class="text-muted mb-3">Produced by <span
                        class="text-infofw-semibold">Dig Radio</span>
                </p>

                                    <div class="text-light-emphasis small mb-4 opacity-75 pe-md-4"
                        style="max-height: 90px; overflow-y: auto; line-height: 1.5;">
                        Chaque mercredi de 15h à 17h, La Bande à Maxime vous donne rendez-vous pour un tour d’horizon des actus locales et nationales dans une ambiance aussi rythmée que conviviale. Aux commandes, Maxime David, entouré de ses invités et chroniqueurs, décrypte l’actualité avec énergie et bonne humeur. Interviews, débats, culture… une émission vivante et sans langue de bois à ne pas manquer !                    </div>
                
                                    <div class="mb-3">
                                                    <span class="badge bg-secondary me-1 mb-1">
                                Music &rsaquo; Music Interviews                            </span>
                                                    <span class="badge bg-secondary me-1 mb-1">
                                Society &amp; Culture &rsaquo; Relationships                            </span>
                                            </div>
                
                
                
                
                <div class="pt-2">
                                            <form action="api/add_show.php" method="POST" class="d-inline">
                            <input name="gr_csrf_token" type="hidden" value="7d8882fa8c241bd8465218d24e0adede0eb9eb4a971bc7dbed58be6a33267ff7">                            <input type="hidden" name="feed_url"
                                value="https://digradio.fr/feed/podcast/la-bande-a-maxime/">
                            <input type="hidden" name="feed_id" value="0">
                            <button type="submit" class="btn btn-primary btn-sm px-4 rounded-pill">Subscribe to Entire
                                Show</button>
                        </form>
                        <span class="mx-3 text-muted small font-monospace">OR</span>
                        <span class="text-muted small">clip standalone selections from the tracking grid below:</span>
                                    </div>
            </div>
        </div>
    </div>

    
    <h5 class="mb-3 font-monospace text-muted small text-uppercase">Recent Episode Log Feed</h5>

    <div class="row g-2">
                                    <div class="col-12">
                    <div class="card p-3 bg-dark border-secondary bg-opacity-20 hover-border-primary transition-all shadow-sm">
                        <div
                            class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center gap-3">
                            <div class="flex-grow-1 overflow-hidden pe-md-3">
                                <h6 class="mb-1 fw-bold text-white d-flex flex-wrap align-items-center gap-2">
                                    <span>La Bande à Maxime du 25 octobre 2026 : Partie 3</span>
                                                                    </h6>
                                <div class="text-muted font-monospace mb-2" style="font-size:0.75rem;">
                                    Published: Oct 25, 2026                                </div>
                                <p class="text-muted small mb-0 text-truncate opacity-75">
                                                                    </p>
                            </div>

                            <div class="d-flex align-items-center gap-1.5 flex-shrink-0 ms-auto ms-md-0"
                                id="episode-7112-actions">
                                <a href="https://green-room.podsnap.xyz/create_snippet.php?episode_id=7112&feed_url=https%253A%252F%252Fdigradio.fr%252Ffeed%252Fpodcast%252Fla-bande-a-maxime%252F&feed_id=0"
                                    class="btn btn-sm btn-outline-info rounded-pill px-3">
                                    <i class="fa-solid fa-scissors me-1"></i> Snip
                                </a>

                                                                    <form action="api/add_episode.php" method="POST" class="d-inline">
                                        <input name="gr_csrf_token" type="hidden" value="7d8882fa8c241bd8465218d24e0adede0eb9eb4a971bc7dbed58be6a33267ff7">                                        <input type="hidden" name="episode_id" value="7112">
                                        <input type="hidden" name="feed_id"
                                            value="0">
                                        <input type="hidden" name="return_url"
                                            value="../show.php?show_id=63&feed_id=0">
                                        <button type="submit" class="btn btn-sm btn-outline-primary rounded-pill px-3"><i
                                                class="fa-solid fa-plus me-1"></i> Add</button>
                                    </form>
                                                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12">
                    <div class="card p-3 bg-dark border-secondary bg-opacity-20 hover-border-primary transition-all shadow-sm">
                        <div
                            class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center gap-3">
                            <div class="flex-grow-1 overflow-hidden pe-md-3">
                                <h6 class="mb-1 fw-bold text-white d-flex flex-wrap align-items-center gap-2">
                                    <span>La Bande à Maxime du 25 octobre 2026 : Partie 2</span>
                                                                    </h6>
                                <div class="text-muted font-monospace mb-2" style="font-size:0.75rem;">
                                    Published: Oct 25, 2026                                </div>
                                <p class="text-muted small mb-0 text-truncate opacity-75">
                                                                    </p>
                            </div>

                            <div class="d-flex align-items-center gap-1.5 flex-shrink-0 ms-auto ms-md-0"
                                id="episode-7113-actions">
                                <a href="https://green-room.podsnap.xyz/create_snippet.php?episode_id=7113&feed_url=https%253A%252F%252Fdigradio.fr%252Ffeed%252Fpodcast%252Fla-bande-a-maxime%252F&feed_id=0"
                                    class="btn btn-sm btn-outline-info rounded-pill px-3">
                                    <i class="fa-solid fa-scissors me-1"></i> Snip
                                </a>

                                                                    <form action="api/add_episode.php" method="POST" class="d-inline">
                                        <input name="gr_csrf_token" type="hidden" value="7d8882fa8c241bd8465218d24e0adede0eb9eb4a971bc7dbed58be6a33267ff7">                                        <input type="hidden" name="episode_id" value="7113">
                                        <input type="hidden" name="feed_id"
                                            value="0">
                                        <input type="hidden" name="return_url"
                                            value="../show.php?show_id=63&feed_id=0">
                                        <button type="submit" class="btn btn-sm btn-outline-primary rounded-pill px-3"><i
                                                class="fa-solid fa-plus me-1"></i> Add</button>
                                    </form>
                                                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12">
                    <div class="card p-3 bg-dark border-secondary bg-opacity-20 hover-border-primary transition-all shadow-sm">
                        <div
                            class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center gap-3">
                            <div class="flex-grow-1 overflow-hidden pe-md-3">
                                <h6 class="mb-1 fw-bold text-white d-flex flex-wrap align-items-center gap-2">
                                    <span>La Bande à Maxime du 25 octobre 2026 : Partie 1</span>
                                                                    </h6>
                                <div class="text-muted font-monospace mb-2" style="font-size:0.75rem;">
                                    Published: Oct 25, 2026                                </div>
                                <p class="text-muted small mb-0 text-truncate opacity-75">
                                                                    </p>
                            </div>

                            <div class="d-flex align-items-center gap-1.5 flex-shrink-0 ms-auto ms-md-0"
                                id="episode-7114-actions">
                                <a href="https://green-room.podsnap.xyz/create_snippet.php?episode_id=7114&feed_url=https%253A%252F%252Fdigradio.fr%252Ffeed%252Fpodcast%252Fla-bande-a-maxime%252F&feed_id=0"
                                    class="btn btn-sm btn-outline-info rounded-pill px-3">
                                    <i class="fa-solid fa-scissors me-1"></i> Snip
                                </a>

                                                                    <form action="api/add_episode.php" method="POST" class="d-inline">
                                        <input name="gr_csrf_token" type="hidden" value="7d8882fa8c241bd8465218d24e0adede0eb9eb4a971bc7dbed58be6a33267ff7">                                        <input type="hidden" name="episode_id" value="7114">
                                        <input type="hidden" name="feed_id"
                                            value="0">
                                        <input type="hidden" name="return_url"
                                            value="../show.php?show_id=63&feed_id=0">
                                        <button type="submit" class="btn btn-sm btn-outline-primary rounded-pill px-3"><i
                                                class="fa-solid fa-plus me-1"></i> Add</button>
                                    </form>
                                                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12">
                    <div class="card p-3 bg-dark border-secondary bg-opacity-20 hover-border-primary transition-all shadow-sm">
                        <div
                            class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center gap-3">
                            <div class="flex-grow-1 overflow-hidden pe-md-3">
                                <h6 class="mb-1 fw-bold text-white d-flex flex-wrap align-items-center gap-2">
                                    <span>La Bande à Maxime du 11 octobre 2026 : Partie 3</span>
                                                                    </h6>
                                <div class="text-muted font-monospace mb-2" style="font-size:0.75rem;">
                                    Published: Oct 11, 2026                                </div>
                                <p class="text-muted small mb-0 text-truncate opacity-75">
                                                                    </p>
                            </div>

                            <div class="d-flex align-items-center gap-1.5 flex-shrink-0 ms-auto ms-md-0"
                                id="episode-7115-actions">
                                <a href="https://green-room.podsnap.xyz/create_snippet.php?episode_id=7115&feed_url=https%253A%252F%252Fdigradio.fr%252Ffeed%252Fpodcast%252Fla-bande-a-maxime%252F&feed_id=0"
                                    class="btn btn-sm btn-outline-info rounded-pill px-3">
                                    <i class="fa-solid fa-scissors me-1"></i> Snip
                                </a>

                                                                    <form action="api/add_episode.php" method="POST" class="d-inline">
                                        <input name="gr_csrf_token" type="hidden" value="7d8882fa8c241bd8465218d24e0adede0eb9eb4a971bc7dbed58be6a33267ff7">                                        <input type="hidden" name="episode_id" value="7115">
                                        <input type="hidden" name="feed_id"
                                            value="0">
                                        <input type="hidden" name="return_url"
                                            value="../show.php?show_id=63&feed_id=0">
                                        <button type="submit" class="btn btn-sm btn-outline-primary rounded-pill px-3"><i
                                                class="fa-solid fa-plus me-1"></i> Add</button>
                                    </form>
                                                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12">
                    <div class="card p-3 bg-dark border-secondary bg-opacity-20 hover-border-primary transition-all shadow-sm">
                        <div
                            class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center gap-3">
                            <div class="flex-grow-1 overflow-hidden pe-md-3">
                                <h6 class="mb-1 fw-bold text-white d-flex flex-wrap align-items-center gap-2">
                                    <span>La Bande à Maxime du 11 octobre 2026 : Partie 2</span>
                                                                    </h6>
                                <div class="text-muted font-monospace mb-2" style="font-size:0.75rem;">
                                    Published: Oct 11, 2026                                </div>
                                <p class="text-muted small mb-0 text-truncate opacity-75">
                                                                    </p>
                            </div>

                            <div class="d-flex align-items-center gap-1.5 flex-shrink-0 ms-auto ms-md-0"
                                id="episode-7116-actions">
                                <a href="https://green-room.podsnap.xyz/create_snippet.php?episode_id=7116&feed_url=https%253A%252F%252Fdigradio.fr%252Ffeed%252Fpodcast%252Fla-bande-a-maxime%252F&feed_id=0"
                                    class="btn btn-sm btn-outline-info rounded-pill px-3">
                                    <i class="fa-solid fa-scissors me-1"></i> Snip
                                </a>

                                                                    <form action="api/add_episode.php" method="POST" class="d-inline">
                                        <input name="gr_csrf_token" type="hidden" value="7d8882fa8c241bd8465218d24e0adede0eb9eb4a971bc7dbed58be6a33267ff7">                                        <input type="hidden" name="episode_id" value="7116">
                                        <input type="hidden" name="feed_id"
                                            value="0">
                                        <input type="hidden" name="return_url"
                                            value="../show.php?show_id=63&feed_id=0">
                                        <button type="submit" class="btn btn-sm btn-outline-primary rounded-pill px-3"><i
                                                class="fa-solid fa-plus me-1"></i> Add</button>
                                    </form>
                                                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12">
                    <div class="card p-3 bg-dark border-secondary bg-opacity-20 hover-border-primary transition-all shadow-sm">
                        <div
                            class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center gap-3">
                            <div class="flex-grow-1 overflow-hidden pe-md-3">
                                <h6 class="mb-1 fw-bold text-white d-flex flex-wrap align-items-center gap-2">
                                    <span>La Bande à Maxime du 11 octobre 2026 : Partie 1</span>
                                                                    </h6>
                                <div class="text-muted font-monospace mb-2" style="font-size:0.75rem;">
                                    Published: Oct 11, 2026                                </div>
                                <p class="text-muted small mb-0 text-truncate opacity-75">
                                                                    </p>
                            </div>

                            <div class="d-flex align-items-center gap-1.5 flex-shrink-0 ms-auto ms-md-0"
                                id="episode-7117-actions">
                                <a href="https://green-room.podsnap.xyz/create_snippet.php?episode_id=7117&feed_url=https%253A%252F%252Fdigradio.fr%252Ffeed%252Fpodcast%252Fla-bande-a-maxime%252F&feed_id=0"
                                    class="btn btn-sm btn-outline-info rounded-pill px-3">
                                    <i class="fa-solid fa-scissors me-1"></i> Snip
                                </a>

                                                                    <form action="api/add_episode.php" method="POST" class="d-inline">
                                        <input name="gr_csrf_token" type="hidden" value="7d8882fa8c241bd8465218d24e0adede0eb9eb4a971bc7dbed58be6a33267ff7">                                        <input type="hidden" name="episode_id" value="7117">
                                        <input type="hidden" name="feed_id"
                                            value="0">
                                        <input type="hidden" name="return_url"
                                            value="../show.php?show_id=63&feed_id=0">
                                        <button type="submit" class="btn btn-sm btn-outline-primary rounded-pill px-3"><i
                                                class="fa-solid fa-plus me-1"></i> Add</button>
                                    </form>
                                                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12">
                    <div class="card p-3 bg-dark border-secondary bg-opacity-20 hover-border-primary transition-all shadow-sm">
                        <div
                            class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center gap-3">
                            <div class="flex-grow-1 overflow-hidden pe-md-3">
                                <h6 class="mb-1 fw-bold text-white d-flex flex-wrap align-items-center gap-2">
                                    <span>La Bande à Maxime du 27 septembre 2026 : Partie 3</span>
                                                                    </h6>
                                <div class="text-muted font-monospace mb-2" style="font-size:0.75rem;">
                                    Published: Sep 27, 2026                                </div>
                                <p class="text-muted small mb-0 text-truncate opacity-75">
                                                                    </p>
                            </div>

                            <div class="d-flex align-items-center gap-1.5 flex-shrink-0 ms-auto ms-md-0"
                                id="episode-7118-actions">
                                <a href="https://green-room.podsnap.xyz/create_snippet.php?episode_id=7118&feed_url=https%253A%252F%252Fdigradio.fr%252Ffeed%252Fpodcast%252Fla-bande-a-maxime%252F&feed_id=0"
                                    class="btn btn-sm btn-outline-info rounded-pill px-3">
                                    <i class="fa-solid fa-scissors me-1"></i> Snip
                                </a>

                                                                    <form action="api/add_episode.php" method="POST" class="d-inline">
                                        <input name="gr_csrf_token" type="hidden" value="7d8882fa8c241bd8465218d24e0adede0eb9eb4a971bc7dbed58be6a33267ff7">                                        <input type="hidden" name="episode_id" value="7118">
                                        <input type="hidden" name="feed_id"
                                            value="0">
                                        <input type="hidden" name="return_url"
                                            value="../show.php?show_id=63&feed_id=0">
                                        <button type="submit" class="btn btn-sm btn-outline-primary rounded-pill px-3"><i
                                                class="fa-solid fa-plus me-1"></i> Add</button>
                                    </form>
                                                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12">
                    <div class="card p-3 bg-dark border-secondary bg-opacity-20 hover-border-primary transition-all shadow-sm">
                        <div
                            class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center gap-3">
                            <div class="flex-grow-1 overflow-hidden pe-md-3">
                                <h6 class="mb-1 fw-bold text-white d-flex flex-wrap align-items-center gap-2">
                                    <span>La Bande à Maxime du 27 septembre 2026 : Partie 2</span>
                                                                    </h6>
                                <div class="text-muted font-monospace mb-2" style="font-size:0.75rem;">
                                    Published: Sep 27, 2026                                </div>
                                <p class="text-muted small mb-0 text-truncate opacity-75">
                                                                    </p>
                            </div>

                            <div class="d-flex align-items-center gap-1.5 flex-shrink-0 ms-auto ms-md-0"
                                id="episode-7119-actions">
                                <a href="https://green-room.podsnap.xyz/create_snippet.php?episode_id=7119&feed_url=https%253A%252F%252Fdigradio.fr%252Ffeed%252Fpodcast%252Fla-bande-a-maxime%252F&feed_id=0"
                                    class="btn btn-sm btn-outline-info rounded-pill px-3">
                                    <i class="fa-solid fa-scissors me-1"></i> Snip
                                </a>

                                                                    <form action="api/add_episode.php" method="POST" class="d-inline">
                                        <input name="gr_csrf_token" type="hidden" value="7d8882fa8c241bd8465218d24e0adede0eb9eb4a971bc7dbed58be6a33267ff7">                                        <input type="hidden" name="episode_id" value="7119">
                                        <input type="hidden" name="feed_id"
                                            value="0">
                                        <input type="hidden" name="return_url"
                                            value="../show.php?show_id=63&feed_id=0">
                                        <button type="submit" class="btn btn-sm btn-outline-primary rounded-pill px-3"><i
                                                class="fa-solid fa-plus me-1"></i> Add</button>
                                    </form>
                                                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12">
                    <div class="card p-3 bg-dark border-secondary bg-opacity-20 hover-border-primary transition-all shadow-sm">
                        <div
                            class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center gap-3">
                            <div class="flex-grow-1 overflow-hidden pe-md-3">
                                <h6 class="mb-1 fw-bold text-white d-flex flex-wrap align-items-center gap-2">
                                    <span>La Bande à Maxime du 27 septembre 2026 : Partie 1</span>
                                                                    </h6>
                                <div class="text-muted font-monospace mb-2" style="font-size:0.75rem;">
                                    Published: Sep 27, 2026                                </div>
                                <p class="text-muted small mb-0 text-truncate opacity-75">
                                                                    </p>
                            </div>

                            <div class="d-flex align-items-center gap-1.5 flex-shrink-0 ms-auto ms-md-0"
                                id="episode-7120-actions">
                                <a href="https://green-room.podsnap.xyz/create_snippet.php?episode_id=7120&feed_url=https%253A%252F%252Fdigradio.fr%252Ffeed%252Fpodcast%252Fla-bande-a-maxime%252F&feed_id=0"
                                    class="btn btn-sm btn-outline-info rounded-pill px-3">
                                    <i class="fa-solid fa-scissors me-1"></i> Snip
                                </a>

                                                                    <form action="api/add_episode.php" method="POST" class="d-inline">
                                        <input name="gr_csrf_token" type="hidden" value="7d8882fa8c241bd8465218d24e0adede0eb9eb4a971bc7dbed58be6a33267ff7">                                        <input type="hidden" name="episode_id" value="7120">
                                        <input type="hidden" name="feed_id"
                                            value="0">
                                        <input type="hidden" name="return_url"
                                            value="../show.php?show_id=63&feed_id=0">
                                        <button type="submit" class="btn btn-sm btn-outline-primary rounded-pill px-3"><i
                                                class="fa-solid fa-plus me-1"></i> Add</button>
                                    </form>
                                                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12">
                    <div class="card p-3 bg-dark border-secondary bg-opacity-20 hover-border-primary transition-all shadow-sm">
                        <div
                            class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center gap-3">
                            <div class="flex-grow-1 overflow-hidden pe-md-3">
                                <h6 class="mb-1 fw-bold text-white d-flex flex-wrap align-items-center gap-2">
                                    <span>La Bande à Maxime du 130926 – Partie 3</span>
                                                                    </h6>
                                <div class="text-muted font-monospace mb-2" style="font-size:0.75rem;">
                                    Published: Sep 13, 2026                                </div>
                                <p class="text-muted small mb-0 text-truncate opacity-75">
                                                                    </p>
                            </div>

                            <div class="d-flex align-items-center gap-1.5 flex-shrink-0 ms-auto ms-md-0"
                                id="episode-7121-actions">
                                <a href="https://green-room.podsnap.xyz/create_snippet.php?episode_id=7121&feed_url=https%253A%252F%252Fdigradio.fr%252Ffeed%252Fpodcast%252Fla-bande-a-maxime%252F&feed_id=0"
                                    class="btn btn-sm btn-outline-info rounded-pill px-3">
                                    <i class="fa-solid fa-scissors me-1"></i> Snip
                                </a>

                                                                    <form action="api/add_episode.php" method="POST" class="d-inline">
                                        <input name="gr_csrf_token" type="hidden" value="7d8882fa8c241bd8465218d24e0adede0eb9eb4a971bc7dbed58be6a33267ff7">                                        <input type="hidden" name="episode_id" value="7121">
                                        <input type="hidden" name="feed_id"
                                            value="0">
                                        <input type="hidden" name="return_url"
                                            value="../show.php?show_id=63&feed_id=0">
                                        <button type="submit" class="btn btn-sm btn-outline-primary rounded-pill px-3"><i
                                                class="fa-solid fa-plus me-1"></i> Add</button>
                                    </form>
                                                            </div>
                        </div>
                    </div>
                </div>
                        </div>

    </div>
</main>

<script>
    // Outside #main-content: htmx never swaps this block, so no duplicate globals / intervals.
    (function () {
        window.lastNotificationCount = 0;

        function notificationCsrfHeader() {
            const token = document.querySelector('meta[name="csrf-token"]')?.content || '';
            return token ? { 'X-CSRF-TOKEN': token } : {};
        }

        async function fetchNotifications() {
            try {
                const res = await fetch('api/api_notifications.php?action=list');
                const data = await res.json();
                if (data.status === 'success') {
                    updateNotificationUI(data.notifications, data.unread_count);
                }
            } catch (e) { }
        }

        function updateNotificationUI(list, unreadCount) {
            const badge = document.getElementById('notificationBadge');
            const listUI = document.getElementById('notificationList');
            if (!badge || !listUI) return;

            if (unreadCount > 0) {
                badge.innerText = unreadCount;
                badge.classList.remove('d-none');
            } else {
                badge.classList.add('d-none');
            }

            const header = '<li class="dropdown-header text-muted">Notifications</li>';
            if (list.length === 0) {
                listUI.innerHTML = header + '<li class="px-3 py-2 text-center small text-muted">No new updates.</li>';
                return;
            }

            let html = header;
            list.forEach(n => {
                let msg = '';
                let icon = '<i class="fa-solid fa-bell text-muted"></i>';
                let link = 'dashboard.php';
                if (n.type === 'like') { msg = `<b>@${n.actor_name}</b> liked <i>${n.feed_title}</i>`; icon = '<i class="fa-solid fa-heart text-danger"></i>'; link = `channel.php?slug=${n.feed_slug || ''}`; }
                if (n.type === 'follow') { msg = `<b>@${n.actor_name}</b> started following you`; icon = '<i class="fa-solid fa-user-plus text-info"></i>'; link = `profile.php?u=${n.actor_name}`; }
                if (n.type === 'collab') { msg = `<b>@${n.actor_name}</b> invited you to <i>${n.feed_title}</i>`; icon = '<i class="fa-solid fa-handshake text-warning"></i>'; link = `dashboard.php?feed_id=${n.item_id || ''}`; }
                if (n.type === 'snippet_like') { msg = `<b>@${n.actor_name}</b> liked your snippet`; icon = '<i class="fa-solid fa-scissors text-info"></i>'; link = `snippet.php?id=${n.item_id || ''}`; }

                html += `
            <li>
                <a class="dropdown-item py-2 px-3 border-bottom border-secondary d-flex align-items-center gap-2 ${n.is_read ? 'opacity-50' : 'bg-primary bg-opacity-10 fw-bold'}" href="${link}">
                    <span style="font-size:1rem;">${icon}</span>
                    <div class="small text-wrap px-2">${msg}</div>
                </a>
            </li>
        `;
            });
            listUI.innerHTML = html;
        }

        window.markNotificationsAsRead = async function () {
            try {
                await fetch('api/api_notifications.php?action=mark_read', {
                    method: 'POST',
                    headers: notificationCsrfHeader()
                });
                const badge = document.getElementById('notificationBadge');
                if (badge) badge.classList.add('d-none');
            } catch (e) { }
        };

            })();
</script>

<footer class="py-5 mt-5 border-top"
    style="border-color: var(--border-color) !important; padding-bottom: 120px !important;">
    <div class="container text-center text-muted">
        <p class="mb-0">&copy; 2026 Green Room. All rights reserved.</p>
        <small>Built on RSS for open podcasting.</small>
    </div>
</footer>


<!-- Radio Player Container -->
<div id="greenRoomRadio" class="fixed-bottom d-none shadow-lg px-2 px-md-4 py-2" style="z-index: 1050;">
    <!-- Dynamic Theme Backing -->
    <div class="radio-theme-backing"></div>

    <div class="container-fluid d-flex align-items-center justify-content-between position-relative"
        style="z-index: 2;">
        <div class="d-flex align-items-center overflow-hidden flex-shrink-0" style="width: 250px;">
            <img id="radioImage" src="" alt="Cover"
                class="rounded me-3 shadow" style="width: 50px; height: 50px; object-fit: cover;">
            <div class="overflow-hidden pe-2">
                <h6 id="radioTitle" class="mb-0 text-truncate text-primary" style="font-size: 0.9rem;">Loading...</h6>
                <small id="radioPodcast" class="text-muted text-truncate d-block" style="font-size: 0.8rem;">Green Room
                    Radio</small>
            </div>
        </div>

        <div class="flex-grow-1 mx-2 mx-md-4">
            <audio id="radioAudio" controls class="w-100" style="height: 40px;"></audio>
        </div>

        <div class="flex-shrink-0 text-end" style="min-width: 90px;">
            <div id="radioPresence" class="small text-muted mb-1" style="font-size:0.7rem;"></div>
            <button class="btn btn-sm btn-outline-secondary border-0" onclick="playNextRadioTrack()"
                title="Skip Track"><i class="fa-solid fa-forward-step"></i></button>
            <button class="btn btn-sm btn-close btn-close-white ms-2"
                onclick="document.getElementById('greenRoomRadio').classList.add('d-none'); document.getElementById('radioAudio').pause();"></button>
        </div>
    </div>
</div>

<style>
    #greenRoomRadio {
        background: rgba(30, 30, 46, 0.8) !important;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
        overflow: hidden;
        transition: all 0.5s ease;
    }

    .radio-theme-backing {
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background-image: var(--current-artwork);
        background-size: cover;
        background-position: center;
        filter: blur(100px) saturate(150%) opacity(0.3);
        z-index: 1;
        transition: background-image 1.5s ease;
    }

    #greenRoomRadio.theme-active {
        border-top-color: var(--primary-color) !important;
    }

    @keyframes radioGlow {
        0% {
            filter: brightness(1);
        }

        50% {
            filter: brightness(1.2);
        }

        100% {
            filter: brightness(1);
        }
    }

    .theme-active #radioImage {
        box-shadow: 0 0 20px rgba(80, 250, 123, 0.3);
    }
</style>

<!-- Radio Engine -->
<script src="assets/js/radio.js" integrity="sha384-WPbcxAqSXsthf4NAWI5C0jQZeIY5oqFcRDU+S2NvekACit3w+Mf5v5fDpr2vZGqT"></script><script src="assets/js/common.js" integrity="sha384-Cjj2huzUotaPfvJxs4GR9w/Rx8XVQOFsAmlN3iotb5ijDRb9YQTOu2Hl44JGelZ6"></script>
<!-- PHP Toast Data (rendered by server) -->

<!-- Bootstrap 5 JS Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<script>
    // Re-initialise Bootstrap JS components after every htmx page swap.
    // Without this, modals and tooltips won't work on navigated-to pages.
    document.body.addEventListener('htmx:afterSwap', function (evt) {
        // Re-init tooltips
        document.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(function (el) {
            new bootstrap.Tooltip(el);
        });

        // Update the browser <title> from a <title> tag htmx may have pulled in,
        // or from a data-page-title attribute on #main-content
        const newTitle = document.querySelector('#main-content [data-page-title]');
        if (newTitle) document.title = newTitle.dataset.pageTitle;

        // Re-run any inline <script> blocks that landed in #main-content
        // htmx doesn't execute them by default — this safely replays them
        evt.detail.elt.querySelectorAll('script').forEach(function (oldScript) {
            const newScript = document.createElement('script');
            [...oldScript.attributes].forEach(a => newScript.setAttribute(a.name, a.value));
            newScript.textContent = oldScript.textContent;
            oldScript.parentNode.replaceChild(newScript, oldScript);
        });
    });

    // Preserve scroll position at the top on navigation (htmx default is sometimes jarring)
    document.body.addEventListener('htmx:beforeSwap', function () {
        window.scrollTo(0, 0);
    });

    // Simple loading state handler for buttons - uses HTMX's native indicator system
    document.addEventListener('DOMContentLoaded', function () {
        // Form submissions: Add loading state to submit buttons
        document.body.addEventListener('submit', function (e) {
            const form = e.target;
            const submitButton = form.querySelector('button[type="submit"]');

            if (submitButton && !submitButton.disabled && !submitButton.hasAttribute('data-no-loading')) {
                submitButton.dataset.originalText = submitButton.innerHTML;

                setTimeout(function () {
                    submitButton.innerHTML = '<span class="spinner-border spinner-border-sm"></span> Loading...';
                    submitButton.disabled = true;
                }, 0);

                // Re-enable after 10 seconds as a failsafe
                setTimeout(function () {
                    if (submitButton.disabled) {
                        submitButton.innerHTML = submitButton.dataset.originalText || submitButton.innerHTML;
                        submitButton.disabled = false;
                        delete submitButton.dataset.originalText;
                    }
                }, 10000);
            }
        });

        // Button clicks: Add loading state (excluding submit buttons and buttons with data-no-loading)
        document.body.addEventListener('click', function (e) {
            const button = e.target.closest('button');
            if (!button || button.disabled || button.hasAttribute('data-no-loading') || button.type === 'submit') return;

            const shouldShowLoading = button.hasAttribute('data-loading') ||
                button.hasAttribute('onclick') ||
                button.classList.contains('btn-primary') ||
                button.classList.contains('btn-success') ||
                button.classList.contains('btn-danger') ||
                button.classList.contains('btn-warning');

            if (shouldShowLoading) {
                button.dataset.originalText = button.innerHTML;

                setTimeout(function () {
                    button.innerHTML = '<span class="spinner-border spinner-border-sm"></span> Loading...';
                    button.disabled = true;
                }, 0);

                setTimeout(function () {
                    if (button.disabled) {
                        button.innerHTML = button.dataset.originalText || button.innerHTML;
                        button.disabled = false;
                        delete button.dataset.originalText;
                    }
                }, 10000);
            }
        });
    });
</script>
</body>

</html>