<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\CoreExtension;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
use Twig\TemplateWrapper;

/* @Stream/audio-player.html.twig */
class __TwigTemplate_74061b45ecd4124763374539bb35993b extends Template
{
    private Source $source;
    /**
     * @var array<string, Template>
     */
    private array $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->parent = false;

        $this->blocks = [
        ];
    }

    protected function doDisplay(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@Stream/audio-player.html.twig"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@Stream/audio-player.html.twig"));

        // line 1
        yield "<!DOCTYPE html>
<html lang=\"en\">
<head>
    <meta charset=\"UTF-8\" />
    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />
    <title>Yammat seek bar test</title>
    <link rel=\"stylesheet\" id=\"app-css-css\" href=\"https://www.yammat.fm/wp-content/themes/yammat/dist/css/master.css?ver=11\" type=\"text/css\" media=\"all\">
    <link rel=\"stylesheet\" href=\"http://staging.yammat.async-ventures.com/assets/css/yammat.css\">
</head>
<body>
<header class=\"header\">
    <div class=\"container\">
        <nav class=\"nav\">
            <div class=\"nav__mobile-layout\">
                <div class=\"nav__mobile-left\">
                    <a href=\"/\" class=\"nav__btn-toggle\">
                        <svg width=\"60\" height=\"60\" class=\"nav__btn-svg\">
                            <path class=\"top\" d=\"M 17 23 h 26 v 2 H 17 z\"></path>
                            <path class=\"mid\" d=\"M 17 29 h 26 v 2 H 17 z\"></path>
                            <path class=\"bot\" d=\"M 17 35 h 26 v 2 H 17 z\"></path>
                        </svg>

                    </a>
                    <a href=\"https://www.yammat.fm/\" class=\"nav__logo\">
                        <img src=\"http://staging.yammat.async-ventures.com/assets/svg/yammat-logo-m.svg\" class=\"nav__logo-img d-lg-none\" alt=\"yammat_logo_m\">
                        <img src=\"http://staging.yammat.async-ventures.com/assets/svg/yammat-logo-d.svg\" class=\"nav__logo-img d-none d-lg-block\" alt=\"yammat_logo_d\">
                    </a>
                </div>
            </div>

            <div class=\"nav__desktop-layout\">
                <div class=\"row\">
                    <div class=\"col-lg-9 col-xl-9\">
                        <div class=\"row justify-content-xl-center\">
                            <div class=\"col-xl-10\">
                                <div class=\"nav__mobile-wrapper\">
                                    <ul class=\"menu__list uList\">
                                        <li class=\"menu__item\">
                                            <a class=\"menu__link  menu-item menu-item-type-post_type menu-item-object-page menu-item-81 menu-item-has-children\" href=\"https://www.yammat.fm/novosti/\">Novosti</a>
                                            <span class=\"dropdown__indicator\"></span>
                                            <ul class=\"menu__list-level2 uList\">
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-165\" href=\"https://www.yammat.fm/novosti/radio/\">Radio</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-166\" href=\"https://www.yammat.fm/novosti/glazba/\">Glazba</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-162\" href=\"https://www.yammat.fm/novosti/kultura/\">Kultura</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-164\" href=\"https://www.yammat.fm/novosti/vijesti/\">Vijesti</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                            </ul>
                                        </li>
                                        <li class=\"menu__item\">
                                            <a class=\"menu__link  menu-item menu-item-type-post_type menu-item-object-page menu-item-84 menu-item-has-children\" href=\"https://www.yammat.fm/raspored/\">Raspored</a>
                                            <span class=\"dropdown__indicator\"></span>
                                            <ul class=\"menu__list-level2 uList\">
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1013\" href=\"https://www.yammat.fm/raspored/program/\">Program</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1012\" href=\"https://www.yammat.fm/raspored/emisije/\">Emisije</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                            </ul>
                                        </li>
                                        <li class=\"menu__item\">
                                            <a class=\"menu__link  menu-item menu-item-type-post_type menu-item-object-page menu-item-90 menu-item-has-children\" href=\"https://www.yammat.fm/eventi/\">Eventi</a>
                                            <span class=\"dropdown__indicator\"></span>
                                            <ul class=\"menu__list-level2 uList\">
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1006\" href=\"https://www.yammat.fm/eventi/yammatovo/\">Yammatovo</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1005\" href=\"https://www.yammat.fm/eventi/yammat-loves/\">Yammat loves</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1003\" href=\"https://www.yammat.fm/eventi/blender/\">Blender</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1004\" href=\"https://www.yammat.fm/ostalo/\">Ostalo</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                            </ul>
                                        </li>
                                        <li class=\"menu__item\">
                                            <a class=\"menu__link  menu-item menu-item-type-post_type menu-item-object-page menu-item-82 menu-item-has-children\" href=\"https://www.yammat.fm/ekipa/\">Ekipa</a>
                                            <span class=\"dropdown__indicator\"></span>
                                            <ul class=\"menu__list-level2 uList\">
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-143\" href=\"https://www.yammat.fm/ekipa/o-nama/\">O nama</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-146\" href=\"https://www.yammat.fm/ekipa/voditelji/\">Voditelji</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-145\" href=\"https://www.yammat.fm/ekipa/novinari/\">Novinari</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                            </ul>
                                        </li>
                                        <li class=\"menu__item\">
                                            <a class=\"menu__link  menu-item menu-item-type-post_type menu-item-object-page menu-item-89 menu-item-has-children\" href=\"https://www.yammat.fm/marketing/\">Marketing</a>
                                            <span class=\"dropdown__indicator\"></span>
                                            <ul class=\"menu__list-level2 uList\">
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1010\" href=\"https://www.yammat.fm/marketing/marketing/\">Marketing</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1011\" href=\"https://www.yammat.fm/marketing/projekti/\">EU PROJEKTI</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                            </ul>
                                        </li>
                                        <li class=\"menu__item\">
                                            <a class=\"menu__link  menu-item menu-item-type-post_type menu-item-object-page menu-item-83 menu-item-has-children\" href=\"https://www.yammat.fm/kontakt/\">Kontakt</a>
                                            <span class=\"dropdown__indicator\"></span>
                                            <ul class=\"menu__list-level2 uList\">
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1007\" href=\"https://www.yammat.fm/kontakt/impressum/\">Impressum</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1008\" href=\"https://www.yammat.fm/kontakt/kontakt-info/\">Kontakt info</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                            </ul>
                                        </li>
                                        <li class=\"menu__item\">
                                            <a class=\"highligh-link menu__link\" href=\"https://www.yammat.fm/alenovo\">
                                                Alenovo
                                            </a>
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
    </div>

