<div class="col-md-12"><div class="panel panel-default">
    <div class="panel-heading">Service Status</div>
    <div class="panel-body">
        <table class="table hdd-detail">
            <thead><tr>
                <th data-field="service">Service</th>
                <th data-field="status">Status</th>
                <th data-field="action" >Action</th>
            </tr></thead>
            {{#services}}
            <tr>
                <td>{{.getName()}}</td>
                <td>
                    {{#.isRunning()}}<span class="label label-success">Running</span>{{/.isRunning()}}
                    {{#.isUnresponsive()}}<span class="label label-warning">Unresponsive</span>{{/.isUnresponsive()}}
                    {{#.isStopped()}}<span class="label label-danger">Stopped</span>{{/.isStopped()}}
                    {{#.isUnknown()}}<span class="label label-default">Unknown</span>{{/.isUnknown()}}
                </td>
                <td><input type="checkbox" class="switch" data-size="mini" checked></td>
            </tr>
            {{/services}}
        </table>
    </div>
</div></div>
