{% extends "repo_master.html" %}

{% from "_render_repo.html" import pagination_link %}
{% from "_projectstring.html" import projectstring, projecticon %}

{% block title %}{{ select.capitalize() }} - {{
    repo.namespace + '/' if repo.namespace }}{{ repo.name }}{% endblock %}
{% set tag = "home" %}

{% block repo %}
  <div class="row">
      <div class="col-2">
          {% block overviewtabs %}{{ super() }}{% endblock %}
      </div>
      <div class="col-10">
      <div class="row mb-1">
        {% if g.repo_obj and g.repo_obj.is_empty %}
        <div class="col-md-12">
          <div class="alert alert-info" role="alert">
            <p>This repo is brand new!</p>
            <p>There are no commits to this project yet</p>
          </div>
        </div>
        {% else %}
        <div class="col-sm-6">
        <h3 class="font-weight-bold">
          Commits <span class="badge badge-secondary"> {{number_of_commits}}</span>
        </h3>
        </div>

        <div class="col-sm-6">
          <div class="float-right">
          {% if branchname %}
            <div class="btn-group">
              <a href="#" class="btn btn-outline-light border-secondary text-dark btn-sm dropdown-toggle"
                      data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      <span class="fa fa-random fa-fw"></span> Branch: <span class="font-weight-bold">{{ branchname }}</span>
            </a>
              <div class="dropdown-menu dropdown-menu-right">
                {% for branch in g.branches %}
                    <a class="dropdown-item pl-1 {{'active' if branchname == branch}}" href="{{ url_for(
                        'ui_ns.view_commits',
                        repo=repo.name,
                        username=username,
                        namespace=repo.namespace,
                        branchname=branch) }}">
                        <span class="fa fa-random fa-fw"></span> <span class="{{'font-weight-bold' if branchname == branch}}">{{ branch }}</span>
                    </a>
                {% endfor %}
              </div>
            </div>
          {% endif %}
        </div>
      </div>
      </div>

        {% if diff_commits|count > 0 and head %}
        <div class="alert alert-secondary" role="alert">
          <div class="row align-items-center">
            <div class="col-xs-auto pl-2">
            </div>
            <div class="col">
              This branch contains <a href="#" class="diff_commits_link">
              {{ diff_commits|count }} commits</a> not in
              {% if repo.is_fork %}
                the upstream
                <span class="badge badge-secondary font-0.9em">
                    <i class="fa {{projecticon()}}"></i>
                  {{ repo.name }}
                  </span>
              {% else %}
                the main branch
              {% endif %}
              <span class="badge badge-secondary font-0.9em">
                <span class="fa fa-random"> </span>
                {{head}}
              </span>
            </div>
            <div class="col-xs-auto pr-2">
              <div class="btn-group">
                {% if diff_commits and g.authenticated and head and
                  (repo.is_fork or repo.settings.get('pull_requests', True)) %}
                      <a class="btn btn-primary btn-sm"
                        href="{{ url_for('ui_ns.new_request_pull',
                              repo=repo.name,
                              username=username,
                              namespace=repo.namespace,
                              branch_to=head, branch_from=branchname or 'master') }}">
                        {% if g.repo_committer %}Create pull request{% else %}Compare{% endif %}
                      </a>
                {% endif %}
                <a href="#" class="btn btn-sm btn-outline-primary diff_commits_link">
                  <span class="fa fa-caret-down" id="diff_commits_btn_icon"></span>
                </a>
              </div>
            </div>
          </div>


          <div id="diff_commits" class="list-group m-t-1 hidden">

              {% for diff_commit_full in diff_commits_full %}
              <div class="list-group-item">
                <div class="row align-items-center">
                  <div class="col">
                    <a href="{{ url_for('ui_ns.view_commit',
                          repo=repo.name,
                          username=username,
                          namespace=repo.namespace,
                          commitid=diff_commit_full.hex) }}"
                      class="notblue">
                      <strong>{{ diff_commit_full.message.split('\n')[0] }}</strong>
                    </a>
                    <div>
                        {{ diff_commit_full.author | author2avatar(20) | safe }}
                        {{ diff_commit_full.author.name }}
                      <span class="commitdate"
                      title="{{ diff_commit_full.commit_time|format_ts }}"> &bull;
                      {{ diff_commit_full.commit_time|humanize }}</span>&nbsp;&nbsp;
                    </div>
                  </div>
                  <div class="col-xs-auto pr-3 text-right">
                    <div class="btn-group">
                      <a href="{{ url_for('ui_ns.view_commit',
                        repo=repo.name,
                        username=username,
                        namespace=repo.namespace,
                        commitid=diff_commit_full.hex) }}"
                        class="btn btn-outline-primary font-weight-bold">
                        <code>{{ diff_commit_full.hex|short }}</code>
                      </a>
                      <a class="btn btn-outline-primary font-weight-bold" href="{{ url_for(
                        'ui_ns.view_tree', username=username, namespace=repo.namespace,
                        repo=repo.name, identifier=diff_commit_full.hex) }}"><span class="fa fa-file-code-o fa-fw"></span></a>
                    </div>
                  </div>
                </div>
              </div>
            {% endfor %}
          </div>
        </div>
        {% endif %}

          <div class="list-group my-2">


              {% for commit in last_commits %}
              <div class="list-group-item {{'ml-4' if diff_commits and commit.oid.hex in diff_commits}}"
                   id="c_{{ commit.hex }}">
                <div class="row align-items-center">
                    {% if diff_commits and commit.oid.hex in diff_commits %}
                    <div class="new_commit" title="This commit is not in the main branch of this Repo">
                      <span class="fa fa-arrow-circle-right text-muted pl-1"></span>
                    </div>
                  {% endif %}
                  <div class="col">
                    <a href="{{ url_for('ui_ns.view_commit',
                      repo=repo.name,
                      username=username,
                      namespace=repo.namespace,
                      commitid=commit.hex, branch=branchname) }}"
                      class="notblue">
                      <strong>{{ commit.message.split('\n')[0] }}</strong>
                    </a>
                    <div>
                    {{commit.author|author2user_commits(
                      link=url_for('ui_ns.view_commits',
                          repo=repo.name,
                          branchname=branchname,
                          username=username,
                          namespace=repo.namespace,
                          author=commit.author.email),
                      cssclass="notblue")|safe}}
                      <span class="commitdate"
                      title="{{ commit.commit_time|format_ts }}"> &bull;
                    {{ commit.commit_time|humanize }}</span>&nbsp;&nbsp;
                      <span id="commit-actions"></span>
                    </div>
                  </div>
                  <div class="col-xs-auto pr-3 text-right">
                    <div class="btn-group">
                      <a href="{{ url_for('ui_ns.view_commit',
                        repo=repo.name,
                        username=username,
                        namespace=repo.namespace,
                        commitid=commit.hex, branch=branchname) }}"
                        class="btn btn-outline-primary font-weight-bold commithash" id="c_{{ commit.hex }}">
                        <code>{{ commit.hex|short }}</code>
                      </a>
                      <a class="btn btn-outline-primary font-weight-bold" href="{{ url_for(
                        'ui_ns.view_tree', username=username, namespace=repo.namespace,
                        repo=repo.name, identifier=commit.hex) }}"><span class="fa fa-file-code-o fa-fw"></span></a>
                    </div>
                  </div>
                </div>
              </div>
            {% endfor %}
          </div>

          {{ pagination_link('page', g.page, total_page) }}

        {% endif %}
        </div>
      </div>
    </div>
{% endblock %}

