mohemm-flutter-app/lib/ui/marathon/widgets/marathon_banner.dart

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:mohem_flutter_app/classes/colors.dart';
import 'package:mohem_flutter_app/config/routes.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/marathon_intro_screen.dart';
import 'package:mohem_flutter_app/ui/marathon/marathon_provider.dart';
import 'package:mohem_flutter_app/ui/marathon/widgets/countdown_timer.dart';
import 'package:provider/provider.dart';

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

  @override
  Widget build(BuildContext context) {
    MarathonProvider provider = context.read<MarathonProvider>();
    return Stack(
      children: [
        SvgPicture.asset(
          "assets/images/marathon_banner_bg.svg",
          fit: BoxFit.cover,
          width: MediaQuery.of(context).size.width - 40,
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.end,
          children: <Widget>[
            Column(
              mainAxisAlignment: MainAxisAlignment.center,
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                5.height,
                Flexible(
                  child: const Text(
                    "Get Ready for the coming contest:",
                    style: TextStyle(
                      fontStyle: FontStyle.italic,
                      fontSize: 11,
                      fontWeight: FontWeight.w600,
                      color: MyColors.lightGreyEFColor,
                      letterSpacing: -0.4,
                    ),
                  ).paddingOnly(right: 12),
                ),
                const Flexible(
                  child: Text(
                    "Saudi Arabia",
                    style: TextStyle(
                      fontStyle: FontStyle.italic,
                      fontSize: 20,
                      fontWeight: FontWeight.bold,
                      color: MyColors.lightGreyEFColor,
                      // letterSpacing: -0.4,
                    ),
                  ),
                ),
                5.height,
                BuildCountdownTimer(
                  timeToMarathon: dummyEndTime,
                  provider: provider,
                  screenFlag: 0,
                ),
              ],
            )
          ],
        ).paddingOnly(right: 10),
      ],
    ).onPress(
      () => Navigator.pushNamed(context, AppRoutes.marathonIntroScreen),
    );
  }
}