478 lines
23 KiB
Dart
478 lines
23 KiB
Dart
import 'dart:io';
|
|
import 'package:country_code_picker/country_code_picker.dart';
|
|
import 'package:customer/themes/show_toast_dialog.dart';
|
|
import 'package:customer/utils/utils.dart';
|
|
import 'package:dotted_border/dotted_border.dart';
|
|
import 'package:dropdown_textfield/dropdown_textfield.dart';
|
|
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_svg/svg.dart';
|
|
import 'package:get/get.dart';
|
|
import '../../constant/constant.dart';
|
|
import '../../controllers/book_parcel_controller.dart';
|
|
import '../../controllers/theme_controller.dart';
|
|
import '../../models/user_model.dart';
|
|
import '../../themes/app_them_data.dart';
|
|
import '../../themes/round_button_fill.dart';
|
|
import '../../themes/text_field_widget.dart';
|
|
import '../../widget/osm_map/map_picker_page.dart';
|
|
import '../../widget/place_picker/location_picker_screen.dart';
|
|
import '../../widget/place_picker/selected_location_model.dart';
|
|
|
|
class BookParcelScreen extends StatelessWidget {
|
|
const BookParcelScreen({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final themeController = Get.find<ThemeController>();
|
|
final isDark = themeController.isDark.value;
|
|
return GetX(
|
|
init: BookParcelController(),
|
|
builder: (controller) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
automaticallyImplyLeading: false,
|
|
backgroundColor: AppThemeData.primary300,
|
|
title: Padding(
|
|
padding: const EdgeInsets.only(bottom: 10),
|
|
child: Row(
|
|
children: [
|
|
GestureDetector(
|
|
onTap: () => Get.back(),
|
|
child: Container(
|
|
height: 42,
|
|
width: 42,
|
|
decoration: BoxDecoration(shape: BoxShape.circle, color: AppThemeData.grey50),
|
|
child: Center(child: Padding(padding: const EdgeInsets.only(left: 5), child: Icon(Icons.arrow_back_ios, color: AppThemeData.grey900, size: 20))),
|
|
),
|
|
),
|
|
const SizedBox(width: 10),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text("Book Your Document Delivery".tr(), style: AppThemeData.boldTextStyle(fontSize: 18, color: AppThemeData.grey900)),
|
|
Text(
|
|
"Schedule a secure and timely pickup & delivery".tr(),
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: AppThemeData.mediumTextStyle(fontSize: 12, color: AppThemeData.grey900),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
body: SingleChildScrollView(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
selectDeliveryTypeView(controller, isDark, context),
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
buildUploadBoxView(isDark, controller),
|
|
|
|
const SizedBox(height: 16),
|
|
buildInfoSectionView(
|
|
title: "Sender Information".tr(),
|
|
locationController: controller.senderLocationController.value,
|
|
nameController: controller.senderNameController.value,
|
|
mobileController: controller.senderMobileController.value,
|
|
noteController: controller.senderNoteController.value,
|
|
countryCodeController: controller.senderCountryCodeController.value,
|
|
showWeight: true,
|
|
isDark: isDark,
|
|
context: context,
|
|
controller: controller,
|
|
onTap: () async {
|
|
if (Constant.selectedMapType == 'osm') {
|
|
final result = await Get.to(() => MapPickerPage());
|
|
if (result != null) {
|
|
final firstPlace = result;
|
|
|
|
if (Constant.checkZoneCheck(firstPlace.coordinates.latitude, firstPlace.coordinates.longitude) == true) {
|
|
final address = firstPlace.address;
|
|
final lat = firstPlace.coordinates.latitude;
|
|
final lng = firstPlace.coordinates.longitude;
|
|
controller.senderLocationController.value.text = address; // ✅
|
|
controller.senderLocation.value = UserLocation(latitude: lat, longitude: lng); // ✅ <-- Add this
|
|
} else {
|
|
ShowToastDialog.showToast("Service is unavailable at the selected address.".tr());
|
|
}
|
|
}
|
|
} else {
|
|
Get.to(LocationPickerScreen())!.then((value) async {
|
|
if (value != null) {
|
|
SelectedLocationModel selectedLocationModel = value;
|
|
|
|
if (Constant.checkZoneCheck(selectedLocationModel.latLng!.latitude, selectedLocationModel.latLng!.longitude) == true) {
|
|
controller.senderLocationController.value.text = Utils.formatAddress(selectedLocation: selectedLocationModel);
|
|
controller.senderLocation.value = UserLocation(latitude: selectedLocationModel.latLng!.latitude, longitude: selectedLocationModel.latLng!.longitude);
|
|
} else {
|
|
ShowToastDialog.showToast("Service is unavailable at the selected address.".tr());
|
|
}
|
|
// ✅ <-- Add this
|
|
}
|
|
});
|
|
}
|
|
},
|
|
),
|
|
const SizedBox(height: 16),
|
|
buildInfoSectionView(
|
|
title: "Receiver Information".tr(),
|
|
locationController: controller.receiverLocationController.value,
|
|
nameController: controller.receiverNameController.value,
|
|
mobileController: controller.receiverMobileController.value,
|
|
noteController: controller.receiverNoteController.value,
|
|
countryCodeController: controller.receiverCountryCodeController.value,
|
|
showWeight: false,
|
|
isDark: isDark,
|
|
context: context,
|
|
controller: controller,
|
|
onTap: () async {
|
|
if (Constant.selectedMapType == 'osm') {
|
|
final result = await Get.to(() => MapPickerPage());
|
|
if (result != null) {
|
|
final firstPlace = result;
|
|
|
|
if (Constant.checkZoneCheck(firstPlace.coordinates.latitude, firstPlace.coordinates.longitude) == true) {
|
|
final lat = firstPlace.coordinates.latitude;
|
|
final lng = firstPlace.coordinates.longitude;
|
|
final address = firstPlace.address;
|
|
|
|
controller.receiverLocationController.value.text = address; // ✅
|
|
controller.receiverLocation.value = UserLocation(latitude: lat, longitude: lng);
|
|
} else {
|
|
ShowToastDialog.showToast("Service is unavailable at the selected address.".tr());
|
|
}
|
|
}
|
|
} else {
|
|
Get.to(LocationPickerScreen())!.then((value) async {
|
|
if (value != null) {
|
|
SelectedLocationModel selectedLocationModel = value;
|
|
|
|
if (Constant.checkZoneCheck(selectedLocationModel.latLng!.latitude, selectedLocationModel.latLng!.longitude) == true) {
|
|
controller.receiverLocationController.value.text = Utils.formatAddress(selectedLocation: selectedLocationModel);
|
|
controller.receiverLocation.value = UserLocation(latitude: selectedLocationModel.latLng!.latitude, longitude: selectedLocationModel.latLng!.longitude); // ✅ <-- Add this
|
|
} else {
|
|
ShowToastDialog.showToast("Service is unavailable at the selected address.".tr());
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
),
|
|
|
|
const SizedBox(height: 15),
|
|
|
|
RoundedButtonFill(
|
|
title: "Continue".tr(),
|
|
onPress: () {
|
|
controller.bookNow();
|
|
},
|
|
color: AppThemeData.primary300,
|
|
textColor: AppThemeData.grey900,
|
|
),
|
|
const SizedBox(height: 25),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
Widget selectDeliveryTypeView(BookParcelController controller, bool isDark, BuildContext context) {
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(15),
|
|
color: isDark ? AppThemeData.greyDark50 : AppThemeData.grey50,
|
|
border: Border.all(color: isDark ? AppThemeData.greyDark200 : AppThemeData.grey200),
|
|
),
|
|
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 15),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text("Select delivery type".tr(), style: AppThemeData.boldTextStyle(color: isDark ? AppThemeData.greyDark500 : AppThemeData.grey500, fontSize: 13)),
|
|
const SizedBox(height: 10),
|
|
InkWell(
|
|
onTap: () {
|
|
controller.selectedDeliveryType.value = 'now';
|
|
controller.isScheduled.value = false;
|
|
},
|
|
child: Row(
|
|
children: [
|
|
Image.asset("assets/images/image_parcel.png", height: 38, width: 38),
|
|
const SizedBox(width: 20),
|
|
Expanded(child: Text("As soon as possible".tr(), style: AppThemeData.semiBoldTextStyle(color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900, fontSize: 16))),
|
|
Icon(
|
|
controller.selectedDeliveryType.value == 'now' ? Icons.radio_button_checked : Icons.radio_button_off,
|
|
color: controller.selectedDeliveryType.value == 'now' ? AppThemeData.primary300 : (isDark ? AppThemeData.greyDark500 : AppThemeData.grey500),
|
|
size: 20,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 10),
|
|
InkWell(
|
|
onTap: () {
|
|
controller.selectedDeliveryType.value = 'later';
|
|
controller.isScheduled.value = true;
|
|
},
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Image.asset("assets/images/image_parcel_scheduled.png", height: 38, width: 38),
|
|
const SizedBox(width: 20),
|
|
Expanded(child: Text("Scheduled".tr(), style: AppThemeData.semiBoldTextStyle(color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900, fontSize: 16))),
|
|
Icon(
|
|
controller.selectedDeliveryType.value == 'later' ? Icons.radio_button_checked : Icons.radio_button_off,
|
|
color: controller.selectedDeliveryType.value == 'later' ? AppThemeData.primary300 : (isDark ? AppThemeData.greyDark500 : AppThemeData.grey500),
|
|
size: 20,
|
|
),
|
|
],
|
|
),
|
|
if (controller.selectedDeliveryType.value == 'later') ...[
|
|
const SizedBox(height: 10),
|
|
GestureDetector(
|
|
onTap: () => controller.pickScheduledDate(context),
|
|
child: TextFieldWidget(
|
|
hintText: "When to pickup at this address".tr(),
|
|
controller: controller.scheduledDateController.value,
|
|
enable: false,
|
|
backgroundColor: isDark ? AppThemeData.surfaceDark : AppThemeData.surface,
|
|
borderColor: isDark ? AppThemeData.greyDark200 : AppThemeData.grey200,
|
|
suffix: const Padding(padding: EdgeInsets.only(right: 10), child: Icon(Icons.calendar_month_outlined)),
|
|
),
|
|
),
|
|
const SizedBox(height: 10),
|
|
GestureDetector(
|
|
onTap: () => controller.pickScheduledTime(context),
|
|
child: TextFieldWidget(
|
|
hintText: "When to pickup at this address".tr(),
|
|
controller: controller.scheduledTimeController.value,
|
|
enable: false,
|
|
// onchange: (v) => controller.pickScheduledTime(context),
|
|
backgroundColor: isDark ? AppThemeData.surfaceDark : AppThemeData.surface,
|
|
borderColor: isDark ? AppThemeData.greyDark200 : AppThemeData.grey200,
|
|
suffix: const Padding(padding: EdgeInsets.only(right: 10), child: Icon(Icons.access_time)),
|
|
),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget buildUploadBoxView(bool isDark, BookParcelController controller) {
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(15),
|
|
color: isDark ? AppThemeData.greyDark50 : AppThemeData.grey50,
|
|
border: Border.all(color: isDark ? AppThemeData.greyDark200 : AppThemeData.grey200),
|
|
),
|
|
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 15),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text("Upload parcel image".tr(), style: AppThemeData.boldTextStyle(color: isDark ? AppThemeData.greyDark500 : AppThemeData.grey500, fontSize: 13)),
|
|
const SizedBox(height: 10),
|
|
DottedBorder(
|
|
options: RoundedRectDottedBorderOptions(strokeWidth: 1, radius: const Radius.circular(10), color: isDark ? AppThemeData.greyDark300 : AppThemeData.grey300),
|
|
child: Container(
|
|
alignment: Alignment.center,
|
|
decoration: BoxDecoration(borderRadius: BorderRadius.circular(10), color: isDark ? AppThemeData.greyDark50 : AppThemeData.grey50),
|
|
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 50),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
SvgPicture.asset("assets/icons/ic_upload_parcel.svg", height: 40, width: 40),
|
|
const SizedBox(height: 10),
|
|
Text("Upload Parcel Image".tr(), style: AppThemeData.mediumTextStyle(fontSize: 16, color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900)),
|
|
const SizedBox(height: 4),
|
|
Text("Supported: .jpg, .jpeg, .png".tr(), style: AppThemeData.semiBoldTextStyle(fontSize: 12, color: isDark ? AppThemeData.greyDark800 : AppThemeData.grey800)),
|
|
Text("Max size 1MB".tr(), style: AppThemeData.semiBoldTextStyle(fontSize: 12, color: isDark ? AppThemeData.greyDark800 : AppThemeData.grey800)),
|
|
const SizedBox(height: 8),
|
|
RoundedButtonFill(
|
|
title: "Browse Image".tr(),
|
|
onPress: () {
|
|
controller.onCameraClick(Get.context!);
|
|
},
|
|
color: AppThemeData.primary300,
|
|
textColor: AppThemeData.grey900,
|
|
width: 40,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 10),
|
|
if (controller.images.isEmpty) const SizedBox(),
|
|
Wrap(
|
|
spacing: 10,
|
|
runSpacing: 10,
|
|
children:
|
|
controller.images.map((image) {
|
|
return Stack(
|
|
children: [
|
|
Container(
|
|
padding: const EdgeInsets.only(top: 20, right: 20),
|
|
child: ClipRRect(borderRadius: BorderRadius.circular(8), child: Image.file(File(image.path), width: 70, height: 70, fit: BoxFit.cover)),
|
|
),
|
|
Positioned.fill(
|
|
top: 0,
|
|
right: 0,
|
|
child: Align(
|
|
alignment: Alignment.topRight,
|
|
child: IconButton(
|
|
icon: const Icon(Icons.cancel, color: AppThemeData.danger300, size: 20),
|
|
onPressed: () {
|
|
controller.images.remove(image);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}).toList(),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget buildInfoSectionView({
|
|
required String title,
|
|
required TextEditingController locationController,
|
|
required TextEditingController nameController,
|
|
required TextEditingController mobileController,
|
|
required TextEditingController noteController,
|
|
required TextEditingController countryCodeController,
|
|
bool showWeight = false,
|
|
GestureTapCallback? onTap,
|
|
required bool isDark,
|
|
required BookParcelController controller,
|
|
required BuildContext context,
|
|
}) {
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(15),
|
|
color: isDark ? AppThemeData.greyDark50 : AppThemeData.grey50,
|
|
border: Border.all(color: isDark ? AppThemeData.greyDark200 : AppThemeData.grey200),
|
|
),
|
|
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 15),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(title, style: AppThemeData.boldTextStyle(color: isDark ? AppThemeData.greyDark500 : AppThemeData.grey500, fontSize: 13)),
|
|
const SizedBox(height: 10),
|
|
|
|
GestureDetector(
|
|
onTap: onTap,
|
|
child: TextFieldWidget(
|
|
hintText: "Your Location".tr(),
|
|
controller: locationController,
|
|
|
|
suffix: const Padding(padding: EdgeInsets.only(right: 10), child: Icon(Icons.location_on_outlined)),
|
|
backgroundColor: isDark ? AppThemeData.surfaceDark : AppThemeData.surface,
|
|
borderColor: isDark ? AppThemeData.greyDark200 : AppThemeData.grey200,
|
|
enable: false,
|
|
),
|
|
),
|
|
const SizedBox(height: 10),
|
|
|
|
TextFieldWidget(
|
|
hintText: "Name".tr(),
|
|
controller: nameController,
|
|
backgroundColor: isDark ? AppThemeData.surfaceDark : AppThemeData.surface,
|
|
borderColor: isDark ? AppThemeData.greyDark200 : AppThemeData.grey200,
|
|
),
|
|
const SizedBox(height: 10),
|
|
|
|
TextFieldWidget(
|
|
hintText: "Enter Mobile number".tr(),
|
|
controller: mobileController,
|
|
textInputType: TextInputType.number,
|
|
inputFormatters: [FilteringTextInputFormatter.allow(RegExp('[0-9]')), LengthLimitingTextInputFormatter(10)],
|
|
backgroundColor: isDark ? AppThemeData.surfaceDark : AppThemeData.surface,
|
|
borderColor: isDark ? AppThemeData.greyDark200 : AppThemeData.grey200,
|
|
prefix: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
CountryCodePicker(
|
|
onChanged: (value) {
|
|
countryCodeController.text = value.dialCode ?? Constant.defaultCountryCode;
|
|
},
|
|
initialSelection: countryCodeController.text.isNotEmpty ? countryCodeController.text : Constant.defaultCountryCode,
|
|
showCountryOnly: false,
|
|
showOnlyCountryWhenClosed: false,
|
|
alignLeft: false,
|
|
textStyle: TextStyle(fontSize: 16, color: isDark ? AppThemeData.greyDark900 : Colors.black),
|
|
dialogTextStyle: TextStyle(fontSize: 16, color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900),
|
|
searchStyle: TextStyle(fontSize: 16, color: isDark ? AppThemeData.greyDark900 : AppThemeData.grey900),
|
|
dialogBackgroundColor: isDark ? AppThemeData.surfaceDark : AppThemeData.surface,
|
|
padding: EdgeInsets.zero,
|
|
),
|
|
// const Icon(Icons.keyboard_arrow_down_rounded, size: 24, color: AppThemeData.grey400),
|
|
Container(height: 24, width: 1, color: AppThemeData.grey400),
|
|
const SizedBox(width: 4),
|
|
],
|
|
),
|
|
),
|
|
|
|
if (showWeight) ...[
|
|
const SizedBox(height: 10),
|
|
DropDownTextField(
|
|
controller: controller.senderWeightController.value,
|
|
clearOption: false,
|
|
enableSearch: false,
|
|
textFieldDecoration: InputDecoration(
|
|
hintText: "Select parcel Weight".tr(),
|
|
hintStyle: AppThemeData.regularTextStyle(fontSize: 14, color: isDark ? AppThemeData.grey400 : AppThemeData.greyDark400),
|
|
filled: true,
|
|
fillColor: isDark ? AppThemeData.surfaceDark : AppThemeData.surface,
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
border: OutlineInputBorder(borderRadius: BorderRadius.circular(10), borderSide: BorderSide(color: AppThemeData.grey200)),
|
|
enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(10), borderSide: BorderSide(color: AppThemeData.grey200)),
|
|
focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(10), borderSide: BorderSide(color: AppThemeData.grey200)),
|
|
),
|
|
dropDownList:
|
|
controller.parcelWeight.map((e) {
|
|
return DropDownValueModel(
|
|
name: e.title ?? 'Normal'.tr(),
|
|
value: e.title ?? 'Normal'.tr(), // safer to use title string
|
|
);
|
|
}).toList(),
|
|
onChanged: (val) {
|
|
if (val is DropDownValueModel) {
|
|
controller.senderWeightController.value.setDropDown(val);
|
|
|
|
// Link it to the selectedWeight object
|
|
controller.selectedWeight = controller.parcelWeight.firstWhereOrNull((e) => e.title == val.value);
|
|
}
|
|
},
|
|
),
|
|
],
|
|
|
|
const SizedBox(height: 10),
|
|
TextFieldWidget(
|
|
hintText: "Notes (Optional)".tr(),
|
|
controller: noteController,
|
|
backgroundColor: isDark ? AppThemeData.surfaceDark : AppThemeData.surface,
|
|
borderColor: isDark ? AppThemeData.greyDark200 : AppThemeData.grey200,
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|