{% extends "base.html" %}
{% block content %}
<div class="container mt-4">
  <h3 class="mb-3">📌 Route Discovery</h3>

  <!-- Search Filter -->
  <form method="get" class="mb-3">
    <input type="text" name="search" class="form-control" placeholder="Filter by endpoint or URL..." value="{{ search or '' }}">
  </form>

  <form method="POST" action="{{ url_for('admin.generate_submenus') }}">
    <div class="table-responsive">
      <table class="table table-bordered table-hover align-middle">
        <thead class="table-primary sticky-top">
          <tr>
            <th style="width: 40px;">✔</th>
            <th>Endpoint</th>
            <th>URL</th>
            <th>Methods</th>
            <th>Suggested Submenu Name</th>
          </tr>
        </thead>
        <tbody>
          {% for r in routes.items %}
          <tr class="{% if r.assigned %}table-success{% endif %}">
            <td><input type="checkbox" name="selected_routes" value="{{ r.endpoint }}||{{ r.url }}" {% if r.assigned %}disabled{% endif %}></td>
            <td>
              <code>{{ r.endpoint }}</code>
              {% if r.assigned %}
                <br><small class="text-success">✅ Assigned to {{ r.menu_name or 'Unknown Menu' }}</small>
              {% endif %}
            </td>
            <td>{{ r.url }}</td>
            <td><span class="badge bg-secondary">{{ r.methods | join(', ') }}</span></td>
            <td>
              <input type="text" name="name_{{ r.endpoint }}" class="form-control" placeholder="Submenu name (optional)">
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>

    <div class="d-flex justify-content-between align-items-center mt-3">
      <button type="submit" class="btn btn-success">➕ Add Selected Routes</button>

      <!-- Pagination Controls -->
      <nav>
        <ul class="pagination mb-0">
          {% if routes.has_prev %}
          <li class="page-item">
            <a class="page-link" href="{{ url_for('admin.route_discovery', page=routes.prev_num, search=search) }}">← Prev</a>
          </li>
          {% endif %}
          <li class="page-item disabled"><span class="page-link">Page {{ routes.page }} of {{ routes.pages }}</span></li>
          {% if routes.has_next %}
          <li class="page-item">
            <a class="page-link" href="{{ url_for('admin.route_discovery', page=routes.next_num, search=search) }}">Next →</a>
          </li>
          {% endif %}
        </ul>
      </nav>
    </div>
  </form>
</div>
{% endblock %}