---
layout: default
---

{% include setlang.html %}

{% comment %}

{% include breadcrumbs.html %}
{% include share.html %}

{% assign subnav = site.data[page.subnav] %}
{% include linklist.html items=subnav dynamic=true %}

{% endcomment %}
{% assign github_tech_list = site.data.github_tech_list %}

{% capture projects_escaped_json %}
{{ t.todo_projects_dict | jsonify | replace: "'", "&apos;" }}
{% endcapture %}

<section
  class="project__content {% if page.resources %}with-resources{%endif%}"
  data-projects-dictionary='{{ projects_escaped_json }}'
>
  <div class="container d-flex justify-content-center">
    <div class="project__maincontent col-md-10">

      <div class="row">
        <div class="col-12">
          <h1 class="u-text-r-l u-textWeight-300 u-color-white u-margin-top-l u-lineHeight-l">
            {{ page.title }}
          </h1>
          <h2 class="u-text-r-m u-textWeight-300 u-color-20  u-lineHeight-m">
            {{ page.subtitle }}
          </h2>
        </div>
      </div>

      <hr class="Separator-room u-background-50" />

      <div class="row">
        <div class="col-12">
          {{ content }}
        </div>
      </div>


      <div class="row">
        <div class="col-12">
          <table id="issues_table" class="display responsive" cellspacing="0" width="100%">
            <thead>
              <tr>
                <th>Created</th>
                <th>Language</th>
                <th data-priority="2">{{ t.todo_page_project }}</th>
                <th data-priority="1">{{ t.todo_page_subproject }}</th>
                <th data-priority="0">{{ t.todo_page_title }}</th>
                <th data-priority="11">{{ t.todo_page_type }}</th>
                <th data-priority="10">{{ t.todo_page_labels }}</th>
              </tr>
            </thead>
          </table>
        </div>
      </div>

    </div> <!-- end project -->

    <div class="sideblock-wrapper col-md-3 d-none d-lg-block">
      <div class="sideblock">
        {% if include.image %}
        <img src="{{ include.image }}" style="max-width: 100%; margin-bottom: 10px">
        {% endif %}

        <h2 class="u-text-r-l u-textWeight-400 u-margin-bottom-m">{{ t.todo_page_filters }}</h2>
        <div class="row mt-5" id="github_filter">
          <div class="col-12">
            <div class="bootstrap-select-wrapper" id="github_projects_list">
              <label>{{ t.todo_page_projects }}</label>
              <select title="{{ t.todo_page_pick_option }}" id="github_projects_list_select">
                <option value=""></option>
              </select>
            </div>
          </div>
        </div>
        <div class="row mt-5">
          <div class="col-12">
            <div class="bootstrap-select-wrapper">
              <label>{{ t.todo_page_tech }}</label>
              <select id="github_languages_list" multiple="true" data-multiple-separator="" title="{{ t.todo_page_pick_option }}">
                {% for tech in github_tech_list %}
                <option value="{{ tech }}" data-content="<span class='select-pill'><span class='select-pill-text'>{{ tech }}</span></span>">
                  {{ tech }}
                </option>
                {% endfor %}
              </select>
            </div>
          </div>
        </div>

        <div class="row mt-3">
          <div class="col-12">
            <div>
              <label>{{ t.todo_page_types }}</label>
              <div id="github_types_list"></div>
            </div>
          </div>
        </div>

        <div class="row mt-3">
          <button type="button" id="issues_table_clear" class="btn btn-white btn-outline-primary m-auto">
            {{ t.todo_page_clearfilter }}
          </button>
        </div>

      </div>
    </div>
  </div>
</section>
