{{if .Query}}
    {{if .Results}}
        <div class="search-results-header">
            <span class="search-results-count">{{len .Results}} résultat{{if gt (len .Results) 1}}s{{end}}</span>
        </div>
        <ul class="search-results-list">
            {{range .Results}}
                <li class="search-result-item">
                    <a href="#"
                       class="search-result-link"
                       hx-get="/api/notes/{{.Path}}"
                       hx-target="#editor-container"
                       hx-swap="innerHTML">
                        <div class="search-result-icon">📄</div>
                        <div class="search-result-content">
                            <div class="search-result-header">
                                <span class="search-result-title">{{.Title}}</span>
                            </div>
                            <div class="search-result-path">{{.Path}}</div>
                            {{if .Snippet}}
                                <p class="search-result-snippet">{{.Snippet}}</p>
                            {{end}}
                            <div class="search-result-footer">
                                {{if .Tags}}
                                    <div class="search-result-tags">
                                        {{range .Tags}}
                                            <span class="tag-pill">{{.}}</span>
                                        {{end}}
                                    </div>
                                {{end}}
                                {{if .LastModified}}
                                    <span class="search-result-date">Modifié : {{.LastModified}}</span>
                                {{end}}
                            </div>
                        </div>
                    </a>
                </li>
            {{end}}
        </ul>
    {{else}}
        <div class="search-no-results">
            <div class="search-no-results-icon">🔍</div>
            <p class="search-no-results-text">Aucun résultat pour « <strong>{{.Query}}</strong> »</p>
            <p class="search-no-results-hint">Essayez d'autres mots-clés ou utilisez les filtres</p>
        </div>
    {{end}}
{{else}}
    <div class="search-help">
        <p class="search-help-title">💡 Recherche avancée</p>
        <p class="search-help-text">Saisissez des mots-clés pour rechercher dans vos notes</p>
        <div class="search-help-examples">
            <div class="search-help-example">
                <code>tag:projet</code>
                <span>Rechercher par tag</span>
            </div>
            <div class="search-help-example">
                <code>title:réunion</code>
                <span>Rechercher dans les titres</span>
            </div>
            <div class="search-help-example">
                <code>path:meetings</code>
                <span>Rechercher dans les chemins</span>
            </div>
        </div>
    </div>
{{end}}