{% load i18n %}

{% if mode == "daily" %}
  <button type="button"
          hx-get="{% url 'htmx_calendar:daily' calendar_slug=calendar.slug %}"
          hx-target="#{{ calendar.slug }}-daily-grid"
          hx-swap="outerHTML"
          class="hidden px-3.5 text-sm font-semibold text-gray-900 hover:bg-gray-50 focus:relative md:block">
    {% trans "Today" %}
  </button>
{% elif mode == "weekly" %}
  <button type="button"
          hx-get="{% url 'htmx_calendar:weekly' calendar_slug=calendar.slug %}"
          hx-target="#{{ calendar.slug }}-weekly-grid"
          hx-swap="outerHTML"
          class="hidden px-3.5 text-sm font-semibold text-gray-900 hover:bg-gray-50 focus:relative md:block">
    {% trans "Today" %}
  </button>
{% elif mode == "monthly" %}
  <button type="button"
          hx-get="{% url 'htmx_calendar:monthly' calendar_slug=calendar.slug %}"
          hx-target="#{{ calendar.slug }}-monthly-grid"
          hx-swap="outerHTML"
          class="hidden px-3.5 text-sm font-semibold text-gray-900 hover:bg-gray-50 focus:relative md:block">
    {% trans "Today" %}
  </button>
{% elif mode == "yearly" %}
  <button type="button"
          hx-get="{% url 'htmx_calendar:yearly' calendar_slug=calendar.slug %}"
          hx-target="#{{ calendar.slug }}-yearly-grid"
          hx-swap="outerHTML"
          class="hidden px-3.5 text-sm font-semibold text-gray-900 hover:bg-gray-50 focus:relative md:block">
    {% trans "Today" %}
  </button>
{% endif %}