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

{% block profile_title %}Resume{% endblock %}

{% block content %}
  {{ pc.profile_header(profile) }}

  {% call layout.horizontal_section("horizontal-section--grey horizontal-section--thin") %}
    <div class="package-summary">
      <p class="package-summary__text">Career history for {{ profile.profile.display_name or profile.identity.display_name }}</p>
    </div>
  {% endcall %}

  {% call layout.horizontal_section() %}
    <div class="project-layout">
      <aside class="project-layout__navigation">
        {{ navigation.vertical_tabs([
          {"id": "overview", "label": "Overview", "href": _base ~ "/"},
          {"id": "resume", "label": "Resume", "href": _base ~ "/resume"},
          {"id": "packages", "label": "Packages", "href": _base ~ "/packages"}
        ], active_id="resume", aria_label="Profile navigation") }}
      </aside>

      <div class="project-layout__content">
        {% call layout.card("Work experience", "project-panel") %}
          {% if profile.work_experience %}
            <div class="release-timeline">
              {% for entry in profile.work_experience %}
                {{ pc.work_entry(entry) }}
              {% endfor %}
            </div>
          {% else %}
            <p>No work experience listed.</p>
          {% endif %}
        {% endcall %}

        {% if profile.packages %}
          {% call layout.card("Package portfolio", "project-panel") %}
            <div class="file-list">
              {% for pkg in profile.packages[:5] %}
                {{ pc.package_card(pkg) }}
              {% endfor %}
            </div>
            {% if profile.packages | length > 5 %}
              <p style="margin-top: 0.75rem;">
                <a href="{{ _base }}/packages">View all {{ profile.packages | length }} packages →</a>
              </p>
            {% endif %}
          {% endcall %}
        {% endif %}

        {% if profile.projects %}
          {% call layout.card("Projects", "project-panel") %}
            <div class="file-list">
              {% for proj in profile.projects[:5] %}
                {{ pc.project_card(proj) }}
              {% endfor %}
            </div>
            {% if profile.projects | length > 5 %}
              <p style="margin-top: 0.75rem;">
                <a href="{{ _base }}/projects">View all {{ profile.projects | length }} projects →</a>
              </p>
            {% endif %}
          {% endcall %}
        {% endif %}
      </div>

      <aside class="project-layout__sidebar">
        {% call layout.sidebar_section("Availability") %}
          {{ pc.hiring_panel(profile.hiring) }}
        {% endcall %}

        {% if profile.packages %}
          {% call layout.sidebar_section("Portfolio") %}
            <p class="sidebar-copy">{{ profile.packages | length }} package(s) on PyPI</p>
            {% if profile.projects %}
              <p class="sidebar-copy">{{ profile.projects | length }} project(s) listed</p>
            {% endif %}
            <p class="sidebar-copy"><a href="{{ _base }}/packages">Browse all packages →</a></p>
          {% endcall %}
        {% endif %}
      </aside>
    </div>
  {% endcall %}
{% endblock %}