{% extends 'index.html' %} {% block content %} {% load i18n %} {% load horillafilters %} {% load static %}

{% include "okr/key_result/kr_nav.html" %}

<div class="oh-wrapper">

    <div id="krs-container" >
      {% if krs %}
        {% if request.GET.view == 'list' %}
          {% include 'okr/key_result/kr_list.html' %}
        {% else %}
          {% include 'okr/key_result/kr_card.html' %}
        {% endif %}
      {% else %}
        <main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">
          <div class="oh-wrapper">
            <div class="oh-404">
                <img style="    width: 150px;height: 150px;" src="{% static 'images/ui/payment.png' %}" class="oh-404__image mb-4" alt="Page not found. 404."/>
                <h5 class="oh-404__subtitle">{% trans "There are currently no key results to consider." %}</h5>
            </div>
          </div>
        </main>
      {% endif %}
      </div>
    </div>
{% endblock content %}
