<Layout::Sidebar::Panel
    @open={{or @open true}}
    @title={{this.fleet.name}}
    @titleStatusRightText={{concat this.fleet.vehicles_online_count "/" this.fleet.vehicles_count}}
    @titleStatusRight="info"
    @hideRightTitleStatusDot={{true}}
    @titleStatusRightContainerClass="-mr-2"
    @wrapperClass="next-fleet-summary-fleet fleet-depth-{{@depth}}"
>
    {{#each this.fleet.subfleets as |subFleet|}}
        <FleetListingPanel
            @fleet={{subFleet}}
            @onVehicleClicked={{this.onVehicleClicked}}
            @depth={{add @depth 1}}
            @itemDropdownButton={{@itemDropdownButton}}
            @itemDropdownButtonActions={{@itemDropdownButtonActions}}
            @permission={{@permission}}
        />
    {{/each}}
    {{#each this.fleet.vehicles as |vehicle|}}
        <Layout::Sidebar::Item
            @icon="circle"
            @iconSize="2xs"
            @iconClass={{if vehicle.online "text-green-500" "text-yellow-200"}}
            @onClick={{fn this.onVehicleClicked vehicle}}
            @rightSideComponent={{@itemRightSideComponent}}
            @rightSideComponentContext={{@itemRightSideComponentContext}}
            @rightSideStatus={{@itemRightSideStatus}}
            @rightSideStatusText={{@itemRightSideStatusText}}
            @hideRightSideStatusDot={{@itemHideRightSideStatusDot}}
            @rightSideStatusClass={{@itemRightSideStatusClass}}
            @disableRightSideStatusHumanize={{@itemDisableRightSideStatusHumanize}}
            @dropdownButton={{@itemDropdownButton}}
            @dropdownButtonActions={{@itemDropdownButtonActions}}
            @dropdownContext={{vehicle}}
            @dropdownButtonIcon={{@itemDropdownButtonIcon}}
            @dropdownButtonIconPrefix={{@itemDropdownButtonIconPrefix}}
            @dropdownButtonText={{@itemDropdownButtonText}}
            @dropdownButtonCalculatePosition={{@itemDropdownButtonCalculatePosition}}
            @dropdownButtonMenuLabel={{vehicle.displayName}}
            @dropdownButtonWrapperClass={{@itemDropdownButtonWrapperClass}}
            @dropdownButtonTriggerClass={{@itemDropdownButtonTriggerClass}}
            @registerDropdownButtonAPI={{@itemRegisterDropdownButtonAPI}}
            @permission="fleet-ops view vehicle"
            @dropdownButtonRenderInPlace={{false}}
        >{{vehicle.displayName}}</Layout::Sidebar::Item>
    {{/each}}
</Layout::Sidebar::Panel>