<Layout::Sidebar::Panel
    @open={{true}}
    @title={{@title}}
    @titleIcon={{@icon}}
    @hideCaret={{true}}
    @toggleOnCaretOnly={{true}}
    @onClickPanelTitle={{this.transitionToRoute}}
    @wrapperClass="next-driver-listing"
    @dropdownButton={{if (can 'fleet-ops create driver') this.displayPanelDropdown}}
    @dropdownButtonActions={{this.panelDropdownButtonActions}}
    @dropdownButtonRenderInPlace={{false}}
    @dropdownButtonCalculatePosition={{this.calculateDropdownPosition}}
    @dropdownButtonMenuLabel={{t "fleet-ops.component.layout.fleet-ops-sidebar.drivers"}}
    @dropdownMenuWrapperClass="next-sidebar-panel-menu-dropdown"
>
    {{#each this.drivers as |driver|}}
        <Layout::Sidebar::Item
            @icon="circle"
            @iconSize="2xs"
            @iconClass={{if driver.online "text-green-500" "text-yellow-200"}}
            @onClick={{fn this.onDriverClicked driver}}
            class="driver-nav-item"
            @dropdownButton={{true}}
            @dropdownButtonActions={{this.dropdownButtonActions}}
            @dropdownContext={{driver}}
            @dropdownButtonIcon={{@itemDropdownButtonIcon}}
            @dropdownButtonIconPrefix={{@itemDropdownButtonIconPrefix}}
            @dropdownButtonText={{@itemDropdownButtonText}}
            @dropdownButtonCalculatePosition={{this.calculateDropdownItemPosition}}
            @dropdownButtonRenderInPlace={{false}}
            @dropdownButtonMenuLabel={{driver.name}}
            @dropdownMenuWrapperClass="next-sidebar-panel-menu-dropdown"
            @dropdownButtonWrapperClass={{@itemDropdownButtonWrapperClass}}
            @dropdownButtonTriggerClass={{@itemDropdownButtonTriggerClass}}
            @registerDropdownButtonAPI={{@itemRegisterDropdownButtonAPI}}
            @rightSideComponent={{@itemRightSideComponent}}
            @rightSideComponentContext={{@itemRightSideComponentContext}}
            @rightSideStatus={{@itemRightSideStatus}}
            @rightSideStatusText={{@itemRightSideStatusText}}
            @hideRightSideStatusDot={{@itemHideRightSideStatusDot}}
            @rightSideStatusClass={{@itemRightSideStatusClass}}
            @disableRightSideStatusHumanize={{@itemDisableRightSideStatusHumanize}}
            @permission={{@permission}}
        >{{driver.name}}</Layout::Sidebar::Item>
    {{/each}}
</Layout::Sidebar::Panel>