{% extends 'index.html' %}
{% block content %}
{% load i18n %}
{% load static %}
<main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">
  <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 "Filing Status" %}</h1>
      </div>
      <div class="oh-main__titlebar oh-main__titlebar--right">
          <div class="oh-main__titlebar-button-container">
              <div class="oh-btn-group ml-2">
                  <div>
                      <a  class="oh-btn oh-btn--secondary oh-btn--shadow"
                          data-toggle="oh-modal-toggle"
                          data-target="#objectCreateModal"
                          hx-get = "{% url 'create-filing-status' %}"
                          hx-target="#objectCreateModalTarget"
                      >
                          <ion-icon class="me-2" name="add-outline"></ion-icon>{% trans "Create" %}</a>
                  </div>
              </div>
          </div>

</main>

<div
class="oh-wrapper-main"
>
  <main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">

    <div class="oh-wrapper">
      <div class="oh-404">
          <img style="    width: 190px;height: 190px;" src="{% static 'images/ui/tax.png' %}" class="oh-404__image mb-4" alt="Page not found. 404."/>
          <h5 class="oh-404__subtitle">{% trans "No tax filing status has been recorded." %}</h5>
      </div>
    </div>
  </main>
</div>
</div>

{% endblock content %}
