{% extends "layouts/default.html" %}
{% block title %}Search the Archive{% endblock %}
{% block content %}
<main class="fe-main">

  <div class="search-dashboard">

    <div id="searchbox" class="ais-SearchBox"></div>

    <div class="search-results-container">
      <div class="refinements-panel">
        <div id="clear-refinements"></div>
        <!-- <h2>Categories</h2> -->
        <!-- <div id="categories-list" class="search-refinement-list"></div> -->
	<h2>Year</h2>
        <div id="year-list" class="search-refinement-list"></div>
        <h2>Month</h2>
        <div id="month-list" class="search-refinement-list"></div>
	<h2>Keywords</h2>
        <div id="keywords-list" class="search-refinement-list"></div>
      </div>

      <div class="search-hits-panel">
        <div id="hits"></div>
        <div id="pagination"></div>
      </div>
    </div>
  </div>
  
</main>

<script src="/js/instant-meilisearch-0.8.0.js"></script>
<script src="/js/instantsearch-4.43.1.js"></script>
<script src="/js/full-search.js"></script>

<link rel="stylesheet" href="/css/full-search.css" type="text/css" media="screen" />
{% endblock %}