{% extends "layout.html" %}
{% block title %}Issues{% endblock %}
{% block body %}
<div class="js-SearchIssue" data-username="{{ session.username }}">
  {% include "nav/nav.html" %}
  <main role="main" class="loader js-loader is-active" data-repo-path="{{config['ISSUES_REPO_URI']}}">
    <section class="grid SearchIssue-filter">
      <div class="js-SearchIssue-filter">
        {% include "list-issue/search-issue-filter.html" %}
      </div>
    </section>

    <section class="grid">
      <div class="grid-row sorting issue-controls">
        <div class="grid-cell js-SearchIssue-sorting">
          {% include "list-issue/issuelist-sorting.jst" %}
        </div>
        <div class="grid-cell nav-right js-SearchForm">
          {% include "list-issue/issuelist-search.jst" %}
        </div>
        <div class="grid-cell pagination">
          <div class="js-Pagination-controls">
            {% include "web_modules/pagination.html" %}
          </div>
        </div>
      </div>
      <div class="issues-list js-list-issue">
        {% include "list-issue/issuelist-issue.jst" %}
      </div>
      <div class="grid-row js-Pagination-controls">
        <div class="grid-cell x2">&nbsp;</div>
        <div class="grid-cell pagination x1">
          {% include "web_modules/pagination.html" %}
        </div>
      </div>
    </section>

  </main>
</div>

{% endblock %}
{% block extrascripts %}
<script type="module" src="{{ url_for('static', filename='dist/issues-list.js')|bust_cache }}"></script>
{%- if config.PRODUCTION or config.STAGING -%}
<script nomodule src="{{ url_for('static', filename='dist/issues-list.es5.js')|bust_cache }}"></script>
{%- endif %}
{% endblock %}