{{ define "favorites-toolbar" }}
<nav class="navbar navbar-expand-sm" id="favoritesToolbar">
    <button class="btn btn-nav-icon-text navbar-toggler" type="button" data-bs-toggle="collapse"
          data-bs-target="#navbarTogglerFavorites" aria-controls="navbarTogglerFavorites" aria-expanded="false"
          aria-label="Toggle navigation">
    <i class="icon-menu"></i>Menu</button>
    <div class="collapse navbar-collapse" id="navbarTogglerFavorites">
        <ul class="navbar-nav me-auto mb-lg-0">
            {{/* Main Menu Dropdown */}}
            <li class="nav-item dropdown">
                <button class="btn btn-nav-icon" id="favoriteMenuButton" data-bs-toggle="dropdown"
                        role="button" aria-expanded="false" data-bs-toggle="tooltip" data-bs-placement="bottom"
                        title="Navigation menu"><i class="icon-btn icon-menu" id="favoriteMenuImg"></i></button>
                <ul class="dropdown-menu dropdown-menu-nav">
                    <li><hr class="dropdown-item-divider"/></li>
                    <li class="dropdown-item dropdown-item-nav">
                        <button class="dropdown-item dropdown-item-nav btn-item-text-nav" onclick="showAdd()" id="addFavoriteMenuButton" disabled><i class="icon-btn-nav-menu icon-add-disabled" id="addFavoriteMenuImg"></i>Add</button>
                    </li>
                    <li><div class="dropdown-item-divider"></div></li>
                    <li class="dropdown-item dropdown-item-nav">
                        <button class="dropdown-item dropdown-item-nav btn-item-text-nav" onclick="showRename()" id="renameFavoriteMenuButton" disabled><i class="icon-btn-nav-menu icon-rename-disabled" id="renameFavoriteMenuImg"></i>Rename</button>
                    </li>
                    <li><div class="dropdown-item-divider"></div></li>
                    <li class="dropdown-item dropdown-item-nav">
                        <button class="dropdown-item dropdown-item-nav btn-item-text-nav" onclick="selectAll()" id="selectAllMenuButton" disabled><i class="icon-btn-nav-menu icon-select-rows-disabled" id="selectAllMenuImg"></i>Select all</button>
                    </li>
                    <li><div class="dropdown-item-divider"></div></li>
                    <li class="dropdown-item dropdown-item-nav">
                        <button class="dropdown-item dropdown-item-nav btn-item-text-nav" onclick="deselectAll()" id="deselectAllMenuButton" disabled><i class="icon-btn-nav-menu icon-deselect-rows-disabled" id="deselectAllMenuImg"></i>Deselect all</button>
                    </li>
                    <li><div class="dropdown-item-divider"></div></li>
                    <li class="dropdown-item dropdown-item-nav">
                        <button class="dropdown-item dropdown-item-nav btn-item-text-nav" onclick="removeCheck()" id="deleteFavoriteMenuButton" disabled><i class="icon-btn-nav-menu icon-delete-disabled" id="deleteFavoriteMenuImg"></i>Delete</button>
                    </li>
                    <li><div class="dropdown-section-divider"></div></li>
                    <li class="dropdown-item dropdown-item-nav">
                        <button class="dropdown-item dropdown-item-nav btn-item-text-nav" onclick="showImportFavoritesModal()" id="importFavoriteMenuButton"><i class="icon-btn-nav-menu icon-import" id="importFavoriteMenuImg"></i>Import</button>
                    </li>
                    <li><div class="dropdown-item-divider"></div></li>
                    <li class="dropdown-item dropdown-item-nav">
                        <button class="dropdown-item dropdown-item-nav btn-item-text-nav" onclick="showExportFavoritesModal()" id="exportFavoriteMenuButton"><i class="icon-btn-nav-menu icon-export" id="exportFavoriteMenuImg"></i>Export</button>
                    </li>
                    {{/* TODO: UR-3664 - Import from Panel feature not yet implemented
                    <li><div class="dropdown-item-divider"></div></li>
                    <li class="dropdown-item dropdown-item-nav">
                        <button class="dropdown-item dropdown-item-nav btn-item-text-nav" onclick="showImportFromPanelModal()" id="importFromPanelMenuButton" disabled><i class="icon-btn-nav-menu icon-import-disabled" id="importFromPanelMenuImg"></i>Import from Panel</button>
                    </li>
                    */}}
                </ul>
            </li>
            <li><span><i class="icon-separator"></i></span></li>
            {{/* Toolbar Buttons */}}
            <li>
                <button class="btn btn-nav-icon" onclick="showAdd()" id="addFavoriteButton" data-testid="favorites-add-button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Add Favorite" disabled><i class="icon-btn icon-add-disabled" id="addFavoriteImg"></i></button>
            </li>
            <li>
                <button class="btn btn-nav-icon" onclick="showRename()" id="renameFavoriteButton" data-testid="favorites-rename-button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Rename Selected Favorite" disabled><i class="icon-btn icon-rename-disabled" id="renameFavoriteImg"></i></button>
            </li>
            <li>
                <button class="btn btn-nav-icon" onclick="selectAll()" id="selectAllFavoriteButton" data-testid="favorites-select-all-button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Select All Favorites" disabled><i class="icon-btn icon-select-rows-disabled" id="selectAllFavoriteImg"></i></button>
            </li>
            <li>
                <button class="btn btn-nav-icon" onclick="deselectAll()" id="deselectAllFavoriteButton" data-testid="favorites-deselect-all-button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Deselect All Favorites" disabled><i class="icon-btn icon-deselect-rows-disabled" id="deselectAllFavoriteImg"></i></button>
            </li>
            <li>
                <button class="btn btn-nav-icon" onclick="removeCheck()" id="deleteFavoriteButton" data-testid="favorites-delete-button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Delete Selected Favorites" disabled><i class="icon-btn icon-delete-disabled" id="deleteFavoriteImg"></i></button>
            </li>
            <li><span><i class="icon-separator"></i></span></li>
            <li>
                <button class="btn btn-nav-icon" onclick="showImportFavoritesModal()" id="importFavoriteButton" data-testid="favorites-import-button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Import Favorites"><i class="icon-btn icon-import" id="importFavoriteImg"></i></button>
            </li>
            <li>
                <button class="btn btn-nav-icon" onclick="showExportFavoritesModal()" id="exportFavoriteButton" data-testid="favorites-export-button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Export Favorites"><i class="icon-btn icon-export" id="exportFavoriteImg"></i></button>
            </li>
            {{/* TODO: UR-3664 - Import from Panel feature not yet implemented
            <li>
                <button class="btn btn-nav-icon" onclick="showImportFromPanelModal()" id="importFromPanelButton" data-testid="favorites-import-panel-button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Import Favorites from Other Panel" disabled><i class="icon-btn icon-import-disabled" id="importFromPanelImg"></i></button>
            </li>
            */}}
        </ul>
        {{/* Filter Box */}}
        <form class="d-flex">
            <input class="form-control rounded-0" type="search" placeholder="Filter"
                   aria-label="Filter" id="favoritesFilterInput" data-testid="favorites-filter-input"
                   oninput="onFavoritesFilterChanged()">
            <span><i class="icon-plain icon-filter"></i></span>
        </form>
    </div>
</nav>
{{ end }}