{% extends "base.html" %}
{% load projecttags %}
{% block content %}

<div class="row-fluid">
  {% if mode == results_mode.SEARCH %}
  <div class="page-header"> <h1>{{build_failures.paginator.count}} errors found for "{{request.GET.query}}" {% if request.GET.filter %} filtered by "{{ request.GET.filter }}" {% endif %}</h1>
  </div>
  {% elif mode == results_mode.BUILD %}
  <div class="page-header"> <h1>Errors for Build #{{build_id}}</h1>
  </div>

  {% endif %}

   <div class="navbar">
    <div class="navbar-inner">
      {% if request.GET.filter and not request.GET.query and build_failures and build_failures.paginator.count != 0 %}
      <span class="brand"> {{build_failures.paginator.count}} errors found filtered by "{{request.GET.filter}}"</span>
      {% endif %}

      <div class="pull-right">
        <span class="help-inline" style="padding-top:5px;">Show rows: </span>
        <select style="margin-top:5px;margin-bottom:0px;" class="input-mini pagesize">
          {% with "10 25 50 100 150" as list%}
          {% for i in list.split %}
          {% if request.session.limit == i|add:0 %}
          <option value="{{i}}" class="active" selected>{{i}}</option>
          {% else %}
          <option value="{{i}}">{{i}}</option>
          {% endif %}
          {% endfor %}
          {% endwith %}
        </select>
      </div>
      <span class="divider-vertical pull-right"></span>
      <div class="btn-group pull-right">

        <button class="btn dropdown-toggle" data-toggle="dropdown">Edit columns
          <span class="caret"></span>
        </button>
        <ul id='editcol' class="dropdown-menu">
          {% for col in tablecols %}
                <li>
               {# Some columns are required as minimum so disable unchecking #}
                  <label class="checkbox {%if col.disable_toggle%}muted{%endif%}">
                    <input type="checkbox" class="col-toggle" id="checkbox-{{col.clclass}}"  value="{{col.clclass}}" checked="checked" {%if col.disable_toggle%}disabled="disabled"{%endif%} data-field="{{col.field}}" />
                    {{col.name}}
                  </label>
                </li>
                {% endfor %}
              </ul>
            </div>
          </div> <!-- navbar-inner -->
        </div>
        {% if build_failures or build_failures.paginator.count != 0 %}
        <table class="table table-bordered table-hover" id="errors-table">
          <thead>
            <tr>
              {% for col in tablecols %}
              {# If a filter is applied #}
              {% if  col.clclass in request.GET.type %}
                <th class="filter-applied {{col.clclass}}" >
                  <span class="muted">
                    {{col.name}}
                  </span>
                &nbsp;
                <a href="#" id="clear-filter-btn" class="btn btn-mini pull-right" title="Clear filter">&#x2716</a>

                {% elif request.GET.order_by == col.field or request.GET.order_by == "-"|add:col.field %}
                {# If a sort is applied #}
                <th class="{{col.clclass}}">

                  {% if request.GET.order_by == "-"|add:col.field %}
                  <a href="#" class="sort-col sorted" data-order-by="{{col.field}}" >{{col.name}}</a>
                  <span class="sorting-arrows" style="visibility: visible">&#9660</span>
                  {% else %}
                  <a href="#" class="sort-col sorted" data-order-by="-{{col.field}}" >{{col.name}}</a>
                   <span class="sorting-arrows" style="visibility: visible">&#9650</span>
                   {% endif %}
                {% else %}
                {# default case is sorted by submitted_on #}

                <th class="{{col.clclass}}">
                  {% if col.clclass == "submitted_on" and not request.GET.order_by %}
                   <a href="#" class="sort-col sorted" data-order-by="-{{col.field}}" >{{col.name}}</a>
                   <span class="sorting-arrows" style="visibility: visible">&#9660</span>

                  {% else %}
                  <a href="#" class="sort-col" data-order-by="-{{col.field}}" >{{col.name}}</a>

                   <span class="sorting-arrows">&#9660</span>
                   {% endif %}
                  </th>
                {% endif %}
                {%endfor%}
              </tr>
            </thead>
            <tbody>
              {%for build_fail in build_failures %}
              <tr class="data">
                <td class="submitted_on"> <a href="{% url "details" build_fail.id %}">{{ build_fail.BUILD.DATE|date:"d/m/y H:i"}}</a></td>
                <td class="recipe"><a href="{% url "details" build_fail.id %}">{{ build_fail.RECIPE }}</a>
                  <a class="filter" href="#" data-filter="{{build_fail.RECIPE}}" data-type="recipe">
                    <i class="icon-filter hover" title="Filter by {{build_fail.RECIPE}}"></i>
                  </a>
                </td>
                <td class="recipe_version"><a href="{% url "details" build_fail.id %}" {% if build_fail.RECIPE_VERSION|length > 13 %}class="tooltip-me" data-toggle="tooltip" title="{{ build_fail.RECIPE_VERSION }}"{%endif%}>{{ build_fail.RECIPE_VERSION|truncatechars:13 }}</a></td>
                <td class="task"><a href="{% url "details" build_fail.id %}">{{ build_fail.TASK }}</a>
                  <a class="filter"  href="#" data-filter="{{build_fail.TASK}}" data-type="task">
                    <i class="icon-filter hover" title="Filter by {{build_fail.TASK}}"></i>
                  </a>

                </td>
                <td class="machine"><a href="{% url "details" build_fail.id %}">{{ build_fail.BUILD.MACHINE }}</a>
                  <a class="filter"  href="#" data-filter="{{build_fail.BUILD.MACHINE}}" data-type="machine">
                    <i class="icon-filter hover" title="Filter by {{build_fail.BUILD.MACHINE}}"></i>
                  </a>

                </td>
                <td class="distro"><a href="{% url "details" build_fail.id %}">{{ build_fail.BUILD.DISTRO }}</a>
                  <a class="filter"  href="#" data-filter="{{build_fail.BUILD.DISTRO}}" data-type="distro">
                    <i class="icon-filter hover" title="Filter by {{build_fail.BUILD.DISTRO}}"></i>
                  </a>

                </td>
                <td class="build_sys"><a href="{% url "details" build_fail.id %}">{{ build_fail.BUILD.BUILD_SYS }}</a>
                  <a class="filter"  href="#" data-filter="{{build_fail.BUILD.BUILD_SYS}}" data-type="build_sys">
                    <i class="icon-filter hover" title="Filter by {{build_fail.BUILD.BUILD_SYS}}"></i>
                  </a>

                </td>
                <td class="target_sys"><a href="{% url "details" build_fail.id %}">{{ build_fail.BUILD.TARGET_SYS }}</a>
                  <a class="filter"  href="#" data-filter="{{build_fail.BUILD.TARGET_SYS}}" data-type="target_sys">
                    <i class="icon-filter hover" title="Filter by {{build_fail.BUILD.TARGET_SYS}}"></i>
                  </a>

                </td>
                <td class="nativelsbstring"><a href="{% url "details" build_fail.id %}">{{ build_fail.BUILD.NATIVELSBSTRING }}</a>
                  <a class="filter"  href="#" data-filter="{{build_fail.BUILD.NATIVELSBSTRING}}" data-type="nativelsbstring">
                    <i class="icon-filter hover" title="Filter by {{build_fail.BUILD.NATIVELSBSTRING}}"></i>
                  </a>

                </td>
                <td class="branch"><a href="{% url "details" build_fail.id %}">{{build_fail.BUILD.BRANCH}}</a>
                  <a class="filter"  href="#" data-filter="{{build_fail.BUILD.BRANCH}}" data-type="branch">
                    <i class="icon-filter hover" title="Filter by {{build_fail.BUILD.BRANCH}}"></i>
                  </a>

                </td>
                <td class="commit">
                  <div class="btn" rel="popover"
                      data-content='
                      {{ build_fail.BUILD.COMMIT|escape}}
                      <p><a href="#" class="filter" style="visibility: visible" data-filter="{{build_fail.BUILD.COMMIT}}" data-type="commit" >Filter by commit</a>'
                      data-html="true"
                    >
                    {{ build_fail.BUILD.COMMIT|truncatechars:10}}

                  </div>
                </td>
                <td class="submitter"><a href="{% url "details" build_fail.id %}">{{ build_fail.BUILD.NAME }} </a>
                  <a class="filter"  href="#" data-filter="{{build_fail.BUILD.NAME}}" data-type="submitter">
                    <i class="icon-filter hover" title="Filter by {{build_fail.BUILD.NAME}}"></i>
                  </a>

                </td>
              </tr>
              {%endfor%}
            </tbody>
          </table>

          <!-- Show pagination controls -->
          <div class="pagination">
            <ul>
              {%if build_failures.has_previous %}
              <li><a href="#" data-page="{{build_failures.previous_page_number}}">&laquo;</a></li>
              {%else%}
              <li class="disabled"><a href="#">&laquo;</a></li>
              {%endif%}
              {% for i in build_failures.paginator.page_range %}
              {# Show the buttons 3 either side of the current page #}
              {% if i <= build_failures.number|add:3 and  i >= build_failures.number|add:-3 %}
                <li {%if i == build_failures.number %} class="active" {%endif%}><a href="#" data-page="{{i}}">{{i}}</a></li>
                {% endif %}
              {% endfor %}
              {%if build_failures.has_next%}
              <li><a href="#" data-page="{{build_failures.next_page_number}}">&raquo;</a></li>
              {%else%}
              <li class="disabled"><a href="#">&raquo;</a></li>
              {%endif%}
            </ul>
            <div class="pull-right">
              <span class="help-inline" style="padding-top:5px;">Show rows:</span>
              <select style="margin-top:5px;margin-bottom:0px;" class="input-mini pagesize">
                {% with "10 25 50 100 150" as list%}
                {% for i in list.split %}
                {% if request.session.limit == i|add:0 %}
                <option value="{{i}}" selected>{{i}}</option>
                {% else %}
                <option value="{{i}}">{{i}}</option>
                {% endif %}
                {% endfor %}
                {% endwith %}
              </select>
            </div>
          </div>

        {% else %}
        <div class="alert">Sorry no results found</div>
        {# end if paginator.count != 0 #}
        {% endif %}
        </div> <!-- row-fluid -->

        {% endblock %}