{*

/**
 * Copyright (c) 2016, 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 $noUsername}
    {form name="mainForm"}
    <table class="ow_table_1 ow_form" style="margin: 0">
        <tbody>
        <tr class="ow_tr_first ow_center">
            <td class="ow_label">
                {label name='username'}
            </td>
            <td class="ow_value">
                {input name='username'}{error name="username"}
            </td>
        </tr>
        <tr class="ow_alt1 ow_center">
            <td class="ow_label">
                {label name='depth'}
            </td>
            <td class="ow_value">
                {input name='depth'}{error name="depth"}
            </td>
        </tr>
        <tr class="ow_tr_last ow_center">
            <td></td>
            <td>
                {submit name="submit" langLabel='iisgraph+display' }
            </td>
        </tr>
        </tbody>
    </table>
    {/form}
{else}
    {$userComponent}
    {if isset($lastCalculationDate)}
    <p class="motoshubgraphy_last_update_time">{text key='iisgraph+last_calculation_date'}: {$lastCalculationDate}</p>
    {/if}
    <div>
        <div id="legend" class="ow_box clearfix">
            {foreach from=$legendItems item='item'}
                <div class="legend-{$item.type} legend-{$item.color}">
                    {if $item.type='node'}
                    <span style="color:{$item.color};font-size: 24px;padding: 0 10px;">•</span>
                    {/if}
                    <span style="padding: 0 8px;">{$item.label}</span>
                </div>
            {/foreach}
        </div>
        <div id="network"></div>
    </div>
{/if}