import 'package:flutter/material.dart';
import 'package:hadi_hoda_flutter/common_ui/resources/my_assets.dart';
import 'package:hadi_hoda_flutter/common_ui/theme/my_theme.dart';
import 'package:hadi_hoda_flutter/core/utils/my_image.dart';
import 'package:hadi_hoda_flutter/core/utils/screen_size.dart';
import 'package:hadi_hoda_flutter/core/widgets/about_us_dialog.dart';

class IntroPage extends StatelessWidget {
  const IntroPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(backgroundColor: context.noColor),
      extendBodyBehindAppBar: true,
      body: DecoratedBox(
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage(MyAssets.backgroundIntro),
            fit: BoxFit.cover,
          ),
        ),
        child: SizedBox(
          width: context.widthScreen,
          height: context.heightScreen,
          child: Stack(
            alignment: Alignment.center,
            children: [
              _name(),
              _bottomBtns(context),
            ],
          ),
        ),
      ),
    );
  }

  Positioned _name() {
    return Positioned(
      top: 130,
      child: MyImage(
        image: MyAssets.hadiHoda,
        size: 220,
        fit: BoxFit.cover,
      ),
    );
  }

  Positioned _bottomBtns(BuildContext context) {
    return Positioned(
      bottom: 20,
      left: 20,
      right: 20,
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.end,
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          MyImage(image: MyAssets.musicOn, size: 60),
          InkWell(child: MyImage(image: MyAssets.start, size: 80),
            onTap: () {
              showAboutUsDialog(context: context);
            },
          ),
          MyImage(image: MyAssets.theme, size: 60),
        ],
      ),
    );
  }
}