{% extends 'index.html' %} {% block content %} {% load static %} {% load i18n %}
<section class="oh-wrapper oh-main__topbar" x-data="{searchShow: false}">
    <div class="oh-main__titlebar oh-main__titlebar--left">
        <div class="oh-main__titlebar-title fw-bold mb-0 text-dark" style="cursor: pointer">
            {% trans "Stage" %}
        </div>
    </div>

    <div class="oh-main__titlebar oh-main__titlebar--right">
        <div class="oh-main__titlebar-button-container">
            <div class="oh-dropdown" x-data="{open: false}">
                {% if perms.recruitment.add_stage %}
                    <button hx-get="{% url 'rec-stage-create' %}" hx-target="#objectCreateModalTarget"
                        class="oh-btn oh-btn--secondary ml-2" data-toggle="oh-modal-toggle"
                        data-target="#objectCreateModal">
                        <ion-icon name="add" class="mr-1"></ion-icon>{% trans "Create" %}
                    </button>
                {% endif %}
            </div>
        </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 recruitment stages are currently available." %} </p>
    </div>
</div>

{% endblock content %}