<div id="sidebar-video-player">
    <div class="inner-resize-container">
        <div class="video-section">
            <div class="video-player-container fvtt-youtube-player-is-gm-{{canEdit}}" id="yt-video-container-widget">
            </div>
            <div class="play-controls" {{#unless canEdit}}style="display: none;" {{/unless}}>
                <button data-action="play"><i class="fa-solid fa-play"
                        data-tooltip="fvtt-youtube-player.TOOLTIP.play"></i></button>
                <button data-action="add-to-playlist"><i class="fa-solid fa-plus"
                        data-tooltip="fvtt-youtube-player.TOOLTIP.add-to-playlist"></i></button>
                <button data-action="playlist"><i class="fa-solid fa-list-music"
                        data-tooltip="fvtt-youtube-player.TOOLTIP.toggle-playlists"></i></button>
                <button data-action="stop"><i class="fa-solid fa-stop"
                        data-tooltip="fvtt-youtube-player.TOOLTIP.stop"></i></button>
                <button data-action="search"><i class="fa-solid fa-search"
                        data-tooltip="fvtt-youtube-player.TOOLTIP.search"></i></button>
                <button data-action="sound-library"><i class="fa-solid fa-books"
                        data-tooltip="fvtt-youtube-player.TOOLTIP.sound-library"></i></button>
                <input type="text" name="" id="url">
            </div>
            <div class="search-container">
                <div class="toolbar flexrow">
                    <input type="search" id="search-youtube">
                    <button style="max-width: 2rem;" data-action="search-youtube"><i
                            class="fa-solid fa-search"></i></button>
                </div>
                <ul class="search-results"></ul>
            </div>
        </div>
        <div class="playlist-section">
            <div class="playlist-controls">
                <input type="text" name="" id="playlist-name"
                    data-tooltip="fvtt-youtube-player.TOOLTIP.rename-playlist">
                <select name="" id=""></select>
                <i class="fa-solid fa-plus" data-action="add"
                    data-tooltip="fvtt-youtube-player.TOOLTIP.create-playlist"></i>
                <i class="fa-solid fa-trash" data-action="remove"
                    data-tooltip="fvtt-youtube-player.TOOLTIP.delete-playlist"></i>
                <i class="fa-solid fa-toggle-on" data-action="toggle"
                    data-tooltip="fvtt-youtube-player.TOOLTIP.toggle-playlist"></i>
            </div>
            <ul id="track-list"></ul>
        </div>
    </div>
    <div class="widget-drag-handle">
        <div class="drag-bar"></div>
    </div>
</div>