{% extends 'layout.html' %}
{% block body %}

  <h2>History for <strong>{{ name }}</strong></h2>
  <p>
    <a class="btn btn-default btn-sm compare-revisions">Compare Revisions</a>
  </p>

  <table class="table table-bordered revision-tbl">
    <thead>
    <tr>
      <th></th>
      <th>Name</th>
      <th>Revision Message</th>
      <th>Date</th>
    </tr>
    </thead>
    {% for h in history %}
      <tr>
        <td class="checkbox-cell text-center">
          {% if h.type != 'delete' %}
          <input type="checkbox" name="versions[]" value="{{ h.sha }}" />
          {% endif %}
        </td>
        <td><img src="{{ h.gravatar }}?s=20" class="avatar"/> {{ h.author }}</td>
        <td><a href="{{ url_for('wiki.commit', name=name, sha=h.sha) }}" class='label label-primary'>View</a> {{ h.message }} </td>
        <td>{{ h.time|datetime }}</td>
      </tr>
    {% endfor %}
  </table>
  <!-- TODO: make this pagination look good -->
  {% if pagination.page > 1 or pagination.more %}
    <div>
      {% if pagination.page > 1 %}
        <a href="{{ url_for('.history', name=name, page=pagination.page - 1) }}">&lt;</a>
      {% else %}
        &lt;
      {% endif %}
      {{ pagination.page }}
      {% if pagination.more %}
        <a href="{{ url_for('.history', name=name, page=pagination.page + 1) }}">&gt;</a>
      {% else %}
        &gt;
      {% endif %}
    </div>
  {% endif %}
  <p>
    <a class="btn btn-default btn-sm compare-revisions">Compare Revisions</a>
  </p>

{% endblock %}

{% block js %}
  <script>
    $(function(){
      $('.revision-tbl :checkbox').change(function () {
        var $cs=$(this).closest('.revision-tbl').find(':checkbox:checked');
        if ($cs.length > 2) {
          this.checked=false;
        }
      });

      $(".compare-revisions").click(function(){
        var $cs = $('.revision-tbl').find(':checkbox:checked');
        if ($cs.length != 2) return;
        var revs = [];
        $.each($cs, function(i, v){
          revs.push(v.value);
        });
        revs.reverse();
        revs = revs.join("..");
        location.href = "{{ config.RELATIVE_PATH }}/_compare/{{ name }}/" + revs;
      });
    });
  </script>
{% endblock %}