1 files changed, 53 insertions, 0 deletions
diff --git a/views/search.erb b/views/search.erb
new file mode 100644
index 0000000..1010284
--- /dev/null
+++ b/views/search.erb
@@ -0,0 +1,53 @@
+<div class="album-header">
+  <h1>Search</h1>
+  <form action="/search" method="get" class="search-form">
+    <input type="search" name="q" value="<%= ERB::Util.html_escape(@search_query.to_s) %>"
+           placeholder="e.g.  ken 2004   OR   carol AND NOT vacation"
+           class="search-input" autofocus autocomplete="off">
+    <button type="submit" class="btn">Search</button>
+  </form>
+  <p class="search-hint">
+    Searches filename, album, caption, date, and people names.
+    Consecutive terms are AND'd. Operators: <code>AND</code> <code>OR</code> <code>NOT</code>.
+    Example: <code>ken OR carol AND NOT vacation</code>
+  </p>
+</div>
+
+<% if @search_query && !@search_query.empty? %>
+  <% if @results %>
+    <p class="update-hint">
+      <%= @total %> result<%= @total == 1 ? '' : 's' %>
+      <% if @total > @results.length %>(showing first <%= @results.length %>)<% end %>
+    </p>
+    <% if @results.empty? %>
+      <p class="empty-album">No photos matched "<%= ERB::Util.html_escape(@search_query) %>".</p>
+    <% else %>
+      <div class="grid">
+        <% @results.each do |r| %>
+          <% album_url = r[:dir_rel].empty? ? '/browse/' : "/browse/#{ERB::Util.html_escape(r[:dir_rel])}" %>
+          <a href="<%= album_url %>?photo=<%= ERB::Util.url_encode(r[:filename]) %>"
+             class="card search-card" style="text-decoration:none">
+            <div class="thumb-wrap">
+              <img src="/thumb/<%= ERB::Util.html_escape(r[:rel]) %>" loading="lazy"
+                   alt="<%= ERB::Util.html_escape(r[:filename]) %>">
+            </div>
+            <div class="card-meta">
+              <div class="filename"><%= ERB::Util.html_escape(r[:filename]) %></div>
+              <% if r[:taken_at] %>
+                <div class="card-caption"><%= ERB::Util.html_escape(r[:taken_at][0..9]) %></div>
+              <% end %>
+              <% unless r[:people].empty? %>
+                <div class="card-caption"><%= ERB::Util.html_escape(r[:people].join(', ')) %></div>
+              <% end %>
+              <div class="search-album-path">
+                <a href="<%= album_url %>" onclick="event.stopPropagation()">
+                  <%= ERB::Util.html_escape(r[:dir_rel].empty? ? '(root)' : r[:dir_rel]) %>
+                </a>
+              </div>
+            </div>
+          </a>
+        <% end %>
+      </div>
+    <% end %>
+  <% end %>
+<% end %>