</header>
<h2>Yammat seek bar test</h2>
<div class=\"seekbar-container\" id=\"container\">
    <div class=\"seekbar-track\" id=\"seekbar\"></div>
    <div class=\"needle\" id=\"needle\"></div>
    <div class=\"needle hover-needle\" id=\"hover-needle\"></div>
</div>

<div style=\"display: flex;\">
    <!--TODO: add audio controlls, like play/stop, volume controls, jump to stream etc.-->
    <div class=\"audio-player w-30\" id=\"audio-controls\">
        <div class=\"live-indicator\" id=\"live-indicator\">
            <div class=\"dot\"></div>
            <span>LIVE</span>
        </div>

        <div class=\"controls\">
            <button id=\"rewind\" title=\"Rewind 10s\">
                <svg viewBox=\"0 0 24 24\" width=\"48\" height=\"48\" fill=\"currentColor\">
                    <path d=\"M14 6 L6 12 L14 18z M20 6 L12 12 L20 18z\"/>
                </svg>

            </button>
            <button id=\"playPause\" title=\"Play/Pause\">
                <svg id=\"playIcon\" viewBox=\"0 0 24 24\">
                    <path d=\"M8 5v14l11-7z\"/>
                </svg>
                <svg id=\"pauseIcon\" viewBox=\"0 0 24 24\" style=\"display: none;\">
                    <path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"/>
                </svg>
            </button>

            <button id=\"forward\" title=\"Forward 10s\">
                <svg viewBox=\"0 0 24 24\" width=\"48\" height=\"48\" fill=\"currentColor\">
                    <path d=\"M4 6v12l8.5-6L4 6zm9 0v12l8.5-6L13 6z\"/>
                </svg>
            </button>
        </div>

        <label>
            Volume:
            <input type=\"range\" id=\"volume\" min=\"0\" max=\"1\" step=\"0.01\" value=\"1\">
        </label>

        <audio id=\"audio\" class=\"p-top\" hidden autoplay controls></audio>
    </div>
    <canvas class=\"w-70 audio-visualizer\" id=\"visualizer\" width=\"800\" height=\"200\"></canvas>
