import 'package:enaklo_pos/core/components/buttons.dart';
import 'package:enaklo_pos/core/components/custom_modal_dialog.dart';
import 'package:enaklo_pos/core/components/flushbar.dart';
import 'package:enaklo_pos/core/components/spaces.dart';
import 'package:enaklo_pos/core/constants/colors.dart';
import 'package:enaklo_pos/core/extensions/build_context_ext.dart';
import 'package:enaklo_pos/data/models/response/table_model.dart';
import 'package:enaklo_pos/presentation/home/bloc/get_table_status/get_table_status_bloc.dart';
import 'package:enaklo_pos/presentation/home/bloc/order_form/order_form_bloc.dart';
import 'package:enaklo_pos/presentation/home/models/order_type.dart';
import 'package:enaklo_pos/presentation/home/models/product_quantity.dart';
import 'package:enaklo_pos/presentation/success/pages/success_save_order_page.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';

class PaymentSaveDialog extends StatefulWidget {
  final TableModel? selectedTable;
  final String customerName;
  final OrderType orderType;
  final List<ProductQuantity> items;
  const PaymentSaveDialog(
      {super.key,
      required this.selectedTable,
      required this.customerName,
      required this.orderType,
      required this.items});

  @override
  State<PaymentSaveDialog> createState() => _PaymentSaveDialogState();
}

class _PaymentSaveDialogState extends State<PaymentSaveDialog> {
  TableModel? selectTable;

  @override
  void initState() {
    super.initState();
    if (widget.selectedTable != null) {
      selectTable = widget.selectedTable;
    }
  }

  @override
  Widget build(BuildContext context) {
    return CustomModalDialog(
      title: 'Bayar Nanti',
      subtitle: 'Simpan pesanan dan bayar nanti',
      contentPadding:
          const EdgeInsets.symmetric(horizontal: 16.0, vertical: 24.0),
      minWidth: context.deviceWidth * 0.4,
      minHeight: context.deviceHeight * 0.4,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              const Text(
                'Pilih Meja',
                style: TextStyle(
                  color: AppColors.black,
                  fontSize: 16,
                  fontWeight: FontWeight.w600,
                ),
              ),
              const SpaceHeight(6.0),
              BlocBuilder<GetTableStatusBloc, GetTableStatusState>(
                  builder: (context, state) {
                return state.maybeWhen(
                  orElse: () => const CircularProgressIndicator(),
                  success: (tables) {
                    final availableTables = tables;

                    if (selectTable == null && availableTables.isNotEmpty) {
                      selectTable = availableTables.first;
                    }

                    if (availableTables.isEmpty) {
                      return Container(
                        padding: const EdgeInsets.all(16),
                        decoration: BoxDecoration(
                          color: Colors.orange[50],
                          borderRadius: BorderRadius.circular(16),
                          border: Border.all(
                            color: Colors.orange,
                            width: 1,
                          ),
                        ),
                        child: const Text(
                          'Tidak ada meja yang tersedia. Silakan pilih opsi lain.',
                          style: TextStyle(color: Colors.orange),
                        ),
                      );
                    }

                    return Container(
                      padding: const EdgeInsets.symmetric(horizontal: 16),
                      decoration: BoxDecoration(
                        color: Colors.white,
                        borderRadius: BorderRadius.circular(16),
                        border: Border.all(
                          color: Theme.of(context).primaryColor,
                          width: 2,
                        ),
                      ),
                      child: DropdownButtonHideUnderline(
                        child: DropdownButton<TableModel>(
                          isExpanded: true,
                          value: selectTable,
                          onChanged: (TableModel? newValue) {
                            setState(() {
                              selectTable = newValue;
                            });
                          },
                          items: availableTables
                              .map<DropdownMenuItem<TableModel>>(
                                (TableModel value) =>
                                    DropdownMenuItem<TableModel>(
                                  value: value,
                                  child: Text(value.tableName),
                                ),
                              )
                              .toList(),
                        ),
                      ),
                    );
                  },
                );
              }),
            ],
          ),
          SpaceHeight(24),
          BlocListener<OrderFormBloc, OrderFormState>(
            listener: (context, state) {
              state.maybeWhen(
                orElse: () {},
                success: (data) {
                  context.pushReplacement(SuccessSaveOrderPage(
                    order: data,
                  ));
                },
                error: (message) => AppFlushbar.showError(context, message),
              );
            },
            child: BlocBuilder<OrderFormBloc, OrderFormState>(
              builder: (context, state) {
                return state.maybeWhen(
                  orElse: () => Button.filled(
                    onPressed: () {
                      context.read<OrderFormBloc>().add(
                            OrderFormEvent.create(
                              items: widget.items,
                              customerName: widget.customerName,
                              orderType: widget.orderType,
                              tableNumber: selectTable!.tableName.toString(),
                            ),
                          );
                    },
                    label: "Simpan",
                  ),
                  loading: () => Center(
                    child: const CircularProgressIndicator(),
                  ),
                );
              },
            ),
          ),
        ],
      ),
    );
  }
}