Facebook login button not getting user email

I am trying out the facebook SDK and I am trying to get my email after I have logged in the user into my app. I am currently in development mode and havent published my facebook app.

my javascript file (facebook.js)

  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'xxxxx',
      cookie     : true,
      xfbml      : true,
      version    : 'v8.0', 
      oauth      : true
    });
      
    //FB.AppEvents.logPageView();   
    FB.Event.subscribe('auth.authResponseChange', function(response) {
        if (response.status === 'connected') {
        console.log("<br>Connected to Facebook");
        //SUCCESS
        FB.api('/me?fields=id,name,email', function(response) {
            console.log(response.name);
            console.log(response)
          }
        );

        }    
        else if (response.status === 'not_authorized'){
            console.log("Failed to Connect");
        } else {
            console.log("Logged Out");
        }
    }); 

      
  };


  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "https://connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));

my html file (login.html)

    <div class="content">
        <div class="fb-login-button" data-max-rows="1" data-size="large" data-show-faces="false" data-auto-logout-link="true" data-scope="email"></div>
        
            
    </div>




    <!-- Bootstrap core JavaScript
    ================================================== -->
    <script src="js/facebook.js"></script>
    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v8.0&appId=629425321308895&autoLogAppEvents=1" nonce="x6dgn8si"></script>

However, when my email always returns null even after I have logged in using my email. I am able to get my name however. Is there something I am missing? PS for

FB.api('/me?fields=id,name,email', function(response)

I have also tried

FB.api('/me', { locale: 'tr_TR', fields: 'name, email' },

As per How Can I Get User Email With Facebook Login Button?

but it didnt work