import 'package:flutter/material.dart';

import 'package:fluffychat/config/app_config.dart';
import 'package:fluffychat/config/themes.dart';

class LoginScaffold extends StatelessWidget {
  final Widget body;
  final AppBar? appBar;

  const LoginScaffold({
    Key? key,
    required this.body,
    this.appBar,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final isMobileMode = !FluffyThemes.isColumnMode(context);
    return Container(
      decoration: const BoxDecoration(
        image: DecorationImage(
          image: AssetImage('assets/login_wallpaper.png'),
          fit: BoxFit.cover,
        ),
      ),
      child: Center(
        child: Material(
          color: Theme.of(context).brightness == Brightness.light
              ? Theme.of(context).scaffoldBackgroundColor.withOpacity(0.9)
              : Theme.of(context).scaffoldBackgroundColor.withOpacity(0.75),
          borderRadius: isMobileMode
              ? null
              : BorderRadius.circular(AppConfig.borderRadius),
          elevation: isMobileMode ? 0 : 10,
          clipBehavior: Clip.hardEdge,
          shadowColor: Colors.black,
          child: ConstrainedBox(
            constraints: isMobileMode
                ? const BoxConstraints()
                : const BoxConstraints(maxWidth: 480, maxHeight: 640),
            child: Scaffold(
              backgroundColor: Colors.transparent,
              appBar: appBar == null
                  ? null
                  : AppBar(
                      automaticallyImplyLeading:
                          appBar?.automaticallyImplyLeading ?? true,
                      centerTitle: appBar?.centerTitle,
                      title: appBar?.title,
                      leading: appBar?.leading,
                      actions: appBar?.actions,
                      backgroundColor: Colors.transparent,
                    ),
              extendBodyBehindAppBar: true,
              extendBody: true,
              body: body,
            ),
          ),
        ),
      ),
    );
  }
}