{% extends "layout-full.html" %}
{% block title %}
<title>Browse projects - {{cfg("sr.ht", "site-name")}}</title>
{% endblock %}
{% block body %}
<div class="container-fluid">
  <div class="row">
    <div class="col-lg-8">
      <h3>Browse public projects</h3>
      <form>
        <input
          name="search"
          type="text"
          placeholder="Search all public projects"
          class="form-control"
          value="{{search if search else ""}}" />
        {% if search_error %}
          <div class="invalid-feedback">{{ search_error }}</div>
        {% endif %}
        <fieldset class="pull-right" style="margin-top: 0.25rem">
          <legend class="inline-legend">Sort results by</legend>
          <div class="form-check form-check-inline">
            <input
              class="form-check-input"
              type="radio"
              name="sort"
              id="sort-recently-updated"
              value="recently-updated"
              checked>
            <label class="form-check-label" for="sort-recently-updated">
              Recently updated
            </label>
          </div>
          <div class="form-check form-check-inline">
            <input
              class="form-check-input"
              type="radio"
              name="sort"
              id="sort-longest-active"
              value="longest-active">
            <label class="form-check-label" for="sort-longest-active">
              Longest active
            </label>
          </div>
          <button type="submit" class="btn btn-default">
            Apply {{icon("caret-right")}}
          </button>
        </fieldset>
        <div class="clearfix"></div>
      </form>
      <div class="event-list">
        {% for project in projects %}
        <div class="event">
          <h4>
            <a href="{{url_for("users.summary_GET",
              username=project.owner.username)}}"
            >{{project.owner.canonical_name}}</a>/<a
              href="{{url_for("projects.summary_GET",
                owner=project.owner.canonical_name,
                project_name=project.name)}}"
            >{{project.name}}</a>
          </h4>
          <p>{{project.description}}</p>
        </div>
        {% endfor %}
      </div>
      {{pagination()}}
    </div>
    <div class="col-lg-4">
      <h3>Featured projects</h3>
      <div class="event-list">
        {% for i in range(3) %}
        <a href="#">~sircmpwn</a>/<a href="#">sourcehut</a>
        <blockquote style="margin-top: 0.5rem">
          SourceHut itself is a free and open-source software project. You
          can read and contribute to the code, and install it on your own
          servers.
        </blockquote>
        {% endfor %}
      </div>
    </div>
  </div>
</div>
{% endblock %}