<div class="panel panel-success">
  <div class="panel-heading">
    <strong><span class="glyphicon glyphicon-tasks" aria-hidden="true"></span> {{backendCtrl.backend.backendId}}</strong>
  </div>
  <div class="panel-body">
    <table class="panel-table__servers table table-striped table-hover">
      <tr>
        <td><em>Server</em></td>
        <td><em>URL</em></td>
        <td><em>Weight</em></td>
      </tr>
      <tr data-ng-repeat="(serverId, server) in backendCtrl.backend.servers">
        <td>{{serverId}}</td>
        <td><code><a data-ng-href="{{server.url}}">{{server.url}}</a></code></td>
        <td>{{server.weight}}</td>
      </tr>
    </table>
  </div>
  <div class="panel-footer" data-ng-show="backendCtrl.backend.loadBalancer || backendCtrl.backend.circuitBreaker">
    <span data-ng-show="backendCtrl.backend.loadBalancer" class="label label-success">Load Balancer: {{backendCtrl.backend.loadBalancer.method}}</span>
    <span data-ng-show="backendCtrl.backend.circuitBreaker" class="label label-success">Circuit Breaker: {{backendCtrl.backend.circuitBreaker.expression}}</span>
  </div>
</div>
