{% extends "layouts/default.html" %}
{% block title %}Card List{% endblock %}
{% block content %}
<form name="search-form" id="search-form">
  {{ token | safe }}
</form>

<!-- First half: Text Inputs -->
<div class="field is-horizontal">
  <div class="field-body">
    {% include "cards/_advanced_search_top.html" %}
  </div>
</div>

<div id="advanced-search" class="field is-visible">
  <!-- Top Mid -->
  {% include "cards/_advanced_search_attrs.html" %}

  <!-- Second half: Numeric Inputs -->
  {% include "cards/_advanced_search_numeric.html" %}
</div>

<div id="search-results">
  {% include "cards/search-results.html" %}
</div>

<hr>

<div class="container">
  <a href="/cards/new" target="_blank"
     class="button  w3-hover-green">New</a>
  <a href="/cards/import" target="_blank"
     class="button  w3-hover-green">JSON Import</a>
</div>
{% endblock %}