import 'package:flutter/services.dart';
import 'package:flutter/material.dart';
import 'package:gecko/globals.dart';
import 'package:gecko/screens/commonElements.dart';
import 'package:gecko/screens/onBoarding/8_stepEight.dart';

// ignore: must_be_immutable
class OnboardingStepSeven extends StatelessWidget {
  TextEditingController tplController = TextEditingController();
  final int progress = 5;

  @override
  Widget build(BuildContext context) {
    SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
    CommonElements common = CommonElements();

    return Scaffold(
        extendBodyBehindAppBar: true,
        body: SafeArea(
          child: Column(children: <Widget>[
            common.onboardingProgressBar('Ma phrase de restauration', progress),
            common.bubbleSpeakRich(
              <TextSpan>[
                TextSpan(text: "Munissez-vous d'"),
                TextSpan(
                    text: 'un papier et d’un crayon\n',
                    style: TextStyle(fontWeight: FontWeight.bold)),
                TextSpan(
                    text:
                        "afin de pouvoir noter votre phrase de restauration."),
              ],
            ),
            Expanded(
                child: Align(
              alignment: Alignment.bottomCenter,
              child: Row(mainAxisSize: MainAxisSize.min, children: <Widget>[
                Container(
                  padding: const EdgeInsets.only(bottom: 90),
                  child: common.bubbleSpeak(
                    "Moi, j’ai déjà essayé de\nmémoriser une phrase de\nrestauration, mais je n’ai\npas une mémoire\nd’éléphant.",
                  ),
                ),
                Image.asset(
                  'assets/onBoarding/chopp-gecko.png',
                  height: 200,
                ),
              ]),
            )),
            SizedBox(height: isTall ? 120 : 50),
            SizedBox(
              width: 400,
              height: 62,
              child: ElevatedButton(
                  style: ElevatedButton.styleFrom(
                    elevation: 5,
                    primary: Color(0xffD28928),
                    onPrimary: Colors.white, // foreground
                  ),
                  onPressed: () {
                    Navigator.push(
                      context,
                      SmoothTransition(page: OnboardingStepEight()),
                    );
                  },
                  child: Text("J'ai de quoi noter",
                      style: TextStyle(fontSize: 20))),
            ),
            SizedBox(height: 80),
          ]),
        ));
  }
}