watermanagement-suppliernew/lib/orders/all_orders.dart

import 'dart:convert';

import 'package:flutter/material.dart';
import 'package:supplier_new/common/settings.dart';
import 'package:supplier_new/orders/delivery_updates.dart';
import 'package:supplier_new/orders/order_requests.dart';
import 'package:supplier_new/orders/orders_model.dart';
import 'package:supplier_new/orders/search_order_appbar.dart';
import 'package:intl/intl.dart';

import 'assign_driver.dart';
import 'cancel_order.dart';
import 'change_driver.dart';

class AllOrders extends StatefulWidget {
  final String navigationFrom;
  AllOrders({
    super.key,
    required this.navigationFrom,
  });
  @override
  State<AllOrders> createState() => _AllOrdersState();
}

class _AllOrdersState extends State<AllOrders> {
  final TextEditingController searchController = TextEditingController();
  bool isLoading=false;
  final List<OrdersModel> orders =[];
  List<OrdersModel> ordersList = [];

  int todaysOrdersCount = 0;
  int boreWaterCount = 0;
  int drinkingWaterCount = 0;

  String? selectedFilter;

  @override
  void initState() {
    super.initState();
    _fetchOrders();
  }

  Future<void> _fetchOrders() async {
    setState(() => isLoading = true);

    try {
      final response = await AppSettings.getAcceptedOrdersFromUsers();
      final data = (jsonDecode(response)['data'] as List)
          .map((e) => OrdersModel.fromJson(e))
          .toList();
      if (!mounted) return;
      setState(() {
        ordersList = data;

        ordersList.sort((a, b) {
          try {
            DateTime da = DateFormat("dd-MMM-yyyy").parse(a.date);
            DateTime db = DateFormat("dd-MMM-yyyy").parse(b.date);
            return db.compareTo(da);
          } catch (_) {
            return 0;
          }
        });

        DateTime today = DateTime.now();

        todaysOrdersCount = data.where((o) {
          try {
            DateTime d = DateFormat("dd-MMM-yyyy").parse(o.date);
            return d.year == today.year &&
                d.month == today.month &&
                d.day == today.day;
          } catch (_) {
            return false;
          }
        }).length;

        boreWaterCount = data
            .where((o) => o.type_of_water.toLowerCase().contains("bore"))
            .length;

        drinkingWaterCount = data
            .where((o) => o.type_of_water.toLowerCase().contains("drinking"))
            .length;

        isLoading = false;
      });
    } catch (e) {
      debugPrint("⚠️ Error fetching orders: $e");
      setState(() => isLoading = false);
    }
  }

  void sortOrders(String type) {
    setState(() {
      selectedFilter = type;

      if (type == "Building") {
        ordersList.sort((a, b) =>
            a.building_name.toLowerCase().compareTo(b.building_name.toLowerCase()));
      }

      if (type == "Status") {
        ordersList.sort((a, b) =>
            a.status.toLowerCase().compareTo(b.status.toLowerCase()));
      }

      if (type == "Date") {
        ordersList.sort((a, b) {
          try {
            DateTime da = DateFormat("dd-MMM-yyyy").parse(a.date);
            DateTime db = DateFormat("dd-MMM-yyyy").parse(b.date);

            // newest first, oldest last
            return db.compareTo(da);
          } catch (_) {
            return 0;
          }
        });
      }

      if (type == "Amount") {
        ordersList.sort((a, b) =>
            double.parse(b.quoted_amount.toString())
                .compareTo(double.parse(a.quoted_amount.toString())));
      }
    });
  }



