{% extends "core/base.html" %}

{% load humanize %}
{% load user_display_name %}

{% block title %}IRIS - Submission {{ sgroup.name }}{% endblock %}

{% block content %}
<style>
.tab-pane {
  padding-top: 1em;
}
</style>

<div class="container">
  {% include "submissions/menu.html" %}

  <div class="row">
    <div class="page-header">
      <h3>
        Submission information for <span class="text-warning">{{ sgroup.name }}</span>
      </h3>
    </div>
  </div>

  <div class="row">
    <table class="table gittree-info table-striped table-bordered table-hover table-condensed">
      <tbody>
        {% if not bgroups %}
          <tr>
            <th>Status</th>
            <td>{{ sgroup.status }}</td>
          </tr>
        {% endif %}
        <tr>
          <th>Owner</th>
          <td>
            {% for o in sgroup.owner %}
            <a href="{% url 'users' o.id %}">
              {{ o|user_display_name }}</a>
            {% endfor %}
          </td>
        </tr>
        {% if not bgroups %}
        <tr>
          <th>Git Tree / Commit</th>
          <td>
            {% for t, c in sgroup.gittree_commit %}
            <a href="{% url 'gittree.read' t.id %}">
              {{ t }}</a> / {{ c }} <br/>
            {% endfor %}
          </td>
        </tr>
        {% endif %}
        <tr>
          <th>Created</th>
          <td><span title="{{ sgroup.created }}">
              {{ sgroup.created|naturaltime }}</span></td>
        </tr>
        <tr>
          <th>Updated</th>
          <td><span title="{{ sgroup.updated }}">
              {{ sgroup.updated|naturaltime }}</span></td>
        </tr>
      </tbody>
    </table>
  </div>

  {% for bgroup in bgroups %}
  <div class="panel panel-default">
    <div class="panel-heading">
      <h3 class="panel-title">{{ bgroup.product }}</h3>
    </div>

    <div class="panel-body">
      <ul class="nav nav-tabs" role="tablist">
        {% if bgroup.status < '20' %}
        <li class="active"><a href="#">
            {{ bgroup.display_status }}</a></li>
        {% else %}
        <li><a href="#">Packages</a></li>
        {% endif %}

        {% if bgroup.status > '20' %}
          {% if bgroup.status < '30' %}
        <li class="active"><a href="#">
            {{ bgroup.display_status }}</a></li>
          {% else %}
        <li><a href="#">Image</a></li>
          {% endif %}
        {% endif %}

        {% if bgroup.status > '30' %}
        <li class="active"><a href="#">
            {{ bgroup.display_status }}</a></li>
        {% endif %}
        {% if bgroup.snapshot %}
        <li class="active"><a href="#">
            Snapshot</a></li>
        {% endif %}
      </ul>

      <div class="tab-content">
        {% include "submissions/packages.html" %}

        {% if bgroup.status >= '20_IMGBUILDING' %}
        {% include "submissions/images.html" %}
        {% endif %}

        {% if bgroup.status == '33_ACCEPTED' %}
        <div class="tab-pane">
          <p>Accepted by {{ bgroup.operator }}</p>
          {% if bgroup.operate_reason %}
          <pre>{{ bgroup.operate_reason }}</pre>
          {% endif %}
        </div>
        {% endif %}

        {% if bgroup.status == '36_REJECTED' %}
        <div class="tab-pane">
          <p>Rejected by {{ bgroup.operator }}</p>
          {% if bgroup.operate_reason %}
          <pre>{{ bgroup.operate_reason }}</pre>
          {% endif %}
        </div>
        {% endif %}
        {% if bgroup.snapshot %}
        <div class="tab-pane">
            <a href="{% url 'snapshot_detail' bgroup.snapshot.id %}">{{ bgroup.snapshot.buildid }}</a>
            <a href="{{ bgroup.snapshot.url }}"><span class="badge" style="background-color:LightSkyBlue">snapshot</span></a>
            {% if bgroup.snapshot.daily_url %}
                <a href="{{ bgroup.snapshot.daily_url }}"><span class="badge" style="background-color:LightSkyBlue">daily</span></a>
            {% endif %}
            {% if bgroup.snapshot.weekly_url %}
                <a href="{{ bgroup.snapshot.weekly_url }}"><span class="badge" style="background-color:LightSkyBlue">weekly</span></a>
            {% endif %}
            <br/>
            <p> Created Time: {{ bgroup.snapshot.finished_time }}</p>
        </div>
        {% endif %}
      </div>
    </div>
  </div>
  {% endfor %}

</div>

<script>
$(document).ready(function() {

$('.panel-body').each(function() {
    var container = $(this);
    $('.nav-tabs a', this).each(function(idx, e) {
        $(e).click(function() {
            container.find('li')
            .removeClass('active')
            .eq(idx).addClass('active');

            container.find('.tab-pane')
            .removeClass('active')
            .eq(idx).addClass('active');
            return false;
        });
    });

    $('li.active a', container).click();
});


$('.failed-info').each(function() {
  console.debug('#1');
  var count = $('.danger', $(this).parents('table')).length;
  console.debug('#'+count);
  if (count > 0) {
    $('.count', this).text(count);
    $(this).show();
  }
});

});
</script>
{% endblock %}