{% extends "base.html" %}
{% block content %}
<div class="page-header">
    <h1 class="page-title">Search</h1>
</div>

<form class="search-page-form" method="get" action="/search">
    <input type="text" name="q" value="{{ query }}" class="form-input" placeholder="Search tasks, projects, notes, contacts..." autofocus style="max-width: 600px;">
    <button type="submit" class="btn btn-primary">Search</button>
</form>

{% if query %}
<p class="text-muted mt-2">{{ results|length }} result{{ 's' if results|length != 1 }} for "{{ query }}"</p>
{% endif %}

{% if results %}
<div class="card mt-3">
    {% for item in results %}
    <div class="list-row">
        <span class="search-type-badge search-type-{{ item.type }}">{{ item.type_label }}</span>
        <span class="row-title"><a href="{{ item.url }}">{{ item.name }}</a></span>
        {% if item.context %}
        <span class="row-meta">{{ item.context }}</span>
        {% endif %}
        {% if item.status %}
        <span class="status-badge status-{{ item.status }}">{{ item.status|replace('_', ' ') }}</span>
        {% endif %}
    </div>
    {% endfor %}
</div>
{% elif query %}
<div class="empty-state mt-3">
    <div class="empty-state-icon">&#128269;</div>
    <div class="empty-state-text">No results found for "{{ query }}"</div>
</div>
{% endif %}
{% endblock %}