<div class="max-w-4xl mx-auto p-6">
  <div class="mb-6 flex justify-end items-center">
    <button
      type="button"
      hx-get="{{ url_for('menu_items.new_menu_item') }}"
      hx-target="#menu-item-form"
      hx-swap="innerHTML"
      class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
      <i class="fa fa-plus"></i> Add Menu Item
    </button>
  </div>

  {# Form container #}
  <div id="menu-item-form" class="mb-6"></div>

  {# Menu items list #}
  <div id="menu-items-list">
    {% include '_types/menu_items/_list.html' %}
  </div>
</div>
