apskel-pos-flutter/lib/presentation/sales/pages/sales_page.dart

import 'package:enaklo_pos/core/components/buttons.dart';
import 'package:enaklo_pos/core/components/flushbar.dart';
import 'package:enaklo_pos/core/components/spaces.dart';
import 'package:enaklo_pos/core/extensions/build_context_ext.dart';
import 'package:enaklo_pos/data/models/response/order_response_model.dart';
import 'package:enaklo_pos/presentation/home/bloc/order_form/order_form_bloc.dart';
import 'package:enaklo_pos/presentation/sales/blocs/day_sales/day_sales_bloc.dart';
import 'package:enaklo_pos/presentation/sales/blocs/order_loader/order_loader_bloc.dart';
import 'package:enaklo_pos/presentation/sales/dialog/payment_dialog.dart';
import 'package:enaklo_pos/presentation/sales/dialog/refund_dialog.dart';
import 'package:enaklo_pos/presentation/void/pages/void_page.dart';
import 'package:enaklo_pos/presentation/sales/widgets/sales_detail.dart';
import 'package:enaklo_pos/presentation/sales/widgets/sales_list_order.dart';
import 'package:enaklo_pos/presentation/sales/widgets/sales_order_information.dart';
import 'package:enaklo_pos/presentation/sales/widgets/sales_payment.dart';
import 'package:enaklo_pos/presentation/sales/widgets/sales_right_title.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';

import '../../../core/constants/colors.dart';
import '../widgets/sales_card.dart';
import '../widgets/sales_title.dart';

class SalesPage extends StatefulWidget {
  final String status;
  const SalesPage({super.key, required this.status});

  @override
  State<SalesPage> createState() => _SalesPageState();
}

class _SalesPageState extends State<SalesPage> {
  DateTime startDate = DateTime.now();
  DateTime endDate = DateTime.now();
  Order? orderDetail;

  String searchQuery = '';

  @override
  void initState() {
    context
        .read<OrderLoaderBloc>()
        .add(OrderLoaderEvent.getByStatus(widget.status));
    super.initState();
  }

