{{ define "content" }}
<h3>A simple API to store, search and download books, articles, etc...</h3>
<div>No extra JS, CSS or fancy stuff. You click, you search, you found, you're happy.</div>
<form action="/home" method="post" enctype="multipart/form-data">
  <div class="main-container">
    <div class="form-item">
      <div class="form-container">
        <h4>Search</h4>
      </div>
      <div class="form-container">
        <input type="text" name="search" value="{{.Search.Value}}" />
      </div>
      {{ if .Search.Err }}
      <div class="error">{{.Search.Err}}</div>
      {{ end }}
    </div>
    <div class="form-item">
      <div class="form-container">
        <button id="submit" type="submit">Search</button>
      </div>
    </div>
  </div>
</form>
{{ if ne (errStr .Error) "" }}
<div class="error">{{.Error | errStr}}</div>
{{ end }}
{{ if .Results }}
<table>
  <tr>
    <th>Name</th>
    <th>Description</th>
    <th>Editor</th>
    <th>Authors</th>
    <th>Year</th>
  </tr>
  {{range .Results}}
  <tr>
    <td>
      <div class="col-item">{{.Name}}</div>
    </td>
    <td>
      <div class="col-item">{{.Description | noDesc}}</div>
    </td>
    <td style="text-align: center;">
      <div class="col-item">{{.Editor}}</div>
    </td>
    <td style="text-align: center">
      <div class="col-item">{{.Authors | join }}</div>
    </td>
    <td style="text-align: center">
      <div class="col-item">{{.Year}}</div>
    </td>
    <td style="text-align: center">
      <div class="col-item">
        <a target="_blank" href="{{.GetPath | bookUrl}}">Download</a>
      </div>
    </td>
  </tr>
  {{ end }}
</table>
<div>{{len .Results}} results found</div>
{{ end }}

</ul>
{{ end }}