278 lines
11 KiB
Dart
278 lines
11 KiB
Dart
import 'package:camerawesome/camerawesome_plugin.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import '../../../core/utils/app_snackbar.dart';
|
|
import '../controllers/scanner_controller.dart';
|
|
|
|
class ScannerView extends GetView<ScannerController> {
|
|
const ScannerView({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Obx(() {
|
|
if (controller.selectedCompanyId.value.isEmpty) {
|
|
return _buildCompanySelection(context);
|
|
}
|
|
return _buildScanner(context);
|
|
});
|
|
}
|
|
|
|
Widget _buildCompanySelection(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: const Text('اختر الشركة أولاً',
|
|
style: TextStyle(fontFamily: 'El Messiri')),
|
|
centerTitle: true,
|
|
backgroundColor: const Color(0xFF0F4C81),
|
|
foregroundColor: Colors.white,
|
|
),
|
|
body: Obx(() {
|
|
if (controller.isLoadingCompanies.value) {
|
|
return const Center(child: CircularProgressIndicator());
|
|
}
|
|
if (controller.companies.isEmpty) {
|
|
return const Center(
|
|
child: Text('لا توجد شركات مسجلة في حسابك.\nيرجى إضافة شركة أولاً.',
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(fontSize: 16)),
|
|
);
|
|
}
|
|
return ListView.separated(
|
|
padding: const EdgeInsets.all(16),
|
|
itemCount: controller.companies.length,
|
|
separatorBuilder: (_, __) => const SizedBox(height: 12),
|
|
itemBuilder: (context, index) {
|
|
final company = controller.companies[index];
|
|
return Card(
|
|
elevation: 2,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12)),
|
|
child: ListTile(
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
horizontal: 16, vertical: 8),
|
|
leading: Container(
|
|
padding: const EdgeInsets.all(10),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFF0F4C81).withValues(alpha: 0.1),
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: const Icon(Icons.business, color: Color(0xFF0F4C81)),
|
|
),
|
|
title: Text(company['name'] ?? '',
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.bold, fontSize: 16)),
|
|
subtitle: Text('الرقم الضريبي: ${company['tax_identification_number'] ?? 'غير محدد'}'),
|
|
trailing: const Icon(Icons.arrow_forward_ios, size: 16),
|
|
onTap: () {
|
|
controller.selectCompany(company['id'], company['name'] ?? '');
|
|
},
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}),
|
|
);
|
|
}
|
|
|
|
Widget _buildScanner(BuildContext context) {
|
|
return Scaffold(
|
|
body: Stack(
|
|
children: [
|
|
// 1. Camera Layer
|
|
CameraAwesomeBuilder.awesome(
|
|
saveConfig: SaveConfig.photo(
|
|
pathBuilder: (sensors) async {
|
|
final path = await controller.getSavePath();
|
|
if (sensors.length == 1) {
|
|
return SingleCaptureRequest(path, sensors.first);
|
|
} else {
|
|
// For multiple sensors, we take the first one for the path
|
|
return MultipleCaptureRequest({
|
|
for (var sensor in sensors) sensor: path,
|
|
});
|
|
}
|
|
},
|
|
),
|
|
onMediaTap: (media) {
|
|
final path = media.captureRequest.when(
|
|
single: (single) => single.file?.path,
|
|
multiple: (multiple) =>
|
|
multiple.fileBySensor.values.first?.path,
|
|
);
|
|
if (path != null) {
|
|
controller.addImage(path);
|
|
}
|
|
},
|
|
onMediaCaptureEvent: (event) {
|
|
if (event.status == MediaCaptureStatus.success) {
|
|
final path = event.captureRequest.when(
|
|
single: (single) => single.file?.path,
|
|
multiple: (multiple) =>
|
|
multiple.fileBySensor.values.first?.path,
|
|
);
|
|
if (path != null) {
|
|
controller.addImage(path);
|
|
}
|
|
}
|
|
},
|
|
topActionsBuilder: (state) => AwesomeTopActions(
|
|
state: state,
|
|
children: [
|
|
AwesomeFlashButton(state: state),
|
|
const SizedBox(width: 16),
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color: Colors.black45,
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: IconButton(
|
|
onPressed: () => controller.pickPdfFile(),
|
|
icon: const Icon(Icons.picture_as_pdf, color: Colors.white),
|
|
tooltip: 'استيراد PDF',
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color: Colors.black45,
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: IconButton(
|
|
onPressed: () => controller.pickFromGallery(),
|
|
icon: const Icon(Icons.photo_library, color: Colors.white),
|
|
tooltip: 'من المعرض',
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color: Colors.black45,
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: IconButton(
|
|
onPressed: () => controller.pickExcelFile(),
|
|
icon: const Icon(Icons.table_chart, color: Colors.white),
|
|
tooltip: 'استيراد Excel',
|
|
),
|
|
),
|
|
const Spacer(),
|
|
TextButton.icon(
|
|
onPressed: () => Get.back(),
|
|
icon: const Icon(Icons.close, color: Colors.white),
|
|
label: const Text('إغلاق',
|
|
style: TextStyle(color: Colors.white)),
|
|
),
|
|
],
|
|
),
|
|
middleContentBuilder: (state) => const Center(
|
|
child: Text(
|
|
'قم بمحاذاة الفاتورة داخل الإطار',
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 16,
|
|
backgroundColor: Colors.black26,
|
|
),
|
|
),
|
|
),
|
|
bottomActionsBuilder: (state) => AwesomeBottomActions(
|
|
state: state,
|
|
left: const SizedBox(),
|
|
right: AwesomeCameraSwitchButton(state: state),
|
|
),
|
|
),
|
|
|
|
// 2. Batch Overlay (Bottom)
|
|
Positioned(
|
|
bottom: 120,
|
|
left: 0,
|
|
right: 0,
|
|
child: Obx(() => controller.capturedImages.isEmpty
|
|
? const SizedBox()
|
|
: Container(
|
|
height: 100,
|
|
padding: const EdgeInsets.symmetric(horizontal: 16),
|
|
child: ListView.builder(
|
|
scrollDirection: Axis.horizontal,
|
|
itemCount: controller.capturedImages.length,
|
|
itemBuilder: (context, index) {
|
|
return Padding(
|
|
padding: const EdgeInsets.only(right: 8.0),
|
|
child: Stack(
|
|
children: [
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(8),
|
|
child: Image.file(
|
|
controller.capturedImages[index],
|
|
width: 80,
|
|
height: 100,
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
Positioned(
|
|
top: 0,
|
|
right: 0,
|
|
child: GestureDetector(
|
|
onTap: () => controller.removeImage(index),
|
|
child: Container(
|
|
decoration: const BoxDecoration(
|
|
color: Colors.red,
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: const Icon(Icons.close,
|
|
size: 16, color: Colors.white),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
),
|
|
)),
|
|
),
|
|
|
|
// 3. Upload Button
|
|
Positioned(
|
|
top: 40,
|
|
left: 20,
|
|
right: 20,
|
|
child: Obx(() => controller.capturedImages.isEmpty
|
|
? const SizedBox()
|
|
: ElevatedButton.icon(
|
|
onPressed: controller.isProcessing.value
|
|
? null
|
|
: () => controller.uploadBatch(),
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: const Color(0xFF0F4C81),
|
|
padding: const EdgeInsets.symmetric(vertical: 16),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(30)),
|
|
),
|
|
icon: controller.isProcessing.value
|
|
? SizedBox(
|
|
width: 20,
|
|
height: 20,
|
|
child: CircularProgressIndicator(
|
|
value: controller.uploadProgress.value > 0
|
|
? controller.uploadProgress.value
|
|
: null,
|
|
color: Colors.white,
|
|
strokeWidth: 2))
|
|
: const Icon(Icons.cloud_upload, color: Colors.white),
|
|
label: Text(
|
|
'رفع ${controller.capturedImages.length} فواتير لـ ${controller.selectedCompanyName.value}',
|
|
style: const TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.white),
|
|
),
|
|
)),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
|
|
}
|