{% extends "base.html" %}

{% block title %}Search - {{ site_title }}{% endblock %}

{% block meta_tags %}
<meta name="robots" content="noindex">
<meta property="og:title" content="Search - {{ site_title }}">
{% endblock %}

{% block extra_head %}
<link rel="stylesheet" href="{{ search_css_url }}">
<script src="{{ search_js_url }}" defer></script>
{% endblock %}

{% block content %}
<div class="search-page">
    <h1>Search</h1>
    <form id="search-form" class="search-form" role="search" action="{{ search_url }}" method="get">
        <label for="search-input" class="search-label">Search posts by title or content:</label>
        <div class="search-input-row">
            <input
                type="search"
                id="search-input"
                name="q"
                class="search-input"
                placeholder="Enter search terms…"
                autofocus
                autocomplete="off"
                spellcheck="false"
            >
            <button type="submit" class="search-button">Search</button>
        </div>
    </form>
    <div id="search-results" class="search-results" aria-live="polite"></div>
</div>
{% endblock %}