import 'package:flutter/material.dart';
import 'package:initial_folder/get_it.dart';
import 'package:initial_folder/helper/user_info.dart';
import 'package:initial_folder/models/detail_course_model.dart';
import 'package:initial_folder/providers/detail_course_provider.dart';
import 'package:initial_folder/providers/total_price_provider.dart';
import 'package:initial_folder/screens/checkout/components/course_list.dart';
import 'package:initial_folder/screens/checkout/detail_zero_payment.dart';
import 'package:initial_folder/screens/login/login_screen.dart';
import 'package:initial_folder/screens/login/login_with_email/login_email_screen.dart';
import 'package:initial_folder/screens/my_course/success_free_course.dart';
import 'package:initial_folder/screens/splash/splash_screen_login.dart';
import 'package:initial_folder/size_config.dart';
import 'package:initial_folder/theme.dart';
import 'package:intl/intl.dart';
import 'package:provider/provider.dart';
import 'package:initial_folder/providers/payments_provider.dart'
    as paymentsProvider;
import 'package:initial_folder/providers/my_course_provider.dart'
    as myCourseProvider;

import '../../providers/payments_provider.dart';
import 'snap_payment_page.dart';

class CheckoutPage extends StatefulWidget {
  final idCourse;
  final title;
  final discountPrice;
  final price;
  final instructor;
  final thumbnail;

  const CheckoutPage({
    Key? key,
    required this.idCourse,
    required this.instructor,
    required this.title,
    required this.price,
    required this.discountPrice,
    required this.thumbnail,
  }) : super(key: key);

  @override
  State<CheckoutPage> createState() => _CheckoutPageState();
}

class _CheckoutPageState extends State<CheckoutPage> {
  final controller = TextEditingController();
  final provider = detailGetIt<DetailProvider>();

