{% load static %}

<div id="sidebar">
    <div id="sidebar-logo">
        <a id="product-logo" href="/"></a><a id="product-name" href="/">InfiniMetrics</a>
    </div>
    <div id="system-info">
        <p><span>Name</span> {{ system }}</p>
        <p><span>Model</span> {{ system.model }}</p>
        <p><span>Serial</span> {{ serial }}</p>
        <p><span>Version</span> {{ system.get_version_display }}</p>
    </div>
    <ul>
        {% if system.is_internal_user or system.display_type == 'InfiniBox' %}
            <li id="sidebar-system" {% if monitored_entity.get_group_name == "System" %}class="active"{% endif %} title="{% if system.display_type == 'InfiniGuard'%}iBox {% endif %}System">
                <a href="{% url "system" serial %}"><i class="icon-system"></i> {% if system.display_type == 'InfiniGuard' %}iBox {% endif %}System</a>
            </li>
            <li {% if tab == 'Pools' %}class="active"{% endif %} title="Pools">
                <a href="{% url "pools" serial %}"><i class="icon-pool"></i> Pools</a>
            </li>
            <li {% if tab == 'Volumes' %}class="active"{% endif %} title="Volumes">
                <a href="{% url "volumes" serial %}"><i class="icon-volume"></i> Volumes</a>
            </li>
            <li {% if tab == 'Filesystems' %}class="active"{% endif %} title="Filesystems">
                <a href="{% url "filesystems" serial %}"><i class="icon-filesystem"></i> Filesystems</a>
            </li>
            {% if system.show_s3 %}
                <li {% if tab == 'S3 Buckets' %}class="active"{% endif %} title="Buckets">
                    <a href="{% url "s3_buckets" serial %}"><i class="icon-bucket"></i> Buckets</a>
                </li>
            {% endif %}
            <li {% if tab == 'Hosts' %}class="active"{% endif %} title="Hosts">
                <a href="{% url "hosts" serial %}"><i class="icon-host"></i> Hosts</a>
            </li>
            <li {% if tab == 'Clusters' %}class="active"{% endif %} title="Clusters">
                <a href="{% url "clusters" serial %}"><i class="icon-cluster"></i> Clusters</a>
            </li>
            <li id='nas-clients-sidebar' {% if tab == 'NAS Clients' %}class="active"{% endif %} title="NAS Clients" {% if not system.show_nas_clients %}style="display: none;"{% endif %}>
                <a href="{% url "nas_clients" serial %}"><i class="icon-client"></i> NAS Clients</a>
            </li>
            {% if system.has_replicas %}
                <li {% if tab == 'Replication' %}class="active"{% endif %} title="Replication">
                    <a href="{% url "replication_links" serial %}"><i class="icon-switch"></i> Replication</a>
                </li>
            {% endif %}
        {% endif %}
        {% if system.is_internal_user %}
            <li {% if tab == 'SSD Devices' %}class="active"{% endif %} title="SSD Devices">
                <a href="{% url "ssd_devices" serial %}"><i class="icon-hdd"></i> SSD Devices</a>
            </li>
        {% endif %}
        {% if system.display_type == 'InfiniGuard' %}
            <li id="sidebar-system" {% if tab == "InfiniGuard System" %}class="active"{% endif %} title="{% if system.is_internal_user %}iGuard {% endif %}System">
                <a href="{% url "infiniguard:system" serial %}"><i class="icon-system"></i> {% if system.is_internal_user %}iGuard {% endif %}System</a>
            </li>
            <li {% if tab == 'Dedup Engines' %}class="active"{% endif %} title="Dedup Engines">
                <a href="{% url "infiniguard:ddes" serial %}"><i class="icon-ddup"></i> Dedup Engines</a>
            </li>
            <li {% if tab == 'Clients' %}class="active"{% endif %} title="Clients">
                <a href="{% url "infiniguard:ost_clients" serial %}"><i class="icon-client"></i> Clients</a>
            </li>
            {% if system.has_shares %}
                <li {% if tab == 'Shares' %}class="active"{% endif %} title="Shares">
                    <a href="{% url "infiniguard:entities" serial 'monitoredsharestats' %}"><i class="icon-filesystem"></i> Shares</a>
                </li>
            {% endif %}
            {% if system.has_partitions %}
                <li {% if tab == 'Partitions' %}class="active"{% endif %} title="Partitions">
                    <a href="{% url "infiniguard:entities" serial 'monitoredpartitionstats' %}"><i class="icon-partition" style="font-size: 18px; margin-left:3px;"></i> Partitions</a>
                </li>
            {%  endif %}
        {% endif %}
        <li {% if tab == 'Settings' %}class="active"{% endif %} title="Settings">
            <a href="{% url "edit_system" serial %}"><i class="icon-settings"></i> Settings</a>
        </li>
        <li id="sidebar-all-systems" title="All Systems">
            <a href="{% url "systems" %}"><i class="icon-th-large"></i> All Systems</a>
        </li>
    </ul>
</div>