import 'package:flutter/material.dart';
import 'package:flutter_linkify/flutter_linkify.dart';
import 'package:flutter_translate/flutter_translate.dart';
import 'package:provider/provider.dart';

import '../../core/enums/viewstate.dart';
import '../../core/models/session.dart';
import '../../core/viewmodels/profile_model.dart';
import '../shared/app_colors.dart';
import '../shared/text_styles.dart';
import '../shared/ui_helpers.dart';
import '../widgets/my_appbar.dart';
import 'base_view.dart';

class ProfileView extends StatelessWidget {
  static const routeName = '/profile';

  const ProfileView({super.key});

  @override
  Widget build(BuildContext context) {
    return BaseView<ProfileModel>(
        builder: (context, model, child) =>
            Scaffold(appBar: MyAppBar(title: Text(translate('titles.profile'))), body: _render(model, context)));
  }

  Widget _render(ProfileModel model, BuildContext context) {
    var url = Provider.of<Session>(context).url;
    var apiKey = Provider.of<Session>(context).apiKey;

    return model.state == ViewState.busy
        ? const Center(child: CircularProgressIndicator())
        : ListView(
            children: <Widget>[
              UIHelper.verticalSpaceMedium(),
              Padding(
                  padding: const EdgeInsets.only(left: 25.0),
                  child: Center(
                      child: Text(
                    translate('profile.instance'),
                    style: subHeaderStyle,
                  ))),
              UIHelper.verticalSpaceMedium(),
              Padding(
                  padding: const EdgeInsets.only(left: 25.0),
                  child: Center(
                      child: Linkify(
                    onOpen: (link) => model.openLink(link.url),
                    text: translate('profile.connection', args: {'url': url}),
                    options: const LinkifyOptions(humanize: false),
                  ))),
              UIHelper.verticalSpaceMedium(),
              Padding(
                  padding: const EdgeInsets.only(left: 25.0, right: 25.0),
                  child: model.configLoading
                      ? Center(
                          child: Column(
                          mainAxisAlignment: MainAxisAlignment.center,
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            const CircularProgressIndicator(),
                            Text(translate('profile.show_config_loading')),
                          ],
                        ))
                      : ElevatedButton.icon(
                          icon: const Icon(Icons.settings, color: blueColor),
                          label: Text(
                            translate('profile.show_config'),
                          ),
                          onPressed: () async {
                            await model.showConfig(url);
                          })),
              UIHelper.verticalSpaceMedium(),
              Padding(
                  padding: const EdgeInsets.only(left: 25.0, right: 25.0),
                  child: ElevatedButton.icon(
                      icon: const Icon(Icons.lock, color: orangeColor),
                      label: Text(
                        translate('profile.reveal_api_key'),
                      ),
                      onPressed: () {
                        model.revealApiKey(apiKey);
                      })),
              UIHelper.verticalSpaceMedium(),
              Padding(
                  padding: const EdgeInsets.only(left: 25.0, right: 25.0),
                  child: ElevatedButton.icon(
                      icon: const Icon(Icons.exit_to_app, color: redColor),
                      label: Text(
                        translate('profile.logout'),
                      ),
                      onPressed: () async {
                        await model.logout();
                      })),
            ],
          );
  }
}