import '../../../l10n/app_localizations.dart';

import 'package:flutter/material.dart';
import 'dart:async';

class WelcomeScreen extends StatefulWidget {
  final VoidCallback onContinue;

  const WelcomeScreen({super.key, required this.onContinue});

  @override
  State<WelcomeScreen> createState() => _WelcomeScreenState();
}

class _WelcomeScreenState extends State<WelcomeScreen> {
  @override
  void initState() {
    super.initState();

    // Automatically go to logizn after 4 seconds
    Timer(const Duration(seconds: 4), () {
      
      widget.onContinue();
       }
    );
    
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          /// 🔹 Background Image
          Positioned.fill(
            child: Image.asset(
              'assets/images/kconnect2.webp',
              fit: BoxFit.cover,
            ),
          ),

          /// 🔹 Centered Text Overlay
          Center(
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                Text(
                  AppLocalizations.of(context).kconnect,
                  style: TextStyle(
                    fontSize: 36,
                    fontWeight: FontWeight.bold,
                    color: Theme.of(context).dialogBackgroundColor,
                    letterSpacing: 1.5,
                  ),
                ),
                const SizedBox(height: 12),
                Text(
                  AppLocalizations.of(context).kccBankFull,
                  textAlign: TextAlign.center,
                  style: TextStyle(
                    fontSize: 18,
                    color: Theme.of(context).dialogBackgroundColor,
                    letterSpacing: 1.2,
                  ),
                ),
              ],
            ),
          ),

          /// 🔹 Loading Spinner at Bottom
          Positioned(
            bottom: 40,
            left: 0,
            right: 0,
            child: Center(
              child: CircularProgressIndicator(color: Theme.of(context).scaffoldBackgroundColor),
            ),
          ),
        ],
      ),
    );
  }
}