{% if "topic" in result %}
    <h5 class="mb-3">{% trans %}Search results for Topics:{% endtrans %}</h5>
    <div class="col-12">
        {% for topic in result['topic'] %}
            <div class="card page mb-3">
                <div class="card-header page-header topic-header fw-normal">
                    {% trans trimmed
                        topic_url=topic.url,
                        topic_title=topic.title,
                        forum_url=topic.forum.url,
                        forum_title=topic.forum.title
                        %}
                    <strong><a href="{{ topic_url }}">{{ topic_title }}</a></strong>
                    in forum <a href="{{ forum_url }}">{{ forum_title }}</a>
                    {% endtrans %}
                </div>
                <div class="card-body page-body topic-content">
                    <div class="col-12 ps-3">
                        <div class="topic-created">
                            {{ topic.date_created|format_datetime }} {% trans %}by{% endtrans %}
                            <a href="{{ url_for('user.profile', username=topic.username) }}">{{ topic.username }}</a>
                        </div>
                        <div class="topic-content">{{ topic|search_snippet(form.search_query.data) }}</div>
                    </div>
                </div>
            </div>
        {% else %}
            <div class="alert-message alert-message-info" role="alert">
                {% trans %}No topics found matching your search criteria.{% endtrans %}
            </div>
        {% endfor %}
    </div>
{% endif %}

{% if "post" in result %}
    <h5 class="mb-3">{% trans %}Search results for Posts:{% endtrans %}</h5>
    <div class="col-12">
        {% for post in result['post'] %}
            <div class="card page mb-3">
                <div class="card-header page-header topic-header fw-normal">
                    {% trans trimmed
                        post_url=post.url,
                        topic_title=post.topic.title,
                        forum_url=post.topic.forum.url,
                        forum_title=post.topic.forum.title
                        %}
                    <strong><a href="{{ post_url }}">{{ topic_title }}</a></strong>
                    in forum <a href="{{ forum_url }}">{{ forum_title }}</a>
                    {% endtrans %}
                </div>
                <div class="card-body page-body topic-content">
                    <div class="col-12 ps-3">
                        <div class="topic-created">
                            {{ post.date_created|format_datetime }} {% trans %}by{% endtrans %}
                            <a href="{{ url_for('user.profile', username=post.username) }}">{{ post.username }}</a>
                        </div>
                        <div class="topic-content">{{ post|search_snippet(form.search_query.data) }}</div>
                    </div>
                </div>
            </div>
        {% else %}
            <div class="alert-message alert-message-info" role="alert">
                {% trans %}No posts found matching your search criteria.{% endtrans %}
            </div>
        {% endfor %}
    </div>
{% endif %}

{% if "user" in result %}
    <h5 class="mb-3">{% trans %}Search results for Users:{% endtrans %}</h5>

    <div class="card page">
        <div class="card-body page-body">
            <div class="row m-0 page-meta">
                <div class="col-md-1 col-sm-1 col-1 meta-item">#</div>
                <div class="col-md-3 col-sm-3 col-5 meta-item">{% trans %}Username{% endtrans %}</div>
                <div class="col-md-2 col-sm-2 d-none d-sm-block meta-item">{% trans %}Posts{% endtrans %}</div>
                <div class="col-md-3 col-sm-3 d-none d-sm-block meta-item">{% trans %}Date registered{% endtrans %}</div>
                <div class="col-md-3 col-sm-3 col-5 meta-item">{% trans %}Group{% endtrans %}</div>
            </div>
            {% for user in result['user'] %}
                <div class="row page-row hover clearfix">
                    <div class="col-md-1 col-sm-1 col-1">{{ user.id }}</div>
                    <div class="col-md-3 col-sm-3 col-5"><a href="{{ user.url }}">{{ user.username }}</a></div>
                    <div class="col-md-2 col-sm-2 d-none d-sm-block">{{ user.post_count }}</div>
                    <div class="col-md-3 col-sm-3 d-none d-sm-block">{{ user.date_joined|format_date }}</div>
                    <div class="col-md-3 col-sm-3 col-5">{{ user.primary_group.name }}</div>
                </div>
            {% else %}
                <div class="row page-row hover clearfix">
                    <div class="col-md-12 col-sm-12 col-12">{% trans %}No users found matching your search criteria.{% endtrans %}</div>
                </div>
            {% endfor %}
        </div>
    </div>
{% endif %}