import 'package:cathaypay_mobile/TransferMoney/TransferWorldDetail.dart';
import 'package:flutter/material.dart';

class TransferWorldPage extends StatefulWidget {
  const TransferWorldPage({Key? key}) : super(key: key);

  @override
  State<TransferWorldPage> createState() => _TransferWorldPageState();
}

class _TransferWorldPageState extends State<TransferWorldPage> {
  @override
  Widget build(BuildContext context) {
    return SingleChildScrollView(
      child: Container(
          child: Column(
              mainAxisAlignment: MainAxisAlignment.start,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
            Padding(
              padding: const EdgeInsets.all(20.0),
              child: Column(
                mainAxisAlignment: MainAxisAlignment.start,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Row(
                    children: [
                      IconButton(
                          onPressed: () {
                            Navigator.of(context).pop();
                          },
                          icon: Icon(
                            Icons.arrow_back_ios,
                            color: Colors.black,
                          )),
                      Text(
                        "โอนเงินต่างประเทศ",
                        style: TextStyle(
                          color: Color(0xff050505),
                          fontSize: 20,
                        ),
                      )
                    ],
                  ),
                  Text(
                    "ชื่อ",
                    style: TextStyle(
                      color: Color(0xff65676b),
                      fontSize: 16,
                      fontWeight: FontWeight.w300,
                    ),
                  ),
                  Container(
                    child: Row(
                      children: [
                        Spacer(),
                        Text(
                          "MR.KASI PASNIKOM",
                          textAlign: TextAlign.right,
                          style: TextStyle(
                            color: Color(0xff65676b),
                            fontSize: 16,
                          ),
                        ),
                        SizedBox(
                          width: 20,
                        )
                      ],
                    ),
                    height: 48,
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(100),
                      color: Color(0xfff2f2f2),
                    ),
                  ),
                  SizedBox(
                    height: 10,
                  ),
                  Row(
                    children: [
                      Text(
                        "หมายเลขบัตรประชาชน\nหนังสือเดินทาง",
                        style: TextStyle(
                          color: Color(0xff65676b),
                          fontSize: 14,
                          fontWeight: FontWeight.w300,
                        ),
                      ),
                      Spacer(),
                      Text(
                        "1600999099999",
                        textAlign: TextAlign.right,
                        style: TextStyle(
                          color: Color(0xff65676b),
                          fontSize: 15,
                        ),
                      ),
                    ],
                  ),
                  SizedBox(
                    height: 10,
                  ),
                ],
              ),
            ),
            Container(
              child: Center(
                child: Text(
                  "ที่อยู่ที่ติดต่อได้ (ภาษาอังกฤษ)",
                  style: TextStyle(
                    color: Color(0xff393939),
                    fontSize: 15,
                  ),
                ),
              ),
              height: 41,
              width: MediaQuery.of(context).size.width,
              color: Color(0xffd9d9d9),
            ),
            Padding(
              padding: const EdgeInsets.all(20.0),
              child: Column(
                mainAxisAlignment: MainAxisAlignment.start,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    "หมู่บ้าน",
                    style: TextStyle(
                      color: Color(0xff65676b),
                      fontSize: 14,
                      fontWeight: FontWeight.w300,
                    ),
                  ),
                  Container(
                    height: 32.21,
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(100),
                      color: Color(0xfff2f2f2),
                    ),
                  ),
                  SizedBox(
                    height: 10,
                  ),
                  Row(
                    children: [
                      Expanded(
                        child: Text(
                          "เลขที่ห้อง",
                          style: TextStyle(
                            color: Color(0xff65676b),
                            fontSize: 14,
                            fontWeight: FontWeight.w300,
                          ),
                        ),
                      ),
                      Expanded(
                        child: Text(
                          "ชั้น",
                          style: TextStyle(
                            color: Color(0xff65676b),
                            fontSize: 14,
                            fontWeight: FontWeight.w300,
                          ),
                        ),
                      )
                    ],
                  ),
                  SizedBox(
                    height: 10,
                  ),
                  Row(
                    children: [
                      Expanded(
                        child: Container(
                          height: 32.21,
                          decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(100),
                            color: Color(0xfff2f2f2),
                          ),
                        ),
                      ),
                      SizedBox(
                        width: 20,
                      ),
                      Expanded(
                        child: Container(
                          height: 32.21,
                          decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(100),
                            color: Color(0xfff2f2f2),
                          ),
                        ),
                      )
                    ],
                  ),
                  SizedBox(
                    height: 10,
                  ),
                  Row(
                    children: [
                      Expanded(
                        child: Text(
                          "บ้านเลขที่",
                          style: TextStyle(
                            color: Color(0xff65676b),
                            fontSize: 14,
                            fontWeight: FontWeight.w300,
                          ),
                        ),
                      ),
                      Expanded(
                        child: Text(
                          "หมู่",
                          style: TextStyle(
                            color: Color(0xff65676b),
                            fontSize: 14,
                            fontWeight: FontWeight.w300,
                          ),
                        ),
                      )
                    ],
                  ),
                  SizedBox(
                    height: 10,
                  ),
                  Row(
                    children: [
                      Expanded(
                        child: Container(
                          height: 32.21,
                          decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(100),
                            color: Color(0xfff2f2f2),
                          ),
                        ),
                      ),
                      SizedBox(
                        width: 20,
                      ),
                      Expanded(
                        child: Container(
                          height: 32.21,
                          decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(100),
                            color: Color(0xfff2f2f2),
                          ),
                        ),
                      )
                    ],
                  ),
                  Text(
                    "ซอย",
                    style: TextStyle(
                      color: Color(0xff65676b),
                      fontSize: 14,
                      fontWeight: FontWeight.w300,
                    ),
                  ),
                  Container(
                    height: 32.21,
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(100),
                      color: Color(0xfff2f2f2),
                    ),
                  ),
                  SizedBox(
                    height: 10,
                  ),
                  Text(
                    "ถนน",
                    style: TextStyle(
                      color: Color(0xff65676b),
                      fontSize: 14,
                      fontWeight: FontWeight.w300,
                    ),
                  ),
                  Container(
                    height: 32.21,
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(100),
                      color: Color(0xfff2f2f2),
                    ),
                  ),
                  SizedBox(
                    height: 10,
                  ),
                  Text(
                    "จังหวัด",
                    style: TextStyle(
                      color: Color(0xff65676b),
                      fontSize: 14,
                      fontWeight: FontWeight.w300,
                    ),
                  ),
                  Container(
                    height: 32.21,
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(100),
                      color: Color(0xfff2f2f2),
                    ),
                  ),
                  SizedBox(
                    height: 10,
                  ),
                  Text(
                    "เขต/อำเภแ",
                    style: TextStyle(
                      color: Color(0xff65676b),
                      fontSize: 14,
                      fontWeight: FontWeight.w300,
                    ),
                  ),
                  Container(
                    height: 32.21,
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(100),
                      color: Color(0xfff2f2f2),
                    ),
                  ),
                  SizedBox(
                    height: 10,
                  ),
                  Text(
                    "แขวง/ตำบล",
                    style: TextStyle(
                      color: Color(0xff65676b),
                      fontSize: 14,
                      fontWeight: FontWeight.w300,
                    ),
                  ),
                  Container(
                    height: 32.21,
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(100),
                      color: Color(0xfff2f2f2),
                    ),
                  ),
                  SizedBox(
                    height: 10,
                  ),
                  Text(
                    "รหัสไปรษณีย์",
                    style: TextStyle(
                      color: Color(0xff65676b),
                      fontSize: 14,
                      fontWeight: FontWeight.w300,
                    ),
                  ),
                  Container(
                    height: 32.21,
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(100),
                      color: Color(0xfff2f2f2),
                    ),
                  ),
                  SizedBox(
                    height: 10,
                  ),
                  InkWell(
                      onTap: () {
                        showModalBottomSheet<void>(
                            context: context,isScrollControlled: true,useSafeArea: true,
                            shape: RoundedRectangleBorder(
                              borderRadius: BorderRadius.vertical(
                                top: Radius.circular(16),
                              ),
                            ),
                            builder: (BuildContext context) {
                              return TransferWorldCountry();
                            });
                      },
                      child: Container(
                        margin: EdgeInsets.only(bottom: 15),
                        width: MediaQuery.of(context).size.width,
                        height: 46,
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(100),
                          color: Color(0xffad022c),
                        ),
                        child: Center(
                            child: Text(
                          "ต่อไป",
                          textAlign: TextAlign.center,
                          style: TextStyle(
                            color: Colors.white,
                            fontSize: 18,
                            fontWeight: FontWeight.w300,
                          ),
                        )),
                      ))
                ],
              ),
            )
          ])),
    );
  }
}

