\n
\n {% extends "base.html" %}\n{% load i18n bootstrap5 groplay %}\n\n{% block content_container %}\n<div class="row">\n <div class="col-12 col-md-4 col-lg-3 border-right py-3">\n <div class="help-menu">\n <div class="row">\n <div class="col">\n {% bootstrap_field form.search show_label=False %}\n </div>\n <div class="col-auto">\n <button id="help-search-button" type="submit" class="btn btn-primary" data-action="{% url "help:search" %}">\n {% translate "Search" %}\n </button>\n </div>\n </div>\n\n <p class="d-md-none">\n <a href="#help-menu-items" class="collapsed" data-bs-toggle="collapse" aria-expanded="false" aria-controls="help-menu-items">\n {% translate "All Articles" %}\n <i class="icon fas collapse-caret"></i>\n </a>\n </p>\n\n <div id="help-menu-items" class="collapse d-md-block">\n {% for category in categories %}\n <p class="lead border-bottom mb-1">{{ category.name }}</p>\n <ul>\n {% for article in category.articles %}\n <li>\n {% url "help:article" slug=article.slug as url %}\n <a class="body-color" data-active-if-path-startswith="{{ url }}" href="{{ url }}">\n {{ article.title }}\n </a>\n {% if article.anchors %}\n <ul>\n {% for anchor in article.anchors %}\n <li><a class="body-color" data-scroll-to="#{{ anchor.id }}" href="#">{{ anchor.text }}</a></li>\n {% endfor %}\n </ul>\n {% endif %}\n </li>\n {% endfor %}\n </ul>\n {% endfor %}\n </div>\n\n </div>\n </div>\n\n <div class="col-12 col-md-8 col-lg-9">\n {{ block.super }}\n </div>\n</div>\n{% endblock content_container %}\n\n{% block before_content %}\n<div id="search-results"></div>\n{% endblock before_content %}\n\n
\n