{*

/**
 * Copyright (c) 2017, Issa Annamoradnejad
 * All rights reserved.
 */

*}

<div class="ow_content_menu_wrap">
    <ul class="ow_content_menu clearfix">
        {foreach from=$sections item='section' name='contentMenu'}
        <li class="{if $section.active} active{/if}"><a href="{$section.url}"><span class="{if isset($section.iconClass)} {$section.iconClass} {/if}">{$section.label}</span></a></li>
        {/foreach}
    </ul>
    {if !empty($subsections) }
    <ul class="ow_content_menu clearfix">
        {foreach from=$subsections item='section' name='contentMenu'}
        <li class="{if $section.active} active{/if}"><a href="{$section.url}"><span class="{if isset($section.iconClass)} {$section.iconClass} {/if}">{$section.label}</span></a></li>
        {/foreach}
    </ul>
    {/if}
</div>

{if isset($lastCalculationDate)}
    <p class="motoshubgraphy_last_update_time">{text key='iisgraph+last_calculation_date'}: {$lastCalculationDate.value}</p>
{/if}
{if isset($noData)}
    {text key='base+empty_list'}
{else}

<div class="statistical_metrics ow_dnd_widget">
    <div class="ow_box_cap ow_dnd_configurable_component clearfix">
        <div class="ow_box_cap_right">
            <div class="ow_box_cap_body">
                <h2 class="ow_ic_info">{text key='iisgraph+label_graph_info'}</h2>
            </div>
        </div>
    </div>
    <span class="page_collapsible collapse-open" style="display: none;"></span>
    <div class="ow_box ow_stdmargin clearfix ow_break_word container" style="display: block;">

        <div class="statistical_metrics">
            <table class="ow_table_1" style="margin: 0">
                <tbody>
                {foreach from=$graphMetricsArray key='key' item='item'}
                <tr class="ow_center">
                    <td class="ow_label">
                        {$item.label}
                    </td>
                    <td class="ow_value">
                        {$item.value}
                    </td>
                </tr>
                {/foreach}
                </tbody>
            </table>
        </div>

        <div class="ow_box_bottom_left"></div>
        <div class="ow_box_bottom_right"></div>
        <div class="ow_box_bottom_body"></div>
        <div class="ow_box_bottom_shadow"></div>
    </div>
</div>

<div class="iisgraph_diagrams">

    <div id="distribution_chart" class="iisgraph_distribution_chart"></div>

    {form name="chartForm"}
    <table class="ow_table_1 ow_form" style="margin: 0">
        <tbody>
        <tr class="ow_tr_last ow_center">
            <th></th>
            <th></th>
        </tr>
        <tr class="ow_tr_last ow_center">
            <td>
                {input name='chartField'}{error name="chartField"}
            </td>
            <td>
                {submit name="submit" langLabel='iisgraph+display' }
            </td>
        </tr>
        </tbody>
    </table>
    {/form}

</div>
{/if}