Files

34 lines
943 B
HTML

{{ define "search" }}
<!DOCTYPE html>
<html lang="en">
<head>
<title>Search{{ if .SearchQuery }}: {{ .SearchQuery }}{{ end }} - ATCR</title>
{{ template "head" . }}
</head>
<body>
{{ template "nav" . }}
<main class="container">
<div class="home-page">
{{ if .SearchQuery }}
<h1>Search Results for "{{ .SearchQuery }}"</h1>
{{ else }}
<h1>Search</h1>
<p>Enter a search term to find images.</p>
{{ end }}
<div id="push-list" hx-get="/api/search-results?q={{ .SearchQuery }}" hx-trigger="load" hx-swap="innerHTML">
<!-- Initial loading state -->
{{ if .SearchQuery }}
<div class="loading">Searching...</div>
{{ end }}
</div>
</div>
</main>
<!-- Modal container for HTMX -->
<div id="modal"></div>
</body>
</html>
{{ end }}