</div>

<div class=\"tabs\" >
    <div class=\"w-50\" id=\"past-shows\">
        <h1>Prethodne emisije:</h1>
    </div>

    <div class=\"w-50\" id=\"currently-playing\">
        <h1>Uživo svira:</h1>
    </div>
</div>

<script src=\"https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/moment.min.js\"></script>

<!--<script src=\"SeekbarManager.js\"></script>-->
<script src=\"http://staging.yammat.async-ventures.com/assets/js/yammat_test.js\"></script>
<script src=\"http://staging.yammat.async-ventures.com/assets/js/yammat_test_stream_player.js\"></script>
<script src=\"http://staging.yammat.async-ventures.com/assets/js/yammat_audio_vizualizer.js\"></script>
</body>
</html>
";
        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        yield from [];
    }

    /**
     * @codeCoverageIgnore
     */
    public function getTemplateName(): string
    {
        return "@Stream/audio-player.html.twig";
    }

    /**
     * @codeCoverageIgnore
     */
    public function getDebugInfo(): array
    {
        return array (  48 => 1,);
    }

    public function getSourceContext(): Source
    {
        return new Source("<!DOCTYPE html>
<html lang=\"en\">
<head>
    <meta charset=\"UTF-8\" />
    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />
    <title>Yammat seek bar test</title>
    <link rel=\"stylesheet\" id=\"app-css-css\" href=\"https://www.yammat.fm/wp-content/themes/yammat/dist/css/master.css?ver=11\" type=\"text/css\" media=\"all\">
    <link rel=\"stylesheet\" href=\"http://staging.yammat.async-ventures.com/assets/css/yammat.css\">
</head>
<body>
<header class=\"header\">
    <div class=\"container\">
        <nav class=\"nav\">
            <div class=\"nav__mobile-layout\">
                <div class=\"nav__mobile-left\">
                    <a href=\"/\" class=\"nav__btn-toggle\">
                        <svg width=\"60\" height=\"60\" class=\"nav__btn-svg\">
                            <path class=\"top\" d=\"M 17 23 h 26 v 2 H 17 z\"></path>
                            <path class=\"mid\" d=\"M 17 29 h 26 v 2 H 17 z\"></path>
                            <path class=\"bot\" d=\"M 17 35 h 26 v 2 H 17 z\"></path>
                        </svg>

                    </a>
                    <a href=\"https://www.yammat.fm/\" class=\"nav__logo\">
                        <img src=\"http://staging.yammat.async-ventures.com/assets/svg/yammat-logo-m.svg\" class=\"nav__logo-img d-lg-none\" alt=\"yammat_logo_m\">
                        <img src=\"http://staging.yammat.async-ventures.com/assets/svg/yammat-logo-d.svg\" class=\"nav__logo-img d-none d-lg-block\" alt=\"yammat_logo_d\">
                    </a>
                </div>
            </div>

            <div class=\"nav__desktop-layout\">
                <div class=\"row\">
                    <div class=\"col-lg-9 col-xl-9\">
                        <div class=\"row justify-content-xl-center\">
                            <div class=\"col-xl-10\">
                                <div class=\"nav__mobile-wrapper\">
                                    <ul class=\"menu__list uList\">
                                        <li class=\"menu__item\">
                                            <a class=\"menu__link  menu-item menu-item-type-post_type menu-item-object-page menu-item-81 menu-item-has-children\" href=\"https://www.yammat.fm/novosti/\">Novosti</a>
                                            <span class=\"dropdown__indicator\"></span>
                                            <ul class=\"menu__list-level2 uList\">
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-165\" href=\"https://www.yammat.fm/novosti/radio/\">Radio</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-166\" href=\"https://www.yammat.fm/novosti/glazba/\">Glazba</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-162\" href=\"https://www.yammat.fm/novosti/kultura/\">Kultura</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-164\" href=\"https://www.yammat.fm/novosti/vijesti/\">Vijesti</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                            </ul>
                                        </li>
                                        <li class=\"menu__item\">
                                            <a class=\"menu__link  menu-item menu-item-type-post_type menu-item-object-page menu-item-84 menu-item-has-children\" href=\"https://www.yammat.fm/raspored/\">Raspored</a>
                                            <span class=\"dropdown__indicator\"></span>
                                            <ul class=\"menu__list-level2 uList\">
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1013\" href=\"https://www.yammat.fm/raspored/program/\">Program</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1012\" href=\"https://www.yammat.fm/raspored/emisije/\">Emisije</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                            </ul>
                                        </li>
                                        <li class=\"menu__item\">
                                            <a class=\"menu__link  menu-item menu-item-type-post_type menu-item-object-page menu-item-90 menu-item-has-children\" href=\"https://www.yammat.fm/eventi/\">Eventi</a>
                                            <span class=\"dropdown__indicator\"></span>
                                            <ul class=\"menu__list-level2 uList\">
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1006\" href=\"https://www.yammat.fm/eventi/yammatovo/\">Yammatovo</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1005\" href=\"https://www.yammat.fm/eventi/yammat-loves/\">Yammat loves</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1003\" href=\"https://www.yammat.fm/eventi/blender/\">Blender</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1004\" href=\"https://www.yammat.fm/ostalo/\">Ostalo</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                            </ul>
                                        </li>
                                        <li class=\"menu__item\">
                                            <a class=\"menu__link  menu-item menu-item-type-post_type menu-item-object-page menu-item-82 menu-item-has-children\" href=\"https://www.yammat.fm/ekipa/\">Ekipa</a>
                                            <span class=\"dropdown__indicator\"></span>
                                            <ul class=\"menu__list-level2 uList\">
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-143\" href=\"https://www.yammat.fm/ekipa/o-nama/\">O nama</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-146\" href=\"https://www.yammat.fm/ekipa/voditelji/\">Voditelji</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-145\" href=\"https://www.yammat.fm/ekipa/novinari/\">Novinari</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                            </ul>
                                        </li>
                                        <li class=\"menu__item\">
                                            <a class=\"menu__link  menu-item menu-item-type-post_type menu-item-object-page menu-item-89 menu-item-has-children\" href=\"https://www.yammat.fm/marketing/\">Marketing</a>
                                            <span class=\"dropdown__indicator\"></span>
                                            <ul class=\"menu__list-level2 uList\">
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1010\" href=\"https://www.yammat.fm/marketing/marketing/\">Marketing</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1011\" href=\"https://www.yammat.fm/marketing/projekti/\">EU PROJEKTI</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                            </ul>
                                        </li>
                                        <li class=\"menu__item\">
                                            <a class=\"menu__link  menu-item menu-item-type-post_type menu-item-object-page menu-item-83 menu-item-has-children\" href=\"https://www.yammat.fm/kontakt/\">Kontakt</a>
                                            <span class=\"dropdown__indicator\"></span>
                                            <ul class=\"menu__list-level2 uList\">
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1007\" href=\"https://www.yammat.fm/kontakt/impressum/\">Impressum</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                                <li class=\"menu__item-level2\">
                                                    <a class=\"menu__link-level2  menu-item menu-item-type-post_type menu-item-object-page menu-item-1008\" href=\"https://www.yammat.fm/kontakt/kontakt-info/\">Kontakt info</a> \t\t\t\t\t\t\t\t\t\t\t\t</li>
                                            </ul>
                                        </li>
                                        <li class=\"menu__item\">
                                            <a class=\"highligh-link menu__link\" href=\"https://www.yammat.fm/alenovo\">
                                                Alenovo
                                            </a>
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
    </div>

</header>
<h2>Yammat seek bar test</h2>
<div class=\"seekbar-container\" id=\"container\">
    <div class=\"seekbar-track\" id=\"seekbar\"></div>
    <div class=\"needle\" id=\"needle\"></div>
    <div class=\"needle hover-needle\" id=\"hover-needle\"></div>
</div>

<div style=\"display: flex;\">
    <!--TODO: add audio controlls, like play/stop, volume controls, jump to stream etc.-->
    <div class=\"audio-player w-30\" id=\"audio-controls\">
        <div class=\"live-indicator\" id=\"live-indicator\">
            <div class=\"dot\"></div>
            <span>LIVE</span>
        </div>

        <div class=\"controls\">
            <button id=\"rewind\" title=\"Rewind 10s\">
                <svg viewBox=\"0 0 24 24\" width=\"48\" height=\"48\" fill=\"currentColor\">
                    <path d=\"M14 6 L6 12 L14 18z M20 6 L12 12 L20 18z\"/>
                </svg>

            </button>
            <button id=\"playPause\" title=\"Play/Pause\">
                <svg id=\"playIcon\" viewBox=\"0 0 24 24\">
                    <path d=\"M8 5v14l11-7z\"/>
                </svg>
                <svg id=\"pauseIcon\" viewBox=\"0 0 24 24\" style=\"display: none;\">
                    <path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"/>
                </svg>
            </button>

            <button id=\"forward\" title=\"Forward 10s\">
                <svg viewBox=\"0 0 24 24\" width=\"48\" height=\"48\" fill=\"currentColor\">
                    <path d=\"M4 6v12l8.5-6L4 6zm9 0v12l8.5-6L13 6z\"/>
                </svg>
            </button>
        </div>

        <label>
            Volume:
            <input type=\"range\" id=\"volume\" min=\"0\" max=\"1\" step=\"0.01\" value=\"1\">
        </label>

        <audio id=\"audio\" class=\"p-top\" hidden autoplay controls></audio>
    </div>
    <canvas class=\"w-70 audio-visualizer\" id=\"visualizer\" width=\"800\" height=\"200\"></canvas>
</div>

<div class=\"tabs\" >
    <div class=\"w-50\" id=\"past-shows\">
        <h1>Prethodne emisije:</h1>
    </div>

    <div class=\"w-50\" id=\"currently-playing\">
        <h1>Uživo svira:</h1>
    </div>
</div>

<script src=\"https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/moment.min.js\"></script>

<!--<script src=\"SeekbarManager.js\"></script>-->
<script src=\"http://staging.yammat.async-ventures.com/assets/js/yammat_test.js\"></script>
<script src=\"http://staging.yammat.async-ventures.com/assets/js/yammat_test_stream_player.js\"></script>
<script src=\"http://staging.yammat.async-ventures.com/assets/js/yammat_audio_vizualizer.js\"></script>
</body>
</html>
", "@Stream/audio-player.html.twig", "/var/www/app/src/Stream/Infrastructure/Http/UI/Views/audio-player.html.twig");
    }
}