  List<Order> _filterOrders(List<Order> orders) {
    if (searchQuery.isEmpty) {
      return orders;
    }

    return orders.where((order) {
      final customerName = order.orderNumber?.toLowerCase() ?? "";
      final queryLower = searchQuery.toLowerCase();
      return customerName.contains(queryLower);
    }).toList();
  }

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        backgroundColor: AppColors.background,
        body: Row(
          children: [
            Expanded(
              flex: 2,
              child: Material(
                color: AppColors.white,
                child: Column(
                  children: [
                    SalesTitle(
                      title: widget.status == 'pending'
                          ? "Pending Pesanan"
                          : "Daftar Pesanan",
                      startDate: startDate,
                      endDate: endDate,
                      onChanged: (value) {
                        setState(() {
                          searchQuery = value;
                        });
                      },
                      onDateRangeChanged: (start, end) {
                        setState(() {
                          startDate = start;
                          endDate = end;
                        });

                        context.read<DaySalesBloc>().add(
                            DaySalesEvent.getRangeDateSales(
                                startDate, endDate));
                      },
                    ),
                    Expanded(
                      child: BlocBuilder<OrderLoaderBloc, OrderLoaderState>(
                        builder: (context, state) {
                          return state.maybeWhen(
                            orElse: () => const Center(
                              child: CircularProgressIndicator(),
                            ),
                            loading: () => const Center(
                              child: CircularProgressIndicator(),
                            ),
                            error: (message) => Center(
                              child: Text(
                                message,
                                style: TextStyle(
                                  fontSize: 16.0,
                                  fontWeight: FontWeight.bold,
                                ),
                              ),
                            ),
                            loaded: (orders, totalOrder) {
                              final filtered = _filterOrders(orders);
                              if (filtered.isEmpty) {
                                return Center(
                                  child: Text(
                                    "Belum ada transaksi saat ini. ",
                                    style: TextStyle(
                                      fontSize: 16.0,
                                      fontWeight: FontWeight.bold,
                                    ),
                                  ),
                                );
                              } else {
                                return SingleChildScrollView(
                                  child: Column(
                                    children: List.generate(
                                      filtered.length,
                                      (index) => GestureDetector(
                                        onTap: () {
                                          setState(() {
                                            orderDetail = filtered[index];
                                          });
                                          context.read<OrderFormBloc>().add(
                                              OrderFormEvent.started(
                                                  filtered[index]));
                                        },
                                        child: SalesCard(
                                          order: orders[index],
                                          isActive:
                                              orders[index] == orderDetail,
                                        ),
                                      ),
                                    ),
                                  ),
                                );
                              }
                            },
                          );
                        },
                      ),
                    ),
                  ],
                ),
              ),
            ),
            Expanded(
              flex: 4,
              child: orderDetail == null
                  ? Center(
                      child: Text(
                        "Belum ada order yang dipilih.",
                        style: TextStyle(
                          fontSize: 16.0,
                          fontWeight: FontWeight.bold,
                        ),
                      ),
                    )
                  : Column(
                      children: [
                        SalesRightTitle(
                          order: orderDetail,
                          actionWidget: [
                            if (widget.status == 'pending') ...[
                              BlocBuilder<OrderFormBloc, OrderFormState>(
                                  builder: (context, state) {
                                return state.maybeWhen(
                                  orElse: () => Button.outlined(
                                    onPressed: () {},
                                    label: 'Void',
                                    icon: Icon(Icons.undo),
                                  ),
                                  loaded: (order, selectedItems,
                                          totalVoidOrRefund, isAllSelected) =>
                                      Button.outlined(
                                    onPressed: () {
                                      context.push(VoidPage(
                                        selectedOrder: order,
                                      ));
                                      //   showDialog(
                                      //   context: context,
                                      //   builder: (context) => VoidDialog(
                                      //     order: orderDetail!,
                                      //     selectedItems: selectedItems,
                                      //   ),
                                      // );
                                    },
                                    label: 'Void',
                                    icon: Icon(Icons.undo),
                                  ),
                                );
                              }),
                              SpaceWidth(8),
                              Button.outlined(
                                onPressed: () => showDialog(
                                  context: context,
                                  builder: (context) => PaymentDialog(
                                    order: orderDetail!,
                                  ),
                                ),
                                label: 'Bayar',
                                icon: Icon(Icons.payment),
                              ),
                            ],
                            if (widget.status == 'completed')
                              BlocBuilder<OrderFormBloc, OrderFormState>(
                                builder: (context, state) {
                                  return state.maybeWhen(
                                    orElse: () => Button.outlined(
                                      onPressed: () {},
                                      label: 'Refund',
                                      icon: Icon(Icons.autorenew),
                                    ),
                                    loaded: (order, selectedItems,
                                            totalVoidOrRefund, isAllSelected) =>
                                        Button.outlined(
                                      onPressed: () {
                                        if (selectedItems.isEmpty) {
                                          AppFlushbar.showError(context,
                                              'Silahkan pilih item yang ingin di refund.');
                                          return;
                                        }

                                        showDialog(
                                          context: context,
                                          builder: (context) => RefundDialog(
                                            order: orderDetail!,
                                            selectedItems: selectedItems,
                                          ),
                                        );
                                      },
                                      label: 'Refund',
                                      icon: Icon(Icons.autorenew),
                                    ),
                                  );
                                },
                              ),
                          ],
                        ),
                        Expanded(
                          child: SingleChildScrollView(
                            padding: const EdgeInsets.all(16.0),
                            child: Column(
                              children: [
                                Row(
                                  crossAxisAlignment: CrossAxisAlignment.start,
                                  children: [
                                    Expanded(
                                      child: SalesOrderInformation(
                                        order: orderDetail,
                                      ),
                                    ),
                                    SpaceWidth(16),
                                    Expanded(
                                      child: SalesDetail(
                                        order: orderDetail,
                                      ),
                                    ),
                                  ],
                                ),
                                SalesListOrder(
                                  order: orderDetail,
                                ),
                                SalesPayment(
                                  order: orderDetail,
                                ),
                              ],
                            ),
                          ),
                        )
                      ],
                    ),
            ),
          ],
        ),
      ),
    );
  }
}