Я хочу запустить цикл for для каждого тега li и добавить содержимое динамически из бэкенда django.

Я создал навигационную панель и контент может быть добавлен из бекенда, но только главная навигационная панель показывает иконку, а другие навигационные панели имеют ту же иконку. Я хочу добавить другую навигационную панель с другой иконкой. и хочу выполнить условия if, elif и else. пожалуйста, помогите мне, как использовать if elif и else динамически.

инициальный HTML без динамического содержимого

<!-- Nav Links -->
      <li class="nav-item">
        <a class="nav-link fs-5" href="#समाचार">
          <i class="fas fa-address-book mr-1">
          </i>समाचार
        </a>
      </li>
      <li class="nav-item active">
        <a class="nav-link fs-5" href="/">
          <i class="fas fa-home mr-1"></i>
          होमपेज
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link fs-5" href="#भिडियो">
          <i class="far fa-clone mr-1">
          </i>भिडियो
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link fs-5" href="#विजनेस">
          <i class="far fa-calendar-alt mr-1">
          </i>विजनेस
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link fs-5" href="#ग्यालरी">
          <i class="far fa-chart-bar mr-1">
          </i>ग्यालरी
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link fs-5" href="#प्रोफाइल">
          <i class="far fa-copy mr-1">
          </i>प्रोफाइल
        </a>
      </li>

Динамический бэкенд добавил HTML, который должен быть изменен для работы:

{% for i in nav_data %}
      {% if forloop.first %}  
      <li class="nav-item active">
        <a class="nav-link fs-5" href="/">
          <i class="fas fa-home mr-1"></i>
          {{i.name}}
        </a>
      </li>
      {% elif forloop.first %}
      <a class="nav-link fs-5" href="/">
        <i class="fas fa-home mr-1"></i>
        {{i.name}}
      </a>
      {% else %} 
      <li class="nav-item">
        <a class="nav-link fs-5" href="#भिडियो">
          <i class="far fa-clone mr-1">
          </i>{{i.name}}
        </a>
      </li>
      {% endif %}
      {% endfor %}
  

*Примечание: необходимо использовать условия if, elif и else в каждом li и i.name должно давать значение из бэкенда в порядке возрастания.

необходимо создать модель, которая должна зацикливаться внутри HTML, как указано ниже. Позже нужно установить имя класса из бэкенда, что позволит генерировать различные иконки

Вернуться на верх