|
|
import 'package:flutter/material.dart';
|
|
|
import 'package:supplier_new/common/settings.dart';
|
|
|
|
|
|
class SetRatesScreen extends StatefulWidget {
|
|
|
const SetRatesScreen({super.key});
|
|
|
|
|
|
@override
|
|
|
State<SetRatesScreen> createState() => _SetRatesScreenState();
|
|
|
}
|
|
|
|
|
|
class _SetRatesScreenState extends State<SetRatesScreen>
|
|
|
with SingleTickerProviderStateMixin {
|
|
|
late TabController _tabController;
|
|
|
|
|
|
final Map<String, TextEditingController> controllers = {};
|
|
|
// Define categories + tankers
|
|
|
final Map<String, List<String>> tankerGroups = {};
|
|
|
final Map<String, TextEditingController> deliveryControllers = {};
|
|
|
|
|
|
|
|
|
/*delivery fee controllers*/
|
|
|
final TextEditingController pumpFeeController = TextEditingController();
|
|
|
|
|
|
final List<Map<String, dynamic>> data = [
|
|
|
{"category": "DRINKING WATER", "size": "5,000L", "price": "12"},
|
|
|
{"category": "DRINKING WATER", "size": "15,000L", "price": "18"},
|
|
|
{"category": "DRINKING WATER", "size": "20,000L", "price": "20"},
|
|
|
{"category": "BORE WATER", "size": "5,000L", "price": "10"},
|
|
|
{"category": "BORE WATER", "size": "10,000L", "price": "14"},
|
|
|
{"category": "BORE WATER", "size": "15,000L", "price": "16"},
|
|
|
{"category": "BORE WATER", "size": "25,000L", "price": null},
|
|
|
];
|
|
|
|
|
|
@override
|
|
|
void initState() {
|
|
|
super.initState();
|
|
|
_tabController = TabController(length: 3, vsync: this);
|
|
|
|
|
|
// Group data by category and initialize controllers for WaterCharges
|
|
|
for (final item in data) {
|
|
|
final category = item['category'] as String;
|
|
|
final size = item['size'] as String;
|
|
|
final price = item['price']?.toString() ?? ""; // default to empty if null
|
|
|
|
|
|
if (!tankerGroups.containsKey(category)) {
|
|
|
tankerGroups[category] = [];
|
|
|
}
|
|
|
tankerGroups[category]!.add(size);
|
|
|
|
|
|
// Pre-fill controller with price or empty
|
|
|
controllers.putIfAbsent("$category-$size", () => TextEditingController(text: price));
|
|
|
}
|
|
|
|
|
|
// Initialize controllers for unique capacities for DeliveryFee
|
|
|
final capacities = data.map((item) => item['size'] as String).toSet();
|
|
|
for (final cap in capacities) {
|
|
|
// Take first price for this capacity, default to empty if null
|
|
|
final price = data.firstWhere(
|
|
|
(d) => d['size'] == cap,
|
|
|
orElse: () => {'price': ''},
|
|
|
)['price']?.toString() ?? "";
|
|
|
deliveryControllers.putIfAbsent(cap, () => TextEditingController(text: price));
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
@override
|
|
|
void dispose() {
|
|
|
// Dispose all controllers
|
|
|
for (final controller in controllers.values) {
|
|
|
controller.dispose();
|
|
|
}
|
|
|
for (final controller in deliveryControllers.values) {
|
|
|
controller.dispose();
|
|
|
}
|
|
|
super.dispose();
|
|
|
}
|
|
|
|
|
|
Widget buildTextField(String label, TextEditingController controller) {
|
|
|
return Padding(
|
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|
|
child: TextField(
|
|
|
controller: controller,
|
|
|
cursorColor: primaryColor,
|
|
|
readOnly: false,
|
|
|
keyboardType: TextInputType.number,
|
|
|
decoration: InputDecoration(
|
|
|
counterText: '',
|
|
|
filled: false,
|
|
|
fillColor: Colors.white,
|
|
|
prefixIconConstraints: BoxConstraints(
|
|
|
minWidth: 24,
|
|
|
minHeight: 24,
|
|
|
),
|
|
|
border: OutlineInputBorder(
|
|
|
borderRadius: BorderRadius.circular(4.0),
|
|
|
borderSide: BorderSide(
|
|
|
color: Color(0XFFC3C4C4),
|
|
|
width: 1,
|
|
|
)),
|
|
|
focusedBorder: OutlineInputBorder(
|
|
|
borderRadius: BorderRadius.circular(4.0),
|
|
|
borderSide: BorderSide(
|
|
|
color: Color(0XFF8270DB),
|
|
|
width: 1,
|
|
|
),
|
|
|
),
|
|
|
enabledBorder: OutlineInputBorder(
|
|
|
borderRadius: BorderRadius.circular(4.0),
|
|
|
borderSide: BorderSide(color: Color(0XFFC3C4C4)),
|
|
|
),
|
|
|
hintText: label,
|
|
|
hintStyle: fontTextStyle(14, Color(0XFF939495), FontWeight.w400),
|
|
|
/* TextStyle(color: greyColor, fontWeight: FontWeight.bold //<-- SEE HERE
|
|
|
),*/
|
|
|
),
|
|
|
style: fontTextStyle(14, Color(0XFF515253), FontWeight.w500),
|
|
|
));
|
|
|
}
|
|
|
|
|
|
Widget labelText(String label) {
|
|
|
return Text(
|
|
|
label,
|
|
|
style: fontTextStyle(12, const Color(0XFF515253), FontWeight.w500),
|
|
|
);
|
|
|
}
|
|
|
|
|
|
Widget WaterCharges() {
|
|
|
return SingleChildScrollView(
|
|
|
padding: const EdgeInsets.all(16),
|
|
|
child: Column(
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
children: [
|
|
|
for (final entry in tankerGroups.entries) ...[
|
|
|
Text(
|
|
|
entry.key,
|
|
|
style: fontTextStyle(10, Color(0XFF2D2E30), FontWeight.w600),
|
|
|
),
|
|
|
const SizedBox(height: 8),
|
|
|
for (final size in entry.value)
|
|
|
Column(
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
children: [
|
|
|
labelText("$size (in ₹)*"),
|
|
|
const SizedBox(height: 4),
|
|
|
buildTextField("₹500", controllers["${entry.key}-$size"]!),
|
|
|
const SizedBox(height: 12),
|
|
|
],
|
|
|
),
|
|
|
const SizedBox(height: 10),
|
|
|
],
|
|
|
SizedBox(
|
|
|
width: double.infinity,
|
|
|
child: ElevatedButton(
|
|
|
style: ElevatedButton.styleFrom(
|
|
|
backgroundColor: Color(0XFF8270DB),
|
|
|
foregroundColor: Color(0XFFFFFFFF),
|
|
|
padding: EdgeInsets.symmetric(vertical: 10),
|
|
|
shape: RoundedRectangleBorder(
|
|
|
borderRadius: BorderRadius.circular(24), // <-- set your radius here
|
|
|
),
|
|
|
),
|
|
|
onPressed: () {
|
|
|
final Map<String, Map<String, String>> grouped = {};
|
|
|
tankerGroups.forEach((category, sizes) {
|
|
|
grouped[category] = {};
|
|
|
for (final size in sizes) {
|
|
|
grouped[category]![size] =
|
|
|
controllers["$category-$size"]!.text;
|
|
|
}
|
|
|
});
|
|
|
|
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
|
const SnackBar(content: Text("Rates saved successfully")),
|
|
|
);
|
|
|
|
|
|
print(grouped); // Debug: print entered rates
|
|
|
},
|
|
|
child: Text(
|
|
|
"Save",
|
|
|
style: fontTextStyle(14, const Color(0XFFFFFFFF), FontWeight.w600),
|
|
|
),
|
|
|
),
|
|
|
)
|
|
|
],
|
|
|
),
|
|
|
);
|
|
|
}
|
|
|
|
|
|
|
|
|
Widget DeliveryFee() {
|
|
|
// Extract unique capacities
|
|
|
final capacities = data.map((item) => item['size'] as String).toSet().toList();
|
|
|
|
|
|
return SingleChildScrollView(
|
|
|
padding: const EdgeInsets.all(16),
|
|
|
child: Column(
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
children: [
|
|
|
Text(
|
|
|
"ADDITIONAL RATES",
|
|
|
style: fontTextStyle(10, const Color(0xFF2D2E30), FontWeight.w600),
|
|
|
),
|
|
|
SizedBox(height: MediaQuery.of(context).size.height * .004),
|
|
|
Text(
|
|
|
"Add your price per Kilometer for every tanker capacity",
|
|
|
style: fontTextStyle(12, const Color(0xFF939495), FontWeight.w400),
|
|
|
),
|
|
|
SizedBox(height: MediaQuery.of(context).size.height * .020),
|
|
|
|
|
|
// 🔹 Dynamic textfields
|
|
|
for (final cap in capacities) ...[
|
|
|
labelText('$cap tanker (per KM)*'),
|
|
|
SizedBox(height: MediaQuery.of(context).size.height * .004),
|
|
|
buildTextField("+ ₹12", deliveryControllers[cap]!),
|
|
|
const SizedBox(height: 12),
|
|
|
],
|
|
|
|
|
|
const SizedBox(height: 10),
|
|
|
SizedBox(
|
|
|
width: double.infinity,
|
|
|
child: ElevatedButton(
|
|
|
style: ElevatedButton.styleFrom(
|
|
|
backgroundColor: Color(0XFF8270DB),
|
|
|
foregroundColor: Color(0XFFFFFFFF),
|
|
|
padding: EdgeInsets.symmetric(vertical: 10),
|
|
|
shape: RoundedRectangleBorder(
|
|
|
borderRadius: BorderRadius.circular(24), // <-- set your radius here
|
|
|
),
|
|
|
),
|
|
|
onPressed: () {
|
|
|
final Map<String, String> fees = {};
|
|
|
deliveryControllers.forEach((cap, controller) {
|
|
|
fees[cap] = controller.text;
|
|
|
});
|
|
|
|
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
|
const SnackBar(content: Text("Rates saved successfully")),
|
|
|
);
|
|
|
|
|
|
print(fees);
|
|
|
},
|
|
|
child: Text(
|
|
|
"Save",
|
|
|
style: fontTextStyle(14, const Color(0XFFFFFFFF), FontWeight.w600),
|
|
|
),
|
|
|
),
|
|
|
)
|
|
|
],
|
|
|
),
|
|
|
);
|
|
|
}
|
|
|
|
|
|
|
|
|
Widget PumpFee() {
|
|
|
return SingleChildScrollView(
|
|
|
padding: const EdgeInsets.all(16),
|
|
|
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
|
Text(
|
|
|
"TANKER TYPE",
|
|
|
style: fontTextStyle(10, Color(0XFF2D2E30), FontWeight.w600),
|
|
|
),
|
|
|
SizedBox(height: MediaQuery.of(context).size.height * .004),
|
|
|
Text(
|
|
|
"Add your price addition for tankers with pump",
|
|
|
style: fontTextStyle(12, Color(0XFF939495), FontWeight.w400),
|
|
|
),
|
|
|
SizedBox(height: MediaQuery.of(context).size.height * .024),
|
|
|
labelText('Tanker with pump*'),
|
|
|
SizedBox(height: MediaQuery.of(context).size.height * .004),
|
|
|
buildTextField("+ ₹50 ", pumpFeeController),
|
|
|
SizedBox(height: MediaQuery.of(context).size.height * .024),
|
|
|
SizedBox(
|
|
|
width: double.infinity,
|
|
|
child: ElevatedButton(
|
|
|
style: ElevatedButton.styleFrom(
|
|
|
backgroundColor: Color(0XFF8270DB),
|
|
|
foregroundColor: Color(0XFFFFFFFF),
|
|
|
padding: EdgeInsets.symmetric(vertical: 10),
|
|
|
shape: RoundedRectangleBorder(
|
|
|
borderRadius: BorderRadius.circular(24), // <-- set your radius here
|
|
|
),
|
|
|
),
|
|
|
onPressed: () {
|
|
|
// Handle save logic
|
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
|
const SnackBar(content: Text("Rates saved successfully")),
|
|
|
);
|
|
|
},
|
|
|
child: Text(
|
|
|
"Save",
|
|
|
style: fontTextStyle(14, const Color(0XFFFFFFFF), FontWeight.w600),
|
|
|
),
|
|
|
),
|
|
|
)
|
|
|
]),
|
|
|
);
|
|
|
}
|
|
|
|
|
|
@override
|
|
|
Widget build(BuildContext context) {
|
|
|
return Scaffold(
|
|
|
backgroundColor: Color(0XFFFFFFFF),
|
|
|
appBar: AppSettings.supplierAppBarWithActionsText('Set Rates', context),
|
|
|
body: Column(
|
|
|
children: [
|
|
|
Container(
|
|
|
width: double.infinity,
|
|
|
decoration: const BoxDecoration(
|
|
|
color: Color(0XFFF3F1FB),
|
|
|
borderRadius: BorderRadius.only(
|
|
|
bottomLeft: Radius.circular(24),
|
|
|
bottomRight: Radius.circular(24),
|
|
|
),
|
|
|
),
|
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 24),
|
|
|
child: Column(
|
|
|
children: [
|
|
|
SizedBox(height: MediaQuery.of(context).size.height * .096),
|
|
|
const CircleAvatar(radius: 50, backgroundColor: Color(0XFFC9C2F0)),
|
|
|
SizedBox(height: MediaQuery.of(context).size.height * .016),
|
|
|
Text(
|
|
|
"What’s today’s water price?",
|
|
|
style: fontTextStyle(20, Color(0XFF343637), FontWeight.w600),
|
|
|
),
|
|
|
SizedBox(height: MediaQuery.of(context).size.height * .008),
|
|
|
Text(
|
|
|
"Set your daily rate so customers know what to expect",
|
|
|
style: fontTextStyle(12, Color(0XFF343637), FontWeight.w400),
|
|
|
textAlign: TextAlign.center,
|
|
|
),
|
|
|
],
|
|
|
),
|
|
|
),
|
|
|
const SizedBox(height: 20),
|
|
|
Container(
|
|
|
height: 30,
|
|
|
margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|
|
child: AnimatedBuilder(
|
|
|
animation: _tabController,
|
|
|
builder: (context, _) {
|
|
|
return TabBar(
|
|
|
controller: _tabController,
|
|
|
indicatorColor: Colors.transparent, // remove underline
|
|
|
dividerColor: Colors.transparent,
|
|
|
isScrollable: false,
|
|
|
overlayColor: MaterialStateProperty.all(Colors.transparent),// equal width
|
|
|
tabs: List.generate(3, (index) {
|
|
|
final labels = ['Water Type', 'Delivery Fee','Pump'];
|
|
|
final isSelected = _tabController.index == index;
|
|
|
|
|
|
return Container(
|
|
|
decoration: BoxDecoration(
|
|
|
color: isSelected ? const Color(0XFFF1F1F1) : Colors.transparent,
|
|
|
borderRadius: BorderRadius.circular(27),
|
|
|
),
|
|
|
alignment: Alignment.center,
|
|
|
child: Text(
|
|
|
labels[index],
|
|
|
style: isSelected ?fontTextStyle(
|
|
|
12,
|
|
|
const Color(0XFF101214),
|
|
|
FontWeight.w600,
|
|
|
):fontTextStyle(
|
|
|
12,
|
|
|
const Color(0XFF646464),
|
|
|
FontWeight.w600,
|
|
|
),
|
|
|
),
|
|
|
);
|
|
|
}),
|
|
|
);
|
|
|
},
|
|
|
),
|
|
|
),
|
|
|
Expanded(
|
|
|
child: TabBarView(
|
|
|
controller: _tabController,
|
|
|
children: [
|
|
|
// Water Type Tab
|
|
|
WaterCharges(),
|
|
|
// Delivery Fee Tab
|
|
|
DeliveryFee(),
|
|
|
// Pump Tab
|
|
|
PumpFee()
|
|
|
],
|
|
|
),
|
|
|
),
|
|
|
],
|
|
|
),
|
|
|
);
|
|
|
}
|
|
|
}
|
