<ion-view view-title="Vehicle" >
  <ion-content class="has-header has-footer">
      <div>
          <label class="item item-input">
              <span class="error" ng-show="showMsgs && myform.myInputF.$error.required">*</span>
              <div class="input-label">Vehicle Type</div>
              <select ng-model="selectedValue">
                    <option selected>Two Wheeler</option>
                    <option>Four Wheeler</option>
              </select>
          </label>
          <label class="item item-input">
              <span class="error" ng-show="showMsgs && myform.myInputF.$error.required">*</span>
              <span class="input-label">Vehicle Name</span>
              <input type="text" placeholder="Enter Vehicle Name" name="myInputF" ng-model="vehicle.vehicleName" required>
          </label>
          <label class="item item-input">
              <span class="error" ng-show="showMsgs && myform.myInputF.$error.required">*</span>
              <span class="input-label">Description</span>
              <input type="text" placeholder="Enter Vehicle Description" maxlength="500" name="myInputF" ng-model="vehicle.Description" required>
          </label>
          <button ion-button ng-click="addVehicletoDb()" align="col-center">submit vehicle</button>
    </div>
  </ion-content

malnut.controller('addVehicleController', ['$scope','$state', '$ionicHistory', '$ionicPopup', '$ionicLoading', '$http','loggedInUserService',function($scope, $state, $ionicHistory, $ionicPopup, $ionicLoading,$http,loggedInUserService) {
      debugger;
      $scope.response;
      $scope.addVehicletoDb = function() {
        alert(selectedName);

        debugger;
        $ionicLoading.show({
            template: '<ion-spinner></ion-spinner><br/>Loading...'
        });
        var userId=localStorage.getItem("userId");
        $http.post("http://localhost/carvicewebservice/index.php?tag=registerVehicle&vehicleName="+vehicleName+
                    "&description"+description+"&userId"+userId+"&vehicleTypeString"+vehicleTypeString+"").then(function (res){
            debugger;
            $ionicLoading.hide();
            console.log(res);
            $scope.response = res.data;
            console.log($scope.response);
            if($scope.response.error ==true){
                    if($scope.response.error_msg =="Error creating vehicle Entry to database")
                    {
                        var errorMsg = "Error creating vehicle for User";
                        $ionicPopup.alert({
                            title: 'Alert',
                            template: errorMsg
                        });
                  }
            }else{
                 var errorMsg = "Vehicle Registration done successfully!";

                    $ionicPopup.alert({
                        title: 'Alert',
                        template: errorMsg
                    });
                  //TODO: Need to go to profile and populate user vehicles
                    $state.go("landing.profile");
            }
        });
      };
    }]);