<div>
    <div class="header">
        <div class="container">
            <img src="https://grapecitycontentcdn.azureedge.net/gcbrand/samples/wijmo/wijmo-logo.png" />
            <h1>
                FinancialChart Explorer (Angular 2)
            </h1>
            <p>
                A showcase for the new Wijmo FinancialChart.
            </p>
        </div>
    </div>
    <!-- Navigation menu -->
    <div class="container">
        <div class="row">

            <div class="col-md-2">
                <div class="panel-group" id="accordion" >
                    <!--<div *ngFor="let item of menuData, let index = index" class="panel panel-default">-->
                    <div *ngFor="let item of routTree, let index = index" class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                {{ item.section }}
                            </h4>
                        </div>
                        <div [id]="item.section" class="panel-collapse collapse in">
                            <div class="panel-body">
                                <ul class="flatList">
                                    <!--<li *ngFor="let link of item.links">
                                        <a *ngIf="link.alias" [routerLink]="['/' + link.alias]">{{ link.text }}</a>
                                    </li>-->
                                    <ng-template ngFor let-route [ngForOf]="item.routes">
                                        <li *ngIf="route.data?.caption">
                                            <a [routerLink]="route.path" routerLinkActive="active">
                                                {{route.data.caption}}
                                            </a>
                                        </li>
                                    </ng-template>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-10" >
                <router-outlet></router-outlet>
            </div>
        </div>
    </div>
</div>