import 'package:enaklo_pos/core/components/buttons.dart';
import 'package:enaklo_pos/core/constants/colors.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:enaklo_pos/presentation/setting/bloc/discount/discount_bloc.dart';

import '../../home/widgets/custom_tab_bar.dart';
import '../dialogs/form_discount_dialog.dart';
import '../models/discount_model.dart';
import '../widgets/manage_discount_card.dart';
import '../widgets/settings_title.dart';

class DiscountPage extends StatefulWidget {
  const DiscountPage({super.key});

  @override
  State<DiscountPage> createState() => _DiscountPageState();
}

class _DiscountPageState extends State<DiscountPage> {
  // final List<DiscountModel> discounts = [
  //   DiscountModel(
  //     name: '20',
  //     code: 'BUKAPUASA',
  //     description: null,
  //     discount: 50,
  //     category: ProductCategory.food,
  //   ),
  // ];

  void onEditTap(DiscountModel item) {
    showDialog(
      context: context,
      builder: (context) => FormDiscountDialog(data: item),
    );
  }

  void onAddDataTap() {
    showDialog(
      context: context,
      builder: (context) => const FormDiscountDialog(),
    );
  }

  @override
  void initState() {
    context.read<DiscountBloc>().add(const DiscountEvent.getDiscounts());
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        SettingsTitle(
          'Kelola Diskon',
          subtitle: 'Kelola diskon untuk produk Anda',
          actionWidget: [
            Button.outlined(
              onPressed: onAddDataTap,
              label: "Tambah Diskon",
              icon: Icon(Icons.add, color: AppColors.primary),
            )
          ],
        ),
        Expanded(
          child: SingleChildScrollView(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                CustomTabBar(
                  tabTitles: const ['Semua'],
                  initialTabIndex: 0,
                  tabViews: [
                    // SEMUA TAB
                    SizedBox(
                      child: BlocBuilder<DiscountBloc, DiscountState>(
                        builder: (context, state) {
                          return state.maybeWhen(orElse: () {
                            return const Center(
                              child: CircularProgressIndicator(),
                            );
                          }, loaded: (discounts) {
                            return GridView.builder(
                              shrinkWrap: true,
                              itemCount: discounts.length,
                              physics: const NeverScrollableScrollPhysics(),
                              padding:
                                  const EdgeInsets.symmetric(horizontal: 16.0),
                              gridDelegate:
                                  const SliverGridDelegateWithFixedCrossAxisCount(
                                childAspectRatio: 0.85,
                                crossAxisCount: 3,
                                crossAxisSpacing: 30.0,
                                mainAxisSpacing: 30.0,
                              ),
                              itemBuilder: (context, index) {
                                final item = discounts[index];
                                return ManageDiscountCard(
                                  data: item,
                                  onEditTap: () {},
                                );
                              },
                            );
                          });
                          // return GridView.builder(
                          //   shrinkWrap: true,
                          //   itemCount: discounts.length + 1,
                          //   physics: const NeverScrollableScrollPhysics(),
                          //   gridDelegate:
                          //       const SliverGridDelegateWithFixedCrossAxisCount(
                          //     childAspectRatio: 0.85,
                          //     crossAxisCount: 3,
                          //     crossAxisSpacing: 30.0,
                          //     mainAxisSpacing: 30.0,
                          //   ),
                          //   itemBuilder: (context, index) {
                          //     if (index == 0) {
                          //       return AddData(
                          //         title: 'Tambah Diskon Baru',
                          //         onPressed: onAddDataTap,
                          //       );
                          //     }
                          //     final item = discounts[index - 1];
                          //     return ManageDiscountCard(
                          //       data: item,
                          //       onEditTap: () => onEditTap(item),
                          //     );
                          //   },
                          // );
                        },
                      ),
                    ),
                  ],
                ),
              ],
            ),
          ),
        ),
      ],
    );
  }
}