<div layout="column">
    <div layout="row" flex>
        <md-card flex>
            <md-card-title>
                <md-card-title-text>
                    <span class="md-headline">{{ "rffwhid.rffwhid_remove_props_and_connect_battery_1wire_auto_wizard.HEADLINE" | translate }}</span>
                    <span class="md-subhead">{{ "STEP" | translate }} 1/2</span>
                </md-card-title-text>

                <md-card-title-media>
                    <div class="md-media-sm">
                        <img src="/app/resources/img/remove_props.png" class="img-responsive">
                    </div>
                </md-card-title-media>
            </md-card-title>

            <md-card-content>
                <div>
                    <md-checkbox
                            ng-model="propsRemoved"
                            aria-label="Props removed agreement"
                            class="md-warn md-align-top-left" flex>
                        <div translate="REMOVE_PROPS_AND_CONNECT_BATTERY_CHECKBOX_LABEL"></div>
                    </md-checkbox>
                </div>
            </md-card-content>
            <md-card-actions layout="row" layout-align="end center">
                <md-button class="md-warn" ui-sref="rffwhid.setup" ng-disabled="busy">{{ "CANCEL" | translate }}</md-button>
                <md-button class="md-raised md-primary" ng-click="next()" ng-disabled="!propsRemoved || busy">{{ "NEXT" | translate }}</md-button>
            </md-card-actions>
        </md-card>
    </div>
</div>
