{% extends "base.html" %}
{% block title %}Menus | Er24 Ambulance{% endblock %}
{% block content %}
<h2>📁 Menu Options</h2>
<a href="{{ url_for('add_menu') }}" class="btn btn-sm btn-primary mb-3">➕ Add Option</a>

<table class="table table-bordered">
  <thead>
    <tr>
      <th>#</th>
      <th>Option</th>
      <th>Response</th>
      <th>Parent</th>
      <th>Actions</th>
    </tr>
  </thead>
  <tbody>
    {% for menu in menus %}
    <tr>
      <td>{{ loop.index }}</td>
      <td>{{ menu.option_text }}</td>
      <td>{{ menu.response_text or "—" }}</td>
      <td>{% if menu.parent %}🔗 {{ menu.parent.option_text }}{% else %}🌳 Root{% endif %}</td>
      <td>
        <a href="{{ url_for('edit_menu', menu_id=menu.id) }}" class="btn btn-sm btn-outline-secondary">✏️</a>
        <a href="{{ url_for('delete_menu', menu_id=menu.id) }}" class="btn btn-sm btn-outline-danger" onclick="return confirm('Delete this menu option?');">🗑️</a>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}