1079 lines
35 KiB
Dart
1079 lines
35 KiB
Dart
import 'dart:io' as html;
|
|
|
|
import 'package:dropdown_search/dropdown_search.dart';
|
|
import 'package:file_picker/file_picker.dart';
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/foundation.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'package:shared_preferences/shared_preferences.dart';
|
|
|
|
import '../../../../core/routing/routes.dart';
|
|
import '../../../../core/services/api_service.dart';
|
|
import '../../../../data/services/auth_service.dart';
|
|
import '../../../../data/utils/Pagination.dart';
|
|
import '../../../../data/utils/validators.dart';
|
|
|
|
import '../../../layouts/main_layout.dart';
|
|
import '../../../layouts/responsive_layout.dart';
|
|
import '../../../providers/manager_provider.dart';
|
|
import '../../../providers/quotation_staff_proivder.dart';
|
|
import '../../../themes/indicators/customizd_file_upload.dart';
|
|
import '../../../themes/indicators/text_field_theme.dart';
|
|
import 'createQuotationPopUp.dart';
|
|
|
|
class QuotationScreen extends ConsumerStatefulWidget {
|
|
const QuotationScreen({super.key});
|
|
@override
|
|
ConsumerState<QuotationScreen> createState() => QuotationScreenState();
|
|
}
|
|
|
|
class QuotationScreenState extends ConsumerState<QuotationScreen> {
|
|
int currentPage = 0;
|
|
int itemsPerPage = 10;
|
|
|
|
bool blockKey = false;
|
|
|
|
List<Map<String, dynamic>> dataVal = [];
|
|
|
|
final TextEditingController _searchController = TextEditingController();
|
|
|
|
late ApiService apiService;
|
|
final _formKey = GlobalKey<FormState>();
|
|
final GlobalKey<DropdownSearchState<Map<String, dynamic>>> dropDownKey =
|
|
GlobalKey<DropdownSearchState<Map<String, dynamic>>>();
|
|
|
|
List<String> tabHeader = [
|
|
'regNum',
|
|
'insurer',
|
|
'mobile',
|
|
'code',
|
|
'address',
|
|
'regNo',
|
|
];
|
|
late String isActive = "1";
|
|
PlatformFile? docUploadedFile;
|
|
|
|
// PlatformFile? passportFile;
|
|
String? selectedFileNames;
|
|
String? passportFileUrlFromApi;
|
|
String? selectedId;
|
|
bool isLoading = false;
|
|
bool isquotation = false;
|
|
|
|
Map<String, TextEditingController> controllers = {};
|
|
String? _token;
|
|
dynamic userId;
|
|
dynamic selectedEnquiryId;
|
|
dynamic managerId;
|
|
dynamic enqQuotation;
|
|
dynamic selectedQuotationFrmListId;
|
|
|
|
Map<String, dynamic>? selectedQuotationFrmListData;
|
|
|
|
List<Map<String, dynamic>> getVehicleTypeData = [];
|
|
List<Map<String, dynamic>> filteredVechicleData = [];
|
|
|
|
List<Map<String, dynamic>> getInsurersData = [];
|
|
List<Map<String, dynamic>> filteredInsurersData = [];
|
|
|
|
Map<String, dynamic> dataDetails() {
|
|
final data = {
|
|
"regNum": controllers["regNum"]?.text,
|
|
"insurer": controllers["insurer"]?.text,
|
|
"mobile": controllers["mobile"]?.text,
|
|
"address": controllers["address"]?.text,
|
|
"agent_code": controllers["code"]?.text,
|
|
"is_active": isActive,
|
|
"manager_id": managerId,
|
|
};
|
|
return data;
|
|
}
|
|
|
|
List<Map<String, dynamic>> getQuotationData = [];
|
|
late Map<String, dynamic> enquiryData;
|
|
List<Map<String, dynamic>> originalData = [];
|
|
List<Map<String, dynamic>> filteredData = [];
|
|
// bool isLoading = false;
|
|
|
|
Future<void> _restoreManagerId(WidgetRef ref) async {
|
|
final prefs = await SharedPreferences.getInstance();
|
|
|
|
final String? savedId = prefs.getString(
|
|
'enqStaffDataId',
|
|
); // already a string
|
|
if (savedId != null) {
|
|
ref.read(quotationStaffIdProvider.notifier).state = savedId;
|
|
print("savedenqStaffDataId ID restored: $savedId");
|
|
|
|
_loadData(savedId);
|
|
}
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
apiService = ApiService();
|
|
|
|
if (kIsWeb) {
|
|
Future.microtask(() => _restoreManagerId(ref));
|
|
}
|
|
|
|
for (String field in tabHeader) {
|
|
controllers[field] = TextEditingController();
|
|
}
|
|
|
|
_initializeToken();
|
|
|
|
Future.microtask(() {
|
|
managerId = ref.read(managerIdProvider); // ✅ use read
|
|
userId = ref.read(userIdProvider); // ✅ use read
|
|
print('QmanagerId - $managerId');
|
|
print('QuserId - $userId');
|
|
enqQuotation = ref.read(quotationStaffIdProvider); // ✅ use read
|
|
print('QenqQuotation - $enqQuotation');
|
|
if (enqQuotation != null) {
|
|
_loadData(enqQuotation);
|
|
}
|
|
});
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
// Dispose all TextEditingControllers
|
|
for (var controller in controllers.values) {
|
|
controller.dispose();
|
|
}
|
|
super.dispose();
|
|
}
|
|
|
|
Future<void> _initializeToken() async {
|
|
_token = await AuthService.getToken();
|
|
print("APISERTOKEN - $_token");
|
|
}
|
|
|
|
void updateEnquiryData(enquiryData) {
|
|
setState(() {
|
|
selectedEnquiryId = enquiryData['id'];
|
|
print('selectedEnquiryId- $selectedEnquiryId');
|
|
controllers["regNum"]?.text = enquiryData['reg_no'];
|
|
// controllers["insurer"]?.text = enquiryData['insurer_name'];
|
|
});
|
|
}
|
|
|
|
Future<void> _loadData(enqQuotation) async {
|
|
getQuotationList(enqQuotation);
|
|
}
|
|
|
|
void refresh() {
|
|
print("refresh--");
|
|
if (enqQuotation != null) {
|
|
_loadData(enqQuotation);
|
|
}
|
|
}
|
|
|
|
Future<void> getQuotationList(enqQuotation) async {
|
|
print('getClaimList called enqQuotation- $enqQuotation');
|
|
setState(() {
|
|
isLoading = true;
|
|
});
|
|
|
|
try {
|
|
final response = await apiService.findEnqQuotePolicyView(enqQuotation);
|
|
|
|
if (response['status'] == 'success') {
|
|
print('quoationListData - ${response['data']}');
|
|
setState(() {
|
|
enquiryData = Map<String, dynamic>.from(response['data']['enquiry']);
|
|
print('enquiryData - ${enquiryData}');
|
|
|
|
updateEnquiryData(enquiryData);
|
|
// getQuotationData = List<Map<String, dynamic>>.from(response['data']);
|
|
getQuotationData = List<Map<String, dynamic>>.from(
|
|
response['data']['quotations'],
|
|
);
|
|
originalData = getQuotationData;
|
|
filteredData = List.from(originalData);
|
|
|
|
blockKey = getQuotationData.any(
|
|
(item) => item['status'] == 'Accepted',
|
|
);
|
|
print('blockKey- $blockKey');
|
|
// print('originalData - $getClaimPolicies');
|
|
});
|
|
} else {
|
|
getQuotationData = [];
|
|
originalData = [];
|
|
}
|
|
} catch (e) {
|
|
print('Exception occurred: $e');
|
|
} finally {
|
|
setState(() {
|
|
isLoading = false;
|
|
});
|
|
}
|
|
}
|
|
|
|
Color _getStatusColor(String? status) {
|
|
switch (status) {
|
|
case 'Pending':
|
|
return Colors.yellow;
|
|
case 'Accepted':
|
|
return Colors.green;
|
|
case 'Rejected':
|
|
return Colors.red;
|
|
default:
|
|
return Colors.grey;
|
|
}
|
|
}
|
|
|
|
void handleEdit(id, data) {
|
|
print("sfd - $id");
|
|
print("sfdewe - $data");
|
|
setState(() {
|
|
selectedQuotationFrmListId = id;
|
|
selectedQuotationFrmListData = data;
|
|
// data = data;
|
|
});
|
|
showDialog(
|
|
context: context,
|
|
builder: (ctx) => createQuotatDialog(
|
|
userId: userId,
|
|
selectedQuotationFrmListdata: selectedQuotationFrmListData!,
|
|
selectedQuotationFrmListId: selectedQuotationFrmListId!,
|
|
managerId: managerId,
|
|
selectedEnquiryId: selectedEnquiryId,
|
|
onSubmit: (value) {
|
|
debugPrint("New Endorsement: $value");
|
|
// enrollKey.currentState?.getEndrosmentList(selectedPolicyNumber);
|
|
|
|
print(value);
|
|
if (value == 'Success') {
|
|
print('Success');
|
|
refresh();
|
|
}
|
|
|
|
// Update claim list or call API
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final isMobile = ResponsiveLayout.isMobile(context);
|
|
|
|
// final enqQuotation = ref.watch(quotationStaffIdProvider);
|
|
//
|
|
// if (enqQuotation != null && getQuotationData.isEmpty && !isLoading) {
|
|
// // trigger load only once for this value
|
|
// Future.microtask(() => _loadData(enqQuotation));
|
|
// }
|
|
|
|
// ref.listen<String?>(quotationStaffIdProvider, (prev, next) {
|
|
// if (prev != next && next != null) {
|
|
// _loadData(next); // use the new value, not the old enqQuotation
|
|
// }
|
|
// });
|
|
|
|
return MainLayout(
|
|
title: 'quotation',
|
|
body: SelectionArea(
|
|
child:Container(
|
|
height: MediaQuery.of(context).size.height,
|
|
width: MediaQuery.of(context).size.width,
|
|
child: SingleChildScrollView(
|
|
scrollDirection: Axis.vertical,
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
height: 30,
|
|
width: MediaQuery.of(context).size.width,
|
|
child: GestureDetector(
|
|
onTap: () {
|
|
context.go(AppRoutes.enquiryForStaff);
|
|
},
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
Tooltip(
|
|
message: 'Back',
|
|
child: IconButton(
|
|
icon: const Icon(
|
|
Icons.arrow_left_sharp,
|
|
size: 20,
|
|
color: Color(0xFF425B5B),
|
|
),
|
|
onPressed: () {
|
|
context.go(AppRoutes.enquiryForStaff);
|
|
},
|
|
splashRadius: 9,
|
|
hoverColor: Colors.black12,
|
|
padding: const EdgeInsets.all(4),
|
|
constraints: const BoxConstraints(),
|
|
),
|
|
),
|
|
const SizedBox(width: 5), // spacing between icon and text
|
|
Text(
|
|
"Quotation",
|
|
style: GoogleFonts.inter(
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
|
|
SizedBox(height: 10),
|
|
|
|
//1ST SECTION
|
|
if (isMobile) ...[
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFFEDF6F5),
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
padding: const EdgeInsets.all(20),
|
|
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Enquiry Details",
|
|
style: GoogleFonts.inter(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
),
|
|
SizedBox(height: 15),
|
|
registerNumber(context),
|
|
// SizedBox(height: 16),
|
|
// insurer(context),
|
|
SizedBox(height: 16),
|
|
|
|
buildDocRC(context, isMobile),
|
|
SizedBox(height: 16),
|
|
buildDocIdProof(context, isMobile),
|
|
SizedBox(height: 16),
|
|
buildDocPrevPolicy(context, isMobile),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
|
|
if (!isMobile) ...[
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFFEDF6F5),
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
padding: const EdgeInsets.all(20),
|
|
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Enquiry Details",
|
|
style: GoogleFonts.inter(
|
|
fontSize: isMobile ? 14 : 16,
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
),
|
|
SizedBox(height: 15),
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
registerNumber(context),
|
|
SizedBox(width: 10),
|
|
// insurer(context),
|
|
// Spacer(),
|
|
buildDocRC(context, isMobile),
|
|
SizedBox(width: 10),
|
|
buildDocIdProof(context, isMobile),
|
|
SizedBox(width: 10),
|
|
buildDocPrevPolicy(context, isMobile),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
const SizedBox(height: 20),
|
|
|
|
if (!blockKey) ...[
|
|
Container(
|
|
padding: EdgeInsets.only(right: 10),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: [
|
|
GestureDetector(
|
|
onTap: () {
|
|
// print('Export');
|
|
setState(() {
|
|
selectedQuotationFrmListId = null;
|
|
selectedQuotationFrmListData = null;
|
|
});
|
|
|
|
showDialog(
|
|
context: context,
|
|
builder: (ctx) => createQuotatDialog(
|
|
userId: userId,
|
|
selectedQuotationFrmListdata:
|
|
selectedQuotationFrmListData,
|
|
selectedQuotationFrmListId:
|
|
selectedQuotationFrmListId,
|
|
managerId: managerId,
|
|
selectedEnquiryId: selectedEnquiryId,
|
|
onSubmit: (value) {
|
|
debugPrint("New Endorsement: $value");
|
|
// enrollKey.currentState?.getEndrosmentList(selectedPolicyNumber);
|
|
|
|
print(value);
|
|
if (value == 'Success') {
|
|
print('Success');
|
|
refresh();
|
|
}
|
|
|
|
// Update claim list or call API
|
|
},
|
|
),
|
|
);
|
|
},
|
|
child: Container(
|
|
padding: EdgeInsets.all(8.0),
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFF425B5B),
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Icon(Icons.add, color: Colors.white),
|
|
SizedBox(width: 10),
|
|
Text(
|
|
'Create New Quotation',
|
|
style: GoogleFonts.inter(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w500,
|
|
fontSize: 13,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
const SizedBox(height: 20),
|
|
],
|
|
|
|
//3RD SECTION (TABLE)
|
|
Container(
|
|
// color: Colors.green,
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFFEDF6F5),
|
|
borderRadius: BorderRadius.circular(10.0),
|
|
),
|
|
width: MediaQuery.of(context).size.width,
|
|
// height: MediaQuery.of(context).size.height * 0.8,
|
|
padding: EdgeInsets.all(16.0),
|
|
child: Column(
|
|
children: [
|
|
// Text('datta')
|
|
_buildDataTable(context),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),),
|
|
);
|
|
}
|
|
|
|
Widget _downloadButton(String label) {
|
|
final isMobile = ResponsiveLayout.isMobile(context);
|
|
return GestureDetector(
|
|
onTap: () => apiService.downloadFile(
|
|
apiUrl: 'quotation/downloadAdditionalUploadedFile?id=$selectedId',
|
|
apiId: selectedId,
|
|
localFile: docUploadedFile,
|
|
fileName: selectedFileNames,
|
|
),
|
|
|
|
child: Container(
|
|
width: isMobile ? null : MediaQuery.of(context).size.width * 0.15,
|
|
padding: const EdgeInsets.all(10),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(5),
|
|
color: const Color(0xFF425B5B),
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
label,
|
|
style: GoogleFonts.inter(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w500,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
|
|
// const SizedBox(width: 5),
|
|
const Icon(Icons.download, size: 13, color: Colors.white),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget buildDocRC(BuildContext context, bool isMobile) {
|
|
return GestureDetector(
|
|
onTap: () {
|
|
// print("Upload $idget.id}{w");
|
|
final selectedId = selectedEnquiryId;
|
|
// final path =
|
|
// 'agent/downloadAgentIncentiveFile?id=$selectedId';
|
|
final path =
|
|
'enquiry/downloadEnquiryFile?enquiry_id=$selectedId&file_type=rc';
|
|
apiService.getPdfDownload(path, selectedId);
|
|
},
|
|
child: Container(
|
|
padding: const EdgeInsets.all(8),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(5),
|
|
color: const Color(0xFF425B5B),
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
"Download RC",
|
|
style: GoogleFonts.inter(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w500,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
?isMobile ? null : SizedBox(width: 15),
|
|
// isMobile ? const Spacer() : const SizedBox(width: 15),
|
|
const Icon(
|
|
Icons.file_download_outlined,
|
|
size: 16,
|
|
color: Colors.white,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget buildDocIdProof(BuildContext context, bool isMobile) {
|
|
return GestureDetector(
|
|
onTap: () {
|
|
print("Upload $selectedEnquiryId");
|
|
final selectedId = selectedEnquiryId;
|
|
// final path =
|
|
// 'agent/downloadAgentIncentiveFile?id=$selectedId';
|
|
final path =
|
|
'enquiry/downloadEnquiryFile?enquiry_id=$selectedId&file_type=id_proof';
|
|
apiService.getPdfDownload(path, selectedId);
|
|
},
|
|
child: Container(
|
|
padding: const EdgeInsets.all(8),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(5),
|
|
color: const Color(0xFF425B5B),
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
"Download ID Proof",
|
|
style: GoogleFonts.inter(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w500,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
?isMobile ? null : SizedBox(width: 15),
|
|
// const SizedBox(width: 15),
|
|
Icon(Icons.file_download_outlined, size: 16, color: Colors.white),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget buildDocPrevPolicy(BuildContext context, bool isMobile) {
|
|
return GestureDetector(
|
|
onTap: () {
|
|
print("QD597 Upload $selectedEnquiryId");
|
|
final selectedId = selectedEnquiryId;
|
|
// final path =
|
|
// 'agent/downloadAgentIncentiveFile?id=$selectedId';
|
|
final path =
|
|
'enquiry/downloadEnquiryFile?enquiry_id=$selectedId&file_type=previous_policy';
|
|
apiService.getPdfDownload(path, selectedId);
|
|
},
|
|
child: Container(
|
|
padding: const EdgeInsets.all(8),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(5),
|
|
color: const Color(0xFF425B5B),
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
"Download Previous Policy",
|
|
style: GoogleFonts.inter(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w500,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
?isMobile ? null : SizedBox(width: 15),
|
|
// isMobile ? const Spacer() : const SizedBox(width: 15),
|
|
Icon(Icons.file_download_outlined, size: 16, color: Colors.white),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget registerNumber(BuildContext context) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text('Vehicle Number', style: _textStyle),
|
|
SizedBox(height: 10),
|
|
ThemedFormField(
|
|
controller: controllers['regNum']!,
|
|
readOnly: true,
|
|
txtwidth: ResponsiveLayout.isMobile(context)
|
|
? null
|
|
: MediaQuery.of(context).size.width * 0.2,
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget insurer(BuildContext context) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text('Insurer', style: _textStyle),
|
|
SizedBox(height: 10),
|
|
ThemedFormField(
|
|
controller: controllers['insurer']!,
|
|
readOnly: true,
|
|
txtwidth: ResponsiveLayout.isMobile(context)
|
|
? null
|
|
: MediaQuery.of(context).size.width * 0.2,
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget buildResponsiveField({required String label, required Widget field}) {
|
|
final isMobile = ResponsiveLayout.isMobile(context);
|
|
|
|
if (isMobile) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(label, style: _textStyle),
|
|
const SizedBox(height: 8),
|
|
field,
|
|
const SizedBox(height: 16),
|
|
],
|
|
);
|
|
} else {
|
|
return Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Expanded(child: Text(label, style: _textStyle)),
|
|
const SizedBox(width: 10),
|
|
field,
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
Widget buildId(BuildContext context) {
|
|
return buildResponsiveField(
|
|
label: "Vehicle Number *",
|
|
field: ThemedFormField(
|
|
controller: controllers['regNo']!,
|
|
validator: (value) => Validators.requiredField(value, "regNo"),
|
|
txtwidth: ResponsiveLayout.isMobile(context)
|
|
? null
|
|
: MediaQuery.of(context).size.width * 0.26,
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildDataTable(BuildContext context) {
|
|
if (filteredData.isEmpty) {
|
|
return const SizedBox(
|
|
height: 50,
|
|
child: Center(child: Text('No available data')),
|
|
);
|
|
}
|
|
|
|
final sortedData = [...filteredData]
|
|
..sort((a, b) => int.parse(b['id']) - int.parse(a['id']));
|
|
|
|
return SingleChildScrollView(
|
|
child: Column(
|
|
children: [
|
|
ListView.builder(
|
|
shrinkWrap: true,
|
|
physics: NeverScrollableScrollPhysics(),
|
|
itemCount: ResponsiveLayout.isMobile(context)
|
|
? sortedData
|
|
.length // only cards for mobile
|
|
: sortedData.length + 1, // +1 for header in desktop
|
|
itemBuilder: (context, index) {
|
|
if (!ResponsiveLayout.isMobile(context) && index == 0) {
|
|
return _buildHeader();
|
|
}
|
|
|
|
final startIndex = (currentPage - 1) * itemsPerPage;
|
|
final item =
|
|
sortedData[index -
|
|
(ResponsiveLayout.isMobile(context) ? 0 : 1)];
|
|
final sno = startIndex + index;
|
|
|
|
return !ResponsiveLayout.isMobile(context)
|
|
? _buildDataRow(item, sno)
|
|
: _buildDataCard(item, sno);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildHeader() {
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFFEDF6F5),
|
|
borderRadius: BorderRadius.circular(6),
|
|
),
|
|
padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 16),
|
|
child: Row(
|
|
children: [
|
|
// Expanded(flex: 3, child: Text(' ', style: _headerStyle)),
|
|
Expanded(flex: 2, child: Text('Vehicle Number', style: _headerStyle)),
|
|
Expanded(flex: 4, child: Text('Insurer', style: _headerStyle)),
|
|
Expanded(flex: 2, child: Text('IDV', style: _headerStyle)),
|
|
Expanded(flex: 2, child: Text('Plan Type', style: _headerStyle)),
|
|
Expanded(flex: 2, child: Text('Premium Amount', style: _headerStyle)),
|
|
Expanded(flex: 2, child: Text('Status', style: _headerStyle)),
|
|
Expanded(flex: 1, child: Text('', style: _headerStyle)),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildDataRow(Map<String, dynamic> item, sno) {
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(vertical: 6, horizontal: 16),
|
|
margin: const EdgeInsets.only(top: 10),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
// color: Color(0xFFE0F7F9),
|
|
border: const Border(
|
|
bottom: BorderSide(color: Color(0xFFEAEAEA), width: 1),
|
|
),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
flex: 2,
|
|
child: Text(item['reg_no'] ?? '-', style: _dataBold),
|
|
),
|
|
Expanded(
|
|
flex: 4,
|
|
child: Text(item['insurer_name'] ?? '-', style: _dataBold),
|
|
),
|
|
Expanded(
|
|
flex: 2,
|
|
child: Text(
|
|
item['insured_declared_value'] ?? '-',
|
|
style: _dataBold,
|
|
),
|
|
),
|
|
Expanded(
|
|
flex: 2,
|
|
child: Text(item['insurance_plan_type'] ?? '-', style: _dataBold),
|
|
),
|
|
Expanded(
|
|
flex: 2,
|
|
child: Text(item['premium_amount'] ?? '-', style: _dataBold),
|
|
),
|
|
|
|
Expanded(
|
|
flex: 2,
|
|
child: Text(
|
|
item['status'] ?? '-',
|
|
style: GoogleFonts.inter(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w400,
|
|
color: _getStatusColor(item['status']),
|
|
),
|
|
),
|
|
),
|
|
|
|
Expanded(
|
|
flex: 1,
|
|
child: item['status'] == 'Pending'
|
|
// ? GestureDetector(
|
|
// onTap: () {
|
|
// final id = item['id'];
|
|
// print('RAV - $id');
|
|
// handleEdit(id, item);
|
|
// },
|
|
// child: Image.asset(
|
|
// "assets/miscellaneous/Edit.png",
|
|
// height: 15,
|
|
// width: 15,
|
|
// ),
|
|
// )
|
|
? Tooltip(
|
|
message: 'Edit',
|
|
child: IconButton(
|
|
icon: Image.asset(
|
|
"assets/miscellaneous/Edit.png",
|
|
height: 15,
|
|
width: 15,
|
|
),
|
|
onPressed: () {
|
|
final id = item['id'];
|
|
print('RAV - $id');
|
|
handleEdit(id, item);
|
|
},
|
|
splashRadius: 20,
|
|
hoverColor: Colors.black12,
|
|
padding: const EdgeInsets.all(8),
|
|
constraints: const BoxConstraints(),
|
|
),
|
|
)
|
|
: Image.asset(
|
|
"assets/miscellaneous/Edit_muted.png",
|
|
height: 15,
|
|
width: 15,
|
|
),
|
|
// child: GestureDetector(
|
|
// onTap: () {
|
|
// final id = item['id'];
|
|
// print('RAV - $id');
|
|
// handleEdit(id, item);
|
|
// },
|
|
// child: item['status'] == 'Pending'
|
|
// ? Image.asset(
|
|
// "assets/miscellaneous/Edit.png",
|
|
// height: 15,
|
|
// width: 15,
|
|
// )
|
|
// : Image.asset(
|
|
// "assets/miscellaneous/Edit_muted.png",
|
|
// height: 15,
|
|
// width: 15,
|
|
// ),
|
|
// ),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildDataCard(Map<String, dynamic> item, int sno) {
|
|
return Container(
|
|
// margin: const EdgeInsets.symmetric(vertical: 6, horizontal: 8),
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFFFFFFFF),
|
|
// color: const Color(0xFFF6FEFD),
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
border: Border.all(color: const Color(0xffD9EBE8)),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
// "TN64V3456",
|
|
item['reg_no'] ?? '-',
|
|
style: _cardheaderStyle,
|
|
),
|
|
item['status'] == 'Pending'
|
|
// ? GestureDetector(
|
|
// onTap: () {
|
|
// final id = item['id'];
|
|
// print('RAV - $id');
|
|
// handleEdit(id, item);
|
|
// },
|
|
// child: Image.asset(
|
|
// "assets/miscellaneous/Edit.png",
|
|
// height: 15,
|
|
// width: 15,
|
|
// ),
|
|
// )
|
|
? Tooltip(
|
|
message: 'Edit',
|
|
child: IconButton(
|
|
icon: Image.asset(
|
|
"assets/miscellaneous/Edit.png",
|
|
height: 15,
|
|
width: 15,
|
|
),
|
|
onPressed: () {
|
|
final id = item['id'];
|
|
print('RAV - $id');
|
|
handleEdit(id, item);
|
|
},
|
|
splashRadius: 28,
|
|
hoverColor: Colors.black12,
|
|
padding: const EdgeInsets.all(8),
|
|
constraints: const BoxConstraints(),
|
|
),
|
|
)
|
|
: Image.asset(
|
|
"assets/miscellaneous/Edit_muted.png",
|
|
height: 15,
|
|
width: 15,
|
|
),
|
|
],
|
|
),
|
|
Row(
|
|
// mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Expanded(
|
|
// flex: 2,
|
|
child: Text(
|
|
item['insurer_name'] ?? '-',
|
|
style: _cardRow1BodyStyle,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
item['insurance_plan_type'] ?? '-',
|
|
style: _cardRow1BodyStyle,
|
|
),
|
|
|
|
Text(
|
|
'IDV: ${item['insured_declared_value']}' ?? '-',
|
|
style: _cardRow2BodyStyle,
|
|
),
|
|
],
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
RichText(
|
|
text: TextSpan(
|
|
children: [
|
|
TextSpan(
|
|
text: 'Status : ', // key
|
|
style: GoogleFonts.inter(
|
|
color: Colors.black,
|
|
fontWeight: FontWeight.w600,
|
|
fontSize: 11,
|
|
), // key color
|
|
),
|
|
TextSpan(
|
|
text: '${item['status'] ?? '-'}', // value
|
|
style: GoogleFonts.inter(
|
|
color: _getStatusColor(item['status']),
|
|
fontWeight: FontWeight.w600,
|
|
fontSize: 11,
|
|
), // value color
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
Text(
|
|
'${item['premium_amount']}' ?? '-',
|
|
style: _cardheaderStyle,
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
static final _dataBold = GoogleFonts.inter(
|
|
fontSize: 14,
|
|
|
|
fontWeight: FontWeight.w400,
|
|
color: Color(0xFF000000),
|
|
);
|
|
|
|
static final _dataSub = GoogleFonts.inter(
|
|
fontSize: 10,
|
|
fontWeight: FontWeight.w300,
|
|
color: Color(0xFF585757),
|
|
);
|
|
|
|
static final _headerStyle = GoogleFonts.inter(
|
|
color: Colors.black,
|
|
fontWeight: FontWeight.bold,
|
|
);
|
|
|
|
static final _textStyle = GoogleFonts.inter(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w600,
|
|
);
|
|
|
|
static final _cardheaderStyle = GoogleFonts.inter(
|
|
color: Colors.black,
|
|
fontWeight: FontWeight.w600,
|
|
fontSize: 12,
|
|
);
|
|
|
|
static final _cardBodyStyle = GoogleFonts.inter(
|
|
color: Color(0xFF545454),
|
|
fontWeight: FontWeight.w400,
|
|
fontSize: 12,
|
|
);
|
|
|
|
static final _cardRow1BodyStyle = GoogleFonts.inter(
|
|
// color: Color(0xFF545454),
|
|
color: Colors.black,
|
|
fontWeight: FontWeight.w500,
|
|
fontSize: 12,
|
|
);
|
|
static final _cardRow2BodyStyle = GoogleFonts.inter(
|
|
color: const Color(0xFF545454),
|
|
// color: Colors.black,
|
|
fontWeight: FontWeight.w500,
|
|
fontSize: 12,
|
|
);
|
|
}
|