{% extends "base.html" %}
{% block title %}Search — {{ project.name }} — Fossilrepo{% endblock %}

{% block content %}
<h1 class="text-2xl font-bold text-gray-100 mb-2">{{ project.name }}</h1>
{% include "fossil/_project_nav.html" %}

<form method="get" class="mb-6">
  <div class="flex gap-2">
    <input type="text" name="q" value="{{ query }}" placeholder="Search checkins, tickets, wiki..."
           class="flex-1 rounded-md border-gray-700 bg-gray-800 text-gray-100 shadow-sm focus:border-brand focus:ring-brand sm:text-sm px-4 py-2"
           autofocus>
    <button type="submit" class="rounded-md bg-brand px-4 py-2 text-sm font-semibold text-white hover:bg-brand-hover">Search</button>
  </div>
</form>

{% if results %}
<div class="space-y-6">
  {% if results.checkins %}
  <div>
    <h3 class="text-sm font-semibold text-gray-300 uppercase tracking-wider mb-2">Checkins ({{ results.checkins|length }})</h3>
    <div class="rounded-lg bg-gray-800 border border-gray-700 divide-y divide-gray-700">
      {% for c in results.checkins %}
      <div class="px-4 py-3">
        <a href="{% url 'fossil:checkin_detail' slug=project.slug checkin_uuid=c.uuid %}" class="text-sm text-gray-200 hover:text-brand-light">{{ c.comment|truncatechars:100 }}</a>
        <div class="mt-0.5 flex items-center gap-3 text-xs text-gray-500">
          <a href="{% url 'fossil:user_activity' slug=project.slug username=c.user %}" class="hover:text-gray-300">{{ c.user }}</a>
          <a href="{% url 'fossil:checkin_detail' slug=project.slug checkin_uuid=c.uuid %}" class="font-mono text-brand-light">{{ c.uuid|truncatechars:10 }}</a>
          <span>{{ c.timestamp|timesince }} ago</span>
        </div>
      </div>
      {% endfor %}
    </div>
  </div>
  {% endif %}

  {% if results.tickets %}
  <div>
    <h3 class="text-sm font-semibold text-gray-300 uppercase tracking-wider mb-2">Tickets ({{ results.tickets|length }})</h3>
    <div class="rounded-lg bg-gray-800 border border-gray-700 divide-y divide-gray-700">
      {% for t in results.tickets %}
      <div class="px-4 py-3 flex items-center justify-between">
        <a href="{% url 'fossil:ticket_detail' slug=project.slug ticket_uuid=t.uuid %}" class="text-sm text-brand-light hover:text-brand">{{ t.title }}</a>
        <span class="text-xs text-gray-500">{{ t.status }}</span>
      </div>
      {% endfor %}
    </div>
  </div>
  {% endif %}

  {% if results.wiki %}
  <div>
    <h3 class="text-sm font-semibold text-gray-300 uppercase tracking-wider mb-2">Wiki Pages ({{ results.wiki|length }})</h3>
    <div class="rounded-lg bg-gray-800 border border-gray-700 divide-y divide-gray-700">
      {% for w in results.wiki %}
      <div class="px-4 py-3">
        <a href="{% url 'fossil:wiki_page' slug=project.slug page_name=w.name %}" class="text-sm text-brand-light hover:text-brand">{{ w.name }}</a>
      </div>
      {% endfor %}
    </div>
  </div>
  {% endif %}

  {% if not results.checkins and not results.tickets and not results.wiki %}
  <p class="text-sm text-gray-500 text-center py-8">No results for "{{ query }}"</p>
  {% endif %}
</div>
{% elif query %}
<p class="text-sm text-gray-500 text-center py-8">No results for "{{ query }}"</p>
{% endif %}
{% endblock %}