<%- include('header.ejs', locals) %>
<h1>Search Results</h1>

<% if (hits && hits.total > 0) {%>
<ul class="search-results">
  <% hits.hits.forEach(function(hit) { %>
  <li class="search-result package">
    <h2><a href="/package/<%= encodeURI(hit.fields.name) %>"><%= sanitize(hit.fields.name) %></a></h2>
    <p class="details">
      <%= hit.fields.version %> by
      <a href="/~<%= hit.fields.author %>"><%= hit.fields.author %></a>
    </p>
    <p><%= sanitize(hit.fields.description) %></p>
    <% if (hit.fields.keywords.length) { %>
    <ul class="keywords">
      <% hit.fields.keywords.forEach(function(keyword, idx) { %>
        <li>
          <a href="/browse/keyword/<%= encodeURI(keyword) %>"><%= sanitize(keyword) %></a><% if(idx<hit.fields.keywords.length-1) { %>, <% } %>
        </li>
      <% }) %>
    </ul>
    <% } %>
  </li>
  <% }); %>
</ul>

<p class="description">
  <% if (page > 1) { %>
    <a href="/search?q=<%= q %>&page=<%= page - 1 %>">&larr; previous</a>
  <% }  else if (page === 1) { %>
    <a href="/search?q=<%= q %>">&larr; previous</a>
  <% } %>
  Page <%= page + 1 %>
  <% if (hits.total >= (pageSize*page + pageSize)) { %>
    <a href="/search?q=<%= q %>&page=<%= page + 1 %>">next &rarr;</a>
  <% } %>
</p>

<% } else { %>
  No results!
<% } %>


<%- include('footer.ejs', locals) %>
