import 'dart:async';
import 'dart:convert';

import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:bookatanker/common/settings.dart';
import 'package:dropdown_button2/dropdown_button2.dart';
import 'package:bookatanker/supplier/filter_screen.dart';
import 'package:bookatanker/supplier/supplier_details.dart';
import 'package:bookatanker/supplier/supplier_details_from_search.dart';
import 'package:bookatanker/supplier/suppliers_model.dart';

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

  @override
  State<BookATanker> createState() => _BookATankerState();
}

class _BookATankerState extends State<BookATanker> {
  String? selectedWaterType;
  String? selectedCapacity;
  String? selectedQuantity;
  String? selectedTime;
  DateTime? selectedDate;
  List<SuppliersModel> SuppliersList = [];
  bool isDataLoading = false;
  bool isSearchEnabled = false;
  int sentRequests = 0;
  int maxRequests = 5;
  DateTime? firstRequestTime;
  Timer? _resetTimer;
  Timer? _countdownTimer;
  String remainingTime = '';
  double progress = 1.0;
  int totalCooldown = 900; // 15 minutes in seconds

  RangeValues? selectedRadius;
  RangeValues? selectedRating;
  RangeValues? selectedPrice;
  String? selectedPump;
  bool filterAll = true, filterConnected = false, filterNotConnected = false;
  final TextEditingController _quotedAmountController = TextEditingController();


  // TimeOfDay _selectedTime = (TimeOfDay.now());