  @override
  Widget build(BuildContext context) {

    // Group orders by date
    final Map<String, List<OrdersModel>> groupedOrders = {};
    String formatOrderDate(String? dateStr) {
      if (dateStr == null || dateStr.trim().isEmpty) {
        return "";
      }

      try {
        final inputFormat = DateFormat("dd-MMM-yyyy");
        final outputFormat = DateFormat("dd MMM yyyy");
        final parsedDate = inputFormat.parse(dateStr);
        return outputFormat.format(parsedDate);
      } catch (e) {
        print("Date parse error: $e");
        return dateStr;
      }
    }
    for (var order in ordersList) {
      final formattedDate = formatOrderDate(order.date);
      groupedOrders.putIfAbsent(formattedDate, () => []).add(order);
    }
    return Scaffold(
      backgroundColor: Color(0XFFF2F2F2),
      appBar: widget.navigationFrom.toString().toLowerCase()=='dashboard'?
      SearchOrderAppBar(
        controller: searchController,
        onBack: () => Navigator.pop(context),
        onHelp: () {},
      ):null,
      body: isLoading
          ? const Center(child: CircularProgressIndicator())
          : ordersList.isEmpty?Center(
        child: Text(
          'No Data Available',
          style: fontTextStyle(16,Color(0XFF000000),FontWeight.w700),
        ),
      ):SingleChildScrollView(
          child:
          Padding(
            padding: EdgeInsets.all(16),
            child: Column(
              children: [
                SizedBox(height: MediaQuery.of(context).size.height * .042),
                /// Total Orders
                Column(
                  children: [
                    Text(
                "$todaysOrdersCount",
                      style:fontTextStyle(64, Color(0XFFFF2D2E30), FontWeight.w700),
                    ),
                    Text(
                      "Today's Total Orders",
                      style: fontTextStyle(24, Color(0XFFFF2D2E30), FontWeight.w600),
                    ),
                    SizedBox(height: MediaQuery.of(context).size.height * .042),
                    /// Bore Water + Drinking Water
                    Row(
                      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                      children:  [
                        OrderCategoryCard(
                          image: Image.asset(
                            'images/bore-water.png',
                            fit: BoxFit.contain,
                            height: 40,
                            width: 40,
                          ),
                          value: "$boreWaterCount",
                          label: "Bore Water",
                        ),
                        OrderCategoryCard(
                          image: Image.asset(
                            'images/drinking-water.png',
                            height: 40,
                            width: 40,
                            fit: BoxFit.contain,
                          ),
                          value: "$drinkingWaterCount",
                          label: "Drinking Water",
                        ),
                      ],
                    ),

                    SizedBox(height: MediaQuery.of(context).size.height * .024),
                    /// Button
                    Container(
                      width: double.infinity,
                      child:  ElevatedButton(
                        style: ElevatedButton.styleFrom(
                          backgroundColor:Color(0XFF8270DB),
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(32),
                          ),
                          padding: const EdgeInsets.symmetric(
                              horizontal: 16, vertical: 16),
                        ),
                        onPressed: () {
                          Navigator.push(
                            context,
                            MaterialPageRoute(
                                builder: (context) => OrderRequestsPage()),
                          );
                        },
                        child:  Text(
                          "View Order Requests",
                          style: fontTextStyle(16, Color(0XFFFFFFFFFF), FontWeight.w500),
                        ),
                      ),
                    )
                  ],
                ),

                const SizedBox(height: 20),

                /// Filters Row
                SingleChildScrollView(
                  scrollDirection: Axis.horizontal,
                  padding: const EdgeInsets.symmetric(horizontal: 12),
                  child: Row(
                    children: [
                      FilterChipWidget(label: "Building", onTap: () => sortOrders("Building")),
                      const SizedBox(width: 8),
                      FilterChipWidget(label: "Status", onTap: () => sortOrders("Status")),
                      const SizedBox(width: 8),
                      FilterChipWidget(label: "Date", onTap: () => sortOrders("Date")),
                      const SizedBox(width: 8),
                      FilterChipWidget(label: "Amount", onTap: () => sortOrders("Amount")),
                    ],
                  ),
                ),

                const SizedBox(height: 20),

                /// Order List
                ListView(
                  padding: const EdgeInsets.all(12),
                  shrinkWrap: true,
                  physics: NeverScrollableScrollPhysics(),
                  children: groupedOrders.entries.map((entry) {
                    final date = entry.key;
                    final ordersForDate = entry.value;

                    return Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Padding(
                          padding: const EdgeInsets.all(0),
                          child: Text(
                            date,
                            style:fontTextStyle(14, Color(0XFF343637), FontWeight.w600),
                          ),
                        ),

                        ...ordersForDate.map((order) => OrderCard(
                          order: order,
                          onRefresh: _fetchOrders,
                        )),
                        const SizedBox(height: 12),
                      ],
                    );
                  }).toList(),
                ),

              ],
            ),
          )
      ),
    );
  }
}

/// Category Card
class OrderCategoryCard extends StatelessWidget {
  final Image image;
  final String value;
  final String label;

