{% extends "pypi_profile/base.html" %}
{% import "pypi_ds/components/layout.html" as layout %}
{% import "pypi_ds/components/feedback.html" as feedback %}
{% import "pypi_ds/components/navigation.html" as navigation %}

{% block profile_title %}Search Profiles{% endblock %}

{% block content %}
  {% call layout.horizontal_section("horizontal-section--grey horizontal-section--thin") %}
    <div class="package-summary">
      <form method="get" action="{{ _base }}/profiles/search" style="display:flex;gap:0.5rem;align-items:center;">
        <input
          type="search"
          name="q"
          value="{{ query | e }}"
          placeholder="Search by name, username, summary, location…"
          style="flex:1;padding:0.4rem 0.6rem;font-size:1rem;"
          autofocus
        >
        <button type="submit" class="button button--primary">Search</button>
      </form>
    </div>
  {% endcall %}

  {% call layout.horizontal_section() %}
    <div class="project-layout">
      <aside class="project-layout__navigation">
        {{ navigation.vertical_tabs([
          {"id": "profiles", "label": "All Profiles", "href": _base ~ "/profiles"},
          {"id": "search", "label": "Search", "href": _base ~ "/profiles/search"}
        ], active_id="search", aria_label="Profile hub navigation") }}
      </aside>

      <div class="project-layout__content">
        {% call layout.card("Search Results", "project-panel") %}
          {% if query %}
            <p class="lede-paragraph">
              {% if results %}
                {{ results | length }} result(s) for <strong>{{ query | e }}</strong>
              {% else %}
                No profiles matched <strong>{{ query | e }}</strong>.
              {% endif %}
            </p>
          {% endif %}

          {% if results %}
            <div class="file-list">
              {% for prof in results %}
                <article class="file-card">
                  <div class="file-card__body">
                    <h3 class="file-card__title">{{ prof.display_name or prof.pypi_username }}</h3>
                    <p class="file-card__meta">
                      Package: <strong>{{ prof.package_name }}</strong>
                      &nbsp;·&nbsp;
                      {% if prof.kind == "individual" %}
                        {{ feedback.status_badge("Individual", tone="good") }}
                      {% else %}
                        {{ feedback.status_badge(prof.kind | title, tone="unknown") }}
                      {% endif %}
                    </p>
                    {% if prof.summary %}
                      <p>{{ prof.summary }}</p>
                    {% endif %}
                    <p class="file-card__meta">
                      {% if prof.location %}{{ prof.location }} &nbsp;·&nbsp;{% endif %}
                      {{ prof.package_count }} package(s)
                    </p>
                    <p class="file-card__meta">
                      <a href="{{ prof.profile_url }}">View pypi-profile</a>
                      {% if prof.pypi_username %}
                        &nbsp;·&nbsp;
                        <a href="https://pypi.org/user/{{ prof.pypi_username }}/">PyPI</a>
                      {% endif %}
                    </p>
                  </div>
                </article>
              {% endfor %}
            </div>
          {% elif not query %}
            <p>Enter a search term above to find profiles.</p>
          {% endif %}
        {% endcall %}
      </div>

      <aside class="project-layout__sidebar">
        {% call layout.sidebar_section("Hub") %}
          <p><a href="{{ _base }}/profiles">All profiles →</a></p>
        {% endcall %}
      </aside>
    </div>
  {% endcall %}
{% endblock %}