import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:lottie/lottie.dart';
import 'package:mohem_flutter_app/classes/colors.dart';
import 'package:mohem_flutter_app/classes/decorations_helper.dart';
import 'package:mohem_flutter_app/classes/lottie_consts.dart';
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
import 'package:mohem_flutter_app/ui/marathon/widgets/marathon_header.dart';

class WinnerScreen extends StatelessWidget {
  const WinnerScreen({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: MyColors.backgroundColor,
      body: SingleChildScrollView(
        child: Column(
          children: <Widget>[
            const MarathonHeader(),
            60.height,
            Container(
              width: double.infinity,
              decoration: MyDecorations.shadowDecoration,
              padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 20),
              child: Column(
                children: <Widget>[
                  SizedBox(
                    height: 200,
                    child: Stack(
                      children: <Widget>[
                        Lottie.asset(
                          MyLottieConsts.celebrate1Lottie,
                          height: 200,
                        ),
                        Lottie.asset(
                          MyLottieConsts.celebrate2Lottie,
                          height: 200,
                        ),
                      ],
                    ),
                  ),
                  50.height,
                  "Muhammad Shrouff".toText22(color: MyColors.grey3AColor),
                  "837436".toText22(color: MyColors.grey57Color),
                  90.height,
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      LocaleKeys.sponsoredBy
                          .tr()
                          .toText14(color: MyColors.grey77Color),
                      " Extra".toText14(
                          color: MyColors.darkTextColor, isBold: true),
                    ],
                  ),
                  5.height,
                  Image.network(
                    "https://cdn.pixabay.com/photo/2014/08/27/07/53/blog-428950_1280.jpg",
                    height: 50,
                    fit: BoxFit.fill,
                    width: 120,
                  ),
                ],
              ),
            ).paddingOnly(left: 21, right: 21),
            10.height,
          ],
        ),
      ),
    );
  }
}