<?php use function App\Core\{e, url}; ?>
<section class="music-mini-player" data-mini-player data-global-music-player hidden aria-label="Kalici muzik player">
    <div class="music-mini-track">
        <img src="<?= e(url('/uploads/music-covers/track-1.svg')) ?>" alt="" data-mini-cover>
        <div class="music-mini-meta">
            <strong data-mini-title>Zalorox Music</strong>
            <span data-mini-artist>Hazir</span>
        </div>
    </div>
    <div class="music-mini-controls">
        <button class="music-mini-icon" type="button" data-mini-prev aria-label="Onceki sarki">&#9664;&#9664;</button>
        <button class="music-mini-toggle" type="button" data-mini-toggle aria-label="Oynat veya duraklat">&#9658;</button>
        <button class="music-mini-icon" type="button" data-mini-next aria-label="Sonraki sarki">&#9654;&#9654;</button>
        <button class="music-mini-icon music-mini-stop" type="button" data-mini-stop aria-label="Durdur ve kapat">x</button>
    </div>
    <div class="music-mini-time">
        <span data-mini-current>0:00</span>
        <div class="music-mini-progress"><span data-mini-progress></span></div>
        <span data-mini-remaining>-0:00</span>
    </div>
    <div class="music-mini-actions">
        <button class="music-mini-icon" type="button" data-mini-like aria-label="Begen">&#9825;</button>
        <button class="music-mini-icon" type="button" data-mini-share aria-label="Paylas">Paylas</button>
        <button class="music-mini-icon" type="button" data-mini-mute aria-label="Sesi kapat veya ac">Ses</button>
        <input type="range" min="0" max="1" step="0.01" value="0.82" data-mini-volume aria-label="Ses">
        <button class="music-mini-queue-button" type="button" data-player-queue-toggle aria-expanded="false">Sira</button>
    </div>
</section>
<aside class="music-queue-panel" data-music-queue-panel hidden aria-label="Siradaki sarkilar">
    <div class="music-queue-head">
        <div>
            <strong>Siradaki</strong>
            <span data-queue-count>0 sarki</span>
        </div>
        <button type="button" data-player-queue-close aria-label="Siradaki panelini kapat">x</button>
    </div>
    <div class="music-queue-list" data-queue-list>
        <div class="music-queue-empty">Kuyruk bos.</div>
    </div>
</aside>
