Lesson 03

// Some code
class Lesson03 extends StatelessWidget {
  const Lesson03({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Color(0xFFF4F5F9),

      body: ListView(
        children: [
          ListTile(
            leading: Image.asset('assets/profile.png'),
            title: Text(
              'about me',
              style: TextStyle(fontSize: 12, fontWeight: FontWeight.w600),
            ),
            trailing: Icon(Icons.arrow_forward_ios),
          ),
          ListTile(
            leading: Image.asset('assets/box.png'),
            title: Text(
              'My orders',
              style: TextStyle(fontSize: 12, fontWeight: FontWeight.w600),
            ),
            trailing: Icon(Icons.arrow_forward_ios),
          ),
        ],
      ),
    );
  }
}

// Some code
class Lesson03a extends StatelessWidget {
  const Lesson03a({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Color(0xFFF4F5F9),

      appBar: AppBar(
        backgroundColor: Color(0xFFF4F5F9),
        title: Text(
          'Favorite',
          style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
        ),
        centerTitle: true,
      ),

      body: ListView(
        children: [
          Divider(),
          ListTile(
            onTap: () {},
            leading: Image.asset('assets/sprite.png'),
            title: Padding(
              padding: const EdgeInsets.only(left: 25),
              child: Text(
                'Sprite can',
                style: TextStyle(
                  fontSize: 16,
                  fontWeight: FontWeight.w600,
                  color: Color(0xFF181725),
                ),
              ),
            ),
            subtitle: Padding(
              padding: const EdgeInsets.only(left: 25),
              child: Text(
                '325ml, Price',
                style: TextStyle(
                  fontSize: 14,
                  fontWeight: FontWeight.w400,
                  color: Color(0xFF7C7C7C),
                ),
              ),
            ),
            trailing: Row(
              mainAxisSize: MainAxisSize.min,
              children: [
                Text(
                  '\$1.50',
                  style: TextStyle(
                    fontWeight: FontWeight.w600,
                    fontSize: 16,
                    color: Color(0xFF181725),
                  ),
                ),
                Icon(Icons.arrow_forward_ios, color: Color(0xFF181725)),
              ],
            ),
          ),
          Padding(
            padding: const EdgeInsets.symmetric(horizontal: 25.2),
            child: Divider(),
          ),
          ListTile(
            onTap: () {},
            leading: Image.asset('assets/cola.png'),
            title: Padding(
              padding: const EdgeInsets.only(left: 25),
              child: Text(
                'Diet coke',
                style: TextStyle(
                  fontSize: 16,
                  fontWeight: FontWeight.w600,
                  color: Color(0xFF181725),
                ),
              ),
            ),
            subtitle: Padding(
              padding: const EdgeInsets.only(left: 25),
              child: Text(
                '355ml, Price',
                style: TextStyle(
                  fontSize: 14,
                  fontWeight: FontWeight.w400,
                  color: Color(0xFF7C7C7C),
                ),
              ),
            ),
            trailing: Row(
              mainAxisSize: MainAxisSize.min,
              children: [
                Text(
                  '\$1.99',
                  style: TextStyle(
                    fontWeight: FontWeight.w600,
                    fontSize: 16,
                    color: Color(0xFF181725),
                  ),
                ),
                Icon(Icons.arrow_forward_ios, color: Color(0xFF181725)),
              ],
            ),
          ),
          Padding(
            padding: const EdgeInsets.symmetric(horizontal: 25.2),
            child: Divider(),
          ),
        ],
      ),
    );
  }
}

// Some code
class Lesson03b extends StatelessWidget {
  const Lesson03b({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,

      appBar: AppBar(
        backgroundColor: Colors.white,
        leading: IconButton(onPressed: () {}, icon: Icon(Icons.arrow_back)),
        title: Text(
          'Transactions',
          style: TextStyle(fontSize: 18, fontWeight: FontWeight.w500),
        ),
        centerTitle: true,
      ),

      body: ListView(
        children: [
          ListTile(
            leading: Image.asset('assets/mastercard.png'),
            title: Text(
              'Master Card',
              style: TextStyle(fontSize: 15, fontWeight: FontWeight.w600),
            ),
            subtitle: Text(
              'Dec 12 2021 at 10:00 pm',
              style: TextStyle(fontSize: 10),
            ),
            trailing: Text(
              "\$89",
              style: TextStyle(
                fontSize: 15,
                fontWeight: FontWeight.w600,
                color: Color(0xFF28B446),
              ),
            ),
          ),
          ListTile(
            leading: Image.asset('assets/visa.png'),
            title: Text(
              'Master Card',
              style: TextStyle(fontSize: 15, fontWeight: FontWeight.w600),
            ),
            subtitle: Text(
              'Dec 12 2021 at 10:00 pm',
              style: TextStyle(fontSize: 10),
            ),
            trailing: Text(
              "\$109",
              style: TextStyle(
                fontSize: 15,
                fontWeight: FontWeight.w600,
                color: Color(0xFF28B446),
              ),
            ),
          ),
        ],
      ),
    );
  }
}

