Initial commit of Doormile CRM Mobile with UI modernizations
This commit is contained in:
843
lib/screens/surveys_list_screen.dart
Normal file
843
lib/screens/surveys_list_screen.dart
Normal file
@@ -0,0 +1,843 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import '../services/crm_api_service.dart';
|
||||
import '../theme/app_theme.dart';
|
||||
import '../utils/snackbar_utils.dart';
|
||||
|
||||
class SurveysListScreen extends StatefulWidget {
|
||||
final List<dynamic> surveys;
|
||||
final VoidCallback onDataChanged;
|
||||
final bool isActive;
|
||||
|
||||
const SurveysListScreen({
|
||||
super.key,
|
||||
required this.surveys,
|
||||
required this.onDataChanged,
|
||||
this.isActive = false,
|
||||
});
|
||||
|
||||
@override
|
||||
State<SurveysListScreen> createState() => _SurveysListScreenState();
|
||||
}
|
||||
|
||||
class _SurveysListScreenState extends State<SurveysListScreen> {
|
||||
final CrmApiService _api = CrmApiService();
|
||||
bool _isSaving = false;
|
||||
|
||||
void _deleteSurvey(String id) async {
|
||||
final confirm = await showDialog<bool>(
|
||||
context: context,
|
||||
builder: (ctx) => Dialog(
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(24),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.all(16),
|
||||
decoration: BoxDecoration(color: AppColors.primary.withValues(alpha: 0.1), shape: BoxShape.circle),
|
||||
child: const Icon(Icons.warning_amber_rounded, color: AppColors.primary, size: 32),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
const Text('Delete Survey?', style: TextStyle(fontSize: 20, fontWeight: FontWeight.w800, color: AppColors.darkBlue)),
|
||||
const SizedBox(height: 8),
|
||||
const Text('This action cannot be undone. Are you sure you want to delete this record?', textAlign: TextAlign.center, style: TextStyle(fontSize: 14, color: AppColors.textSecondary)),
|
||||
const SizedBox(height: 24),
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: TextButton(
|
||||
onPressed: () => Navigator.pop(ctx, false),
|
||||
style: TextButton.styleFrom(padding: const EdgeInsets.symmetric(vertical: 16), shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12))),
|
||||
child: const Text('Cancel', style: TextStyle(color: AppColors.textSecondary, fontWeight: FontWeight.w700)),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Expanded(
|
||||
child: ElevatedButton(
|
||||
onPressed: () => Navigator.pop(ctx, true),
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: AppColors.primary,
|
||||
elevation: 0,
|
||||
padding: const EdgeInsets.symmetric(vertical: 16),
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
||||
),
|
||||
child: const Text('Delete', style: TextStyle(color: Colors.white, fontWeight: FontWeight.w700)),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
if (confirm != true) return;
|
||||
|
||||
setState(() => _isSaving = true);
|
||||
final success = await _api.deleteSurvey(id);
|
||||
setState(() => _isSaving = false);
|
||||
|
||||
if (success) {
|
||||
widget.onDataChanged();
|
||||
if (mounted) {
|
||||
SnackbarUtils.showSuccess(context, 'Survey deleted successfully.');
|
||||
Navigator.pop(context); // Optional: close screen or refresh
|
||||
}
|
||||
} else {
|
||||
if (mounted) {
|
||||
SnackbarUtils.showError(context, 'Failed to delete survey.');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
void _showEditSurveyDialog(Map<String, dynamic> survey) {
|
||||
_showSurveyFormDialog(survey: survey);
|
||||
}
|
||||
|
||||
void _showAddSurveyDialog() {
|
||||
_showSurveyFormDialog();
|
||||
}
|
||||
|
||||
void _showSurveyFormDialog({Map<String, dynamic>? survey}) {
|
||||
final isEditing = survey != null;
|
||||
final companyCtrl = TextEditingController(text: survey?['company']?.toString() ?? '');
|
||||
final areaCtrl = TextEditingController(text: survey?['area']?.toString() ?? '');
|
||||
final phoneCtrl = TextEditingController(text: survey?['phone']?.toString() ?? '');
|
||||
final rateCtrl = TextEditingController(text: survey?['rate_per_kg']?.toString() ?? '');
|
||||
final addressCtrl = TextEditingController(text: survey?['address']?.toString() ?? '');
|
||||
final id = survey?['id']?.toString() ?? '';
|
||||
|
||||
showDialog(
|
||||
context: context,
|
||||
barrierDismissible: false,
|
||||
builder: (ctx) {
|
||||
return Dialog(
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(24)),
|
||||
child: SingleChildScrollView(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
// Header
|
||||
Container(
|
||||
padding: const EdgeInsets.fromLTRB(24, 24, 24, 20),
|
||||
decoration: const BoxDecoration(
|
||||
color: AppColors.blueLight,
|
||||
borderRadius: BorderRadius.vertical(top: Radius.circular(24)),
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.all(10),
|
||||
decoration: const BoxDecoration(color: Colors.white, shape: BoxShape.circle),
|
||||
child: Icon(isEditing ? Icons.edit_outlined : Icons.add_circle_outline, color: AppColors.primary, size: 24),
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(isEditing ? 'Edit Survey' : 'Add Competitor Survey', style: const TextStyle(fontWeight: FontWeight.w800, color: AppColors.darkBlue, fontSize: 18)),
|
||||
const SizedBox(height: 2),
|
||||
Text(isEditing ? 'Update competitor details' : 'Log a new provider survey', style: const TextStyle(fontSize: 12, color: AppColors.textSecondary)),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
// Form Fields
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(24),
|
||||
child: Column(
|
||||
children: [
|
||||
_buildModernTextField(
|
||||
controller: companyCtrl,
|
||||
label: 'Company / Provider',
|
||||
hint: 'e.g. DTDC, Delhivery',
|
||||
icon: Icons.storefront_outlined,
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
_buildModernTextField(
|
||||
controller: areaCtrl,
|
||||
label: 'Area / Zone',
|
||||
hint: 'e.g. SOUTH ZONE',
|
||||
icon: Icons.place_outlined,
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: _buildModernTextField(
|
||||
controller: phoneCtrl,
|
||||
label: 'Contact Number',
|
||||
hint: 'Optional',
|
||||
icon: Icons.phone_outlined,
|
||||
keyboardType: TextInputType.phone,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
Expanded(
|
||||
child: _buildModernTextField(
|
||||
controller: rateCtrl,
|
||||
label: 'Rate / KG',
|
||||
hint: '0.00',
|
||||
icon: Icons.currency_rupee,
|
||||
keyboardType: TextInputType.number,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
_buildModernTextField(
|
||||
controller: addressCtrl,
|
||||
label: 'Full Address',
|
||||
hint: 'Optional physical address',
|
||||
icon: Icons.map_outlined,
|
||||
maxLines: 2,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
// Actions
|
||||
Container(
|
||||
padding: const EdgeInsets.fromLTRB(24, 0, 24, 24),
|
||||
child: Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: TextButton(
|
||||
onPressed: () => Navigator.pop(ctx),
|
||||
style: TextButton.styleFrom(
|
||||
padding: const EdgeInsets.symmetric(vertical: 16),
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
||||
),
|
||||
child: const Text('Cancel', style: TextStyle(color: AppColors.textSecondary, fontWeight: FontWeight.w700)),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Expanded(
|
||||
child: ElevatedButton(
|
||||
onPressed: () async {
|
||||
if (companyCtrl.text.isEmpty || areaCtrl.text.isEmpty) {
|
||||
SnackbarUtils.showError(ctx, 'Company and Area are required');
|
||||
return;
|
||||
}
|
||||
|
||||
setState(() => _isSaving = true);
|
||||
Navigator.pop(ctx);
|
||||
|
||||
final payload = {
|
||||
'company': companyCtrl.text,
|
||||
'area': areaCtrl.text,
|
||||
'phone': phoneCtrl.text,
|
||||
'rate_per_kg': rateCtrl.text,
|
||||
'address': addressCtrl.text,
|
||||
'offers_pickup': survey?['offers_pickup'] ?? 'no',
|
||||
'offers_drop': survey?['offers_drop'] ?? 'no',
|
||||
'packing_charge': survey?['packing_charge'] ?? '',
|
||||
'time_in_days': survey?['time_in_days'] ?? '',
|
||||
'plus_code': survey?['plus_code'] ?? '',
|
||||
'frequency': survey?['frequency'] ?? 'Daily',
|
||||
'pincodes': survey?['pincodes'] ?? '',
|
||||
};
|
||||
|
||||
final success = isEditing
|
||||
? await _api.updateSurvey(id, payload)
|
||||
: await _api.createSurvey(payload);
|
||||
|
||||
setState(() => _isSaving = false);
|
||||
|
||||
if (success) {
|
||||
widget.onDataChanged();
|
||||
if (mounted) {
|
||||
SnackbarUtils.showSuccess(context, isEditing ? 'Survey updated!' : 'Survey added!');
|
||||
}
|
||||
} else {
|
||||
if (mounted) {
|
||||
SnackbarUtils.showError(context, isEditing ? 'Update failed.' : 'Failed to add survey.');
|
||||
}
|
||||
}
|
||||
},
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: AppColors.primary,
|
||||
elevation: 0,
|
||||
padding: const EdgeInsets.symmetric(vertical: 16),
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
||||
),
|
||||
child: Text(isEditing ? 'Save Changes' : 'Add Survey', style: const TextStyle(color: Colors.white, fontWeight: FontWeight.w700)),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildModernTextField({
|
||||
required TextEditingController controller,
|
||||
required String label,
|
||||
required String hint,
|
||||
required IconData icon,
|
||||
TextInputType keyboardType = TextInputType.text,
|
||||
int maxLines = 1,
|
||||
}) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
label,
|
||||
style: const TextStyle(fontSize: 11, fontWeight: FontWeight.w800, color: AppColors.darkBlue, letterSpacing: 0.5),
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
TextField(
|
||||
controller: controller,
|
||||
keyboardType: keyboardType,
|
||||
maxLines: maxLines,
|
||||
style: const TextStyle(fontWeight: FontWeight.w600, color: AppColors.darkBlue, fontSize: 14),
|
||||
decoration: InputDecoration(
|
||||
hintText: hint,
|
||||
hintStyle: TextStyle(color: AppColors.textSecondary.withValues(alpha: 0.5)),
|
||||
prefixIcon: maxLines == 1 ? Icon(icon, size: 18, color: AppColors.textSecondary) : null,
|
||||
filled: true,
|
||||
fillColor: const Color(0xFFF8F9FA),
|
||||
contentPadding: EdgeInsets.symmetric(horizontal: 16, vertical: maxLines == 1 ? 16 : 12),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: BorderSide.none,
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: BorderSide(color: Colors.grey.shade200),
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: const BorderSide(color: AppColors.primary),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildStatCard(String label, String value, IconData icon) {
|
||||
return Container(
|
||||
padding: const EdgeInsets.all(12),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
border: Border.all(color: Colors.grey.shade200),
|
||||
boxShadow: [
|
||||
BoxShadow(color: Colors.black.withValues(alpha: 0.02), blurRadius: 4, offset: const Offset(0, 2)),
|
||||
],
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Icon(icon, size: 16, color: AppColors.primary),
|
||||
const SizedBox(height: 8),
|
||||
Text(value, style: const TextStyle(fontSize: 20, fontWeight: FontWeight.w800, color: AppColors.darkBlue)),
|
||||
const SizedBox(height: 2),
|
||||
Text(label, style: const TextStyle(fontSize: 11, fontWeight: FontWeight.w600, color: AppColors.textSecondary)),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// Group surveys by company
|
||||
Map<String, List<dynamic>> get groupedSurveys {
|
||||
final Map<String, List<dynamic>> map = {};
|
||||
for (var s in widget.surveys) {
|
||||
final company = s['company']?.toString().trim();
|
||||
final key = (company == null || company.isEmpty) ? 'Unknown' : company;
|
||||
if (!map.containsKey(key)) {
|
||||
map[key] = [];
|
||||
}
|
||||
map[key]!.add(s);
|
||||
}
|
||||
return map;
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final groups = groupedSurveys;
|
||||
final companies = groups.keys.toList()..sort();
|
||||
|
||||
return Scaffold(
|
||||
backgroundColor: AppColors.scaffold,
|
||||
appBar: AppBar(
|
||||
title: const Text('Competitor Intelligence', style: TextStyle(color: AppColors.darkBlue, fontWeight: FontWeight.w800)),
|
||||
backgroundColor: Colors.white,
|
||||
iconTheme: const IconThemeData(color: AppColors.darkBlue),
|
||||
elevation: 0,
|
||||
),
|
||||
floatingActionButton: FloatingActionButton.extended(
|
||||
onPressed: _isSaving ? null : _showAddSurveyDialog,
|
||||
backgroundColor: AppColors.primary,
|
||||
icon: const Icon(Icons.add, color: Colors.white),
|
||||
label: const Text('Add Provider', style: TextStyle(color: Colors.white, fontWeight: FontWeight.w700)),
|
||||
),
|
||||
body: _isSaving
|
||||
? const Center(child: CircularProgressIndicator())
|
||||
: widget.surveys.isEmpty
|
||||
? const Center(child: Text('No surveys available.', style: TextStyle(color: AppColors.textSecondary)))
|
||||
: CustomScrollView(
|
||||
slivers: [
|
||||
SliverToBoxAdapter(
|
||||
child: Container(
|
||||
margin: const EdgeInsets.fromLTRB(16, 16, 16, 4),
|
||||
padding: const EdgeInsets.all(20),
|
||||
decoration: BoxDecoration(
|
||||
gradient: const LinearGradient(
|
||||
colors: [AppColors.blueLight, Colors.white],
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
border: Border.all(color: AppColors.primary.withValues(alpha: 0.1)),
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.all(10),
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.primary.withValues(alpha: 0.1),
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
child: const Icon(Icons.radar_outlined, color: AppColors.primary, size: 24),
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
const Text('Market Overview', style: TextStyle(fontWeight: FontWeight.w800, fontSize: 18, color: AppColors.darkBlue)),
|
||||
const SizedBox(height: 2),
|
||||
Text('Tracking ${widget.surveys.length} surveys across ${companies.length} providers', style: const TextStyle(fontSize: 13, color: AppColors.textSecondary)),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: _buildStatCard('Active Providers', companies.length.toString(), Icons.storefront),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Expanded(
|
||||
child: _buildStatCard('Total Branches', widget.surveys.length.toString(), Icons.location_on_outlined),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
SliverPadding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
sliver: SliverList(
|
||||
delegate: SliverChildBuilderDelegate(
|
||||
(context, index) {
|
||||
final company = companies[index];
|
||||
final locations = groups[company] ?? [];
|
||||
final initial = company.isNotEmpty ? company.substring(0, 1).toUpperCase() : 'U';
|
||||
|
||||
return Card(
|
||||
margin: const EdgeInsets.only(bottom: 16),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
side: BorderSide(color: Colors.grey.shade200, width: 1),
|
||||
),
|
||||
elevation: 0,
|
||||
color: Colors.white,
|
||||
child: ExpansionTile(
|
||||
shape: const Border(),
|
||||
tilePadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
||||
leading: Container(
|
||||
width: 48,
|
||||
height: 48,
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.primary.withValues(alpha: 0.1),
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
),
|
||||
alignment: Alignment.center,
|
||||
child: Text(
|
||||
initial,
|
||||
style: const TextStyle(color: AppColors.primary, fontSize: 20, fontWeight: FontWeight.w800),
|
||||
),
|
||||
),
|
||||
title: Text(
|
||||
company,
|
||||
style: const TextStyle(fontWeight: FontWeight.w800, color: AppColors.darkBlue, fontSize: 16),
|
||||
),
|
||||
subtitle: Row(
|
||||
children: [
|
||||
const Icon(Icons.storefront, size: 14, color: AppColors.textSecondary),
|
||||
const SizedBox(width: 4),
|
||||
Text('${locations.length} Locations Surveyed', style: const TextStyle(color: AppColors.textSecondary, fontSize: 13)),
|
||||
],
|
||||
),
|
||||
children: [
|
||||
Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.grey.shade50,
|
||||
border: Border(top: BorderSide(color: Colors.grey.shade200)),
|
||||
borderRadius: const BorderRadius.vertical(bottom: Radius.circular(16)),
|
||||
),
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
children: locations.map((survey) {
|
||||
return _SurveyLocationCard(
|
||||
survey: survey as Map<String, dynamic>,
|
||||
onEdit: () => _showEditSurveyDialog(survey),
|
||||
onDelete: () => _deleteSurvey(survey['id'].toString()),
|
||||
);
|
||||
}).toList(),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
childCount: companies.length,
|
||||
),
|
||||
),
|
||||
),
|
||||
const SliverToBoxAdapter(child: SizedBox(height: 80)),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _SurveyLocationCard extends StatefulWidget {
|
||||
final Map<String, dynamic> survey;
|
||||
final VoidCallback onEdit;
|
||||
final VoidCallback onDelete;
|
||||
|
||||
const _SurveyLocationCard({
|
||||
required this.survey,
|
||||
required this.onEdit,
|
||||
required this.onDelete,
|
||||
});
|
||||
|
||||
@override
|
||||
State<_SurveyLocationCard> createState() => _SurveyLocationCardState();
|
||||
}
|
||||
|
||||
class _SurveyLocationCardState extends State<_SurveyLocationCard> {
|
||||
bool _isExpanded = false;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final survey = widget.survey;
|
||||
final address = survey['address']?.toString() ?? survey['area']?.toString() ?? 'No address';
|
||||
final area = survey['area']?.toString() ?? 'Unknown';
|
||||
final phone = survey['phone']?.toString() ?? 'N/A';
|
||||
final rate = survey['rate_per_kg']?.toString() ?? '';
|
||||
final hasRate = rate.isNotEmpty;
|
||||
|
||||
final pickup = survey['offers_pickup']?.toString().toLowerCase() == 'yes' ? 'Yes' : '—';
|
||||
final drop = survey['offers_drop']?.toString().toLowerCase() == 'yes' ? 'Yes' : '—';
|
||||
final packing = survey['packing_charge']?.toString() ?? '—';
|
||||
final time = survey['time_in_days']?.toString() ?? '—';
|
||||
final freq = survey['frequency']?.toString() ?? '—';
|
||||
final plusCode = survey['plus_code']?.toString() ?? '—';
|
||||
final pincodes = survey['pincodes']?.toString() ?? '—';
|
||||
final company = survey['company']?.toString() ?? '—';
|
||||
|
||||
return Container(
|
||||
margin: const EdgeInsets.only(bottom: 12),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
border: Border.all(color: Colors.grey.shade200),
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
// Header Row
|
||||
InkWell(
|
||||
onTap: () => setState(() => _isExpanded = !_isExpanded),
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(12),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
const Icon(Icons.place_outlined, color: AppColors.primary, size: 20),
|
||||
const SizedBox(width: 8),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
area,
|
||||
style: const TextStyle(fontWeight: FontWeight.w700, color: AppColors.darkBlue, fontSize: 14),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
FittedBox(
|
||||
fit: BoxFit.scaleDown,
|
||||
alignment: Alignment.centerLeft,
|
||||
child: Row(
|
||||
children: [
|
||||
const Icon(Icons.phone, size: 12, color: AppColors.textSecondary),
|
||||
const SizedBox(width: 4),
|
||||
Text(phone, style: const TextStyle(color: AppColors.textSecondary, fontSize: 12)),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
children: [
|
||||
const Text('RATE PER KG', style: TextStyle(fontSize: 10, fontWeight: FontWeight.w800, color: AppColors.textSecondary)),
|
||||
const SizedBox(height: 4),
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
|
||||
decoration: BoxDecoration(
|
||||
color: hasRate ? AppColors.green.withValues(alpha: 0.1) : Colors.grey.shade100,
|
||||
borderRadius: BorderRadius.circular(4),
|
||||
),
|
||||
child: Text(
|
||||
hasRate ? '₹$rate' : 'Not Answered',
|
||||
style: TextStyle(
|
||||
fontSize: 11,
|
||||
fontWeight: FontWeight.w700,
|
||||
color: hasRate ? AppColors.greenDark : AppColors.textSecondary
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
if (!_isExpanded)
|
||||
Padding(
|
||||
padding: const EdgeInsets.fromLTRB(12, 0, 12, 12),
|
||||
child: Column(
|
||||
children: [
|
||||
const Divider(height: 1),
|
||||
const SizedBox(height: 8),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
const Text('LOGISTICS', style: TextStyle(fontSize: 10, fontWeight: FontWeight.w800, color: AppColors.textSecondary)),
|
||||
Row(
|
||||
children: [
|
||||
TextButton(
|
||||
onPressed: () => setState(() => _isExpanded = true),
|
||||
style: TextButton.styleFrom(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 0),
|
||||
minimumSize: const Size(0, 30),
|
||||
),
|
||||
child: const Text('More Info', style: TextStyle(fontSize: 12, fontWeight: FontWeight.w700, color: AppColors.darkBlue)),
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
InkWell(
|
||||
onTap: widget.onEdit,
|
||||
child: const Padding(padding: EdgeInsets.all(4.0), child: Icon(Icons.edit_outlined, size: 18, color: AppColors.textSecondary)),
|
||||
),
|
||||
const SizedBox(width: 4),
|
||||
InkWell(
|
||||
onTap: widget.onDelete,
|
||||
child: const Padding(padding: EdgeInsets.all(4.0), child: Icon(Icons.delete_outline, size: 18, color: AppColors.primaryDark)),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
if (_isExpanded)
|
||||
Container(
|
||||
padding: const EdgeInsets.all(12),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: const BorderRadius.vertical(bottom: Radius.circular(12)),
|
||||
border: Border(top: BorderSide(color: Colors.grey.shade200)),
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
children: [
|
||||
TextButton.icon(
|
||||
onPressed: () => setState(() => _isExpanded = false),
|
||||
style: TextButton.styleFrom(
|
||||
backgroundColor: AppColors.primary.withValues(alpha: 0.05),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
||||
minimumSize: const Size(0, 30),
|
||||
),
|
||||
icon: const Text('Hide Info', style: TextStyle(fontSize: 12, fontWeight: FontWeight.w700, color: AppColors.primary)),
|
||||
label: const Icon(Icons.expand_less, size: 16, color: AppColors.primary),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
InkWell(
|
||||
onTap: widget.onEdit,
|
||||
child: const Padding(padding: EdgeInsets.all(4.0), child: Icon(Icons.edit_outlined, size: 18, color: AppColors.textSecondary)),
|
||||
),
|
||||
const SizedBox(width: 4),
|
||||
InkWell(
|
||||
onTap: widget.onDelete,
|
||||
child: const Padding(padding: EdgeInsets.all(4.0), child: Icon(Icons.delete_outline, size: 18, color: AppColors.primaryDark)),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
// Grid of Details
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Expanded(
|
||||
child: _buildDetailSection(
|
||||
icon: Icons.assignment_outlined,
|
||||
title: 'ENQUIRY DETAILS',
|
||||
items: [
|
||||
_buildInfoItem('RATE PER KG', hasRate ? '₹$rate' : 'Not Answered', isHighlight: hasRate),
|
||||
_buildInfoItem('PICKUP', pickup),
|
||||
_buildInfoItem('DROP', drop),
|
||||
_buildInfoItem('PACKING', packing),
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Expanded(
|
||||
child: _buildDetailSection(
|
||||
icon: Icons.local_shipping_outlined,
|
||||
title: 'LOGISTICS & OPS',
|
||||
items: [
|
||||
_buildInfoItem('TIME IN DAYS', time),
|
||||
_buildInfoItem('COMPANY', company),
|
||||
_buildInfoItem('FREQUENCY', freq),
|
||||
_buildInfoItem('CONTACT NUMBER', phone),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
_buildDetailSection(
|
||||
icon: Icons.place_outlined,
|
||||
title: 'LOCATION & PINCODE',
|
||||
items: [
|
||||
Row(
|
||||
children: [
|
||||
Expanded(child: _buildInfoItem('AREA / ZONE', area)),
|
||||
Expanded(child: _buildInfoItem('PLUS CODE', plusCode)),
|
||||
],
|
||||
),
|
||||
_buildInfoItem('SERVICEABLE PINCODES', pincodes),
|
||||
_buildInfoItem('FULL ADDRESS', address),
|
||||
const SizedBox(height: 8),
|
||||
TextButton.icon(
|
||||
onPressed: () {},
|
||||
icon: const Icon(Icons.map_outlined, size: 14, color: AppColors.primary),
|
||||
label: const Text('View On Map', style: TextStyle(color: AppColors.primary, fontSize: 12, fontWeight: FontWeight.w700)),
|
||||
style: TextButton.styleFrom(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8), side: const BorderSide(color: AppColors.primary)),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
_buildDetailSection(
|
||||
icon: Icons.list_alt,
|
||||
title: 'RECORD METADATA',
|
||||
items: [
|
||||
Row(
|
||||
children: [
|
||||
Expanded(child: _buildInfoItem('CREATED BY', 'System')),
|
||||
Expanded(child: _buildInfoItem('LAST EDITED BY', '—')),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildDetailSection({required IconData icon, required String title, required List<Widget> items}) {
|
||||
return Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
border: Border.all(color: Colors.grey.shade200),
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
||||
decoration: const BoxDecoration(
|
||||
color: Color(0xFFFDECEE),
|
||||
borderRadius: BorderRadius.vertical(top: Radius.circular(8)),
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(icon, size: 14, color: AppColors.primary),
|
||||
const SizedBox(width: 6),
|
||||
Expanded(
|
||||
child: FittedBox(
|
||||
alignment: Alignment.centerLeft,
|
||||
fit: BoxFit.scaleDown,
|
||||
child: Text(title, style: const TextStyle(fontSize: 10, fontWeight: FontWeight.w800, color: AppColors.darkBlue, letterSpacing: 0.5)),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(12),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: items.expand((w) => [w, const SizedBox(height: 12)]).toList()..removeLast(),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildInfoItem(String label, String value, {bool isHighlight = false}) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(label, style: const TextStyle(fontSize: 9, fontWeight: FontWeight.w800, color: AppColors.textSecondary, letterSpacing: 0.5)),
|
||||
const SizedBox(height: 4),
|
||||
if (isHighlight)
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
|
||||
decoration: BoxDecoration(color: AppColors.green.withValues(alpha: 0.1), borderRadius: BorderRadius.circular(4)),
|
||||
child: Text(value, style: const TextStyle(fontSize: 11, fontWeight: FontWeight.w700, color: AppColors.greenDark)),
|
||||
)
|
||||
else
|
||||
Text(value, style: const TextStyle(fontSize: 12, color: AppColors.darkBlue, fontWeight: FontWeight.w600)),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user