<div ng-controller='userCtrl'>

<form name='form_reg'>
    <table>
        <tr>
            <td>Name : </td>
            <td><input type='text' name='name' ng-model='name' >
                <span class="label label-danger" ng-if="form_reg.name.$invalid && form_reg.name.$dirty" >Required</span></td>
        </tr>
        <tr>
            <td>Username : </td>
            <td><input type='text' name='username' ng-model='username' ng-keyup='checkUsername()' >
                <span style='color: red;' ng-show="isvalid" >Username is not available! </span>
            </td>
        </tr>
        <tr>
            <td>Email : </td>
            <td><input type='email' name='email' ng-model='email'  ng-pattern="/^[^s@]+@[^s@]+.[^s@]{2,}$/" >
             <!----   <span style='color: red;' ng-show="isvalid" >email is not available! </span> --->
                <span class="label label-danger" ng-if="form_reg.email.$invalid && form_reg.email.$dirty" >invalid</span>

        </tr>
        <tr>
            <td>Password : </td>
            <td><input type='password' name='password' ng-model='password' minlength="4">
            <span class="label label-danger" ng-if="form_reg.password.$invalid && form_reg.password.$dirty" >too short</span></td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td><input type='button' value='Submit' class="btn btn-primary" ng-disabled="form_reg.$invalid || form_reg.$pristine || isvalid" ng-click='saveUserDetails();'></td>

        </tr>
    </table>
</form>
</div>

<!-- Script -->
<script>
var fetch = angular.module('myapp', []);
fetch.controller('userCtrl', ['$scope', '$http', function ($scope, $http) {

    $scope.isvalid = false;

    // Check username availability

    $scope.checkUsername = function(){

        $http({
            method: 'post',
            url: '<?= base_url() ?>index.php/User/checkUsername',
            data: {username: $scope.username },
        }).then(function successCallback(response) {

            if(response.data > 0){
                $scope.isvalid = true;
            }else{
                $scope.isvalid = false;
            }

        });
    }



    // Save user
    $scope.saveUserDetails = function(){
        var name = $scope.name;
        var username = $scope.username;
        var email = $scope.email;
        var password = $scope.password;

        if(name !='' && username != '' && email != '' && password != ''){

            if(!$scope.isvalid){
                $http({
                    method: 'post',
                    url: '<?= base_url() ?>index.php/User/saveUserDetails',
                    data: {name: name,username: username, email: email, password: password},
                }).then(function successCallback(response) {

                    if(response.data == 1){
                        $scope.name = "";
                        $scope.username = "";
                        $scope.email = "";
                        $scope.password = "";
                        alert('Save successfully');
                    }

                });
            }

        }else{
            alert('Fill all details');
        }

    }

}]);

</script>

public function __construct(){

    parent::__construct();

    // load base_url
    $this->load->helper('url');

    // Load Model
    $this->load->model('Main_model');
}

public function index(){
    $this->load->view('bootstrap/header');

    $this->load->view('user_view');
    $this->load->view('bootstrap/footer');
}

// Check username availability
public function checkUsername(){

    $data = json_decode(file_get_contents("php://input"));

    // Username
    $username = $data->username;
 // $email = $data->email;





      $response = $this->Main_model->checkUsername($username);
      // $response = $this->Main_model->checkUsername($email);

    echo $response;
}




// Insert user
public function saveUserDetails(){
    $data = json_decode(file_get_contents("php://input"));

    // Check
    $response = $this->Main_model->saveUserDetails($data);

    echo $response;
}

// Check username
function checkUsername($username=''){

    // Check username
    $this->db->select('count(*) as allcount');
    //$this->db->where('username',$username);
 $this->db->where('username',$username);
   //$this->db->where(' email',$email);
   //$where = "username= $username AND  email= $email ";
  // $this->db->where($where);

    $user_record = $this->db->get('users');
    $result = $user_record->result_array();

    $allcount = $result[0]['allcount'];
    return $allcount;
}



// Insert user
function saveUserDetails($postdata){

    $name = $postdata->name;
    $username = $postdata->username;
    $email = $postdata->email;
    $password = $postdata->password;

    // Check username
    $this->db->select('count(*) as allcount');
   // $this->db->where('username',$username AND 'email',$email);
    $this->db->where('username',$username);
//   $this->db->where('email',$email);
    $user_record = $this->db->get('users');
    $result = $user_record->result_array();

    if($result[0]['allcount'] == 0){
        $data = array(
            'name' => $name,
            'username' => $username,
            'email' => $email,
            'password' => $password
        );

        $this->db->insert('users',$data);

        return 1;
    }

    return 0;
}