import 'package:ente_auth/l10n/l10n.dart';
import 'package:ente_auth/theme/ente_theme.dart';
import 'package:ente_auth/ui/settings/data/import_page.dart';
import 'package:ente_auth/ui/settings/faq.dart';
import 'package:ente_auth/utils/navigation_util.dart';
import 'package:flutter/material.dart';

class HomeEmptyStateWidget extends StatelessWidget {
  final VoidCallback? onScanTap;
  final VoidCallback? onManuallySetupTap;

  const HomeEmptyStateWidget({
    Key? key,
    required this.onScanTap,
    required this.onManuallySetupTap,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final l10n = context.l10n;
    return Center(
      child: ConstrainedBox(
        constraints: const BoxConstraints.tightFor(height: 800, width: 450),
        child: Padding(
          padding: const EdgeInsets.symmetric(vertical: 40.0, horizontal: 40),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Column(
                children: [
                  Image.asset(
                    "assets/wallet-front-gradient.png",
                    width: 200,
                    height: 200,
                  ),
                  Text(
                    l10n.setupFirstAccount,
                    textAlign: TextAlign.center,
                    style: Theme.of(context).textTheme.headline4,
                  ),
                  const SizedBox(height: 64),
                  SizedBox(
                    width: 400,
                    child: OutlinedButton(
                      onPressed: onScanTap,
                      child: Text(l10n.importScanQrCode),
                    ),
                  ),
                  const SizedBox(height: 18),
                  SizedBox(
                    width: 400,
                    child: OutlinedButton(
                      onPressed: onManuallySetupTap,
                      child: Text(l10n.importEnterSetupKey),
                    ),
                  ),
                  const SizedBox(height: 54),
                  InkWell(
                    onTap: () {
                      routeToPage(context, ImportCodePage());
                    },
                    child: Text(
                      l10n.importCodes,
                      textAlign: TextAlign.center,
                      style: getEnteTextTheme(context).bodyFaint.copyWith(decoration: TextDecoration.underline),
                    ),),
                  const SizedBox(height: 18),
                  InkWell(
                    onTap: () {
                      showModalBottomSheet<void>(
                        backgroundColor: Theme.of(context).colorScheme.background,
                        barrierColor: Colors.black87,
                        context: context,
                        builder: (context) {
                          return const FAQQuestionsWidget();
                        },
                      );
                    },
                    child: Text(
                      l10n.faq,
                      textAlign: TextAlign.center,
                      style: getEnteTextTheme(context).bodyFaint.copyWith(decoration: TextDecoration.underline),
                    ),),
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }
}