{% extends sitebase.html %}
{% block head %}
{% from qiita_core.qiita_settings import qiita_config %}

<script type="text/javascript">
$(document).ready(function() {
    $('#error-table').dataTable({"order": [[1, "asc"]]});
    $("#waiting").hide();
} );
</script>

{% end %}

{% block content %}
  {% if software %}
    <h3>Available Software</h3>

    <h5>
      <a href="https://qiita.ucsd.edu/static/doc/html/processingdata/processing-recommendations.html">Here</a> you will find our current processing recommendations.
    </h5>

    <table class="table-bordered" width="90%">
      <thead>
        <tr>
          <th width="20%">Plugin</th>
          <th width="80%">Commands</th>
        </tr>
      </thead>
      <tbody>
      {% for s in software %}
        <tr>
          <td>
            {% if s.active %}
              <span class="glyphicon glyphicon-thumbs-up" style="color:green"></span>
            {% else %}
              <span class="glyphicon glyphicon-thumbs-down" style="color:red"></span>
            {% end %}
            ID {{s.id}}: {{s.name}}, {{s.version}}
            {% if s.deprecated %}
              </br></br>
              <span class="glyphicon glyphicon-hand-down" style="color:red">Deprecated</span>
            {% end %}
          </td>
          <td>
            <table class="display table-bordered table-hover" width="100%">
              <thead>
                <tr>
                  <th width="55%">Command Name</th>
                  <th width="44%">Resource Allocation</th>
                </tr>
              </thead>
              <tbody>
                {% for c in s.commands %}
                  <tr>
                    <td>
                      {% if c.active %}
                        <span class="glyphicon glyphicon-thumbs-up" style="color:green"></span>
                      {% else %}
                        <span class="glyphicon glyphicon-thumbs-down" style="color:red"></span>
                      {% end %}
                      ID {{c.id}}: {{c.name}}
                    </td>
                    <td>{{c.resource_allocation}}</td>
                  </tr>
                {% end %}
              </tbody>
            </table>
          </td>
        </tr>
      {% end %}
      </tbody>
    </table>
  {% else %}
      <div id="jumbotron" class="jumbotron">
          <h1><span class="glyphicon glyphicon-thumbs-down"></span> There are no plugins in this system. </h1>
      </div>
  {% end %}
{% end %}