{% if logged_in %}

  <button class="p-12"
          hx-post="/api/logout"
          hx-target="#nota">
      😎
  </button>

{% else %}

  <button class="p-12"
          hx-get="/api/nota?value={{value or ''}}"
          hx-target="#nota"
          hx-swap="innerHTML"
          hx-include="#nota-input">
      ♫
  </button>

  {% if value %}
    <div class="p-12">
        {{ value }}
    </div>
    <button class="p-12"
            hx-get="/api/nota?value={{value or ''}}"
            hx-target="#nota"
            hx-swap="innerHTML"
            hx-include="#nota-input">
        ♫
    </button>
  {% endif %}

{% endif %}
