{% load i18n %}
{% load static %}
{% load rapp_filter %}

<aside class="eenos-sidebar">
  <div class="eenos-brand">
    <a href="{% url 'dashboard' %}" class="eenos-brand-link" aria-label="Eenos">
  
      {% if request.session.branding.HaveSettings %}
      <img src="{{ request.session.branding.settings.logo }}" alt="{{ request.session.branding.settings.company|default:'Eenos' }}" class="eenos-logo eenos-logo-large" />
  
      <img src="{{ request.session.branding.settings.logosmall }}" alt="{{ request.session.branding.settings.company|default:'Eenos' }}" class="eenos-logo eenos-logo-small" />
      {% else %}
      <img src="{% get_static_prefix %}{{theme}}/images/logos/logo-light.png" alt="Eenos" class="eenos-logo eenos-logo-large" />
  
      <img src="{% get_static_prefix %}{{theme}}/images/logos/eenos-logo-sidebar.svg" alt="Eenos" class="eenos-logo eenos-logo-small" />
      {% endif %}
  
    </a>
  </div>
  

  <div class="eenos-sidebar-body">

    <div class="eenos-menu-search">
      <div class="eenos-menu-search-input">
        <i data-lucide="search"></i>

        <input type="search"
               id="eenosMenuSearch"
               placeholder="{% translate 'Search menu...' %}"
               autocomplete="off" />
      </div>

      <button type="button"
              class="eenos-menu-search-collapsed"
              id="eenosMenuSearchCollapsed"
              aria-label="{% translate 'Search menu' %}">
        <i data-lucide="search"></i>
      </button>
    </div>

    <div id="eenosCollapsedSearchPanel"
         class="eenos-collapsed-search-panel">

      <div class="eenos-collapsed-search-header">
        <i data-lucide="search"></i>
        <span>{% translate "Search" %}</span>
      </div>

      <div class="eenos-collapsed-search-input">
        <input type="search"
               id="eenosCollapsedSearchInput"
               placeholder="{% translate 'Search menu...' %}"
               autocomplete="off" />
      </div>

      <div id="eenosCollapsedSearchResults"
           class="eenos-collapsed-search-results"></div>
    </div>

    <nav id="eenosSidebarMenu">

      <a href="{% url 'dashboard' %}"
         class="eenos-menu-item {% if request.path|slice:'3:' == '/dashboard/' %}active{% endif %}">
        <i data-lucide="layout-dashboard"></i>
        <span>{% translate "Dashboard" %}</span>
      </a>

      <div class="eenos-menu-section">
        {% translate "Eenos" %}
      </div>

      <div class="eenos-menu-group">
        <button type="button"
                class="eenos-menu-item eenos-menu-parent">
          <i data-lucide="settings"></i>
          <span>{% translate "Preferences" %}</span>
          <i data-lucide="chevron-right"
             class="eenos-menu-arrow"></i>
        </button>

        <div class="eenos-submenu">
          <a href="{% url 'mynameservers' %}"
             class="eenos-menu-item">
            <span>{% translate "My NameServers" %}</span>
          </a>

          {% if request.session.tweaksettings.resellerbranding == 'on' %}
            <a href="{% url 'branding' %}"
               class="eenos-menu-item">
              <span>{% translate "My Branding" %}</span>
            </a>
          {% endif %}
        </div>
      </div>

      <div class="eenos-menu-group">
        <button type="button"
                class="eenos-menu-item eenos-menu-parent">
          <i data-lucide="braces"></i>
          <span>{% translate "API" %}</span>
          <i data-lucide="chevron-right"
             class="eenos-menu-arrow"></i>
        </button>

        <div class="eenos-submenu">
          <a href="{% url 'api_manager' %}"
             class="eenos-menu-item">
            <span>{% translate "API Manager" %}</span>
          </a>
        </div>
      </div>

      {% if request.session.branding.HaveMenu %}
        <div class="eenos-menu-section">
          {% translate "Provider" %}
        </div>

        <div class="eenos-menu-group">
          <button type="button"
                  class="eenos-menu-item eenos-menu-parent">
            <i data-lucide="building-2"></i>

            {% if request.session.branding.settings.company %}
              <span>
                {{ request.session.branding.settings.company|truncatechars:24 }}
              </span>
            {% else %}
              <span>{% translate "Company Links" %}</span>
            {% endif %}

            <i data-lucide="chevron-right"
               class="eenos-menu-arrow"></i>
          </button>

          <div class="eenos-submenu">
            {% for menu,link in request.session.branding.menus.items %}
              <a href="{{ link }}"
                 target="_blank"
                 class="eenos-menu-item">
                <span>{{ menu|truncatechars:24 }}</span>
              </a>
            {% endfor %}
          </div>
        </div>
      {% endif %}

      <div class="eenos-menu-section">
        {% translate "Hosting" %}
      </div>

      <div class="eenos-menu-group">
        <button type="button"
                class="eenos-menu-item eenos-menu-parent">
          <i data-lucide="users"></i>
          <span>{% translate "User Accounts" %}</span>
          <i data-lucide="chevron-right"
             class="eenos-menu-arrow"></i>
        </button>

        <div class="eenos-submenu">
          <a href="{% url 'listuser' %}"
             class="eenos-menu-item">
            <span>{% translate "List Accounts" %}</span>
          </a>

          <a href="{% url 'createuser' %}"
             class="eenos-menu-item">
            <span>{% translate "Create User" %}</span>
          </a>

          <a href="{% url 'editselect' %}"
             class="eenos-menu-item">
            <span>{% translate "Modify Account" %}</span>
          </a>

          <a href="{% url 'suspenduser' %}"
             class="eenos-menu-item">
            <span>{% translate "Suspend or Unsuspend" %}</span>
          </a>

          <a href="{% url 'changepassword' %}"
             class="eenos-menu-item">
            <span>{% translate "Change Password" %}</span>
          </a>

          <a href="{% url 'changeplan' %}"
             class="eenos-menu-item">
            <span>{% translate "Upgrade or Downgrade" %}</span>
          </a>

          <a href="{% url 'terminate' %}"
             class="eenos-menu-item">
            <span>{% translate "Terminate Account" %}</span>
          </a>

          {% if request.session.tweaksettings.resellerchain == 'on' %}
            <a href="{% url 'makereseller' %}"
               class="eenos-menu-item">
              <span>{% translate "Make Reseller" %}</span>
            </a>
          {% endif %}
        </div>
      </div>

      {% if request.session.tweaksettings.resellerchain == 'on' %}
        <div class="eenos-menu-group">
          <button type="button"
                  class="eenos-menu-item eenos-menu-parent">
            <i data-lucide="user-round-cog"></i>
            <span>{% translate "Resellers" %}</span>
            <i data-lucide="chevron-right"
               class="eenos-menu-arrow"></i>
          </button>

          <div class="eenos-submenu">
            <a href="{% url 'listreseller' %}"
               class="eenos-menu-item">
              <span>{% translate "List Resellers" %}</span>
            </a>

            <a href="{% url 'resellersub' %}"
               class="eenos-menu-item">
              <span>{% translate "View Sub Accounts" %}</span>
            </a>

            <a href="{% url 'resellerns' %}"
               class="eenos-menu-item">
              <span>{% translate "Reseller Name Servers" %}</span>
            </a>

            <a href="{% url 'reseller_suspend' %}"
               class="eenos-menu-item">
              <span>{% translate "Suspend or Unsuspend" %}</span>
            </a>

            <a href="{% url 'reseller_terminate' %}"
               class="eenos-menu-item">
              <span>{% translate "Terminate Reseller" %}</span>
            </a>
          </div>
        </div>
      {% endif %}

      <div class="eenos-menu-group">
        <button type="button"
                class="eenos-menu-item eenos-menu-parent">
          <i data-lucide="package"></i>
          <span>{% translate "Packages" %}</span>
          <i data-lucide="chevron-right"
             class="eenos-menu-arrow"></i>
        </button>

        <div class="eenos-submenu">
          <a href="{% url 'listpkg' %}"
             class="eenos-menu-item">
            <span>{% translate "List Packages" %}</span>
          </a>

          <a href="{% url 'addpkg' %}"
             class="eenos-menu-item">
            <span>{% translate "Add Package" %}</span>
          </a>
        </div>
      </div>

      <div class="eenos-menu-group">
        <button type="button"
                class="eenos-menu-item eenos-menu-parent">
          <i data-lucide="list-checks"></i>
          <span>{% translate "Features" %}</span>
          <i data-lucide="chevron-right"
             class="eenos-menu-arrow"></i>
        </button>

        <div class="eenos-submenu">
          <a href="{% url 'listfeature' %}"
             class="eenos-menu-item">
            <span>{% translate "List Features" %}</span>
          </a>

          <a href="{% url 'addfeature' %}"
             class="eenos-menu-item">
            <span>{% translate "Add Feature" %}</span>
          </a>
        </div>
      </div>

      <div class="eenos-menu-section">
        {% translate "Resources" %}
      </div>

      <div class="eenos-menu-group">
        <button type="button"
                class="eenos-menu-item eenos-menu-parent">
          <i data-lucide="gauge"></i>
          <span>{% translate "Bandwidth Manager" %}</span>
          <i data-lucide="chevron-right" class="eenos-menu-arrow"></i>
        </button>
        <div class="eenos-submenu">
          <a href="{% url 'bandwidth_usage' %}" class="eenos-menu-item">
            <span>{% translate "Bandwidth Usage" %}</span>
          </a>
        </div>
      </div>

      <div class="eenos-menu-group">
        <button type="button"
                class="eenos-menu-item eenos-menu-parent">
          <i data-lucide="hard-drive"></i>
          <span>{% translate "Disk Quota Usage" %}</span>
          <i data-lucide="chevron-right" class="eenos-menu-arrow"></i>
        </button>
        <div class="eenos-submenu">
          <a href="{% url 'disk_usage' %}" class="eenos-menu-item">
            <span>{% translate "Disk Usage" %}</span>
          </a>
        </div>
      </div>

      {% if request.session.backup_settings.status == 'on' %}
        <div class="eenos-menu-section">
          {% translate "Backups" %}
        </div>

        <div class="eenos-menu-group">
          <button type="button"
                  class="eenos-menu-item eenos-menu-parent">
            <i data-lucide="hard-drive-download"></i>
            <span>{% translate "Manage Backups" %}</span>
            <i data-lucide="chevron-right"
               class="eenos-menu-arrow"></i>
          </button>

          <div class="eenos-submenu">
            {% if request.session.backup_settings.resellerpool == 'on' %}
              <a href="{% url 'backup_pools' %}"
                 class="eenos-menu-item">
                <span>{% translate "Storage Pools" %}</span>
              </a>
            {% endif %}

            {% if request.session.backup_settings.resellerschedule == 'on' %}
              <a href="{% url 'backup_schedule' %}"
                 class="eenos-menu-item">
                <span>{% translate "Backup Schedules" %}</span>
              </a>
            {% endif %}

            <a href="{% url 'backup_restore' %}"
               class="eenos-menu-item">
              <span>{% translate "Restore Backups" %}</span>
            </a>
          </div>
        </div>
      {% endif %}

      <div class="eenos-menu-section">
        {% translate "Security" %}
      </div>
      <div class="eenos-menu-group">
        <button type="button"
                class="eenos-menu-item eenos-menu-parent">
          <i data-lucide="lock-keyhole"></i>
          <span>{% translate "SSL/TLS" %}</span>
          <i data-lucide="chevron-right"
             class="eenos-menu-arrow"></i>
        </button>
        
        <div class="eenos-submenu">
          <a href="{% url 'ssl_domains' %}"
             class="eenos-menu-item">
            <span>{% translate "Manage SSL Hosts" %}</span>
          </a>

          <a href="{% url 'ssl_csr' %}"
             class="eenos-menu-item">
            <span>{% translate "Signing Requests (CSR)" %}</span>
          </a>

          <a href="{% url 'ssl_csr_create' %}"
             class="eenos-menu-item">
            <span>{% translate "Generate CSR" %}</span>
          </a>

          <a href="{% url 'ssl_commercial' %}"
             class="eenos-menu-item">
            <span>{% translate "Install SSL Certificate" %}</span>
          </a>
        </div>
      </div>

      <div class="eenos-menu-section">
        {% translate "Tools" %}
      </div>

      <div class="eenos-menu-group">
        <button type="button"
                class="eenos-menu-item eenos-menu-parent">
          <i data-lucide="terminal"></i>
          <span>{% translate "SSH" %}</span>
          <i data-lucide="chevron-right"
             class="eenos-menu-arrow"></i>
        </button>

        <div class="eenos-submenu">
          <a href="{% url 'ssh_authorized_keys' %}"
             class="eenos-menu-item">
            <span>{% translate "Authorized Keys" %}</span>
          </a>

          <a href="{% url 'ssh_add_authorized_keys' %}"
             class="eenos-menu-item">
            <span>{% translate "Add Authorized Key" %}</span>
          </a>

          <a href="{% url 'ssh_list_keys' %}"
             class="eenos-menu-item">
            <span>{% translate "List SSH Keys" %}</span>
          </a>

          <a href="{% url 'ssh_create_keys' %}"
             class="eenos-menu-item">
            <span>{% translate "Create SSH Key Pair" %}</span>
          </a>

          <a href="{% url 'ssh_import_keys' %}"
             class="eenos-menu-item">
            <span>{% translate "Import SSH Keys" %}</span>
          </a>
        </div>
      </div>

      <div class="eenos-menu-section">
        {% translate "System" %}
      </div>

      <div class="eenos-menu-group">
        <button type="button"
                class="eenos-menu-item eenos-menu-parent">
          <i data-lucide="history"></i>
          <span>{% translate "Activity Logs" %}</span>
          <i data-lucide="chevron-right"
             class="eenos-menu-arrow"></i>
        </button>

        <div class="eenos-submenu">
          <a href="{% url 'audit_activity' %}"
             class="eenos-menu-item">
            <span>{% translate "Recent Activity" %}</span>
          </a>
        </div>
      </div>

      {% haveapps as have_apps %}

      {% if have_apps != None %}
        <div class="eenos-menu-section">
          {% translate "Applications" %}
        </div>

        <div class="eenos-menu-group">
          <button type="button"
                  class="eenos-menu-item eenos-menu-parent">
            <i data-lucide="blocks"></i>
            <span>{% translate "My Apps" %}</span>
            <i data-lucide="chevron-right"
               class="eenos-menu-arrow"></i>
          </button>

          <div class="eenos-submenu">
            {% for app,config in have_apps.items %}
              {% if config.type == "python" %}
                <a href="/{{ LANGUAGE_CODE }}/{{ config.url }}"
                   class="eenos-menu-item"
                   {% if config.open_new_window == "on" %}target="_blank"{% endif %}>
                  <span>{{ config.menu|truncatechars:24 }}</span>
                </a>
              {% else %}
                <a href="{{ config.url }}"
                   class="eenos-menu-item"
                   {% if config.open_new_window == "on" %}target="_blank"{% endif %}>
                  <span>{{ config.menu|truncatechars:24 }}</span>
                </a>
              {% endif %}
            {% endfor %}
          </div>
        </div>
      {% endif %}

      <div class="eenos-menu-section">
        {% translate "My Account" %}
      </div>

      <div class="eenos-menu-group">
        <button type="button"
                class="eenos-menu-item eenos-menu-parent">
          <i data-lucide="user-cog"></i>
          <span>{% translate "My Account" %}</span>
          <i data-lucide="chevron-right"
             class="eenos-menu-arrow"></i>
        </button>

        <div class="eenos-submenu">
          <a href="{% url 'change_password' %}"
             class="eenos-menu-item">
            <span>{% translate "Change Password" %}</span>
          </a>

          <a href="{% url 'change_language' %}"
             class="eenos-menu-item">
            <span>{% translate "Set Default Language" %}</span>
          </a>

          <a href="{% url 'change_theme' %}"
             class="eenos-menu-item">
            <span>{% translate "Set Default Theme" %}</span>
          </a>
        </div>
      </div>

    </nav>
  </div>

  <div class="eenos-sidebar-footer">
    <div class="eenos-sidebar-meta">
      <div class="eenos-sidebar-meta-avatar">
        <i data-lucide="user-round"></i>
      </div>

      <div class="eenos-sidebar-meta-content">
        <span class="eenos-sidebar-meta-label">{% translate "Signed in as" %}</span>
        <span class="eenos-sidebar-meta-user">{{ request.session.user }}</span>
        <div class="eenos-sidebar-meta-ip">
          <i data-lucide="map-pin"></i>
          <span>{{ request.session.login_ip }}</span>
        </div>
      </div>
    </div>
  </div>

</aside>