{{-- Layout Reference --}}
@extends('Limitless::Help.Layout.Master')

@section('Limitless::TopBarContent')

    @Limitless::TopNavStart
        @Limitless::TopNavMenuItem(['title' => 'Title Only'])
        @Limitless::TopNavMenuItem(['icon' => 'icon-calendar3', 'icon-only' => true, 'badge' => 5])
        @Limitless::TopNavMenuItem(['title' => 'Title with Icon', 'icon' => 'icon-people', 'url' => 'https://www.google.com'])

        @Limitless::TopNavMenuItemDropdownStart(['title' => 'Dropdown menu', 'icon' => 'icon-gift', 'badge' => 11])
            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 1'])
            @Limitless::Divider
            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 2', 'icon' => 'icon-user-plus', 'badge' => 6])
            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 3', 'badge' => 5, 'badge-color' => 'green'])
            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 4', 'icon' => 'icon-switch2'])
            @Limitless::TopNavDropdownSubMenuItemStart(['title' => 'submenu', 'icon' => 'icon-chess-king'])
                @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 2', 'icon' => 'icon-user-plus', 'badge' => 6])
                @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 3', 'badge' => 5, 'badge-color' => 'green'])
                @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 4', 'icon' => 'icon-switch2'])
                @Limitless::TopNavDropdownSubMenuItemStart(['title' => 'submenu level 2', 'icon' => 'icon-chess-king'])
                    @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 2', 'icon' => 'icon-user-plus', 'badge' => 6])
                    @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 3', 'badge' => 5, 'badge-color' => 'green'])
                    @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 4', 'icon' => 'icon-switch2'])
                @Limitless::TopNavDropdownSubMenuItemStop
            @Limitless::TopNavDropdownSubMenuItemStop
        @Limitless::TopNavMenuItemDropdownStop

        @Limitless::TopNavMenuItemDropdownStart(['user' => 'User A', 'img' => '/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/global_assets/images/placeholders/placeholder.jpg', 'basic-dropdown' => false])
            @Limitless::TopNavDropdownContentBodyStart
                @Limitless::TopNavDropdownContentMenuItem(['title' => 'title', 'subtitle' => 'subtitle', 'icon' => 'icon-pencil3', 'icon-color' => 'primary', 'description' => 'description here', 'sub-description' => 'subdescription'])
                @Limitless::TopNavDropdownContentMenuItem(['title' => 'title', 'subtitle' => 'subtitle', 'img' => '/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/global_assets/images/placeholders/placeholder.jpg', 'description' => 'description here', 'sub-description' => 'subdescription'])
            @Limitless::TopNavDropdownContentBodyStop
            @Limitless::TopNavDropdownContentFooterStart(['text' => 'test'])
                @Limitless::TopNavDropdownContentFooterIconButton(['icon' => 'icon-calendar3', 'tooltip-text' => 'calendar'])
                @Limitless::TopNavDropdownContentFooterIconButton(['icon' => 'icon-menu7', 'tooltip-text' => 'more'])
            @Limitless::TopNavDropdownContentFooterStop
        @Limitless::TopNavMenuItemDropdownStop

        @Limitless::TopNavStop

        @Limitless::TopNavStart(true)

        @Limitless::TopNavMenuItemDropdownStart(['icon-only' => true, 'icon' => 'icon-bubbles4', 'badge' => '99+', 'badge-color' => 'primary', 'basic-dropdown' => false, 'caret' => false])
            @Limitless::TopNavDropdownContentHeaderStart(['title' => ['value' => 'content header <code>test</code>', 'secure' => false], 'icon' => 'icon-compose'])
            @Limitless::TopNavDropdownContentBodyStart
                @Limitless::TopNavDropdownContentMenuItem(['title' => 'title', 'subtitle' => 'subtitle', 'icon' => 'icon-pencil3', 'icon-color' => 'primary', 'description' => 'description here', 'sub-description' => 'subdescription'])
                @Limitless::TopNavDropdownContentMenuItem(['title' => 'title', 'subtitle' => 'subtitle', 'img' => '/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/global_assets/images/placeholders/placeholder.jpg', 'description' => 'description here', 'sub-description' => 'subdescription'])
            @Limitless::TopNavDropdownContentBodyStop
                @Limitless::TopNavDropdownContentFooterStart(['tooltip-text' => 'test', 'icon' => 'icon-calendar3'])
            @Limitless::TopNavDropdownContentFooterStop
        @Limitless::TopNavMenuItemDropdownStop

        @Limitless::TopNavMenuItem
        @Limitless::TopNavMenuItem

        @Limitless::TopNavMenuItemDropdownStart(['user' => 'User B', 'img' => '/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/global_assets/images/placeholders/placeholder.jpg'])
            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 1'])
            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 2', 'icon' => 'icon-user-plus', 'badge' => 6])
            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 3', 'badge' => 5, 'badge-color' => 'green'])
            @Limitless::TopNavDropdownMenuItem(['title' => 'Dropdown menu item 4', 'icon' => 'icon-switch2'])
        @Limitless::TopNavMenuItemDropdownStop

    @Limitless::TopNavStop

@stop


@section('Limitless::Content')

topnav docs

@stop