// Some code
class Lesson03c extends StatelessWidget {
  const Lesson03c({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      //appBar: AppBar(),
      body: SafeArea(
        child: Padding(
          padding: const EdgeInsets.all(15),
          child: Column(
            children: [
              ElevatedButton(
                onPressed: () {
                  print('Отправить деньги');
                },
                style: ElevatedButton.styleFrom(
                  minimumSize: Size(343, 48),
                  backgroundColor: Color(0xFF0063F5),
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(4),
                  ),
                ),

                child: Text(
                  'Preview sell',
                  style: TextStyle(
                    fontSize: 14,
                    color: Color(0xFFF8F9FA),
                    fontWeight: FontWeight.w500,
                  ),
                ),
              ),
              SizedBox(height: 40),
              Row(
                children: [
                  ElevatedButton(
                    onPressed: () {},
                    style: ElevatedButton.styleFrom(
                      minimumSize: Size(140.58, 40),
                      backgroundColor: Color(0xFFFFDECF),
                      shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(46),
                      ),
                    ),
                    child: Text(
                      'Return home',
                      style: TextStyle(color: Color(0xFFE95322)),
                    ),
                  ),
                ],
              ),

              SizedBox(
                width: 310,

                child: ListTile(
                  title: Text('Total'),
                  subtitle: Text('60,000'),
                  trailing: ElevatedButton(
                    onPressed: () {},
                    style: ElevatedButton.styleFrom(
                      minimumSize: Size(199, 56),
                      shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(10),
                      ),
                      backgroundColor: Color(0xFFFFA451),
                    ),
                    child: Text(
                      'checkout',
                      style: TextStyle(color: Colors.white),
                    ),
                  ),
                ),
              ),

              Row(
                children: [
                  ElevatedButton(
                    onPressed: () {},
                    style: ElevatedButton.styleFrom(
                      shape: CircleBorder(
                        side: BorderSide(color: Colors.red, width: 1),
                      ),
                      minimumSize: Size(65, 65),
                      backgroundColor: Color(0xFFFCF3F6),
                    ),
                    child: Image.asset('assets/google.png'),
                  ),
                ],
              ),

              ElevatedButton(
                onPressed: () {},
                style: ElevatedButton.styleFrom(
                  minimumSize: Size(195, 70),
                  backgroundColor: Color(0xFF3C2F2F),
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(20),
                  ),
                ),

                child: Row(
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    Text('Edit profile', style: TextStyle(color: Colors.white)),
                    SizedBox(width: 17),
                    Image.asset('assets/edit.png'),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

// Some code
class Lesson03d extends StatelessWidget {
  const Lesson03d({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,

      body: SafeArea(
        child: Column(
          children: [
            Container(
              height: 209,
              width: double.infinity,
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(10),
                color: Color(0xFF0063F5),
              ),
              margin: EdgeInsets.symmetric(horizontal: 15),
              child: Column(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: [
                  CircleAvatar(
                    radius: 40,
                    backgroundImage: AssetImage('assets/apple.png'),
                  ),

                  Text(
                    'Aitmatov Baiastan',
                    style: TextStyle(
                      fontSize: 20,
                      fontWeight: FontWeight.bold,
                      color: Colors.white,
                    ),
                  ),
                ],
              ),
            ),

            ListTile(
              leading: Image.asset('assets/clock.png'),
              title: Text('History'),
              trailing: Icon(Icons.arrow_forward_ios),
            ),
            Divider(),
          ],
        ),
      ),
    );
  }
}

// Some code
class Lesson03e extends StatelessWidget {
  const Lesson03e({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        backgroundColor: Colors.white,
        leading: IconButton(onPressed: () {}, icon: Icon(Icons.arrow_back_ios)),
        title: Text('My home'),
        actions: [IconButton(onPressed: () {}, icon: Icon(Icons.more_horiz))],
      ),
      body: Padding(
        padding: const EdgeInsets.symmetric(horizontal: 15),
        child: ListView(
          children: [
            Text('Food'),
            Divider(),
            Row(
              children: [
                Container(
                  height: 60,
                  width: 60,
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(8),
                    color: Color(0xFF98A8B8),
                  ),
                ),
                SizedBox(width: 14),
                Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [Text('Pizza hut'), Text('\$35.25')],
                ),
                Spacer(),
                Text('#162432', textAlign: TextAlign.end),
              ],
            ),
            SizedBox(height: 24,),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                SizedBox(
                  width: 139,
                  height: 38,
                  child: ElevatedButton(
                    onPressed: () {},
                    style: ElevatedButton.styleFrom(
                      backgroundColor: Color(0xFFFF7622),
                      shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(8)
                      )
                    ),
                    child: Text(
                      'Track order',
                      style: TextStyle(color: Colors.white),
                    ),
                  ),
                ),
                ElevatedButton(
                  onPressed: () {},
                  style: ElevatedButton.styleFrom(
                    backgroundColor: Color(0xFFFF7622),
                  ),
                  child: Text('Track order'),
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }
}