import 'dart:developer';
import 'dart:io';

import 'package:flutter/cupertino.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:photos/core/configuration.dart';
import 'package:photos/services/user_service.dart';
import 'package:photos/ui/common_elements.dart';
import 'package:photos/utils/dialog_util.dart';
import 'package:photos/utils/email_util.dart';
import 'package:url_launcher/url_launcher.dart';

class EmailEntryPage extends StatefulWidget {
  EmailEntryPage({Key key}) : super(key: key);

  @override
  _EmailEntryPageState createState() => _EmailEntryPageState();
}

class _EmailEntryPageState extends State<EmailEntryPage> {
  final _config = Configuration.instance;
  String _email;
  String _name;

  @override
  void initState() {
    _email = _config.getEmail();
    _name = _config.getName();
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Sign In"),
      ),
      body: _getBody(),
    );
  }

  Widget _getBody() {
    final locale = Localizations.localeOf(context);
    var amount = "\$4";
    switch (locale.countryCode) {
      case "IN":
        amount = "₹249";
        break;
      case "US":
        amount = "\$4";
        break;
      default:
        amount = "€4";
    }

    return SingleChildScrollView(
      child: Container(
        padding: EdgeInsets.all(8),
        child: Column(
          children: [
            Image.asset(
              "assets/welcome.png",
              width: 300,
              height: 200,
            ),
            Padding(padding: EdgeInsets.all(12)),
            TextFormField(
              decoration: InputDecoration(
                hintText: 'your name',
                contentPadding: EdgeInsets.all(12),
              ),
              onChanged: (value) {
                setState(() {
                  _name = value;
                });
              },
              autofocus: true,
              autocorrect: false,
              keyboardType: TextInputType.text,
              textCapitalization: TextCapitalization.words,
              initialValue: _name,
            ),
            Padding(padding: EdgeInsets.all(8)),
            TextFormField(
              decoration: InputDecoration(
                hintText: 'you@email.com',
                contentPadding: EdgeInsets.all(12),
              ),
              onChanged: (value) {
                setState(() {
                  _email = value;
                });
              },
              autocorrect: false,
              keyboardType: TextInputType.emailAddress,
              initialValue: _email,
            ),
            Padding(padding: EdgeInsets.all(8)),
            Padding(
              padding: const EdgeInsets.all(6),
              child: RichText(
                text: TextSpan(
                  children: [
                    TextSpan(text: "By clicking Sign In, I agree to the "),
                    TextSpan(
                      text: "Terms of Service",
                      style: TextStyle(
                        color: Colors.blue,
                      ),
                      recognizer: TapGestureRecognizer()
                        ..onTap = () {
                          launch("https://ente.io/terms");
                        },
                    ),
                    TextSpan(text: " and "),
                    TextSpan(
                      text: "Privacy Policy",
                      style: TextStyle(
                        color: Colors.blue,
                      ),
                      recognizer: TapGestureRecognizer()
                        ..onTap = () {
                          launch("https://ente.io/privacy");
                        },
                    ),
                    TextSpan(text: "."),
                  ],
                  style: TextStyle(
                    height: 1.25,
                    // color: Colors.grey,
                  ),
                ),
                textAlign: TextAlign.center,
              ),
            ),
            Padding(padding: EdgeInsets.all(8)),
            Container(
              width: double.infinity,
              height: 44,
              child: button("Sign In", onPressed: () {
                if (!isValidEmail(_email)) {
                  showErrorDialog(context, "Invalid email address",
                      "Please enter a valid email address.");
                  return;
                }
                _config.setEmail(_email);
                _config.setName(_name);
                UserService.instance.getOtt(context, _email);
              }),
            ),
            Padding(padding: EdgeInsets.all(12)),
            Container(
              // width: double.infinity,
              color: Colors.grey[900],
              padding: EdgeInsets.all(16),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.start,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: Text("ℹ️"),
                  ),
                  Padding(
                    padding: EdgeInsets.fromLTRB(8, 0, 0, 0),
                  ),
                  Expanded(
                    child: Text(
                      "ente will be free to use until we have launched a stable web client. After that it will cost $amount/100GB monthly.",
                      overflow: TextOverflow.visible,
                    ),
                  ),
                ],
              ),
            )
          ],
        ),
      ),
    );
  }
}