<div bs-panel="switch" ng-class="{'disabled': !ctrl.compression.active}">
    <div bs-panel-content>
        <div bs-panel-icon="switch">
            <div class="switch">
                <input id="cmn-form-{{ctrl.compression.name}}"
                       ng-model="ctrl.compression.active"
                       ng-change="ctrl.toggleLatency(ctrl.compression)"
                       class="cmn-toggle cmn-toggle-round"
                       type="checkbox"
                       checked="">
                <label for="cmn-form-{{ctrl.compression.name}}"></label>
            </div>
        </div>
        <div>
            <p bs-Text="lede">{{ctrl.compression.title}}</p>
            <p ng-if="ctrl.compression.tagline.length" ng-bind-html="ctrl.compression.tagline"></p>
        </div>
    </div>
</div>