  Future _showMessage(String text) {
    return showDialog(
      context: context,
      builder: (context) => AlertDialog(
        contentPadding: EdgeInsets.fromLTRB(22, 30, 22, 30),
        content: Text(
          text,
          textAlign: TextAlign.center,
          style: primaryTextStyle.copyWith(
              fontSize: getProportionateScreenWidth(12), letterSpacing: 1),
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    provider.getDetail(widget.idCourse);
    final selectedTotalPrice = Provider.of<TotalPriceProvider>(context);
    // String? discountPrice;

    return StreamBuilder<DetailCourseModel>(
      stream: provider.detailStream,
      builder: (context, AsyncSnapshot<DetailCourseModel> snapshot) {
        final detail = snapshot.data?.data[0][0];
        // discountPrice = detail?.discountPrice ?? '0';
        if (snapshot.hasError) {
          return Center(
            child: Text(
              'Terjadi Kesalahan',
              style: thirdTextStyle,
            ),
          );
        } else {
          switch (snapshot.connectionState) {
            case ConnectionState.waiting:
              Center(
                child: CircularProgressIndicator(
                  color: primaryColor,
                  strokeWidth: 2,
                ),
              );
              break;
            case ConnectionState.none:
              Center(
                child: Text(
                  'Tidak ada koneksi',
                  style: thirdTextStyle,
                ),
              );
              break;
            case ConnectionState.active:
              final detail = snapshot.data?.data[0][0];
              // discountPrice = detail?.discountPrice ?? '0';
              body(widget.idCourse, detail?.title ?? '', detail?.price ?? '0',
                  detail?.discountPrice ?? '0', detail?.thumbnail ?? '');
              break;
            case ConnectionState.done:
              final detail = snapshot.data?.data[0][0];
              // discountPrice = detail?.discountPrice ?? '0';
              body(widget.idCourse, detail?.title ?? '', detail?.price ?? '0',
                  detail?.discountPrice ?? '0', detail?.thumbnail ?? '');
              break;
          }
        }
        return body(widget.idCourse, detail?.title ?? '', detail?.price ?? '0',
            detail?.discountPrice ?? '0', detail?.thumbnail ?? '');
      },
    );
  }

  Widget bottomNav(String discountPrice, String price) {
    String total = discountPrice == '0' ? price : discountPrice;
    paymentsProvider.PaymentsProvider pay =
        Provider.of<paymentsProvider.PaymentsProvider>(context);
    final selectedTotalPrice = Provider.of<TotalPriceProvider>(context);

    hargaTotalNavBar() {
      String hargaTotal =
          'Rp. ${NumberFormat.currency(locale: 'id', symbol: '', decimalDigits: 0).format(double.parse(price) - (double.parse(price) - double.parse(discountPrice)))}';
      return hargaTotal;
    }

    showNotifDialog(BuildContext context) {
      showDialog(
        context: context,
        builder: (context) {
          return AlertDialog(
            content: Consumer<paymentsProvider.PaymentsProvider>(
              builder: (context, state, child) {
                if (state.state == paymentsProvider.ResultState.gagal) {
                  return Container(
                    height: getProportionateScreenHeight(40),
                    width: getProportionateScreenWidth(15),
                    child: Center(
                      child: Text(
                        'Anda sudah memiliki kursus ini',
                        style: primaryTextStyle.copyWith(fontSize: 12),
                        textAlign: TextAlign.center,
                      ),
                    ),
                  );
                } else {
                  return Text(
                    'Erorr lain',
                    style: thirdTextStyle,
                  );
                }
              },
            ),
          );
        },
      );
    }

    Future _showDialogNotLogin(String teks) {
      return showDialog(
        context: context,
        builder: (context) => AlertDialog(
          contentPadding: EdgeInsets.fromLTRB(12, 20, 12, 1),
          content: Text(
            'Mohon login terlebih dahulu sebelum $teks',
            style: primaryTextStyle.copyWith(
                fontSize: getProportionateScreenWidth(12), letterSpacing: 1),
          ),
          actions: [
            GestureDetector(
              onTap: () {
                Navigator.of(context).pop();
              },
              child: Text('Batal',
                  style: primaryTextStyle.copyWith(
                      fontSize: getProportionateScreenWidth(12),
                      letterSpacing: 1,
                      color: primaryColor)),
            ),
            SizedBox(width: getProportionateScreenWidth(5)),
            GestureDetector(
              onTap: () {
                Navigator.of(context).pushNamedAndRemoveUntil(
                    LoginEmail.routeName, (Route<dynamic> route) => false);
              },
              child: Text(
                'Login',
                style: primaryTextStyle.copyWith(
                    fontSize: getProportionateScreenWidth(12),
                    letterSpacing: 1,
                    color: primaryColor),
              ),
            ),
          ],
        ),
      );
    }

    handleNotLoginFree(
      String? id,
      String? title,
      String? thumb,
      String? instr,
    ) async {
      var token = await UsersInfo().getToken();
      if (token != null || Condition.loginFirebase == true) {
        print("ini bisa ya");
        if (await pay.freeCourse(int.parse(widget.idCourse))) {
          await Provider.of<myCourseProvider.MyCourseProvider>(context,
                  listen: false)
              .getMyCourse();
          Navigator.push(
            context,
            MaterialPageRoute(
              builder: (context) => SuccessFreeCourse(
                id: id,
                thumbnail: thumb,
                title: title,
                instructor: instr,
              ),
            ),
          );
        } else {
          showNotifDialog(context);
        }
      } else {
        String teks = 'memiliki kursus ini';
        return _showDialogNotLogin(teks);
      }
    }

    int totalPrice;
    if (int.parse(discountPrice) != 0 && int.parse(discountPrice) < 50000) {
      totalPrice = int.parse(discountPrice) + 5000;
    } else {
      if (int.parse(price) < 50000) {
        totalPrice = int.parse(price) + 5000;
      } else {
        totalPrice = int.parse(price);
      }
    }

    return Container(
      width: double.infinity,
      height: getProportionateScreenHeight(64),
      decoration: BoxDecoration(
        border: Border(top: BorderSide(color: fourthColor)),
        boxShadow: [
          BoxShadow(
            offset: Offset(0, -2),
            blurRadius: 50,
            color: fourthColor.withOpacity(0.15),
          )
        ],
      ),
      child: Row(
        children: [
          SizedBox(width: 13),
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              SizedBox(height: getProportionateScreenHeight(6)),
              Text(
                "Total",
                style: primaryTextStyle.copyWith(
                    fontSize: getProportionateScreenHeight(12),
                    letterSpacing: 1),
              ),
              SizedBox(height: 2),
              if (int.parse(price) < 50000 || int.parse(discountPrice) < 50000)
                Text(
                  "Rp. ${NumberFormat.currency(locale: 'id', symbol: '', decimalDigits: 0).format(totalPrice)}",
                  style: primaryTextStyle.copyWith(
                      fontSize: SizeConfig.blockVertical! * 2.5,
                      letterSpacing: 0.23),
                )
              else
                Text(
                  "Rp. ${NumberFormat.currency(locale: 'id', symbol: '', decimalDigits: 0).format(discountPrice == "0" ? double.parse(price) : double.parse(discountPrice))}",
                  style: primaryTextStyle.copyWith(
                      fontSize: SizeConfig.blockVertical! * 2.5,
                      letterSpacing: 0.23),
                ),
              SizedBox(height: getProportionateScreenHeight(2)),
            ],
          ),
          Spacer(),
          GestureDetector(
            onTap: () async {
              selectedTotalPrice.selectedTotalPrice = totalPrice;

              if (price == "0") {
                Navigator.of(context).push(
                  MaterialPageRoute(
                    builder: (context) => DetailZeroPayment(
                      discountPrice: discountPrice,
                      price: price,
                    ),
                  ),
                );
              } else {
                // Dapatkan total harga dan id transaksi untuk Snap Midtrans
                String orderId = 'order-${DateTime.now().millisecondsSinceEpoch}';
                int grossAmount = int.parse(price);

                // Persiapkan data invoice berdasarkan pesanan
                List<Map<String, dynamic>> dataInvoice = [
                  {
                    'id_kursus': widget.idCourse,
                    'title_kursus': widget.title,
                    'harga': price.toString(),
                    'qty': '1',
                  }
                ];

                // Panggil Snap melalui provider
                final paymentProvider = Provider.of<PaymentsProvider>(context, listen: false);
                bool success = (await paymentProvider.startSnapPayment(
                  orderId: orderId,
                  grossAmount: grossAmount,
                  dataInvoice: dataInvoice,
                )) as bool;

                if (success) {
                  // Jika Snap berhasil, tampilkan halaman WebView Snap
                  Navigator.of(context).push(
                    MaterialPageRoute(
                      builder: (context) => SnapPaymentPage(
                        transactionToken: '',
                        orderId: orderId,
                        grossAmount: grossAmount, courseTitle: '', courseThumbnail: '', courseInstructor: '', courseId: '',
                      ),
                    ),
                  );
                } else {
                  print("Pembayaran gagal");
                }
              }
            },
          child: Container(
            margin: EdgeInsets.only(right: getProportionateScreenWidth(15)),
            width: getProportionateScreenWidth(188),
            height: getProportionateScreenHeight(41),
            decoration: BoxDecoration(
              color: primaryColor, 
              borderRadius: BorderRadius.circular(5),
            ),
            child: Center(
              child: Text(
                'Lengkapi Pembayaran',
                style: thirdTextStyle.copyWith(
                  fontSize: SizeConfig.blockVertical! * 1.7,
                  fontWeight: semiBold,
                  letterSpacing: 0.32,
                  color: Color(0xff050505),
                ),
              ),
            ),
          ),
        )
        ],
      ),
    );
  }

  Widget body(String idCourse, String title, String price, String discountPrice,
      String imageUrl) {
    int totalPrice;
    if (int.parse(discountPrice) != 0 && int.parse(discountPrice) < 50000) {
      totalPrice = int.parse(discountPrice) + 5000;
    } else {
      if (int.parse(price) < 50000) {
        totalPrice = int.parse(price) + 5000;
      } else {
        totalPrice = int.parse(price);
      }
    }
    return Scaffold(
      appBar: AppBar(
        title: Text(
          'Checkout',
          style: secondaryTextStyle.copyWith(
              letterSpacing: 1,
              fontWeight: semiBold,
              fontSize: getProportionateScreenWidth(14)),
        ),
      ),
      body: SingleChildScrollView(
        child: Container(
          margin:
              EdgeInsets.symmetric(horizontal: getProportionateScreenWidth(16)),
          child: Column(
            children: [
              Text(
                'Detail Pesanan',
                style: secondaryTextStyle.copyWith(
                  letterSpacing: 1,
                  fontWeight: semiBold,
                  fontSize: getProportionateScreenWidth(14),
                ),
              ),
              SizedBox(height: getProportionateScreenHeight(20)),
              CourseList(
                  idCourse: idCourse,
                  title: title,
                  price: price,
                  discountPrice: discountPrice,
                  imageUrl: imageUrl),
              SizedBox(height: getProportionateScreenHeight(28)),
              Text(
                'Rincian Harga',
                style: secondaryTextStyle.copyWith(
                  letterSpacing: 1,
                  fontWeight: semiBold,
                  fontSize: getProportionateScreenWidth(14),
                ),
              ),
              SizedBox(
                height: getProportionateScreenHeight(15),
              ),
              Row(
                children: [
                  Text(
                    'Subtotal Harga Kursus',
                    style: primaryTextStyle.copyWith(
                      letterSpacing: 1,
                      color: secondaryColor,
                      fontWeight: reguler,
                      fontSize: getProportionateScreenWidth(12),
                    ),
                  ),
                  Spacer(),
                  Text(
                    'Rp. ${NumberFormat.currency(locale: 'id', symbol: '', decimalDigits: 0).format(double.parse(price))}',
                    style: primaryTextStyle.copyWith(
                      letterSpacing: 0.5,
                      color: tenthColor,
                      fontWeight: reguler,
                      fontSize: getProportionateScreenWidth(12),
                    ),
                  ),
                ],
              ),
              SizedBox(height: getProportionateScreenHeight(8)),
              Row(
                children: [
                  Text(
                    'Potongan Kupon',
                    style: primaryTextStyle.copyWith(
                      letterSpacing: 1,
                      color: secondaryColor,
                      fontWeight: reguler,
                      fontSize: getProportionateScreenWidth(12),
                    ),
                  ),
                  Spacer(),
                  discountPrice != "0"
                      ? Text(
                          'Rp. ${NumberFormat.currency(locale: 'id', symbol: '', decimalDigits: 0).format(double.parse(price) - double.parse(discountPrice))}',
                          style: primaryTextStyle.copyWith(
                            letterSpacing: 0.5,
                            color: tenthColor,
                            fontWeight: reguler,
                            fontSize: getProportionateScreenWidth(12),
                          ),
                        )
                      : Text(
                          'Rp. 0',
                          style: primaryTextStyle.copyWith(
                            letterSpacing: 0.5,
                            color: tenthColor,
                            fontWeight: reguler,
                            fontSize: getProportionateScreenWidth(12),
                          ),
                        ),
                ],
              ),
              SizedBox(height: getProportionateScreenHeight(5)),
              Divider(
                color: tenthColor,
                thickness: 0.5,
              ),
              SizedBox(height: getProportionateScreenHeight(5)),
              Row(
                children: [
                  Text(
                    'Total',
                    style: secondaryTextStyle.copyWith(
                      letterSpacing: 1,
                      fontWeight: semiBold,
                      fontSize: getProportionateScreenWidth(14),
                    ),
                  ),
                  Spacer(),
                  if (int.parse(price) < 50000 ||
                      int.parse(discountPrice) < 50000)
                    Text(
                      'Rp. ${NumberFormat.currency(locale: 'id', symbol: '', decimalDigits: 0).format(totalPrice)}',
                      style: secondaryTextStyle.copyWith(
                        letterSpacing: 1,
                        color: primaryColor,
                        fontWeight: semiBold,
                        fontSize: getProportionateScreenWidth(14),
                      ),
                    )
                  else
                    Text(
                      'Rp. ${NumberFormat.currency(locale: 'id', symbol: '', decimalDigits: 0).format(discountPrice == "0" ? double.parse(price) : double.parse(discountPrice))}',
                      style: secondaryTextStyle.copyWith(
                        letterSpacing: 1,
                        color: primaryColor,
                        fontWeight: semiBold,
                        fontSize: getProportionateScreenWidth(14),
                      ),
                    ),
                ],
              ),
              Row(
                children: [
                  Text(''),
                  Spacer(),
                  if (int.parse(price) < 50000 ||
                      int.parse(discountPrice) < 50000 &&
                          int.parse(discountPrice) != 0)
                    Text(
                      '+ admin Rp 5000',
                      style: secondaryTextStyle.copyWith(
                        letterSpacing: 1,
                        color: primaryColor,
                        fontWeight: reguler,
                        fontSize: getProportionateScreenWidth(10),
                      ),
                    )
                  else
                    SizedBox(),
                ],
              ),
            ],
          ),
        ),
      ),
      bottomNavigationBar: bottomNav(discountPrice, price),
    );
  }

  @override
  void dispose() {
    controller.dispose();

    super.dispose();
  }
}