{% extends "browse-layout.html" %}

{% comment %}
Copyright (C) 2017-2018  The Software Heritage developers
See the AUTHORS file at the top-level directory of this distribution
License: GNU Affero General Public License version 3, or any later version
See top-level LICENSE file for more information
{% endcomment %}

{% load static %}

{% block browse-content %}
<div class="card">
  <div class="card-header bg-gray-light">
    <div class="float-left">
      <h4>Search Software Heritage origins to browse</h4>
    </div>
    <div class="swh-loading float-right">
      <img src="{% static 'img/swh-spinner-small.gif' %}"></img>
    </div>
  </div>
  <div class="card-body">
    <form class="form-horizontal" id="search_origins">
      <div class="input-group">
        <input class="form-control" placeholder="Enter string pattern(s) to search for in origin urls" type="text" id="origins-url-patterns"/>
        <div class="input-group-append">
          <button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button>
        </div>
      </div>
    </form>

    <div id="swh-origin-search-results" style="display: none;">
      <div class="table-responsive">
        <table class="table swh-table-even-odd" id="origin-search-results">
          <thead>
            <tr>
              <th>Origin type</th>
              <th>Origin browse url</th>
              <th>Visit status</th>
            </tr>
          </thead>
          <tbody></tbody>
        </table>
      </div>
    </div>
    <p id="swh-no-origins-found" style="display: none;">
      <br/>
      No origins matching the search criteria were found
    </p>
  </div>
</div>

<ul class="pagination justify-content-center">
  <li class="disabled page-item" id="origins-prev-results-button"><a class="page-link" tabindex="-1">Previous</a></li>
  <li class="disabled page-item" id="origins-next-results-button"><a class="page-link" tabindex="-1">Next</a></li>
</ul>

<script>
  swh.browse.initBrowse('search');
  swh.browse.initOriginSearch();
</script>
{% endblock %}