<%--
/*
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements.  See the NOTICE file distributed with
* this work for additional information regarding copyright ownership.
* The ASF licenses this file to You under the Apache License, Version 2.0
* (the "License"); you may not use this file except in compliance with
* the License.  You may obtain a copy of the License at
*
*    http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
--%>
<%@ val statement: String %>
<%@ val dropDownMenu: String = "" %>
<br/>
<br/>
<nav class="navbar navbar-default">
    <ul class="nav navbar-nav">
        ${unescape(dropDownMenu)}
        <li>
            <a><strong>${statement}</strong></a>
        </li>
    </ul>
    <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                <strong>Legend</strong>
                <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
                <li>
                    <a href="#">
                        <span class="glyphicon glyphicon-dashboard text-muted" aria-hidden="true" ></span>&nbsp;Cluster
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="glyphicon glyphicon-folder-open text-danger" aria-hidden="true" ></span>&nbsp;&nbsp;Keyspace
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="glyphicon glyphicon-copyright-mark text-warning" aria-hidden="true" ></span>&nbsp;&nbsp;UDT
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="glyphicon glyphicon-th-list text-primary" aria-hidden="true" ></span>&nbsp;&nbsp;Table
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="glyphicon glyphicon-eye-open text-primary" aria-hidden="true" ></span>&nbsp;&nbsp;Materialized View
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="glyphicon glyphicon-random text-success" aria-hidden="true" ></span>&nbsp;&nbsp;Function
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="glyphicon glyphicon-retweet text-success" aria-hidden="true" ></span>&nbsp;&nbsp;Aggregate
                    </a>
                </li>
                <li role="separator" class="divider text-muted"></li>
                <li class="dropdown-header"><span class="text-primary">Table icons</span></li>
                <li class="bg-info">
                    <a href="#">
                        <span class="glyphicon glyphicon-fullscreen" aria-hidden="true" ></span>&nbsp;&nbsp;Partition Key
                    </a>
                </li>
                <li class="bg-warning">
                    <a href="#">
                        <span class="glyphicon glyphicon-pushpin" aria-hidden="true" ></span>&nbsp;&nbsp;Static Column
                    </a>
                </li>
                <li class="bg-success">
                    <a href="#">
                        <span class="glyphicon glyphicon-sort" aria-hidden="true" ></span>&nbsp;&nbsp;Clustering Column
                    </a>
                </li>
                <li class="bg-success">
                    <a href="#">
                        <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true" ></span>&nbsp;&nbsp;Clustering Order ASC
                    </a>
                </li>
                <li class="bg-success">
                    <a href="#">
                        <span class="glyphicon glyphicon-sort-by-attributes-alt" aria-hidden="true" ></span>&nbsp;&nbsp;Clustering Order DESC
                    </a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#"></a>
        </li>
    </ul>
</nav>
<hr/>