{% extends "layout.html" %}
{% block title %}CI{% endblock %}
{% block head %}
    <script src="{{ base_path }}/common_static/search_bar.js"></script>
{% endblock %}
{% block content %}
    <h1>CI</h1>
    {% for wb in watched_branches %}
    <h2 class="stacked-header">{{ wb.branch }}</h2>
    <div class="attributes">
      <div>SHA:
	{% if wb.sha is not none %}
	{{ wb.sha }}
	{% else %}
	unknown
	{% endif %}
      </div>
      <div>Deploy State:
	{% if wb.deploy_state is not none %}
	{{ wb.deploy_state }}
	{% endif %}
      </div>
      <div>Deploy Batch:
	{% if wb.deploy_batch_id is not none %}
	<a href="{{ base_path }}/batches/{{ wb.deploy_batch_id }}">{{ wb.deploy_batch_id }}</a>
	{% endif %}
      </div>
    </div>

    <h2>PRs</h2>
    {% if wb.prs is not none %}
    {% if wb.prs|length > 0 %}
    <div class="searchbar-table">
      <input type="text" id="searchBar" onkeyup="searchTable('prs', 'searchBar')" placeholder="Search terms...">
      <table id="prs" class="data-table">
        <thead>
          <tr>
            <th>PR</th>
            <th>Build State</th>
            <th>Review State</th>
            <th>Author</th>
          </tr>
        </thead>
        <tbody>
          {% for pr in wb.prs %}
          <tr>
            <td>
              <a href="https://github.com/{{ wb.repo }}/pull/{{ pr.number }}">
                {{ pr.title }} <span class="gh-number">#{{ pr.number }}</a>
              </a>
            </td>
            <td>
              {% if pr.build_state is not none %}
                <a href="{{ base_path }}/watched_branches/{{ wb.index }}/pr/{{ pr.number }}">{{ pr.build_state }}</a>
              {% else %}
                pending
              {% endif %}
              {% if pr.build_state is not none and pr.out_of_date %}
                *
              {% endif %}
            </td>
            <td>
              {% if pr.review_state %}
              {{ pr.review_state }}
              {% endif %}
            </td>
            <td>
              {{ pr.author }}
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% else %}
    No PRs.
    {% endif %}
    {% else %}
    Unknown.
    {% endif %}
    {% endfor %}

    <h2>Authorize SHA</h2>
    <form action="{{ base_path }}/authorize_source_sha" method="post">
      <label for="sha">SHA:</label>
      <input type="hidden" name="_csrf" value="{{ csrf_token }}"/>
      <input type="text" name="sha" id="sha">
      <button type="submit">Authorize</button>
    </form>
    <script type="text/javascript">
      document.getElementById("searchBar").focus();
    </script>
{% endblock %}