angular-wizard

/*jscontroller*/

            $scope.selectedRow = function(d) {
                $("#lead-confirm").dialog({
                    modal: true,
                    title: 'This vehicle is under contract',
                    draggable: true,
                    resizable: false,
                    position: 'center',
                    show: 'blind',
                    hide: 'blind',
                    width: 400,
                    dialogClass: 'ui-dialog-osx',
                    buttons: {
                        "Buy a vehicle?": function() {
                            $scope.lead.procureasset = true;
                            $scope.lead.dirtyvehicle = false;
                            console.log(WizardHandler);
                            WizardHandler.wizard('leadwizard').next();
                            $(this).dialog("close");
                        },
                        "Cancel the contract and assign the vehicle  to new customer": function() {
                            $scope.lead.cancelcontract = true;
                            $scope.lead.dirtyvehicle = false;
                            WizardHandler.wizard().next();
                            $(this).dialog("close");
                        },
                        "Assign the existing vehicle to new customer and buy new for existing contract?": function() {
                            $scope.lead.modifycontract = true;
                            $scope.lead.dirtyvehicle = false;
                            WizardHandler.wizard().next();
                            $(this).dialog("close");
                        },
                        "Choose another vehicle": function() {
                            $scope.lead.dirtyvehicle = true;
                            $(this).dialog("close");

                        }
                    }
                });
            }

/*view*
<wz-step title="Vehicle Selection">
                <div class="uk-panel uk-panel-box uk-panel-header">
                    <h1 class="uk-panel-title">Vehicle Selection</h1>
                    <form class="uk-form uk-form-horizontal" id="lead_three" name="lead_three" novalidate>
                    <div id="assets" ng-grid="assetOptions" class="gridStyle"></div>
<!--                    <div class="selectedItems">{{mySelections}}</div>-->

                    <input name="procureasset" value='false' type="hidden" id="procureasset" ng-model="lead.procureasset" class="uk-form-width-medium">
                    <input name="cancelcontract" value='false' type="hidden" id="cancelcontract" ng-model="lead.cancelcontract" class="uk-form-width-medium">
                    <input name="modifycontract" value='false' type="hidden" id="modifycontract" ng-model="lead.modifycontract" class="uk-form-width-medium">
                    <input name="dirtyvehicle" value='false' type="hidden" id="dirtyvehicle" ng-model="lead.dirtyvehicle" class="uk-form-width-medium">

                    <button type="submit" ng-click="selectedRow(mySelections)" value="Continue" class="uk-button-primary" ng-disabled="lead_three.$invalid">Continue</button>
                        </form>
                </div>
            </wz-step>
            <wz-step title="Summary"></wz-step>