<h2>Queue <code>{{ queueHost }}/{{ queueName }}</code></h2>

<div class="row">
    <div class="col-sm-4">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">Search</h3>
        </div>
        <div class="panel-body">
            <form class="form-inline" method="get" action="{{ basePath }}/{{ encodeURI queueHost }}/{{ encodeURI queueName }}/active">
                <div class="form-group"  style="width: 50%">
                    <input name="search" class="form-control search-keyword" style="width:99%" id="exampleInputEmail3" value="{{ search }}" placeholder="Keyword">
                </div>
                <button type="submit" class="btn btn-primary">Search</button>
                <button type="submit" class="btn btn-default" onclick="$('.search-keyword').val('')">Clear</button>

                <div style="padding-top: 5px; margin-bottom: -15px;">
                    <div class="checkbox">
                        <label><input type="checkbox" checked="checked" name="searchTypes" value="waiting" /> Waiting</label>&nbsp;&nbsp;
                        <label><input type="checkbox" name="searchTypes" value="active" /> Active</label>&nbsp;&nbsp;
                        <label><input type="checkbox" name="searchTypes" value="failed" /> Failed</label>&nbsp;&nbsp;
                        <label><input type="checkbox" name="searchTypes" value="completed" /> Completed</label>&nbsp;&nbsp;
                        <label><input type="checkbox" name="searchTypes" value="delayed" /> Delayed</label>
                    </div>
                </div>
            </form>
        </div>
    </div>
    </div>
</div>
<h3>Job Types</h3>

<div class="row">
  <div class="col-sm-4 no-padding">
    <ul class="list-group">
      {{#each jobCounts}}
        <li class="list-group-item">
          <span class="badge">{{ this }}</span>
          <a href="{{ ../basePath }}/{{ encodeURI ../queueHost }}/{{ encodeURI ../queueName }}/{{ @key }}">
            <span class="text-capitalize">{{ @key }}</span>
          </a>
        </li>
      {{/each}}
    </ul>
  </div>
</div>

<h3>Redis Statistics</h3>
<div class="row">
  <div class="col-sm-4 no-padding">
    <table class="table">
      {{#each stats}}
        <tr>
          <th>{{ @key }}</th>
          <th>{{ this }}</th>
        </tr>
      {{/each}}
    </table>
  </div>
</div>

{{#contentFor 'sidebar'}}
  <li><a href="{{ basePath }}/">Queues Overview</a></li>
  <li class="active"><a href="#">Queue <code>{{ queueHost }}/{{ queueName }}</code></a></li>
{{/contentFor}}
