{% extends "base.html" %}
{% block title %}{{ t('boards.search_boards', 'Search Boards') }} — {{ config.BBS_NAME }}{% endblock %}

{% block content %}
<div class="container my-3">
    <h2><i class="bi bi-search"></i> {{ t('boards.search_boards', 'Search Boards') }}</h2>
    <form method="get" class="mb-3">
        <div class="input-group" style="max-width:560px;">
            <input type="text" name="q" value="{{ q }}"
                   class="form-control" autofocus
                   placeholder="{{ t('boards.search_full_placeholder', 'Search post subjects and bodies…') }}">
            <button class="btn btn-primary">{{ t('boards.search', 'Search') }}</button>
        </div>
        <div class="form-text">{{ t('boards.search_help', 'Minimum 2 characters. Up to 100 results.') }}</div>
    </form>

    {% if q and not results %}
    <div class="alert alert-info">{{ t('boards.no_matches', 'No matches for') }} <code>{{ q }}</code>.</div>
    {% endif %}

    {% if results %}
    <p class="text-muted small">{{ t('boards.matches_for_one' if results|length == 1 else 'boards.matches_for', '{count} match(es) for', count=results|length) }} <code>{{ q }}</code>:</p>
    <ul class="list-group">
        {% for post, board in results %}
        <li class="list-group-item">
            <a href="{{ url_for('boards.view_post', post_id=post.id) }}">
                <strong>{{ post.subject }}</strong>
            </a>
            <span class="text-muted small ms-2">
                {{ t('boards.in', 'in') }} {{ board.name }} •
                {{ t('boards.by', 'by') }} {{ post.author.username if post.author else '?' }} •
                {{ post.created_at|eastern('%Y-%m-%d') }}
            </span>
        </li>
        {% endfor %}
    </ul>
    {% endif %}
</div>
{% endblock %}