<style>
    :root {
        --player-color: <?php echo $setting->player_color; ?>;
        --player-bg: <?php echo $setting->player_bg; ?>;
        --player-hover: <?php echo $setting->player_hover; ?>;
    }
</style>
<link rel="stylesheet" href="<?php echo PATH_SYSTEM; ?>app/views/players/<?php echo $setting->theme_player; ?>/player.css">
<div class="container player-radio">
    <div class="player-info">
        <img loading="lazy" src="<?php echo PATH_SYSTEM; ?>public/cover_default.jpg" class="rounded" alt="cover">
        <div class="text-start">
            <div class="now"><?php echo $_LANG['playing_now']; ?></div>
            <marquee direction="left" id="playingNow"></marquee>
        </div>
    </div>
    <div class="player-controls" role="toolbar">
        <button class="b-play" aria-label="<?php echo $_LANG['play_radio']; ?>" data-stream="<?php echo $stream_url; ?>"></button>
        <div class="player-volume">
            <button class="b-volume" id="volume-mute" title="Controle de volume"></button>
            <div class="player-volume-slider">
                <input type="range" class="b-slider" role="slider" id="slider-volume" value="80" maxlength="100">
            </div>
        </div>
    </div>
</div>
