{# Search results fragment (#946): rendered by GET /search/fragments/results
   and swapped into the #search-results container on the lazyloaded search page. #}
{% from "_macros.html" import icon %}
{% if result %}
{% if result.error %}
<div class="alert alert-danger">
    <strong>Ошибка:</strong> {{ result.error }}
</div>
{% endif %}

{% if result.ai_summary %}
<div class="card mb-3">
    <div class="card-header fw-semibold">AI-анализ</div>
    <div class="card-body"><p class="mb-0">{{ result.ai_summary }}</p></div>
</div>
{% endif %}

{% if not result.error %}
{% if browse_mode and selected_channel %}
<p>Сообщения из канала <strong>{{ selected_channel.title or selected_channel.username or selected_channel.channel_id }}</strong>: {{ result.total }}{% if result.has_more %}+{% endif %}</p>
{% else %}
<p>Найдено: <strong>{{ result.total }}{% if result.has_more %}+{% endif %}</strong> сообщений по запросу «{{ result.query }}»</p>
{% endif %}
{% endif %}

{% if result.messages %}
<!-- Desktop: table -->
<div class="table-responsive d-none d-md-block">
<table class="tga-table-striped-hover">
    <thead>
        <tr>
            <th>Дата</th>
            <th>Канал</th>
            <th>Отправитель</th>
            <th>Медиа</th>
            <th>Текст</th>
            <th>Охват</th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        {% for msg in result.messages %}
        <tr>
            <td class="text-nowrap">{{ msg.date|local_dt }}</td>
            <td>{{ msg.channel_title or msg.channel_username or msg.channel_id }}</td>
            <td>{{ msg.sender_name or "—" }}</td>
            <td>{{ msg.media_type or "—" }}</td>
            <td>
                {% if msg.detected_lang %}<span class="badge bg-secondary me-1" style="font-size:0.65rem">{{ msg.detected_lang }}</span>{% endif %}
                <span>{{ msg.text[:300] if msg.text else "—" }}{{ "..." if msg.text and msg.text|length > 300 else "" }}</span>
                {% if msg.translation_en %}
                <div class="text-muted mt-1" style="font-size:0.8rem"><i class="bi bi-translate me-1"></i>{{ msg.translation_en[:300] }}{{ "..." if msg.translation_en|length > 300 else "" }}</div>
                {% elif msg.id is not none and msg.text and msg.detected_lang and msg.detected_lang != 'en' %}
                <button class="btn btn-link btn-sm p-0 ms-1 translate-btn" data-msg-id="{{ msg.id }}" title="Перевести"><i class="bi bi-translate"></i></button>
                <div class="translation-result text-muted mt-1" style="font-size:0.8rem;display:none" data-target="translation-{{ msg.id }}"></div>
                {% endif %}
            </td>
            <td class="text-nowrap text-muted" style="font-size:0.8rem">
                {%- if msg.views is not none %}👁 {{ msg.views }}{% endif %}
                {%- if msg.forwards is not none %} ↗ {{ msg.forwards }}{% endif %}
                {%- if msg.reply_count is not none %} {{ icon("comments") }} {{ msg.reply_count }}{% endif %}
                {%- if msg.views is none and msg.forwards is none and msg.reply_count is none %}—{% endif %}
            </td>
            <td>{% if msg.channel_username %}<a href="https://t.me/{{ msg.channel_username }}/{{ msg.message_id }}" target="_blank" rel="noopener" title="Открыть в Telegram">{{ icon("link") }}</a>{% else %}<a href="https://t.me/c/{{ msg.channel_id }}/{{ msg.message_id }}" target="_blank" rel="noopener" title="Открыть в Telegram">{{ icon("link") }}</a>{% endif %}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
</div>

<!-- Mobile: cards -->
<div class="d-md-none mobile-cards">
    {% for msg in result.messages %}
    <div class="card mb-2">
        <div class="card-body">
            <div class="d-flex justify-content-between align-items-center mb-1">
                <strong class="text-truncate">{{ msg.channel_title or msg.channel_username or msg.channel_id }}</strong>
                {% if msg.channel_username %}<a href="https://t.me/{{ msg.channel_username }}/{{ msg.message_id }}" target="_blank" rel="noopener">{{ icon("link") }}</a>{% else %}<a href="https://t.me/c/{{ msg.channel_id }}/{{ msg.message_id }}" target="_blank" rel="noopener">{{ icon("link") }}</a>{% endif %}
            </div>
            <small class="text-muted">{{ msg.date|local_dt }}{% if msg.sender_name %} &middot; {{ msg.sender_name }}{% endif %}{% if msg.media_type %} &middot; {{ msg.media_type }}{% endif %}</small>
            <p class="mb-0 mt-1" style="font-size:0.85rem">
                {% if msg.detected_lang %}<span class="badge bg-secondary me-1" style="font-size:0.6rem">{{ msg.detected_lang }}</span>{% endif %}
                {{ msg.text[:200] if msg.text else "—" }}{{ "..." if msg.text and msg.text|length > 200 else "" }}
                {% if msg.translation_en %}
                <span class="text-muted d-block mt-1" style="font-size:0.8rem"><i class="bi bi-translate me-1"></i>{{ msg.translation_en[:200] }}{{ "..." if msg.translation_en|length > 200 else "" }}</span>
                {% elif msg.id is not none and msg.text and msg.detected_lang and msg.detected_lang != 'en' %}
                <button class="btn btn-link btn-sm p-0 ms-1 translate-btn" data-msg-id="{{ msg.id }}" title="Перевести"><i class="bi bi-translate"></i></button>
                <span class="translation-result text-muted d-block mt-1" style="font-size:0.8rem;display:none" data-target="translation-{{ msg.id }}"></span>
                {% endif %}
            </p>
            {%- if msg.views is not none or msg.forwards is not none or msg.reply_count is not none %}
            <small class="text-muted">
                {%- if msg.views is not none %}👁 {{ msg.views }}{% endif %}
                {%- if msg.forwards is not none %} ↗ {{ msg.forwards }}{% endif %}
                {%- if msg.reply_count is not none %} {{ icon("comments") }} {{ msg.reply_count }}{% endif %}
            </small>
            {%- endif %}
        </div>
    </div>
    {% endfor %}
</div>

{% if page > 1 or has_more %}
<nav>
    <ul class="pagination justify-content-center">
        {% if page > 1 %}
        <li class="page-item"><a class="page-link" href="/search?q={{ q|urlencode }}&channel_id={{ channel_id or '' }}&date_from={{ date_from }}&date_to={{ date_to }}&mode={{ mode }}&is_fts={{ 1 if is_fts else 0 }}&include_filtered={{ 1 if include_filtered else 0 }}&page={{ page - 1 }}">Назад</a></li>
        {% endif %}
        <li class="page-item disabled"><span class="page-link">Страница {{ page }}</span></li>
        {% if has_more %}
        <li class="page-item"><a class="page-link" href="/search?q={{ q|urlencode }}&channel_id={{ channel_id or '' }}&date_from={{ date_from }}&date_to={{ date_to }}&mode={{ mode }}&is_fts={{ 1 if is_fts else 0 }}&include_filtered={{ 1 if include_filtered else 0 }}&page={{ page + 1 }}">Далее</a></li>
        {% endif %}
    </ul>
</nav>
{% endif %}

{% else %}
<p>Ничего не найдено.</p>
{% endif %}

{% endif %}