<!--
 * 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.
-->
<div class="row">
    <div class="">
        <div class="col-sm-3 rowValue">
            <div><span class="graphkey">Rows</span></div>
            <div><span class="graphval">
                    <div class="value-loader"></div>
                </span></div>
        </div>
        <div class="col-sm-3 table_created">
            <div><span class="graphkey">Date Created</span></div>
            <div><span class="graphval">
                    <div class="value-loader"></div>
                </span></div>
        </div>
        <div class="col-sm-6 table_name">
            <div><span class="graphkey">Table</span></div>
            <div><span class="graphval">
                    <div class="value-loader"></div>
                </span></div>
        </div>
    </div>
</div>
<hr />
<div class="row">
    <h4 class="col-sm-12">{{typeObject.label}}</h4>
</div>
<div class="row">
    <a href="javascript:void(0);" data-id="backToYear" style="display: none"><i class="fa fa-chevron-left"></i> Back To Year</a>
</div>
</br>
<div class="row">
    <div class="">
        <div class="col-sm-10">
            <svg class="graph" width="100%" height="250px"></svg>
        </div>
        <div class="col-sm-2 profileGraphDetail">
            {{#if profileData}}
            <div class="">
                <div><span class="graphkey">Cardinality</span></div>
                <div title="{{profileData.cardinality}}"><span class="graphval text-right"><b>{{profileData.cardinality}}</b></span></div>
            </div>
            <hr />
            <div class="">
                <div><span class="graphkey">% NonNull</span></div>
                <div title="{{profileData.nonNullData}}%"><span class="graphval text-right"><b>{{profileData.nonNullData}}%</b></span></div>
            </div>
            <hr /> {{#ifCond typeObject.type "==" "string"}}
            <div class="">
                <div><span class="graphkey">Average Length</span></div>
                <div title="{{profileData.averageLength}}"><span class="graphval text-right"><b>{{profileData.averageLength}}</b></span></div>
            </div>
            <hr />
            <div class="">
                <div><span class="graphkey">Max Length</span></div>
                <div title="{{profileData.maxLength}}"><span class="graphval text-right"><b>{{profileData.maxLength}}</b></span></div>
            </div>
            <hr /> {{/ifCond}} {{#ifCond typeObject.type "==" "numeric"}}
            <div class="">
                <div><span class="graphkey">Min</span></div>
                <div title="{{profileData.minValue}}"><span class="graphval text-right"><b>{{profileData.minValue}}</b></span></div>
            </div>
            <hr />
            <div class="">
                <div><span class="graphkey">Max</span></div>
                <div title="{{profileData.maxValue}}"><span class="graphval text-right"><b>{{profileData.maxValue}}</b></span></div>
            </div>
            <hr />
            <div class="">
                <div><span class="graphkey">Mean</span></div>
                <div title="{{profileData.meanValue}}"><span class="graphval text-right"><b>{{profileData.meanValue}}</b></span></div>
            </div>
            <hr />
            <div class="">
                <div><span class="graphkey">Median</span></div>
                <div title="{{profileData.medianValue}}"><span class="graphval text-right"><b>{{profileData.medianValue}}</b></span></div>
            </div>
            {{/ifCond}} {{/if}}
        </div>
    </div>
</div>