import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.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/check_platform.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/features/home/presentation/bloc/home_bloc.dart';

class HomePage extends StatelessWidget {
  const HomePage({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.backgroundHome),
            fit: BoxFit.cover,
          ),
        ),
        child: SizedBox(
          width: context.widthScreen,
          height: context.heightScreen,
          child: Stack(
            alignment: Alignment.center,
            children: [
              _music(context),
              _name(context),
              _bottomBtns(context),
            ],
          ),
        ),
      ),
    );
  }

  Positioned _music(BuildContext context) {
    return Positioned(
      top: checkSize(context: context, mobile: 36, tablet: 60),
      right: checkSize(context: context, mobile: 16, tablet: 30),
      child: MyImage(
        image: MyAssets.musicOn,
        size: checkSize(context: context, tablet: 120),
      ),
    );
  }


  Positioned _name(BuildContext context) {
    return Positioned(
      top: 146,
      child: MyImage(
        image: MyAssets.hadiHoda,
        size: checkSize(context: context, mobile: 232, tablet: 400),
        fit: BoxFit.cover,
      ),
    );
  }

  Positioned _bottomBtns(BuildContext context) {
    return Positioned(
      bottom: checkSize(context: context, mobile: 40, tablet: 60),
      left: checkSize(context: context, mobile: 16, tablet: 30),
      right: checkSize(context: context, mobile: 16, tablet: 30),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.end,
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          MyImage(
            image: MyAssets.language,
            size: checkSize(context: context, tablet: 120),
          ),
          InkWell(
            child: MyImage(
              image: MyAssets.button,
              size: checkSize(context: context, mobile: 90, tablet: 160),
            ),
            onTap: () =>
                BlocProvider.of<HomeBloc>(context).goToLevelPage(context),
          ),
          MyImage(
            image: MyAssets.theme,
            size: checkSize(context: context, tablet: 120),
          ),
        ],
      ),
    );
  }
}