  const OrderCategoryCard({
    super.key,
    required this.image,
    required this.value,
    required this.label,
  });

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        SizedBox(
          width: 40,
          height: 40,
          child: image,
        ),
        SizedBox(height: MediaQuery.of(context).size.height * .008),
        Text(
          value,
          style: fontTextStyle(20, Color(0XFFFF515253), FontWeight.w700),
        ),
        SizedBox(height: MediaQuery.of(context).size.height * .008),
        Text(label, style: fontTextStyle(16, Color(0XFFFF515253), FontWeight.w400),),
      ],
    );
  }
}

/// Filter Chip
class FilterChipWidget extends StatelessWidget {
  final String label;
  final VoidCallback? onTap;

  const FilterChipWidget({
    super.key,
    required this.label,
    this.onTap,
  });

  @override
  Widget build(BuildContext context) {
    return ChoiceChip(
      label: Text(label),
      selected: false,
      onSelected: (_) {
        if (onTap != null) onTap!();
      },
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(20),
      ),
      backgroundColor: Colors.white,
      side: BorderSide(color: Colors.grey.shade300),
    );
  }
}

class OrderCard extends StatelessWidget {
  final OrdersModel order;
  final VoidCallback? onRefresh;

  const OrderCard({super.key, required this.order, this.onRefresh});

  Color _getStatusColor() {
    String st = order.status.toLowerCase();

    if (st == 'advance_paid' || st == 'accepted') {
      st = 'pending';
    }
    else if (st == 'deliveryboy_assigned' || st == 'tanker_assigned') {
      st = 'assigned';
    }
    else if (st == 'delivered') {
      st = 'completed';
    }

    switch (st) {
      case "completed":
        return Color(0XFFC4E8C3);

      case "in_progress":
        return Color(0XFFC9DFFE);

      case "cancelled":
        return Color(0XFFFCEDEC);

      case "assigned":
        return Color(0XFFF9DBC6);

      case "pickup_started":
      case "start_loading":
      case "loading_completed":
      case "out_for_delivery":
      case "arrived":
      case "unloading_started":
      case "unloading_stopped":
      case "payment_pending":
        return Color(0XFFF9DBC6);

      case "pending":
        return Color(0XFFFDF3D3);

      default:
        return Colors.grey;
    }
  }

  Color _getTextStatusColor() {
    String st = order.status.toLowerCase();

    if (st == 'advance_paid' || st == 'accepted') {
      st = 'pending';
    }
    else if (st == 'deliveryboy_assigned' || st == 'tanker_assigned') {
      st = 'assigned';
    }
    else if (st == 'delivered') {
      st = 'completed';
    }

    switch (st) {
      case "completed":
        return Color(0XFF0A9E04);

      case "in_progress":
        return Color(0XFF1D7AFC);

      case "cancelled":
        return Color(0XFFE2483D);

      case "assigned":
        return Color(0XFFE56910);

      case "pickup_started":
      case "start_loading":
      case "loading_completed":
      case "out_for_delivery":
      case "arrived":
      case "unloading_started":
      case "unloading_stopped":
      case "payment_pending":
        return Color(0XFFE56910);

      case "pending":
        return Color(0XFFD0AE3C);

      default:
        return Colors.grey;
    }
  }

