659 lines
21 KiB
Dart
659 lines
21 KiB
Dart
import 'dart:io';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:image_picker/image_picker.dart';
|
|
import 'package:permission_handler/permission_handler.dart';
|
|
import 'package:device_info_plus/device_info_plus.dart';
|
|
import 'package:file_picker/file_picker.dart';
|
|
import 'package:taxglide/consts/comman_image_box.dart';
|
|
import 'package:taxglide/consts/comman_textformfileds.dart';
|
|
import 'package:cached_network_image/cached_network_image.dart';
|
|
import 'package:path/path.dart' as path;
|
|
|
|
/// A reusable helper class for image picking with safe permission handling.
|
|
class ImagePickerHelper {
|
|
static final ImagePicker _picker = ImagePicker();
|
|
static bool _isPicking = false;
|
|
|
|
/// Request permission depending on platform and SDK version
|
|
static Future<bool> _requestPermission(
|
|
BuildContext context,
|
|
ImageSource source,
|
|
) async {
|
|
try {
|
|
Permission permission;
|
|
String name;
|
|
|
|
if (source == ImageSource.camera) {
|
|
permission = Permission.camera;
|
|
name = 'Camera';
|
|
} else {
|
|
if (Platform.isAndroid) {
|
|
final info = await DeviceInfoPlugin().androidInfo;
|
|
if (info.version.sdkInt >= 33) {
|
|
permission = Permission.photos;
|
|
name = 'Photos';
|
|
} else {
|
|
permission = Permission.storage;
|
|
name = 'Storage';
|
|
}
|
|
} else {
|
|
permission = Permission.photos; // iOS gallery
|
|
name = 'Gallery';
|
|
}
|
|
}
|
|
|
|
var status = await permission.status;
|
|
|
|
// ⭐ Match Live Chat behavior: On iOS, don't force a manual request if already denied
|
|
// Let ImagePicker handle it, or only show settings dialog if permanently denied.
|
|
if (Platform.isIOS) {
|
|
if (status.isPermanentlyDenied) {
|
|
await _showSettingsDialog(context, name);
|
|
return false;
|
|
}
|
|
return true; // Return true to let ImagePicker try to open and trigger system prompt
|
|
}
|
|
|
|
// Android behavior
|
|
if (status.isGranted || status.isLimited) return true;
|
|
|
|
// Now request permission
|
|
status = await permission.request();
|
|
|
|
if (status.isGranted || status.isLimited) {
|
|
return true;
|
|
} else {
|
|
// Only show settings dialog if permanently denied on Android
|
|
if (status.isPermanentlyDenied) {
|
|
await _showSettingsDialog(context, name);
|
|
}
|
|
return false;
|
|
}
|
|
} catch (e) {
|
|
debugPrint('Permission request failed: $e');
|
|
return Platform.isIOS;
|
|
}
|
|
}
|
|
|
|
static Future<void> _showSettingsDialog(
|
|
BuildContext context,
|
|
String name,
|
|
) async {
|
|
final openSettings =
|
|
await showDialog<bool>(
|
|
context: context,
|
|
builder: (ctx) => AlertDialog(
|
|
title: Text('$name Permission Required'),
|
|
content: Text(
|
|
'Allow Taxglide to access your $name to capture and upload files easily. You can enable this in the app settings.',
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(ctx, false),
|
|
child: const Text('Cancel'),
|
|
),
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(ctx, true),
|
|
child: const Text('Go to Settings'),
|
|
),
|
|
],
|
|
),
|
|
) ??
|
|
false;
|
|
if (openSettings) await openAppSettings();
|
|
}
|
|
|
|
/// Pick single image safely
|
|
static Future<void> pickSingleImage({
|
|
required BuildContext context,
|
|
required void Function(File?) onImageSelected,
|
|
required void Function(String?) setError,
|
|
}) async {
|
|
if (_isPicking) return;
|
|
_isPicking = true;
|
|
|
|
try {
|
|
// Ask user: Camera or Gallery
|
|
final source = await showDialog<ImageSource>(
|
|
context: context,
|
|
builder: (ctx) => AlertDialog(
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(20),
|
|
),
|
|
title: const Text('Select Image Source'),
|
|
content: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
ListTile(
|
|
leading: const Icon(Icons.camera_alt, color: Colors.blue),
|
|
title: const Text('Camera'),
|
|
onTap: () => Navigator.pop(ctx, ImageSource.camera),
|
|
),
|
|
ListTile(
|
|
leading: const Icon(Icons.photo, color: Colors.blue),
|
|
title: const Text('Gallery'),
|
|
onTap: () => Navigator.pop(ctx, ImageSource.gallery),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
if (source == null) {
|
|
_isPicking = false;
|
|
return;
|
|
}
|
|
|
|
// Permission check
|
|
final hasPermission = await _requestPermission(context, source);
|
|
if (!hasPermission) {
|
|
_isPicking = false;
|
|
return;
|
|
}
|
|
|
|
// Image selection
|
|
final pickedFile = await _picker.pickImage(source: source);
|
|
if (pickedFile != null) {
|
|
onImageSelected(File(pickedFile.path));
|
|
setError(null);
|
|
}
|
|
} catch (e) {
|
|
debugPrint('Image pick error: $e');
|
|
Get.snackbar(
|
|
"Error",
|
|
"Failed to pick image: $e",
|
|
backgroundColor: Colors.red,
|
|
colorText: Colors.white,
|
|
);
|
|
} finally {
|
|
_isPicking = false;
|
|
}
|
|
}
|
|
|
|
/// 🔥 NEW: Pick Image or PDF
|
|
static Future<void> pickImageOrPdf({
|
|
required BuildContext context,
|
|
required void Function(File?) onFileSelected,
|
|
required void Function(String?) setError,
|
|
}) async {
|
|
if (_isPicking) return;
|
|
_isPicking = true;
|
|
|
|
try {
|
|
// Ask user: Camera, Gallery, or PDF
|
|
final choice = await showDialog<String>(
|
|
context: context,
|
|
builder: (ctx) => AlertDialog(
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(20),
|
|
),
|
|
title: const Text('Select File Source'),
|
|
content: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
ListTile(
|
|
leading: const Icon(Icons.camera_alt, color: Colors.blue),
|
|
title: const Text('Camera'),
|
|
onTap: () => Navigator.pop(ctx, 'camera'),
|
|
),
|
|
ListTile(
|
|
leading: const Icon(Icons.photo, color: Colors.blue),
|
|
title: const Text('Gallery (Image)'),
|
|
onTap: () => Navigator.pop(ctx, 'gallery'),
|
|
),
|
|
ListTile(
|
|
leading: const Icon(Icons.picture_as_pdf, color: Colors.red),
|
|
title: const Text('Select PDF'),
|
|
onTap: () => Navigator.pop(ctx, 'pdf'),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
if (choice == null) {
|
|
_isPicking = false;
|
|
return;
|
|
}
|
|
|
|
if (choice == 'pdf') {
|
|
// Pick PDF using file_picker
|
|
final result = await FilePicker.platform.pickFiles(
|
|
type: FileType.custom,
|
|
allowedExtensions: ['pdf'],
|
|
);
|
|
|
|
if (result != null && result.files.single.path != null) {
|
|
final file = File(result.files.single.path!);
|
|
|
|
// Check file size (max 10MB)
|
|
final fileSizeInBytes = await file.length();
|
|
final fileSizeInMB = fileSizeInBytes / (1024 * 1024);
|
|
|
|
if (fileSizeInMB > 10) {
|
|
Get.snackbar(
|
|
"Error",
|
|
"PDF file size should not exceed 10MB",
|
|
backgroundColor: Colors.red,
|
|
colorText: Colors.white,
|
|
);
|
|
_isPicking = false;
|
|
return;
|
|
}
|
|
|
|
onFileSelected(file);
|
|
setError(null);
|
|
}
|
|
} else {
|
|
// Pick Image (Camera or Gallery)
|
|
final source = choice == 'camera'
|
|
? ImageSource.camera
|
|
: ImageSource.gallery;
|
|
|
|
// Permission check
|
|
final hasPermission = await _requestPermission(context, source);
|
|
if (!hasPermission) {
|
|
_isPicking = false;
|
|
return;
|
|
}
|
|
|
|
// Image selection
|
|
final pickedFile = await _picker.pickImage(source: source);
|
|
if (pickedFile != null) {
|
|
onFileSelected(File(pickedFile.path));
|
|
setError(null);
|
|
}
|
|
}
|
|
} catch (e) {
|
|
debugPrint('File pick error: $e');
|
|
Get.snackbar(
|
|
"Error",
|
|
"Failed to pick file: $e",
|
|
backgroundColor: Colors.red,
|
|
colorText: Colors.white,
|
|
);
|
|
} finally {
|
|
_isPicking = false;
|
|
}
|
|
}
|
|
}
|
|
|
|
class LabeledTextField extends StatelessWidget {
|
|
final GlobalKey fieldKey;
|
|
final String label;
|
|
final String keyName;
|
|
final String hint;
|
|
final TextEditingController controller;
|
|
final FocusNode focusNode;
|
|
final TextInputType keyboardType;
|
|
final Map<String, String?> errors;
|
|
final Function(String) onChanged;
|
|
final bool readOnly;
|
|
|
|
/// ✅ ADD THESE
|
|
final List<TextInputFormatter>? inputFormatters;
|
|
final TextCapitalization textCapitalization;
|
|
|
|
const LabeledTextField({
|
|
super.key,
|
|
required this.fieldKey,
|
|
required this.label,
|
|
required this.keyName,
|
|
required this.hint,
|
|
required this.controller,
|
|
required this.focusNode,
|
|
required this.errors,
|
|
required this.onChanged,
|
|
this.readOnly = false,
|
|
this.keyboardType = TextInputType.text,
|
|
|
|
/// ✅ DEFAULT VALUES
|
|
this.inputFormatters,
|
|
this.textCapitalization = TextCapitalization.none,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Padding(
|
|
key: fieldKey,
|
|
padding: const EdgeInsets.only(bottom: 15),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
label,
|
|
style: const TextStyle(
|
|
fontFamily: "Gilroy",
|
|
fontWeight: FontWeight.w600,
|
|
fontSize: 16,
|
|
height: 1.3,
|
|
letterSpacing: 0.64,
|
|
color: Colors.black,
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
|
|
/// ✅ PASS FORMATTERS & CAPITALIZATION HERE
|
|
CommanTextFormField(
|
|
controller: controller,
|
|
hintText: hint,
|
|
keyboardType: keyboardType,
|
|
focusNode: focusNode,
|
|
hasError: errors[keyName] != null,
|
|
onChanged: onChanged,
|
|
readOnly: readOnly,
|
|
inputFormatters: inputFormatters,
|
|
textCapitalization: textCapitalization,
|
|
),
|
|
|
|
if (errors[keyName] != null)
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 4, left: 6),
|
|
child: Text(
|
|
errors[keyName]!,
|
|
style: const TextStyle(color: Colors.red, fontSize: 12),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
// 🔥 Updated SingleImageSectionField with URL support (Image only - for Logo)
|
|
class SingleImageSectionField extends StatelessWidget {
|
|
final GlobalKey imageKey;
|
|
final String title;
|
|
final File? imageFile;
|
|
final String? imageUrl;
|
|
final String? errorText;
|
|
final Function(String?) setError;
|
|
final Function(File?) onImageSelected;
|
|
final VoidCallback onImageRemoved;
|
|
|
|
const SingleImageSectionField({
|
|
super.key,
|
|
required this.imageKey,
|
|
required this.title,
|
|
required this.imageFile,
|
|
required this.imageUrl,
|
|
required this.errorText,
|
|
required this.setError,
|
|
required this.onImageSelected,
|
|
required this.onImageRemoved,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final hasImage = imageFile != null || imageUrl != null;
|
|
|
|
return Padding(
|
|
key: imageKey,
|
|
padding: const EdgeInsets.only(bottom: 15),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
title,
|
|
style: const TextStyle(
|
|
fontFamily: "Gilroy",
|
|
fontWeight: FontWeight.w600,
|
|
fontSize: 16,
|
|
height: 1.3,
|
|
letterSpacing: 0.64,
|
|
color: Colors.black,
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
CommanImageBox(
|
|
onTap: () => ImagePickerHelper.pickSingleImage(
|
|
context: context,
|
|
onImageSelected: onImageSelected,
|
|
setError: setError,
|
|
),
|
|
text: hasImage ? 'Change Image' : 'Upload Image',
|
|
),
|
|
if (errorText != null)
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 4, left: 6),
|
|
child: Text(
|
|
errorText!,
|
|
style: const TextStyle(color: Colors.red, fontSize: 12),
|
|
),
|
|
),
|
|
|
|
if (hasImage)
|
|
Container(
|
|
margin: const EdgeInsets.only(top: 10),
|
|
child: Stack(
|
|
children: [
|
|
Container(
|
|
width: 120,
|
|
height: 120,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(color: Colors.grey.shade300),
|
|
),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(8),
|
|
child: imageFile != null
|
|
? Image.file(imageFile!, fit: BoxFit.cover)
|
|
: CachedNetworkImage(
|
|
imageUrl: imageUrl!,
|
|
fit: BoxFit.cover,
|
|
placeholder: (context, url) => const Center(
|
|
child: CircularProgressIndicator(),
|
|
),
|
|
errorWidget: (context, url, error) =>
|
|
const Icon(Icons.error, color: Colors.red),
|
|
),
|
|
),
|
|
),
|
|
Positioned(
|
|
right: 0,
|
|
top: 0,
|
|
child: GestureDetector(
|
|
onTap: onImageRemoved,
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
color: Colors.red,
|
|
shape: BoxShape.circle,
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.black.withOpacity(0.2),
|
|
blurRadius: 4,
|
|
),
|
|
],
|
|
),
|
|
padding: const EdgeInsets.all(4),
|
|
child: const Icon(
|
|
Icons.close,
|
|
color: Colors.white,
|
|
size: 18,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
// 🔥 NEW: File Section Field (Supports both Image and PDF)
|
|
class FileUploadSectionField extends StatelessWidget {
|
|
final GlobalKey fileKey;
|
|
final String title;
|
|
final File? fileData;
|
|
final String? fileUrl;
|
|
final String? errorText;
|
|
final Function(String?) setError;
|
|
final Function(File?) onFileSelected;
|
|
final VoidCallback onFileRemoved;
|
|
|
|
const FileUploadSectionField({
|
|
super.key,
|
|
required this.fileKey,
|
|
required this.title,
|
|
required this.fileData,
|
|
required this.fileUrl,
|
|
required this.errorText,
|
|
required this.setError,
|
|
required this.onFileSelected,
|
|
required this.onFileRemoved,
|
|
});
|
|
|
|
bool _isPdfFile(String? filePath) {
|
|
if (filePath == null) return false;
|
|
return path.extension(filePath).toLowerCase() == '.pdf';
|
|
}
|
|
|
|
bool _isImageFile(String? filePath) {
|
|
if (filePath == null) return false;
|
|
final ext = path.extension(filePath).toLowerCase();
|
|
return ['.jpg', '.jpeg', '.png', '.gif', '.bmp', '.webp'].contains(ext);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final hasFile = fileData != null || fileUrl != null;
|
|
final isPdf = _isPdfFile(fileData?.path ?? fileUrl);
|
|
final isImage = _isImageFile(fileData?.path ?? fileUrl);
|
|
|
|
return Padding(
|
|
key: fileKey,
|
|
padding: const EdgeInsets.only(bottom: 15),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
title,
|
|
style: const TextStyle(
|
|
fontFamily: "Gilroy",
|
|
fontWeight: FontWeight.w600,
|
|
fontSize: 16,
|
|
height: 1.3,
|
|
letterSpacing: 0.64,
|
|
color: Colors.black,
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
CommanImageBox(
|
|
onTap: () => ImagePickerHelper.pickImageOrPdf(
|
|
context: context,
|
|
onFileSelected: onFileSelected,
|
|
setError: setError,
|
|
),
|
|
text: hasFile ? 'Change File' : 'Upload Image/PDF',
|
|
),
|
|
if (errorText != null)
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 4, left: 6),
|
|
child: Text(
|
|
errorText!,
|
|
style: const TextStyle(color: Colors.red, fontSize: 12),
|
|
),
|
|
),
|
|
|
|
// Display file preview
|
|
if (hasFile)
|
|
Container(
|
|
margin: const EdgeInsets.only(top: 10),
|
|
child: Stack(
|
|
children: [
|
|
Container(
|
|
width: 120,
|
|
height: 120,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(color: Colors.grey.shade300),
|
|
),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(8),
|
|
child: isPdf
|
|
// Show PDF icon
|
|
? Container(
|
|
color: Colors.red.shade50,
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Icon(
|
|
Icons.picture_as_pdf,
|
|
size: 48,
|
|
color: Colors.red.shade700,
|
|
),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
'PDF',
|
|
style: TextStyle(
|
|
color: Colors.red.shade700,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
)
|
|
: isImage && fileData != null
|
|
// Show local image
|
|
? Image.file(fileData!, fit: BoxFit.cover)
|
|
: isImage && fileUrl != null
|
|
// Show network image
|
|
? CachedNetworkImage(
|
|
imageUrl: fileUrl!,
|
|
fit: BoxFit.cover,
|
|
placeholder: (context, url) => const Center(
|
|
child: CircularProgressIndicator(),
|
|
),
|
|
errorWidget: (context, url, error) =>
|
|
const Icon(Icons.error, color: Colors.red),
|
|
)
|
|
// Unknown file type
|
|
: Container(
|
|
color: Colors.grey.shade100,
|
|
child: const Icon(
|
|
Icons.insert_drive_file,
|
|
size: 48,
|
|
color: Colors.grey,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Positioned(
|
|
right: 0,
|
|
top: 0,
|
|
child: GestureDetector(
|
|
onTap: onFileRemoved,
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
color: Colors.red,
|
|
shape: BoxShape.circle,
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.black.withOpacity(0.2),
|
|
blurRadius: 4,
|
|
),
|
|
],
|
|
),
|
|
padding: const EdgeInsets.all(4),
|
|
child: const Icon(
|
|
Icons.close,
|
|
color: Colors.white,
|
|
size: 18,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|