{% block jscripts %}
{{ super() }}
<script type="text/javascript" nonce="{{ g.nonce }}">
  $(function(){
    $('.diff_commits_link').click(function(){
      $('#diff_commits').toggle();
      $('#diff_commits_btn_icon').toggleClass("fa-caret-down fa-caret-up")
    });

    {# Show branch labels in commit list #}
    $.ajax({
        url: '{{ url_for("internal_ns.get_branches_head") }}' ,
        type: 'POST',
        data: {
          repo: "{{ repo.name }}",
          repouser: "{{ repo.user.user if repo.is_fork else '' }}",
          namespace: "{{ repo.namespace if repo.namespace else '' }}",
          csrf_token: "{{ g.confirmationform.csrf_token.current_token }}",
        },
        dataType: 'json',
        success: function(res) {
          for (var _c in res.heads) {
            for (var i=0; i < res.heads[_c].length; i++){
              var _url = '{{ url_for('ui_ns.view_commits',
                repo=repo.name,
                branchname='---',
                username=username,
                namespace=repo.namespace) }}';
              var _b = res.heads[_c][i];
              var html = '<a href="' + _url.replace('---', _b) + '"'
                +'class="badge badge-secondary badge-pill font-0.9em"'
                +'title="Head of branch(es): ' + _b + '">'
                + '<i class="fa fa-random"></i> '
                + _b + '</a> ';
              $('#c_' + _c + " #commit-actions").prepend(html);
            }
          }
        },
    });

    {# Show tags in commit list #}
    $.ajax({
        url: '{{ url_for("api_ns.api_git_tags",
                repo=repo.name,
                username=repo.user.user if repo.is_fork else none,
                namespace=repo.namespace) }}' + '?with_commits=1' ,
        type: 'GET',
        dataType: 'json',
        success: function(res) {
          for (var _t in res.tags) {
            var _c = res.tags[_t];
            var html = '<span class="badge badge-pill badge-success font-0.9em" '
              +'title="Tag: ' + _t + '">'
              + '<span class="fa fa-tags"></span> '
              + _t + '</span> ';
            var el = $('#c_' + _c);
            $('#c_' + _c + " #commit-actions").append(html);
          }
        },
    });

    var statusesLabels = {{ flag_statuses_labels|safe }}

    {# Show tags in commit list #}
    $(".commithash").each(function(idx, item) {
      var url = '{{ url_for("api_ns.api_commit_flags",
                    repo=repo.name,
                    username=repo.user.user if repo.is_fork else none,
                    namespace=repo.namespace,
                    commit_hash='COMMIT_HASH') }}'
      var commitUrl = '{{ url_for("ui_ns.view_commit",
                          repo=repo.name,
                          username=username,
                          namespace=repo.namespace,
                          commitid="COMMIT_HASH") }}'
      url = url.replace("COMMIT_HASH", item.id.substring(2))
      var commithash=
      commitUrl = commitUrl.replace("COMMIT_HASH", item.id.substring(2))
      $.ajax({
        url: url,
        type: 'GET',
        dataType: 'json',
        success: function(res) {
          var statuses = {}
          for (var i in res['flags']) {
            var f = res['flags'][i]
            if (!(f['status'] in statuses)) {
              statuses[f['status']] = []
            }
            statuses[f['status']].push(f)
          }
          var html = ''
          var sortedStatuses = Object.keys(statuses).sort()
          for (var i in sortedStatuses) {
            s = sortedStatuses[i]
            numStatuses = statuses[s].length
            html += '<a href="' + commitUrl + '" title="' + numStatuses
            html += ' ' + s + ' flag' + (numStatuses > 1 ? 's' : '')
            html += '" class="btn ' + statusesLabels[s].replace('badge', 'btn-outline') + '">'
            html += statuses[s].length + '</a>\n'
          }
          $(html).insertBefore(item)
        }
      });
    });
  });
</script>
{% endblock %}