  @override
  Widget build(BuildContext context) {


    final statusColor = _getStatusColor();
    final textStatusColor = _getTextStatusColor();

    String s = order.status.toString().toLowerCase();

    String st = (s == 'advance_paid')
        ? 'pending'
        : (s == 'accepted')
        ? 'pending'
        : (s == 'delivered')
        ? 'completed'
        : (s == 'deliveryboy_assigned')
        ? 'assigned'
        : (s == 'tanker_assigned')
        ? 'assigned'
        : (s == 'pickup_started' ||
        s == 'start_loading' ||
        s == 'loading_completed' ||
        s == 'out_for_delivery' ||
        s == 'arrived' ||
        s == 'unloading_started' ||
        s == 'unloading_stopped' ||
        s == 'payment_pending')
        ? s
        : s;

    bool isTodayOrder = false;

    try {
      DateTime orderDate = DateFormat("dd-MMM-yyyy").parse(order.date);
      DateTime now = DateTime.now();

      DateTime today = DateTime(now.year, now.month, now.day);
      DateTime orderOnly = DateTime(orderDate.year, orderDate.month, orderDate.day);

      if (orderOnly == today) {
        isTodayOrder = true;
      }
    } catch (_) {}

    return Padding(
      padding: const EdgeInsets.fromLTRB(0, 8, 0, 0),
      child: Container(
        margin: const EdgeInsets.only(bottom: 12),
        decoration: BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.circular(12),
          boxShadow: [
            BoxShadow(
              color: Colors.black.withOpacity(0.05),
              blurRadius: 5,
              offset: const Offset(0, 3),
            )
          ],
        ),

        child: IntrinsicHeight(
          child: Row(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              ClipRRect(
                borderRadius: const BorderRadius.only(
                  topLeft: Radius.circular(12),
                  bottomLeft: Radius.circular(12),
                ),
                child: SizedBox(
                  width: 145,
                  child: order.imageAsset.isNotEmpty
                      ? Image.asset(
                    order.imageAsset,
                    fit: BoxFit.cover,
                  )
                      : Image.network(
                    order.imageAsset,
                    fit: BoxFit.cover,
                  ),
                ),
              ),

              Expanded(
                child: Padding(
                  padding: const EdgeInsets.all(10.0),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Container(
                        padding: const EdgeInsets.symmetric(
                          horizontal: 8,
                          vertical: 2,
                        ),
                        decoration: BoxDecoration(
                          color: statusColor,
                          borderRadius: BorderRadius.circular(4),
                        ),
                        child: Text(
                          st,
                          style: fontTextStyle(10, textStatusColor, FontWeight.w400),
                        ),
                      ),
                      const SizedBox(height: 6),

                      Text(
                        order.building_name,
                        style: fontTextStyle(16, const Color(0XFF2D2E30), FontWeight.w600),
                      ),
                      Text(
                        order.displayAddress,
                        style: fontTextStyle(12, const Color(0XFF646566), FontWeight.w400),
                      ),
                      const SizedBox(height: 4),

                      Text(
                        '${order.capacity} - ${order.type_of_water}',
                        style: fontTextStyle(14, const Color(0XFF444444), FontWeight.w500),
                      ),
                      Text(
                        '${order.time} , ${order.date}',
                        style: fontTextStyle(8, const Color(0XFF646566), FontWeight.w400),
                      ),
                      const SizedBox(height: 12),

                      Visibility(
                        visible: order.status.toLowerCase() == 'advance_paid'
                            || order.status.toLowerCase() == 'accepted',      // ⭐ ADDED
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            GestureDetector(
                              onTap: isTodayOrder
                                  ? () async {
                                final result = await Navigator.push(
                                  context,
                                  MaterialPageRoute(
                                    builder: (context) => AssignDriverScreen(order: order),
                                  ),
                                );
                                if (result == true) {
                                  onRefresh?.call();
                                }
                              }
                                  : null,
                              child: Container(
                                decoration: BoxDecoration(
                                  borderRadius: BorderRadius.circular(22),
                                  border: Border.all(
                                color: isTodayOrder ? const Color(0XFF939495) : Colors.grey,
                              ),
                                ),
                                child:  Padding(
                                  padding: EdgeInsets.fromLTRB(8, 4, 8, 4),
                                    child: Text(
                                      "Assign",
                                      style: TextStyle(
                                        fontSize: 14,
                                        color: isTodayOrder ? const Color(0XFF515253) : Colors.grey,
                                        fontWeight: FontWeight.w400,
                                      ),
                                    ),
                                ),
                              ),
                            ),
                            GestureDetector(
                              onTap: () async{
                                /*Navigator.push(
                                  context,
                                  MaterialPageRoute(
                                    builder: (context) => DeliveryUpdatesPage(
                                      orderId: order.dbId,
                                      initialStatus: order.status,
                                    ),
                                  ),
                                );*/
                                final result = await Navigator.push(
                                  context,
                                  MaterialPageRoute(
                                    builder: (context) => CancelOrderScreen(
                                      order: order,
                                      status: order.status,
                                    ),
                                  ),
                                );

                                if (result == true) {
                                  onRefresh?.call();
                                }
                              },
                              child: Container(
                                decoration: BoxDecoration(
                                  borderRadius: BorderRadius.circular(22),
                                  border: Border.all(color: const Color(0XFFE2483D)),
                                  color: const Color(0XFFE2483D),
                                ),
                                child: const Padding(
                                  padding: EdgeInsets.fromLTRB(8, 4, 8, 4),
                                  child: Text(
                                    "Cancel",
                                    style: TextStyle(
                                        fontSize: 14,
                                        color: Colors.white,
                                        fontWeight: FontWeight.w400),
                                  ),
                                ),
                              ),
                            ),
                          ],
                        ),
                      ),

                      Visibility(
                        visible: order.status.toLowerCase() == 'in_progress',
                        child: GestureDetector(
                          onTap: () async {
                            final result = await Navigator.push(
                              context,
                              MaterialPageRoute(
                                builder: (context) => AssignDriverScreen(order: order),
                              ),
                            );
                            if (result == true) {
                              onRefresh?.call();
                            }
                          },
                          child: Container(
                            decoration: BoxDecoration(
                              borderRadius: BorderRadius.circular(22),
                              color: const Color(0XFF8270DB),
                              border: Border.all(color: const Color(0XFF8270DB)),
                            ),
                            child: const Padding(
                              padding: EdgeInsets.fromLTRB(8, 4, 8, 4),
                              child: Text(
                                "Track Delivery",
                                style: TextStyle(
                                    fontSize: 14,
                                    color: Colors.white,
                                    fontWeight: FontWeight.w400),
                              ),
                            ),
                          ),
                        ),
                      ),

                      Visibility(
                          visible: st.toLowerCase() == 'assigned',
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              Row(
                                crossAxisAlignment: CrossAxisAlignment.center,
                                children: [
                                  Image.asset(
                                    'images/avatar.png',
                                    fit: BoxFit.cover,
                                    width: 12,
                                    height: 12,
                                  ),
                                  const SizedBox(width: 8),

                                  Expanded(
                                    child: Column(
                                      crossAxisAlignment: CrossAxisAlignment.start,
                                      children: [
                                        Row(
                                          children: [
                                            Expanded(
                                              child: Text(
                                                order.delivery_agent_name!=''?
                                                "Assigned to ${order.delivery_agent_name}"
                                                    :"Assigned to ${order.tanker_name}",
                                                maxLines: 1,
                                                overflow: TextOverflow.ellipsis,
                                                style: fontTextStyle(
                                                    8, const Color(0xFF646566), FontWeight.w400),
                                              ),
                                            ),
                                          ],
                                        ),

                                      ],
                                    ),
                                  ),

                                ],
                              ),
                              SizedBox(height: MediaQuery.of(context).size.height * .004),
                              GestureDetector(
                                onTap: () async {
                                  final result = await Navigator.push(
                                    context,
                                    MaterialPageRoute(
                                      builder: (context) => ChangeDriverScreen(order: order),
                                    ),
                                  );
                                  if (result == true) {
                                    onRefresh?.call();
                                  }
                                },
                                child: Container(
                                  decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(22),
                                    color: const Color(0XFF8270DB),
                                    border: Border.all(color: const Color(0XFF8270DB)),
                                  ),
                                  child: const Padding(
                                    padding: EdgeInsets.fromLTRB(8, 4, 8, 4),
                                    child: Text(
                                      "Change",
                                      style: TextStyle(
                                          fontSize: 14,
                                          color: Colors.white,
                                          fontWeight: FontWeight.w400),
                                    ),
                                  ),
                                ),
                              ),
                            ],
                          )

                      ),

                      Visibility(
                          visible: st.toLowerCase() == 'completed',
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              Row(
                                crossAxisAlignment: CrossAxisAlignment.center,
                                children: [
                                  Image.asset(
                                    'images/avatar.png',
                                    fit: BoxFit.cover,
                                    width: 12,
                                    height: 12,
                                  ),
                                  const SizedBox(width: 8),

                                  Expanded(
                                    child: Column(
                                      crossAxisAlignment: CrossAxisAlignment.start,
                                      children: [
                                        Row(
                                          children: [
                                            Expanded(
                                              child: Text(
                                                order.delivery_agent_name!=''?
                                                "Delivered by ${order.delivery_agent_name}"
                                                    :"Assigned to ${order.tanker_name}",
                                                maxLines: 1,
                                                overflow: TextOverflow.ellipsis,
                                                style: fontTextStyle(
                                                    8, const Color(0xFF646566), FontWeight.w400),
                                              ),
                                            ),
                                          ],
                                        ),

                                      ],
                                    ),
                                  ),

                                ],
                              ),
                            ],
                          )

                      ),

                    ],
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}