import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:spotify/spotify.dart';
import 'package:spotube/helpers/server_ipc.dart';
import 'package:spotube/provider/Auth.dart';

class Login extends StatefulWidget {
  @override
  _LoginState createState() => _LoginState();
}

class _LoginState extends State<Login> {
  String client_id = "";
  String client_secret = "";
  bool _fieldError = false;

  handleLogin(Auth authState) async {
    try {
      if (client_id == "" || client_secret == "") {
        return setState(() {
          _fieldError = true;
        });
      }
      final credentials = SpotifyApiCredentials(client_id, client_secret);
      final grant = SpotifyApi.authorizationCodeGrant(credentials);
      final redirectUri = "http://localhost:4304/auth/spotify/callback";
      final scopes = ["user-library-read", "user-library-modify"];

      final authUri =
          grant.getAuthorizationUrl(Uri.parse(redirectUri), scopes: scopes);

      final responseUri = await connectIpc(authUri.toString(), redirectUri);
      if (responseUri != null) {
        final SpotifyApi spotify =
            SpotifyApi.fromAuthCodeGrant(grant, responseUri);
      }

      SharedPreferences localStorage = await SharedPreferences.getInstance();
      await localStorage.setString('client_id', client_id);
      await localStorage.setString('client_secret', client_secret);
      authState.setAuthState(
          clientId: client_id, clientSecret: client_secret, isLoggedIn: true);
    } catch (e) {
      print(e);
    }
  }

  @override
  Widget build(BuildContext context) {
    return Consumer<Auth>(
      builder: (context, authState, child) {
        return Scaffold(
          body: Container(
            padding: EdgeInsets.all(8.0),
            child: Column(
              children: [
                Text("Add your spotify credentials to get started",
                    style: Theme.of(context).textTheme.headline3),
                Text(
                    "Don't worry, any of your credentials won't be collected or shared with anyone"),
                TextField(
                  decoration: InputDecoration(
                      hintText: "Spotify Client ID", labelText: "ClientId"),
                  onChanged: (value) {
                    setState(() {
                      client_id = value;
                    });
                  },
                ),
                TextField(
                  decoration: InputDecoration(
                      hintText: "Spotify Client Secret",
                      labelText: "ClientSecret"),
                  onChanged: (value) {
                    setState(() {
                      client_secret = value;
                    });
                  },
                ),
                SizedBox(
                  height: 10,
                ),
                MaterialButton(
                  color: Theme.of(context).buttonColor,
                  onPressed: () {
                    handleLogin(authState);
                  },
                  child: Text("Submit"),
                )
              ],
            ),
          ),
        );
      },
    );
  }
}