import 'package:cached_network_image/cached_network_image.dart';
import 'package:fluffychat/widgets/matrix.dart';
import 'package:vrouter/vrouter.dart';

import '../homeserver_picker.dart';
import 'package:fluffychat/widgets/default_app_bar_search_field.dart';
import 'package:fluffychat/widgets/fluffy_banner.dart';
import 'package:fluffychat/config/app_config.dart';
import 'package:fluffychat/widgets/layouts/one_page_card.dart';
import 'package:fluffychat/utils/platform_infos.dart';

import 'package:flutter/foundation.dart';
import 'package:flutter_gen/gen_l10n/l10n.dart';
import 'package:flutter/material.dart';
import 'package:url_launcher/url_launcher.dart';
import '../../utils/localized_exception_extension.dart';

import 'package:famedlysdk/famedlysdk.dart';

class HomeserverPickerView extends StatelessWidget {
  final HomeserverPickerController controller;

  const HomeserverPickerView(this.controller, {Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return OnePageCard(
      child: Scaffold(
        appBar: AppBar(
          titleSpacing: 8,
          title: DefaultAppBarSearchField(
            prefixText: 'https://',
            hintText: L10n.of(context).enterYourHomeserver,
            searchController: controller.homeserverController,
            suffix: Icon(Icons.edit_outlined),
            padding: EdgeInsets.zero,
            onChanged: controller.setDomain,
            readOnly: !AppConfig.allowOtherHomeservers,
            onSubmit: (_) => controller.checkHomeserverAction(),
            unfocusOnClear: false,
          ),
          elevation: 0,
        ),
        body: ListView(children: [
          Hero(
            tag: 'loginBanner',
            child: FluffyBanner(),
          ),
          controller.isLoading
              ? Center(child: CircularProgressIndicator())
              : controller.error != null
                  ? Center(
                      child: Padding(
                        padding: const EdgeInsets.all(12.0),
                        child: Text(
                          controller.error,
                          textAlign: TextAlign.center,
                          style: TextStyle(
                            fontSize: 18,
                            color: Colors.red[900],
                          ),
                        ),
                      ),
                    )
                  : FutureBuilder(
                      future: controller.getLoginTypes(),
                      builder: (context, snapshot) {
                        if (snapshot.hasError) {
                          return Center(
                            child: Text(
                              snapshot.error.toLocalizedString(context),
                              textAlign: TextAlign.center,
                            ),
                          );
                        }
                        if (!snapshot.hasData) {
                          return Center(child: CircularProgressIndicator());
                        }
                        return Padding(
                          padding: const EdgeInsets.all(12.0),
                          child: Column(
                            mainAxisSize: MainAxisSize.min,
                            crossAxisAlignment: CrossAxisAlignment.stretch,
                            children: [
                              if (controller.ssoLoginSupported) ...{
                                for (final identityProvider
                                    in controller.identityProviders)
                                  OutlinedButton.icon(
                                    onPressed: () => controller
                                        .ssoLoginAction(identityProvider.id),
                                    icon: identityProvider.icon == null
                                        ? Icon(Icons.web_outlined)
                                        : CachedNetworkImage(
                                            imageUrl: Uri.parse(
                                                    identityProvider.icon)
                                                .getDownloadLink(
                                                    Matrix.of(context).client)
                                                .toString(),
                                            width: 24,
                                            height: 24,
                                          ),
                                    label: Text(L10n.of(context).loginWith(
                                        identityProvider.brand ??
                                            identityProvider.name ??
                                            L10n.of(context).singlesignon)),
                                  ),
                                if (controller.registrationSupported ||
                                    controller.passwordLoginSupported)
                                  Row(children: [
                                    Expanded(child: Divider()),
                                    Padding(
                                      padding: const EdgeInsets.all(12.0),
                                      child: Text(L10n.of(context).or),
                                    ),
                                    Expanded(child: Divider()),
                                  ]),
                              },
                              Row(
                                children: [
                                  if (controller.passwordLoginSupported)
                                    Expanded(
                                      child: Container(
                                        height: 64,
                                        child: OutlinedButton.icon(
                                          onPressed: () => VRouter.of(context)
                                              .push('/login'),
                                          icon: Icon(Icons.login_outlined),
                                          label: Text(L10n.of(context).login),
                                        ),
                                      ),
                                    ),
                                  if (controller.registrationSupported &&
                                      controller.passwordLoginSupported)
                                    SizedBox(width: 12),
                                  if (controller.registrationSupported)
                                    Expanded(
                                      child: Container(
                                        height: 64,
                                        child: OutlinedButton.icon(
                                          onPressed: controller.signUpAction,
                                          icon: Icon(Icons.add_box_outlined),
                                          label:
                                              Text(L10n.of(context).register),
                                        ),
                                      ),
                                    ),
                                ],
                              ),
                            ]
                                .map(
                                  (widget) => Container(
                                      height: 64,
                                      padding: EdgeInsets.only(bottom: 12),
                                      child: widget),
                                )
                                .toList(),
                          ),
                        );
                      }),
        ]),
        bottomNavigationBar: Material(
          elevation: 7,
          color: Theme.of(context).scaffoldBackgroundColor,
          child: Wrap(
            alignment: WrapAlignment.center,
            children: [
              TextButton(
                onPressed: () => launch(AppConfig.privacyUrl),
                child: Text(
                  L10n.of(context).privacy,
                  style: TextStyle(
                    decoration: TextDecoration.underline,
                    color: Colors.blueGrey,
                  ),
                ),
              ),
              TextButton(
                onPressed: () => PlatformInfos.showDialog(context),
                child: Text(
                  L10n.of(context).about,
                  style: TextStyle(
                    decoration: TextDecoration.underline,
                    color: Colors.blueGrey,
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}