  final List<String> waterTypes = ['Drinking Water', 'Bore water'];
  final List<String> capacities = [
    '1,000 L',
    '2,000 L',
    '3,000 L',
    '5,000 L',
    '10,000 L',
    '20,000 L'
  ];
  final List<String> quantities = ['1', '2', '3'];
  final List<String> timeSlots = ['8 AM', '12 PM', '4 PM', '8 PM'];

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    _selectedTime = _roundToNextHour(TimeOfDay.now());
    _loadRequestState();
    // Defer the bottom sheet call until after build
    WidgetsBinding.instance.addPostFrameCallback((_) {
      _showLocationBottomSheet();
    });
  }

  @override
  void dispose() {
    _countdownTimer?.cancel();
    _quotedAmountController.dispose();
    super.dispose();
  }

  Future<void> _loadRequestState() async {
    List<DateTime> validTimes = await _getValidRequestTimes();
    validTimes.sort(); // Ensure chronological order
    setState(() {
      sentRequests = validTimes.length;
    });

    if (validTimes.isNotEmpty) {
      final firstExpiry = validTimes.first.add(Duration(minutes: 15));
      final remaining = firstExpiry.difference(DateTime.now()).inSeconds;
      if (remaining > 0) {
        _startCountdownTimer(remaining);
      }
    }
  }

  Future<List<DateTime>> _getValidRequestTimes() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    final rawList = prefs.getStringList('requestTimes') ?? [];
    final now = DateTime.now();
    final validTimes = rawList
        .map((s) => DateTime.tryParse(s))
        .whereType<DateTime>()
        .where((t) => now.difference(t).inMinutes < 15)
        .toList();
    return validTimes;
  }

  Future<void> _saveRequestTimes(List<DateTime> times) async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    prefs.setStringList('requestTimes', times.map((e) => e.toIso8601String()).toList());
  }

  void _startCountdownTimer(int totalSeconds) {
    _countdownTimer?.cancel();
    totalCooldown = totalSeconds;
    progress = 1.0;

    _countdownTimer = Timer.periodic(Duration(seconds: 1), (timer) async {
      final elapsed = timer.tick;
      final remaining = totalSeconds - elapsed;

      if (remaining <= 0) {
        timer.cancel();

        // 🧹 Clean expired request times
        List<DateTime> updatedTimes = await _getValidRequestTimes();
        updatedTimes.sort(); // Ensure order
        await _saveRequestTimes(updatedTimes);

        setState(() {
          sentRequests = updatedTimes.length;
          remainingTime = '';
          progress = 0.0;
        });

        // 🕐 If more valid requests remain, restart countdown with new first one
        if (updatedTimes.isNotEmpty) {
          final nextExpiry = updatedTimes.first.add(Duration(minutes: 15));
          final newRemaining = nextExpiry.difference(DateTime.now()).inSeconds;
          if (newRemaining > 0) {
            _startCountdownTimer(newRemaining);
          }
        }

      } else {
        final minutes = (remaining ~/ 60).toString().padLeft(2, '0');
        final seconds = (remaining % 60).toString().padLeft(2, '0');
        setState(() {
          remainingTime = "$minutes:$seconds";
          progress = remaining / totalCooldown;
        });
      }
    });
  }




  void _showLocationBottomSheet() {
    showModalBottomSheet(
      context: context,
      isScrollControlled: true,
      isDismissible: false,
      enableDrag: false, // 🔒 Prevents dragging
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
      ),
      builder: (context) {
        return Padding(
          padding: EdgeInsets.only(
            bottom: MediaQuery.of(context).viewInsets.bottom,
          ),
          child: Container(
            padding: EdgeInsets.all(16),
            constraints: BoxConstraints(
              maxHeight: MediaQuery.of(context).size.height * 0.45,
            ),
            decoration: BoxDecoration(
              color: Colors.white,
              borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
            ),
            child: SingleChildScrollView(
              child: Column(
                mainAxisSize: MainAxisSize.min,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    "Confirm Address?",
                    style: fontTextStyle(16, Color(0XFF343637), FontWeight.w600),
                  ),
                  SizedBox(height: MediaQuery.of(context).size.height * .024),
                  Row(
                    children: [
                      Text(
                        "Your current selected address is",
                        style: fontTextStyle(12, Color(0XFF515253), FontWeight.w600),
                      ),
                      SizedBox(width: MediaQuery.of(context).size.width * .004),
                      Text(
                        "HOME",
                        style: fontTextStyle(12, Color(0XFF2D2E30), FontWeight.w600),
                      ),
                    ],
                  ),
                  SizedBox(height: MediaQuery.of(context).size.height * .012),
                  Row(
                    children: [
                      Image.asset(
                        'images/marker-pin.png',
                        width: 24,
                        height: 24,
                      ),
                      SizedBox(width: MediaQuery.of(context).size.width * .024),
                      Expanded(
                        child: Text(
                          AppSettings.userAddress,
                          style: fontTextStyle(12, Color(0XFF515253), FontWeight.w400),
                        ),
                      )
                    ],
                  ),
                  SizedBox(height: MediaQuery.of(context).size.height * .012),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Expanded(
                        child: GestureDetector(
                          onTap: () {
                            // Optional: handle "Change"
                          },
                          child: Container(
                            decoration: BoxDecoration(
                              color: Colors.white,
                              border: Border.all(width: 1, color: Color(0XFF939495)),
                              borderRadius: BorderRadius.circular(24),
                            ),
                            alignment: Alignment.center,
                            padding: EdgeInsets.symmetric(vertical: 12),
                            child: Text(
                              'Change',
                              style: fontTextStyle(14, Color(0XFF939495), FontWeight.w600),
                            ),
                          ),
                        ),
                      ),
                      SizedBox(width: MediaQuery.of(context).size.width * .010),
                      Expanded(
                        child: GestureDetector(
                          onTap: () {
                            Navigator.pop(context);
                           /* setState(() {
                              _isConfirmed = true;
                            });*/
                          },
                          child: Container(
                            decoration: BoxDecoration(
                              color: Color(0XFF1D7AFC),
                              border: Border.all(width: 1, color: Colors.white),
                              borderRadius: BorderRadius.circular(24),
                            ),
                            alignment: Alignment.center,
                            padding: EdgeInsets.symmetric(vertical: 12),
                            child: Text(
                              'Confirm',
                              style: fontTextStyle(14, Colors.white, FontWeight.w600),
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                ],
              ),
            ),
          ),
        );
      },
    );
  }




  TimeOfDay _roundToNextHour(TimeOfDay time) {
    int nextHour = (time.minute > 0) ? (time.hour + 1) % 24 : time.hour;
    return TimeOfDay(hour: nextHour, minute: 0);
  }

  void sendRequest() {
    if (sentRequests < maxRequests) {
      setState(() {
        sentRequests++;
      });
    }
  }

  Future<void> _selectFromDate(BuildContext context) async {
    final DateTime? picked = await showDatePicker(
      context: context,
      initialDate: selectedDate ?? DateTime.now(),
      firstDate: DateTime.now(),
      lastDate: DateTime.now().add(Duration(days: 3)),
      helpText: 'Select Date',
      initialEntryMode: DatePickerEntryMode.calendarOnly,
      builder: (BuildContext context, Widget? child) {
        return Theme(
          data: ThemeData.light().copyWith(
            inputDecorationTheme: InputDecorationTheme(
              border: InputBorder.none, // Removes the text field border
            ),
            colorScheme: ColorScheme.light(
              primary: Color(0XFF1D7AFC),
              onPrimary: Color(0XFFFFFFFF), // Header text color
              surface: Color(0XFFFFFFFF),
              onSurface: Colors.black,
              secondary: Colors.pink,
            ),
            dividerColor: Color(0XFFF5F6F6),
            textButtonTheme: TextButtonThemeData(
              style: ButtonStyle(
                foregroundColor: MaterialStateProperty.all(
                  Color(0XFF1D7AFC),
                ), // Text color
                //backgroundColor: MaterialStateProperty.all(Colors.grey[200]), // Background
                textStyle: MaterialStateProperty.all(
                  fontTextStyle(14, Color(0XFF1D7AFC), FontWeight.w600),
                ), // Font style
                shape: MaterialStateProperty.all(RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(8))), // Rounded corners
              ),
              // Background of the dialog box
            ),
            textTheme: TextTheme(
              bodyLarge: fontTextStyle(14, Color(0XFF1D7AFC), FontWeight.w600),
              labelLarge: fontTextStyle(14, Color(0XFF1D7AFC), FontWeight.w600),
              titleLarge: fontTextStyle(14, Color(0XFF1D7AFC), FontWeight.w600),
              headlineLarge:
                  fontTextStyle(20, Color(0XFF1D7AFC), FontWeight.w600),
            ),
          ),
          child: child!,
        );
      },
    );

    if (picked != null) {
      setState(() {
        selectedDate = picked;

        //toDate1 = null; // Reset To Date
        //toDateController1.clear();
      });
    }
  }

  TimeOfDay _selectedTime = TimeOfDay.now();
  String _timeRangeText = '';


  Future<void> _selectTime(BuildContext context) async {
    final TimeOfDay? picked = await showTimePicker(
      context: context,
      initialTime: _selectedTime,
      cancelText: 'Cancel',
      confirmText: 'Confirm',
      builder: (BuildContext context, Widget? child) {
        return Theme(
          data: ThemeData.light().copyWith(
            primaryColor: Color(0XFF1D7AFC),
            timePickerTheme: TimePickerThemeData(
              backgroundColor: Colors.white,
              dialBackgroundColor: Colors.white,
              hourMinuteTextColor: Color(0XFF1D7AFC),
              dayPeriodTextColor: Color(0XFF1D7AFC),
              dialTextColor: Color(0XFF1D7AFC),
              dayPeriodColor: Color(0XFFC3C4C4),
              hourMinuteShape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(20),
                side: BorderSide(color: Color(0XFFFFFFFF), width: 2),
              ),
              dayPeriodShape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(12)),
              dialHandColor: Color(0XFFC3C4C4),
              hourMinuteColor: Color(0XFFFFFFFF),
              dialTextStyle:
                  TextStyle(fontSize: 14, fontWeight: FontWeight.w600),
              dayPeriodTextStyle:
                  TextStyle(fontSize: 14, fontWeight: FontWeight.w600),
              hourMinuteTextStyle:
                  TextStyle(fontSize: 50, fontWeight: FontWeight.w600),
              helpTextStyle:
                  TextStyle(fontSize: 14, fontWeight: FontWeight.w600),
            ),
          ),
          child: child!,
        );
      },
    );

    if (picked != null) {
      final now = TimeOfDay.now();
      final today = DateTime.now();
      final isToday = selectedDate?.day == today.day &&
          selectedDate?.month == today.month &&
          selectedDate?.year == today.year;

      bool isValid = true;

      if (isToday) {
        final nowMinutes = now.hour * 60 + now.minute;
        final pickedMinutes = picked.hour * 60 + picked.minute;
        isValid = pickedMinutes >= nowMinutes;
      }

      if (isValid) {
        setState(() {
          _selectedTime = picked;
          _timeRangeText = _formatTimeRange(_selectedTime);
        });
      } else {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(
              content: Text("Please select a time after the current time.")),
        );
      }
    }
  }

  String _formatTimeRange(TimeOfDay start) {
    final endHour = (start.hour + 2) % 24;
    final end = TimeOfDay(hour: endHour, minute: start.minute);
    return '${_formatTime(start)} to ${_formatTime(end)}';
  }

  String _formatTime(TimeOfDay time) {
    final now = DateTime.now();
    final dt = DateTime(now.year, now.month, now.day, time.hour, time.minute);
    return TimeOfDay.fromDateTime(dt).format(context);
  }

  Widget _beforeDataScreen() {
    return Padding(padding: EdgeInsets.fromLTRB(16, 0, 16, 0),
    child: Column(
      children: [
        Align(
          alignment: Alignment.centerLeft,
          child: Text(
            "What’s new?",
            style: fontTextStyle(12, Color(0XFF515253), FontWeight.w400),
          ),
        ),
        SizedBox(height: MediaQuery.of(context).size.height * .012),
        RichText(
          text: TextSpan(
            text: "Find ",
            style: fontTextStyle(20, Color(0XFF343637), FontWeight.w600),
            children: [
              TextSpan(
                text: "exclusive offers",
                style: fontTextStyle(20, Color(0XFF8270DB), FontWeight.w600),
              ),
              TextSpan(
                text: " & best deals available for you.",
                style: fontTextStyle(20, Color(0XFF343637), FontWeight.w600),
              ),
            ],
          ),
        ),
        SizedBox(height: MediaQuery.of(context).size.height * .024),
        Container(
          height: 80,
          width: double.infinity,
          padding: EdgeInsets.symmetric(horizontal: 12),
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(24),
            gradient: LinearGradient(
              colors: [
                Color(0xFFFFFFFF),
                Color(0xFFE2DCFF)
              ], // Light gradient background
              begin: Alignment.centerLeft,
              end: Alignment.centerRight,
            ),
            border: Border.all(color: Color(0xFF8270DB)),
          ),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Column(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    'AQUINTO',
                    style:
                    fontTextStyle(20, Color(0XFF8270DB), FontWeight.w800),
                  ),
                  SizedBox(height: MediaQuery.of(context).size.height * .004),
                  Text(
                    'Your Water, Your Data, Your Control.',
                    style:
                    fontTextStyle(12, Color(0XFF8270DB), FontWeight.w500),
                  ),
                ],
              ),
              /*Image.asset(
              'images/WaterTankImage.png', // Replace with your actual image asset path
              height: 40,
              width: 40,
              fit: BoxFit.contain,
            ),*/
            ],
          ),
        )
      ],
    ),);
  }

  Widget _beforeDataScreenAbove() {
    return Column(
      children: [
        SizedBox(height: MediaQuery.of(context).size.height * .024),
        CircleAvatar(radius: 80, backgroundColor: Colors.grey.shade300),
        SizedBox(height: MediaQuery.of(context).size.height * .016),
        Center(
          child: Text("Book Tanker",
              style: fontTextStyle(20, Color(0XFF000000), FontWeight.w600)),
        ),
        SizedBox(height: MediaQuery.of(context).size.height * .008),
        Text(
          "Book a tanker instantly or schedule it\nanytime in the next 3 days",
          textAlign: TextAlign.center,
          style: fontTextStyle(12, Color(0XFF515253), FontWeight.w400),
        ),
      ],
    );
  }

  Widget _suppliersDataScreen() {
    if (isDataLoading) {
      return Center(
        child: CircularProgressIndicator(
          color: primaryColor,
          strokeWidth: 5.0,
        ),
      );
    }

    if (SuppliersList.isEmpty) {
      return Center(
        child: Text(
          'No Data Available',
          style: fontTextStyle(12, Color(0XFF000000), FontWeight.w500),
        ),
      );
    }

    return Container(
      color: Color(0xFFF1F1F1), // Set your desired background color
      padding: EdgeInsets.fromLTRB(16, 0, 16, 0),
      child:  Column(
        children: [
          Column(
            children: [
              Container(
                  padding: EdgeInsets.symmetric(horizontal: 0, vertical: 12),
                  decoration: BoxDecoration(
                    color: Color(0xFFF1F1F1),
                    borderRadius: BorderRadius.circular(8),
                  ),
                  child: Column(
                    children: [
                      Row(
                        children: [
                          Image.asset(
                            'images/info.png',
                            fit: BoxFit.cover,
                            width:
                            16, // Match the diameter of the CircleAvatar
                            height: 16,
                          ),
                          SizedBox(
                            width: MediaQuery.of(context).size.width * .008,
                          ),
                          Text(
                            "Order requests sent",
                            style: fontTextStyle(14, Color(0XFF2D2E30), FontWeight.w600),
                          ),
                          SizedBox(
                            width: MediaQuery.of(context).size.width * .012,
                          ),
                          Text("$sentRequests/$maxRequests",style: fontTextStyle(14, Color(0XFF515253), FontWeight.w600),),
                          Spacer(),
                          Text("$remainingTime",style: fontTextStyle(12, Color(0XFF515253), FontWeight.w400),),
                        ],
                      ),
                      SizedBox(
                        height: MediaQuery.of(context).size.height * .016,
                      ),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                        children: List.generate(maxRequests, (index) {
                          return Expanded(
                            child: Container(
                              margin: EdgeInsets.symmetric(horizontal: 4),
                              height: 3,
                              decoration: BoxDecoration(
                                color: index < sentRequests
                                    ?Color(0XFF114690)
                                    :Color(0XFF939495),
                                borderRadius: BorderRadius.circular(2),
                              ),
                            ),
                          );
                        }),
                      ),
                      Padding(
                        padding: EdgeInsets.only(top: 12, right: 0),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.end,
                          children: [
                            GestureDetector(
                              onTap: (){},
                              child: Container(
                                padding: EdgeInsets.symmetric(horizontal: 16, vertical: 12),
                                decoration: BoxDecoration(
                                  border: Border.all(color: Color(0XFF515253)),
                                  borderRadius: BorderRadius.circular(45),
                                ),
                                child: Row(
                                  mainAxisSize: MainAxisSize.min,
                                  children: [
                                    Image.asset(
                                      'images/sort.png',
                                      width: 12,
                                      height: 12,
                                      color: Color(0XFF515253),
                                      fit: BoxFit.contain,
                                    ),
                                    SizedBox(width: MediaQuery.of(context).size.width * .008),
                                    Text(
                                      "Sort",
                                      style: fontTextStyle(12, Color(0XFF515253), FontWeight.w400),
                                    ),
                                    SizedBox(width: MediaQuery.of(context).size.width * .008),
                                    Image.asset(
                                      'images/arrow_down.png',
                                      width: 16,
                                      height: 16,
                                      color: Color(0XFF515253),
                                      fit: BoxFit.contain,
                                    ),
                                  ],
                                ),
                              ),
                            ),
                            SizedBox(
                              width: MediaQuery.of(context).size.width * .016,
                            ),
                           GestureDetector(
                               onTap: () async {
                                 final result = await Navigator.push(
                                   context,
                                   MaterialPageRoute(
                                     builder: (_) => FilterScreen(
                                       initialFilters: {
                                         'all': filterAll,
                                         'connected': filterConnected,
                                         'notConnected': filterNotConnected,
                                         'radiusRange': selectedRadius,
                                         'ratingRange': selectedRating,
                                         'priceRange': selectedPrice,
                                         'pumpChoice': selectedPump,
                                       },
                                     ),
                                   ),
                                 );

                                 if (result != null && result is Map) {
                                   setState(() {
                                     filterAll = result['all'];
                                     filterConnected = result['connected'];
                                     filterNotConnected = result['notConnected'];
                                     selectedRadius = result['radiusRange'];
                                     selectedRating = result['ratingRange'];
                                     selectedPrice = result['priceRange'];
                                     selectedPump = result['pumpChoice'];
                                   });

                                   await getAllSuppliers();
                                 }
                               },

                               child:  Container(
                               padding: EdgeInsets.symmetric(horizontal: 16, vertical: 12),
                               decoration: BoxDecoration(
                                 border: Border.all(color: Color(0XFF515253)),
                                 borderRadius: BorderRadius.circular(45),
                               ),
                               child: Row(
                                 mainAxisSize: MainAxisSize.min,
                                 children: [
                                   Image.asset(
                                     'images/filter.png',
                                     width: 12,
                                     height: 12,
                                     color: Color(0XFF515253),
                                     fit: BoxFit.contain,
                                   ),
                                   SizedBox(width: MediaQuery.of(context).size.width * .008),
                                   Text(
                                     "Filter",
                                     style: fontTextStyle(12, Color(0XFF515253), FontWeight.w400),
                                   ),
                                 ],
                               ),
                             ),
                           )
                          ],
                        ),
                      )

                    ],
                  )),
            ],
          ),
          ListView.separated(
            shrinkWrap: true,
            physics: NeverScrollableScrollPhysics(),
            padding: EdgeInsets.zero,
            itemCount: SuppliersList.length,
            separatorBuilder: (context, index) => SizedBox(
              height: MediaQuery.of(context).size.height * .008,
            ),
            itemBuilder: (BuildContext context, int index) {
              //final supplier = SuppliersList[index];
              return GestureDetector(
                onTap: (){
                  Navigator.push(
                    context,
                    MaterialPageRoute(
                        builder: (context) => SupplierScreenFromSearch(details: SuppliersList[index],)),
                  );
                },
                child:Card(
                  color: Colors.white,
                  elevation: 2,
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(12),
                  ),
                  child: Padding(
                    padding: EdgeInsets.all(12),
                    child: Column(
                      children: [
                        Row(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            CircleAvatar(
                              radius: 25,
                              backgroundColor: Color(0XFFE8F2FF),
                              child: Image.asset(
                                'images/profile_user.png',
                                fit: BoxFit.cover,
                                width: 50,
                                height: 50,
                              ),
                            ),
                            SizedBox(
                              width: MediaQuery.of(context).size.width * .024,
                            ),
                            Expanded(
                              child: Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  /// Name and Rating Row
                                  Row(
                                    mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                    children: [
                                      Expanded(
                                        child: Text(
                                          SuppliersList[index].supplier_name,
                                          style: fontTextStyle(16,
                                              Color(0XFF2D2E30), FontWeight.w600),
                                          overflow: TextOverflow.ellipsis,
                                        ),
                                      ),
                                      Row(
                                        children: [
                                          Image.asset(
                                            'images/star.png',
                                            width: 16,
                                            height: 16,
                                          ),
                                          SizedBox(
                                            width:
                                            MediaQuery.of(context).size.width *
                                                .008,
                                          ),
                                          Text(
                                            '4.2',
                                            style: fontTextStyle(10,
                                                Color(0XFF515253), FontWeight.w400),
                                          ),
                                        ],
                                      ),
                                    ],
                                  ),
                                  SizedBox(
                                    height:
                                    MediaQuery.of(context).size.height * .004,
                                  ),
                                  Row(
                                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                    children: [
                                      Text(
                                        'Drinking | Bore Water',
                                        style: fontTextStyle(
                                            12, Color(0XFF4692FD), FontWeight.w500),
                                      ),

                                      Text(
                                        SuppliersList[index].matchedPrice.toString()!="null"&&SuppliersList[index].matchedPrice.toString()!=""
                                           ""? '\u20B9 ${AppSettings.formDouble(SuppliersList[index].matchedPrice.toString())}': '',
                                        style: fontTextStyle(10, Color(0XFF515253), FontWeight.w400),
                                      ),
                                    ],
                                  ),
                                  SizedBox(
                                    height:
                                    MediaQuery.of(context).size.height * .004,
                                  ),

                                  /// Address and Favourite
                                  Row(
                                    mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                    children: [
                                      Expanded(
                                        child: Text(
                                          '${SuppliersList[index].displayAddress}  ${SuppliersList[index].distanceInMeters} Km',
                                          style: fontTextStyle(12,
                                              Color(0XFF515253), FontWeight.w400),
                                          overflow: TextOverflow.ellipsis,
                                        ),
                                      ),
                                      GestureDetector(
                                        onTap: () async {
                                          AppSettings.preLoaderDialog(context);
                                          if (SuppliersList[index].isFavorite) {
                                            try {
                                              bool tankerResponse =
                                              await AppSettings
                                                  .removeFavourites(
                                                  SuppliersList[index]
                                                      .supplier_id);
                                              if (tankerResponse) {
                                                Navigator.of(context,
                                                    rootNavigator: true)
                                                    .pop();
                                                AppSettings.longSuccessToast(
                                                    'Supplier removed from favourites');
                                                await getAllSuppliers();
                                                // await getConnectedSuppliersData();
                                              } else {
                                                Navigator.of(context,
                                                    rootNavigator: true)
                                                    .pop();
                                                AppSettings.longFailedToast(
                                                    'Failed to remove from favourites');
                                              }
                                            } catch (e) {
                                              Navigator.of(context,
                                                  rootNavigator: true)
                                                  .pop();
                                              AppSettings.longFailedToast(
                                                  'Failed to remove from favourites');
                                            }
                                          } else {
                                            try {
                                              bool tankerResponse =
                                              await AppSettings.addFavourites(
                                                  SuppliersList[index]
                                                      .supplier_id);
                                              if (tankerResponse) {
                                                Navigator.of(context,
                                                    rootNavigator: true)
                                                    .pop();
                                                AppSettings.longSuccessToast(
                                                    'Supplier added to favourites');
                                                await getAllSuppliers();
                                                //await getConnectedSuppliersData();
                                                //await getAllFavouritesData();
                                              } else {
                                                Navigator.of(context,
                                                    rootNavigator: true)
                                                    .pop();
                                                AppSettings.longFailedToast(
                                                    'Failed to add favourites');
                                              }
                                            } catch (e) {
                                              Navigator.of(context,
                                                  rootNavigator: true)
                                                  .pop();
                                              AppSettings.longFailedToast(
                                                  'Failed to add favourites');
                                            }
                                          }
                                        },
                                        child: Image.asset(
                                          SuppliersList[index].isFavorite
                                              ? 'images/heart_active.png'
                                              : 'images/heart_outline.png',
                                          width: 20,
                                          height: 20,
                                        ),
                                      ),
                                    ],
                                  ),
                                ],
                              ),
                            ),
                          ],
                        ),
                        SizedBox(
                          height: MediaQuery.of(context).size.height * .016,
                        ),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Expanded(
                              child: GestureDetector(
                                onTap: () {},
                                child: Container(
                                  decoration: BoxDecoration(
                                      shape: BoxShape.rectangle,
                                      color: Color(0XFFFFFFFF),
                                      border: Border.all(
                                        width: 1,
                                        color: SuppliersList[index].isRequetsedBooking?Color(0XFF1D7AFC):Color(0XFF939495),
                                      ),
                                      borderRadius: BorderRadius.circular(
                                        24,
                                      )),
                                  alignment: Alignment.center,
                                  child: Padding(
                                    padding: EdgeInsets.fromLTRB(16, 12, 16, 12),
                                    child: Text('Call',
                                        style: fontTextStyle(12, SuppliersList[index].isRequetsedBooking?Color(0XFF1D7AFC):Color(0XFF939495),
                                            FontWeight.w600)),
                                  ),
                                ),
                              ),
                            ),
                            SizedBox(
                              width: MediaQuery.of(context).size.width * .010,
                            ),
                            Expanded(
                                child: GestureDetector(
                                  onTap: () async{
                                    if(!SuppliersList[index].isRequetsedBooking){
                                      requestOrderDialog(SuppliersList[index]);
                                    }

                                    /* Navigator.push(
                        context,
                        MaterialPageRoute(
                            builder: (context) => PlaceOrder(details: connectedSuppliersList[index],)),
                      );*/
                                  },
                                  child: Container(
                                    decoration: BoxDecoration(
                                        shape: BoxShape.rectangle,
                                        color: SuppliersList[index].isRequetsedBooking?Color(0XFFDBDBDC):Color(0XFF1D7AFC),
                                        border: Border.all(
                                          width: 1,
                                          color: Color(0XFFFFFFFF),
                                        ),
                                        borderRadius: BorderRadius.circular(
                                          24,
                                        )),
                                    alignment: Alignment.center,//
                                    child: Padding(
                                      padding: EdgeInsets.fromLTRB(16, 12, 16, 12),
                                      child: Text('Request Order',
                                          style: fontTextStyle(
                                              12, Color(0XFFFFFFFF), FontWeight.w600)),
                                    ),
                                  ),
                                ))
                          ],
                        )
                      ],
                    ),
                  ),
                ) ,
              )

                ;
            },

          )
        ],
      ),
    );


  }

  requestOrderDialog(var details) {
    return showDialog(
        context: context,
        barrierDismissible: false,
        builder: (BuildContext context) {
          return StatefulBuilder(
              builder: (BuildContext context, StateSetter setState) {
                return AlertDialog(
                    backgroundColor: Color(0XFFFFFFFF),// Set your desired background color
                    shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(12), // Optional: Rounded corners
                    ),
                    title: Center(child: Column(
                      children: [
                        Align(
                          alignment: Alignment.centerLeft,
                          child: Text('ORDER DETAILS',style:fontTextStyle(16,Color(0XFF646566),FontWeight.w400)),
                        ),
                        SizedBox(height: MediaQuery.of(context).size.height * .024,),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text('Water Type',style:fontTextStyle(14,Color(0XFF646566),FontWeight.w500)),
                            Text(selectedWaterType!,style:fontTextStyle(14,Color(0XFF2D2E30),FontWeight.w500)),
                          ],
                        ),

                        SizedBox(height: MediaQuery.of(context).size.height * .010,),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text('Capacity',style:fontTextStyle(14,Color(0XFF646566),FontWeight.w500)),
                            Text(selectedCapacity!,style:fontTextStyle(14,Color(0XFF2D2E30),FontWeight.w500)),
                          ],
                        ),
                        SizedBox(height: MediaQuery.of(context).size.height * .010,),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text('Quantity',style:fontTextStyle(14,Color(0XFF646566),FontWeight.w500)),
                            Text(selectedQuantity!,style:fontTextStyle(14,Color(0XFF2D2E30),FontWeight.w500)),
                          ],
                        ),
                        SizedBox(height: MediaQuery.of(context).size.height * .010,),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text('Date',style:fontTextStyle(14,Color(0XFF646566),FontWeight.w500)),
                            Text(DateFormat('dd-MMM-yyyy').format(selectedDate!),style:fontTextStyle(14,Color(0XFF2D2E30),FontWeight.w500)),
                          ],
                        ),
                        SizedBox(height: MediaQuery.of(context).size.height * .010,),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text('Time',style:fontTextStyle(14,Color(0XFF646566),FontWeight.w500)),
                            Text(_timeRangeText,style:fontTextStyle(14,Color(0XFF2D2E30),FontWeight.w500)),
                          ],
                        ),
                        SizedBox(height: MediaQuery.of(context).size.height * .010,),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text('Actual Price',style:fontTextStyle(14,Color(0XFF646566),FontWeight.w500)),
                            Text(
                              details.matchedPrice.toString()!="null"&&details.matchedPrice.toString()!=""
                                  ""? '\u20B9 ${AppSettings.formDouble(details.matchedPrice.toString())}': '',
                              style: fontTextStyle(14,Color(0XFF2D2E30),FontWeight.w500),
                            ),
                          ],
                        ),
                        SizedBox(height: MediaQuery.of(context).size.height * .010,),
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text('Your Price',style:fontTextStyle(14,Color(0XFF646566),FontWeight.w500)),
                            SizedBox(
                              width: MediaQuery.of(context).size.width * 0.4, // Adjust width as needed
                              child: TextFormField(
                                controller: _quotedAmountController,
                                keyboardType: TextInputType.number,
                                textCapitalization: TextCapitalization.sentences,
                                maxLength: 10,
                                decoration: textFormFieldDecoration(Icons.phone,''),
                                style:fontTextStyle(14,Color(0XFF2D2E30),FontWeight.w500),
                                cursorColor: Color(0XFF1D7AFC),

                                //TextStyle(color: Colors.black,fontWeight: FontWeight.bold),
                              )
                            ),
                ],
                        ),
                        SizedBox(height: MediaQuery.of(context).size.height * .010,),
                        Text('A standard 10% advance is payable before order confirmation. The advance payment is negotiable.',style:italicFontTextStyle(12,Color(0XFF515253),FontWeight.w400)),
                      ],
                    ),),
                  actions: <Widget>[
                    Center(
                      child: Row(
                        children: [
                          Expanded(
                            child: GestureDetector(
                              onTap: () {
                                Navigator.of(context).pop();
                              },
                              child: Container(
                                decoration: BoxDecoration(
                                  color: Colors.white,
                                  border: Border.all(color: Color(0XFF1D7AFC), width: 1),
                                  borderRadius: BorderRadius.circular(24),
                                ),
                                alignment: Alignment.center,
                                child: Padding(
                                  padding: EdgeInsets.symmetric(vertical: 12),
                                  child: Text(
                                    'Cancel',
                                    style: fontTextStyle(14, Color(0XFF1D7AFC), FontWeight.w600),
                                  ),
                                ),
                              ),
                            ),
                          ),
                          SizedBox(width: MediaQuery.of(context).size.width * .010,),
                          Expanded(
                            child: GestureDetector(
                              onTap: () async {
                                final now = DateTime.now();
                                List<DateTime> validTimes = await _getValidRequestTimes();

                                if (validTimes.length >= maxRequests) {
                                  AppSettings.longFailedToast(
                                      "Maximum 5 requests allowed in any 15-minute window.");
                                  return;
                                }

                                final text = _quotedAmountController.text.trim();
                                if (text.isEmpty) return;

                                final quoted = int.tryParse(text);
                                if (quoted == null) {
                                  AppSettings.longFailedToast("Invalid number");
                                  return;
                                }

                                // ✅ SAFE matched price parsing
                                final matchedPriceStr = details.matchedPrice ?? '';
                                final matched = int.tryParse(matchedPriceStr);
                                if (matched == null) {
                                  AppSettings.longFailedToast("Invalid matched price");
                                  return;
                                }

                                if (quoted > matched + 300 || quoted < matched - 300) {
                                  AppSettings.longFailedToast(
                                      "Enter ±300 within matched price $matched");
                                  return;
                                }

                                // ✅ SAFE required values
                                final supplierId = details.supplier_id ?? '';
                                if (supplierId.isEmpty) {
                                  AppSettings.longFailedToast("Supplier not available");
                                  return;
                                }

                                if (selectedDate == null) {
                                  AppSettings.longFailedToast("Please select date");
                                  return;
                                }

                                AppSettings.preLoaderDialog(context);
                                bool isOnline = await AppSettings.internetConnectivity();

                                if (!isOnline) {
                                  Navigator.of(context, rootNavigator: true).pop();
                                  AppSettings.longFailedToast("Check your internet connection.");
                                  return;
                                }

                                // ✅ NULL-SAFE PAYLOAD
                                var payload = {
                                  "customerId": AppSettings.customerId ?? '',
                                  "type_of_water": selectedWaterType ?? '',
                                  "capacity": selectedCapacity ?? '',
                                  "quantity": selectedQuantity ?? '',
                                  "date": DateFormat('dd-MMM-yyyy').format(selectedDate!),
                                  "time": _timeRangeText ?? '',
                                  "requested_suppliers": [
                                    {
                                      "supplierId": supplierId,
                                      "quoted_amount": quoted,
                                      "time": DateFormat('dd-MM-yyyy HH:mm').format(now),
                                    }
                                  ],
                                };

                                debugPrint("PAYLOAD → $payload");

                                bool status = await AppSettings.requestOrder(payload);
                                Navigator.of(context, rootNavigator: true).pop();

                                if (status) {
                                  _quotedAmountController.clear();
                                  Navigator.pop(context);

                                  validTimes.add(now);
                                  validTimes.sort();
                                  await _saveRequestTimes(validTimes);
                                  sentRequests = validTimes.length;

                                  if (validTimes.isNotEmpty) {
                                    final firstExpiry =
                                    validTimes.first.add(const Duration(minutes: 15));
                                    final remaining =
                                        firstExpiry.difference(DateTime.now()).inSeconds;
                                    if (remaining > 0) _startCountdownTimer(remaining);
                                  }

                                  setState(() {});
                                  await getAllSuppliers();
                                  AppSettings.longSuccessToast("Request Sent");
                                } else {
                                  AppSettings.longFailedToast("Request sending failed");
                                }
                              },
                              child: Container(
                                decoration: BoxDecoration(
                                  color: const Color(0XFF1D7AFC),
                                  border: Border.all(color: const Color(0XFF1D7AFC), width: 1),
                                  borderRadius: BorderRadius.circular(24),
                                ),
                                alignment: Alignment.center,
                                child: Padding(
                                  padding: const EdgeInsets.symmetric(vertical: 12),
                                  child: Text(
                                    'Send Request',
                                    style: fontTextStyle(14, Colors.white, FontWeight.w600),
                                  ),
                                ),
                              ),
                            ),
                          )
                        ],
                      ),
                    ),
                  ],
                );
              });
        });
  }


  Future<void> getAllSuppliers() async {
    AppSettings.preLoaderDialog(context);

    bool isOnline = await AppSettings.internetConnectivity();

    if (isOnline) {
      var payload = new Map<String, dynamic>();
      payload["type_of_water"] = selectedWaterType.toString();
      payload["capacity"] = selectedCapacity.toString();
      payload["quantity"] = selectedQuantity.toString();
      payload["date"] = DateFormat('dd-MMM-yyyy').format(selectedDate!);
      payload["time"] = _timeRangeText.toString();

      payload["radius_from"] = selectedRadius?.start.round().toString() ?? "";
      payload["radius_to"] = selectedRadius?.end.round().toString() ?? "";

      payload["rating_to"] = selectedRating?.end.toString() ?? "";

      payload["price_from"] = selectedPrice?.start.round().toString() ?? "";
      payload["price_to"] = selectedPrice?.end.round().toString() ?? "";
      payload["pump"] = selectedPump.toString();
      setState(() {
        isDataLoading = true;
      });
      try {
        var response = await AppSettings.getSuppliersForBooking(payload);

        setState(() {
          SuppliersList =
              ((jsonDecode(response)['suppliers']) as List)
                  .map((dynamic model) {
            return SuppliersModel.fromJson(model);
          }).toList();
          // Clean the selected value: remove comma and " L"
          String normalizedSelectedLitres = selectedCapacity!.replaceAll(",", "").replaceAll(" L", "").trim();

          List<dynamic> suppliersJson = jsonDecode(response)['suppliers'];

          SuppliersList = suppliersJson.map((supplierData) {
            List<dynamic> tankers = supplierData['tankers'];
            String? matchedPrice;

            for (var tanker in tankers) {
              String capacity = tanker['capacity'].replaceAll(",", "").trim();
              if (capacity == normalizedSelectedLitres) {
                matchedPrice = tanker['price'];
                break;
              }
            }

            // Optional: attach matchedPrice to model if supported
            var supplierModel = SuppliersModel.fromJson(supplierData);
            supplierModel.matchedPrice = matchedPrice; // <- Add this field to your model class
            return supplierModel;
          }).toList();
          isDataLoading = false;
          Navigator.of(context, rootNavigator: true).pop();
        });
      } catch (e) {
        setState(() {
          isDataLoading = false;
          Navigator.of(context, rootNavigator: true).pop();
        });
      }
    } else {
      AppSettings.longFailedToast('Please check internet connection');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        backgroundColor: Color(0XFFFFFFFF),
        elevation: 0,
        scrolledUnderElevation: 0,
        titleSpacing: 0,
        title: GestureDetector(
            onTap: () {
              _showLocationBottomSheet();
            },
            child:Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                Row(
                  mainAxisSize:
                  MainAxisSize.min, // Ensures it doesn't take extra space
                  children: [
                    Text(
                      'Home',
                      style:
                      fontTextStyle(16, Color(0XFF232527), FontWeight.w600),
                    ),
                    SizedBox(width: 5), // Space between text and icon
                    Image.asset(
                      'images/arrow_down.png', // Replace with your arrow image
                      width: 24, // Adjust size
                      height: 24,
                    )
                  ],
                ),
                Text(
                  AppSettings.userAddress,
                  style:
                  fontTextStyle(10, Color(0XFF515253), FontWeight.w400),
                ),
              ],
            )
        ),
        iconTheme: IconThemeData(color: Color(0XFF2A2A2A)),
        actions: [
          Row(
            children: [
              Padding(
                padding: EdgeInsets.fromLTRB(0, 10, 10, 10),
                child: IconButton(
                  icon: Image.asset(
                    'images/notification_appbar.png', // Example URL image
                  ),
                  onPressed: () {},
                ),
              )
            ],
          )
        ],
        leading: GestureDetector(
          onTap: () {
            Navigator.pop(context);
          },
          child: Padding(
            padding: const EdgeInsets.fromLTRB(
                8, 8, 8, 8), // Add padding if needed
            child: Image.asset(
              'images/backbutton_appbar.png', // Replace with your image path
              fit: BoxFit.contain, // Adjust the fit
            ),
          ),
        ),
      ),
      body: ListView(
        padding: EdgeInsets.symmetric(horizontal: 0),
        children: [
          Padding(padding: EdgeInsets.fromLTRB(16, 0, 16, 0),
            child: Column(
              children: [
                !isSearchEnabled ? _beforeDataScreenAbove() : Container(),
                SizedBox(height: MediaQuery.of(context).size.height * .024),
                _buildDropdownField(
                  hint: "Type of Water",
                  value: selectedWaterType,
                  items: waterTypes,
                  onChanged: (val) => setState(() => selectedWaterType = val),
                ),
                SizedBox(height: MediaQuery.of(context).size.height * .012),
                Row(
                  children: [
                    Expanded(
                        child: _buildDropdownField(
                            hint: "Capacity",
                            value: selectedCapacity,
                            items: capacities,
                            onChanged: (val) =>
                                setState(() => selectedCapacity = val))),
                    SizedBox(width: MediaQuery.of(context).size.width * .024),
                    Expanded(
                        child: _buildDropdownField(
                            hint: "Quantity",
                            value: selectedQuantity,
                            items: quantities,
                            onChanged: (val) =>
                                setState(() => selectedQuantity = val))),
                  ],
                ),
                SizedBox(height: MediaQuery.of(context).size.height * .012),
                Row(
                  children: [
                    Expanded(
                        child: _buildDatePickerField(
                            hint: "Date",
                            value: selectedDate != null
                                ? DateFormat('dd-MMM-yyyy').format(selectedDate!)
                                : null,
                            onTap: () => _selectFromDate(context))),
                    SizedBox(width: MediaQuery.of(context).size.width * .024),
                    Expanded(
                        child: _buildTimePickerField(
                          hint: "Select Time",
                          value: _timeRangeText != '' ? _timeRangeText : null,
                          onTap: () => selectedDate != null
                              ? _selectTime(context)
                              : ScaffoldMessenger.of(context).showSnackBar(
                              SnackBar(content: Text("Please select date first"))),
                        )),
                  ],
                ),
                SizedBox(height: MediaQuery.of(context).size.height * .024),
                SizedBox(
                  width: double.infinity,
                  height: 41,
                  child: ElevatedButton(
                    onPressed: () async {
                      setState(() {
                        isSearchEnabled = true;
                      });
                      if (selectedWaterType != '' &&
                          selectedCapacity != '' &&
                          selectedDate != '' &&
                          _timeRangeText != '' &&
                          selectedQuantity != '') {
                        await getAllSuppliers();
                      } else {
                        AppSettings.longFailedToast('Please enter valid details');
                      }
                    },
                    style: ElevatedButton.styleFrom(
                      backgroundColor: Color(0XFF1D7AFC),
                      shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(24),
                      ),
                    ),
                    child: Text(
                      "Search",
                      style: fontTextStyle(14, Color(0xFFFFFFFF), FontWeight.w600),
                    ),
                  ),
                ),
                SizedBox(height: MediaQuery.of(context).size.height * .036),
              ],
            ),
          ),
          !isSearchEnabled ? _beforeDataScreen() : _suppliersDataScreen(),
        ],
      ),
    );
  }

  Widget _buildDropdownField({
    required String hint,
    required String? value,
    required List<String> items,
    required ValueChanged<String?> onChanged,
  }) {
    return DropdownButtonHideUnderline(
      child: DropdownButton2<String>(
        isExpanded: true,
        hint: Padding(
          padding: EdgeInsets.symmetric(vertical: 0),
          child: Text(
            hint,
            style: fontTextStyle(14, Color(0XFF939495), FontWeight.w400),
          ),
        ),
        value: value,
        items: items.map((item) {
          return DropdownMenuItem<String>(
            value: item,
            child: Padding(
              padding: EdgeInsets.symmetric(vertical: 4),
              child: Text(
                item,
                style: fontTextStyle(14, Color(0xFF2D2E30), FontWeight.w400),
              ),
            ),
          );
        }).toList(),
        onChanged: onChanged,
        buttonStyleData: ButtonStyleData(
          height: 48,
          padding: EdgeInsets.symmetric(horizontal: 12),
          decoration: BoxDecoration(
            border: Border.all(color: Color(0XFF939495)),
            borderRadius: BorderRadius.circular(12),
          ),
        ),
        iconStyleData: IconStyleData(
          icon: Padding(
            padding: EdgeInsets.only(right: 4), // Right spacing from edge
            child: Image.asset(
              'images/arrow_down.png',
              width: 16,
              height: 16,
              color: Color(0XFF939495),
            ),
          ),
        ),
        dropdownStyleData: DropdownStyleData(
          padding: EdgeInsets.zero,
          decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.circular(12),
          ),
        ),
        menuItemStyleData: MenuItemStyleData(
          padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
        ),
      ),
    );
  }

  Widget _buildDatePickerField({
    required String hint,
    String? value,
    required VoidCallback onTap,
  }) {
    return GestureDetector(
      onTap: onTap,
      child: Container(
        height: 48,
        padding: EdgeInsets.symmetric(horizontal: 12),
        decoration: BoxDecoration(
          border: Border.all(color: Colors.grey.shade400),
          borderRadius: BorderRadius.circular(12),
        ),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Text(
              value ?? hint,
              style: value != null
                  ? fontTextStyle(14, Color(0xFF2D2E30), FontWeight.w400)
                  : fontTextStyle(14, Color(0XFF939495), FontWeight.w400),
            ),
            Image.asset(
              'images/calender_supplier_landing.png',
              fit: BoxFit.cover,
              width: 16, // Match the diameter of the CircleAvatar
              height: 16,
              color: Color(0XFF939495),
            ),
          ],
        ),
      ),
    );
  }

  Widget _buildTimePickerField({
    required String hint,
    String? value,
    required VoidCallback onTap,
  }) {
    return GestureDetector(
      onTap: onTap,
      child: Container(
        height: 48,
        padding: EdgeInsets.symmetric(horizontal: 12),
        decoration: BoxDecoration(
          border: Border.all(color: Color(0XFF939495)),
          borderRadius: BorderRadius.circular(12),
        ),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            Expanded(
              child: SingleChildScrollView(
                scrollDirection: Axis.horizontal,
                child: Text(
                  value ?? hint,
                  style: value != null
                      ? fontTextStyle(14, Color(0xFF2D2E30), FontWeight.w400)
                      : fontTextStyle(14, Color(0XFF939495), FontWeight.w400),
                  overflow: TextOverflow.visible,
                ),
              ),
            ),
            SizedBox(width: MediaQuery.of(context).size.width * .008),
            Image.asset(
              'images/arrow_down.png',
              width: 16,
              height: 16,
              color: Color(0XFF939495),
            ),
          ],
        ),
      ),
    );
  }
}