{% extends "base.html" %}
{% block content %}
<div class="space-y-10">
  {# Bills are the headline entity (see route): the landing page leads with
     them rather than an empty search prompt. #}
  {% if top_bills %}
    <section>
      <div class="flex items-baseline justify-between mb-3">
        <h1 class="text-2xl font-serif font-semibold text-stone-900">Top bills</h1>
        <a href="/bills" class="text-sm text-stone-500 hover:text-stone-900 underline">
          Browse all{% if bills_total %} {{ "{:,}".format(bills_total) }}{% endif %} bills &rarr;
        </a>
      </div>
      <ul class="grid gap-3 sm:grid-cols-2">
        {% for item in top_bills %}
          {% include "bills/_top_bill_card.html" %}
        {% endfor %}
      </ul>
    </section>
  {% endif %}

  {% if recent_bills %}
    <section>
      <div class="flex items-baseline justify-between mb-3">
        <h2 class="text-sm uppercase tracking-wide text-stone-500">Recently active</h2>
        <a href="/bills" class="text-sm text-stone-500 hover:text-stone-900 underline">More &rarr;</a>
      </div>
      <ul class="space-y-3">
        {% for b in recent_bills %}
          {% include "bills/_bill_card.html" %}
        {% endfor %}
      </ul>
    </section>
  {% endif %}

  <section class="border-t border-stone-200 pt-6 text-sm text-stone-600">
    <p>
      Or search the daily <strong>Congressional Record</strong> — results combine
      keyword and semantic match across 1995–present, alongside matching
      <a href="/members" class="underline hover:text-stone-900">members</a> and
      <a href="/votes" class="underline hover:text-stone-900">votes</a>.
    </p>
    <p class="text-stone-500 mt-2">
      Try: <em>bank regulation</em>, <em>Senator Warren on antitrust</em>,
      or jump straight to a bill with <em>HR 1</em>.
    </p>
  </section>
</div>
{% endblock %}