<div class="date-row col-md-12" ng-repeat="scheduleDate in step.scheduledDates">
    <label class="col-md-5">{{'orders.tables.extra.DATE' | translate}} </label>
    <div class="col-md-3 schedule-date">
        {{scheduleDate.scheduledDate}}
    </div>

    <div class="col-md-12" ng-repeat="userConfirmation in scheduleDate.confirmations">
        <div class="col-md-5">
            {{userConfirmation.username}} ({{userConfirmation.userType}})
        </div>
        <div class="confirmation-{{userConfirmation.status}} col-md-2">
            <span class="glyphicon glyphicon-{{getIcon(userConfirmation.status)}}"></span>
            {{userConfirmation.status}}
        </div>
        <div ng-click="changeScheduleStatus(scheduleDate, 'accepted', step)" class="col-md-2">
            <div ng-if="!canNotEditDate(scheduleDate)" class="btn btn-success" ng-if="!canNotEditDate(scheduleDate)">
                {{'orders.buttons.ACCEPT' | translate}}
            </div>
        </div>
        <div ng-click="changeScheduleStatus(scheduleDate, 'declined', step)" class="col-md-2">
            <div class="btn btn-danger">
                {{'orders.buttons.DECLINE' | translate}}
            </div>
        </div>
    </div>
</div>