class TransferWorldCountry extends StatefulWidget {
  const TransferWorldCountry({Key? key}) : super(key: key);

  @override
  State<TransferWorldCountry> createState() => _TransferWorldCountryState();
}

class _TransferWorldCountryState extends State<TransferWorldCountry> {
  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.start,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Padding(
          padding: const EdgeInsets.all(20.0),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Row(
                children: [
                  IconButton(
                      onPressed: () {
                        Navigator.of(context).pop();
                      },
                      icon: Icon(
                        Icons.arrow_back_ios,
                        color: Colors.black,
                      )),
                  Text(
                    "เลือกประเทศและภูมิภาค",
                    style: TextStyle(
                      color: Color(0xff050505),
                      fontSize: 20,
                    ),
                  )
                ],
              ),
              Text(
                "ค้นหาด้วยคำภาษาอังกฤษ",
                style: TextStyle(
                  color: Color(0xff65676b),
                  fontSize: 16,
                  fontWeight: FontWeight.w300,
                ),
              ),
              Container(
                child: Row(
                  children: [
                    Spacer(),
                    Icon(
                      Icons.search,
                      color: Color(0xff65676b),
                    ),
                    SizedBox(
                      width: 20,
                    )
                  ],
                ),
                height: 48,
                decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(100),
                  color: Color(0xfff2f2f2),
                ),
              ),

            ],
          ),
        ),
        Container(
          child: Padding(
            padding: const EdgeInsets.only(left: 20),
            child: Row(
              children: [
                Center(
                  child: Text(
                    "A",
                    style: TextStyle(
                      color: Color(0xff393939),
                      fontSize: 15,
                    ),
                  ),
                ),
              ],
            ),
          ),
          height: 41,
          width: MediaQuery.of(context).size.width,
          color: Color(0xffd9d9d9),
        ),
        Container(
          child: Padding(
            padding: const EdgeInsets.only(left: 40),
            child: Row(
              children: [
                Center(
                  child: Text(
                    "Australia",
                    style: TextStyle(
                      color: Color(0xff393939),
                      fontSize: 15,
                    ),
                  ),
                ),
              ],
            ),
          ),
          height: 41,
          width: MediaQuery.of(context).size.width,
          color: Colors.white,
        ),
        Spacer(),
        InkWell(
            onTap: () {
              showModalBottomSheet<void>(
                  context: context,isScrollControlled: true,useSafeArea: true,
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.vertical(
                      top: Radius.circular(16),
                    ),
                  ),
                  builder: (BuildContext context) {
                    return TransferWorldDetail();
                  });
            },
            child: Container(
              margin: EdgeInsets.only(bottom: 15),
              width: MediaQuery.of(context).size.width,
              height: 46,
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(100),
                color: Color(0xffad022c),
              ),
              child: Center(
                  child: Text(
                    "ต่อไป",
                    textAlign: TextAlign.center,
                    style: TextStyle(
                      color: Colors.white,
                      fontSize: 18,
                      fontWeight: FontWeight.w300,
                    ),
                  )),
            ))
      ],
    );
  }
}