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

@section('Limitless::Content')

@Limitless::ElementCardStart(['title' => "Documentation", 'icon' => 'icon-file-text3', 'collapsible' => true, 'removable' => false, 'extra' => ['style' => 'position:relative;', 'id' => 'elemento1', 'class' => 'card'] ])
    This is the documentation for the <i>Limitless</i> theme.
    <i>Limitless</i> is a part of <i>Picasso</i>, a feature of the package <i>Sidekick</i> from <i>Ceetrox</i>.
    The elements shown in this documentation are available as blade code and can be copied directly into your project.
    In addition, the core design contains other elements that must first be extracted and adapted from the raw design.
    The raw design is available via the emulated <a target="_blank" href="{{secure_url('/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/layout_1/LTR/dark/full/index.html')}}"> <u>CDN</u> </a> of the <i>ceetrox/sidekick</i> package.
@Limitless::ElementCardStop

@Limitless::ElementCardStart(['title' => "Codemirror Test", 'icon' => 'icon-file-empty' ] )
 @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => 'Hello World!' ])
@Limitless::ElementCardStop


@Limitless::Example
<br/>

@Limitless::ElementCardStart(['title' => "Navigation Sample Output" ] )
    @Limitless::NavigationStart
        @Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
        @Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
        @Limitless::NavigationMenuStart(['title' => 'submenu test', 'icon' => 'icon-three-bars'])
        @Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
        @Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
            @Limitless::NavigationMenuStart(['title' => 'sub submenu test', 'icon' => 'icon-three-bars'])
            @Limitless::NavigationMenuItem(['url' => '?page=card', 'target' => '_blank', 'icon' => 'icon-square', 'title' => 'Card'])
            @Limitless::NavigationMenuItem(['url' => '?page=table', 'target' => '_blank', 'icon' => 'icon-table2', 'title' => 'Table'])
            @Limitless::NavigationMenuStop
        @Limitless::NavigationMenuStop
    @Limitless::NavigationStop
@Limitless::ElementCardStop

@Limitless::ElementCardStart(['title' => "Table Test" ] )

    @Limitless::TableStart([    'extra' => ['class' => 'table table-striped']     ])

        @Limitless::TableAutofillHeader([
            ['name' => '#'],
            ['name' => '<a href="#">TestUrl</a>', 'secure' => false],
            ['name' => 'Two'],
            ['name' => 'Three']
        ])

        @Limitless::TableAutofillBody([
            [
                ['value' => 'data 1 row 1'],
                ['value' => 'data 2 row 1'],
                ['value' => 'data 3 row 1'],
                ['value' => 'data 4 row 1']
            ],
            [
                ['value' => 'data 1 row 2'],
                ['value' => 'data 2 row 2'],
                ['value' => 'data 3 row 2'],
                ['value' => 'data 4 row 2']
            ]
        ])

    @Limitless::TableStop


@Limitless::ElementCardStop

@stop
