<%--
/*
* 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.
*/
--%>
#import(org.apache.zeppelin.cassandra.MetaDataHierarchy._)
<%@ val clusterContent: ClusterContent %>
<div class="container">
    <!-- Cluster -->
    ${unescape(clusterContent.clusterDetails)}


    <div class="row"></div>
    <!-- Keyspaces -->
    <table width="100%">
        <td><hr /></td>
        <td style="width:1px; padding: 0 10px; white-space: nowrap;"><strong class="text-danger">Keyspaces</strong></td>
        <td><hr /></td>
    </table>
    <div class="row">
        <div class="panel-group" role="tablist" aria-multiselectable="true">
            #for ((id, name, keyspaceHTML) <- clusterContent.keyspaces)
            <div class="panel panel-default">
                <div class="panel-heading" role="tab">
                    <h4 class="panel-title">
                        <a role="button" data-toggle="collapse" data-target="#${id}" aria-expanded="false">
                            <span class="text-danger"><span class="glyphicon glyphicon-folder-open"></span>&nbsp;&nbsp;${name}</span>
                        </a>
                    </h4>
                </div>
                <div id="${id}" class="panel-collapse collapse" role="tabpanel">
                    <div class="panel-body">
                        ${unescape(keyspaceHTML)}
                    </div>
                </div>
            </div>
            #end
        </div>
    </div>
</div>