<div class="row">
  <div class="col-md-12">
    <h2 class="featurette-heading">Sources
      <span class="text-muted"><small>where are you from?</small></span></h2>
    <div class="panel panel-default">
      <div class="panel-heading">
        <div class="btn-group pull-right">
          <button ng-click="create()" class="btn btn-primary">Create</button>
        </div>
        <div class="btn-group">
          <button ng-model="showFilter" class="btn btn-default" uib-btn-checkbox
                  btn-checkbox-true="1"
                  btn-checkbox-false="0">Filter</button>
        </div>
        <div class="clearfix"></div>
      </div>
      <div class="table-responsive">
        <table ng-table="sourcesTable" class="table table-striped" show-filter="showFilter" template-pagination="angular/pager.html" >
          <tbody>
          <tr ng-repeat="source in $data track by $index">
            <td data-title="'Label'" sortable="'label'" filter="{ 'label': 'text' }">
              <ul class="list-unstyled">
                <li>{{ source.label }}</li>
                <li><span class="text-muted">{{ source.description }}</span></li>
              </ul>
            </td>
              <td data-title="'Plugin'">
                  <ul class="list-unstyled">
                      <li>{{ source.plugin.title }}</li>
                      <li><span class="text-muted">{{ source.plugin.description }}</span></li>
                  </ul>
              </td>
            <td data-title="''">
              <div class="btn-group-vertical pull-right">
                <button uib-tooltip="Edit Source" ng-click="edit(source.id)" class="btn btn-sm btn-info">
                  Edit
                </button>
                <button uib-tooltip="Delete Source" ng-click="remove(source)"
                        confirm-click="Please note this will force delete existing association of this source with valid certificates. Proceed to remove the source {{ source.label }}?"
                        type="button" class="btn btn-sm btn-danger pull-left">
                  Remove
                </button>
              </div>
            </td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
