{% extends 'index.html' %}
{% load static i18n %}
{% load i18n %}
{% load widget_tweaks %}
{% load mathfilters %}
{% load basefilters %}

{% block content %}

<section class="oh-wrapper oh-main__topbar" x-data="{searchShow: false}">
    <div class="oh-main__titlebar oh-main__titlebar--left">
        <h1 class="oh-main__titlebar-title fw-bold">{% trans "Objectives" %} </h1>
        <a class="oh-main__titlebar-search-toggle" role="button" aria-label="Toggle Search"
            @click="searchShow = !searchShow">
            <ion-icon name="search-outline" class="oh-main__titlebar-serach-icon"></ion-icon>
        </a>
    </div>
    <div class="oh-main__titlebar oh-main__titlebar--right">
        <div class="oh-main__titlebar-button-container">
            <!-- checking  user permission for objective creation -->
            {% if perms.pms.add_employeeobjective or request.user|filtersubordinates %}
                <div class="oh-btn-group ml-2">
                    <div>
                        <a href="{%url 'objective-creation' %}" class="oh-btn  oh-btn--secondary oh-btn--shadow"
                            style="text-decoration: none;">
                            <ion-icon name="add-outline"></ion-icon>
                            {% trans "Create" %}
                        </a>
                    </div>
                </div>
            {% endif %}
        </div>
    </div>
</section>

<div class="oh-wrapper">
    <div class="oh-empty">
        <img src="{% static 'images/ui/search.svg' %}" class="oh-404__image" alt="Page not found. 404." />
        <h1 class="oh-empty__title">{% trans "No Records found." %}</h1>
        <p class="oh-empty__subtitle">{% trans "No Objectives are available." %}</p>
    </div>
</div>
{% endblock %}
