994 lines
30 KiB
Dart
994 lines
30 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:responsive_builder/responsive_builder.dart';
|
|
|
|
import '../../widgets/custom_text_field.dart';
|
|
import '../../widgets/custom_text_itnerary_sub.dart';
|
|
|
|
class ForexScreen extends StatefulWidget {
|
|
final Map<String, String> formData;
|
|
final Map<String, dynamic>? apiData;
|
|
final Function(String tab, String key, String value) updateFormData;
|
|
final Function(bool) onClose;
|
|
|
|
ForexScreen({required this.formData, required this.updateFormData,
|
|
required this.onClose, this.apiData});
|
|
|
|
@override
|
|
_ForexScreenState createState() => _ForexScreenState();
|
|
}
|
|
|
|
class _ForexScreenState extends State<ForexScreen> {
|
|
final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
|
|
|
|
Map<String, String?> selectedValues = {};
|
|
bool isChecked = false; // State variable for checkbox
|
|
|
|
final FocusNode _tripTypeFocusNode = FocusNode();
|
|
final FocusNode _hotelNameFocusNode = FocusNode();
|
|
final FocusNode _fromFocusNode = FocusNode();
|
|
final FocusNode _toFocusNode = FocusNode();
|
|
final FocusNode _dateFocusNode = FocusNode();
|
|
final FocusNode _timeFocusNode = FocusNode();
|
|
final FocusNode _commentsFocusNode = FocusNode();
|
|
|
|
late Map<String, TextEditingController> _controllers;
|
|
|
|
late TextEditingController _tripTypeController = TextEditingController();
|
|
late TextEditingController _hotelNameController = TextEditingController();
|
|
late TextEditingController _fromController = TextEditingController();
|
|
late TextEditingController _toController = TextEditingController();
|
|
late TextEditingController _dateController = TextEditingController();
|
|
late TextEditingController _endDateController = TextEditingController();
|
|
late TextEditingController _timeController = TextEditingController();
|
|
late TextEditingController _commentsController = TextEditingController();
|
|
|
|
bool _tripTypeFocused = false;
|
|
bool _isHotelNameFocused = false;
|
|
bool _fromFocus = false;
|
|
bool _toFocus = false;
|
|
bool _dateFocus = false;
|
|
bool _timeFocus = false;
|
|
bool _commentsFocus = false;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
|
|
_tripTypeFocusNode.addListener(() {
|
|
setState(() {
|
|
_tripTypeFocused = _tripTypeFocusNode.hasFocus;
|
|
});
|
|
|
|
_hotelNameFocusNode.addListener(() {
|
|
setState(() {
|
|
_isHotelNameFocused = _hotelNameFocusNode.hasFocus;
|
|
});
|
|
});
|
|
_fromFocusNode.addListener(() {
|
|
setState(() {
|
|
_fromFocus = _fromFocusNode.hasFocus;
|
|
});
|
|
});
|
|
|
|
_toFocusNode.addListener(() {
|
|
setState(() {
|
|
_toFocus = _toFocusNode.hasFocus;
|
|
});
|
|
});
|
|
_dateFocusNode.addListener(() {
|
|
setState(() {
|
|
_dateFocus = _fromFocusNode.hasFocus;
|
|
});
|
|
});
|
|
|
|
_timeFocusNode.addListener(() {
|
|
setState(() {
|
|
_timeFocus = _timeFocusNode.hasFocus;
|
|
});
|
|
});
|
|
|
|
_commentsFocusNode.addListener(() {
|
|
setState(() {
|
|
_commentsFocus = _commentsFocusNode.hasFocus;
|
|
});
|
|
});
|
|
});
|
|
|
|
|
|
|
|
_tripTypeController =
|
|
TextEditingController(text: widget.formData["tripType"] ?? "");
|
|
_hotelNameController =
|
|
TextEditingController(text: widget.formData["_hotelName"] ?? "");
|
|
_fromController =
|
|
TextEditingController(text: widget.formData["_from"] ?? "");
|
|
_toController =
|
|
TextEditingController(text: widget.formData["_Check_In_Time"] ?? "");
|
|
_dateController =
|
|
TextEditingController(text: widget.formData["_Check_Out"] ?? "");
|
|
_endDateController =
|
|
TextEditingController(text: widget.formData["_Check_In"] ?? "");
|
|
_timeController =
|
|
TextEditingController(text: widget.formData["_Check_Out_Time"] ?? "");
|
|
_commentsController =
|
|
TextEditingController(text: widget.formData["_comments"] ?? "");
|
|
|
|
// Save data when user types
|
|
_tripTypeController.addListener(() {
|
|
widget.updateFormData(
|
|
"Bus", "_tripType", _tripTypeController.text);
|
|
}); // Save data when user types
|
|
_hotelNameController.addListener(() {
|
|
widget.updateFormData(
|
|
"Bus", "_hotelName", _hotelNameController.text);
|
|
});
|
|
_fromController.addListener(() {
|
|
widget.updateFormData(
|
|
"Bus", "_from", _fromController.text);
|
|
});
|
|
_toController.addListener(() {
|
|
widget.updateFormData(
|
|
"Bus", "_Check_In_Time", _toController.text);
|
|
});
|
|
_dateController.addListener(() {
|
|
widget.updateFormData(
|
|
"Bus", "_Check_Out", _dateController.text);
|
|
});
|
|
_endDateController.addListener(() {
|
|
widget.updateFormData(
|
|
"Bus", "_Check_In", _endDateController.text);
|
|
});
|
|
_timeController.addListener(() {
|
|
widget.updateFormData(
|
|
"Bus", "_Check_Out_Time", _timeController.text);
|
|
});
|
|
_commentsController.addListener(() {
|
|
widget.updateFormData(
|
|
"Bus", "_comments", _commentsController.text);
|
|
});
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_tripTypeFocusNode.dispose();
|
|
_tripTypeController.dispose();
|
|
_hotelNameController.dispose();
|
|
_fromController.dispose();
|
|
_toController.dispose();
|
|
_dateController.dispose();
|
|
_endDateController.dispose();
|
|
_timeController.dispose();
|
|
_commentsController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return ResponsiveBuilder(builder: (context, sizingInfo) {
|
|
bool isMobile = sizingInfo.isMobile;
|
|
bool isDesktop = sizingInfo.deviceScreenType == DeviceScreenType.desktop;
|
|
|
|
return Container(
|
|
color: Color(0xFFF4F4FB),
|
|
child: Form(
|
|
key: _formKey,
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: Column(
|
|
children: [
|
|
Align(
|
|
alignment: Alignment.centerRight,
|
|
child: InkWell(
|
|
onTap: () {
|
|
widget.onClose(false);
|
|
},
|
|
child: Icon(
|
|
Icons.close,
|
|
size: 18,
|
|
color: Color(0xFF575A74),
|
|
),
|
|
),
|
|
),
|
|
Text("Forex List",
|
|
style:
|
|
TextStyle(fontSize: 18, fontWeight: FontWeight.bold,color: Color(0xFF575A74))),
|
|
SizedBox(
|
|
height: 6,
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.all(28.0),
|
|
child: Center(
|
|
child: Column(children: _buildAccomadtionForm(isDesktop)),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
});
|
|
}
|
|
|
|
List<Widget> _buildAccomadtionForm (bool isDesktop) {
|
|
List<Widget> buildResponsiveRow(List<Widget> children) {
|
|
return [
|
|
isDesktop ? Row(children: children) : Column(children: children),
|
|
SizedBox(height: 10),
|
|
];
|
|
}
|
|
|
|
List<List<Widget>> rowBuilders = [
|
|
_builClassType(isDesktop),
|
|
_buildSecondRow(isDesktop)
|
|
];
|
|
|
|
return [
|
|
|
|
...buildResponsiveRow(_buildFirstRow(isDesktop)),
|
|
|
|
|
|
// Iterate over rowBuilders and wrap each in a responsive container
|
|
...rowBuilders.expand((row) => buildResponsiveRow(row)),
|
|
|
|
...buildResponsiveRow(_buildCardDetailsRow(isDesktop)),
|
|
|
|
...buildResponsiveRow(_buildFprexCard(isDesktop)),
|
|
|
|
...buildResponsiveRow(_buildThirdRow(isDesktop)),
|
|
|
|
// Actions row remains a Row
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: _handleAction(isDesktop),
|
|
),
|
|
];
|
|
}
|
|
|
|
|
|
|
|
List<Widget> _buildFirstRow(isDesktop) {
|
|
|
|
DateTime? _selectedCheckOutDate;
|
|
DateTime? _selectedEndDate;
|
|
|
|
|
|
Future<void> _selectCheckOutDate(BuildContext context) async {
|
|
DateTime now = DateTime.now();
|
|
DateTime today = DateTime(now.year, now.month, now.day);
|
|
|
|
DateTime? pickedDate = await showDatePicker(
|
|
context: context,
|
|
initialDate: _selectedCheckOutDate != null && _selectedCheckOutDate!.isAfter(today)
|
|
? _selectedCheckOutDate!
|
|
: today,
|
|
firstDate: today,
|
|
lastDate: DateTime(2100),
|
|
);
|
|
|
|
if (pickedDate != null && pickedDate != _selectedCheckOutDate) {
|
|
setState(() {
|
|
_selectedCheckOutDate = pickedDate;
|
|
_dateController.text = DateFormat('yyyy-MM-dd').format(pickedDate);
|
|
});
|
|
}
|
|
};
|
|
|
|
Future<void> _selectForexEndDate(BuildContext context) async {
|
|
|
|
DateTime now = DateTime.now();
|
|
DateTime today = DateTime(now.year, now.month, now.day);
|
|
|
|
DateTime? pickedDate = await showDatePicker(
|
|
context: context,
|
|
initialDate: _selectedEndDate != null && _selectedEndDate!.isAfter(today)
|
|
? _selectedEndDate!
|
|
: today,
|
|
firstDate: today,
|
|
lastDate: DateTime(2100),
|
|
);
|
|
|
|
if (pickedDate != null && pickedDate != _selectedEndDate) {
|
|
setState(() {
|
|
_selectedEndDate = pickedDate;
|
|
_endDateController.text = DateFormat('yyyy-MM-dd').format(pickedDate);
|
|
});
|
|
}
|
|
}
|
|
|
|
|
|
return [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Forex Start Date",
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF575A74)),
|
|
),
|
|
SizedBox(height: 5),
|
|
CustomTextFieldWrapper(
|
|
isFocused: _dateFocus,
|
|
isDesktop: isDesktop,
|
|
child: SizedBox(
|
|
height: 40,
|
|
|
|
child: GestureDetector(
|
|
onTap: () => _selectCheckOutDate(context),
|
|
child: AbsorbPointer(
|
|
child: TextField(
|
|
focusNode: _dateFocusNode,
|
|
controller: _dateController,
|
|
style: const TextStyle(fontSize: 12),
|
|
decoration: const InputDecoration(
|
|
labelText: "Select Date",
|
|
labelStyle: TextStyle(fontSize: 12, color: Colors.grey),
|
|
floatingLabelBehavior: FloatingLabelBehavior.never,
|
|
border: InputBorder.none,
|
|
contentPadding: EdgeInsets.symmetric(vertical: 16),
|
|
suffixIcon: Icon(Icons.calendar_today,
|
|
size: 16, color: Colors.grey),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
|
|
),
|
|
),
|
|
],
|
|
),
|
|
if (isDesktop)
|
|
Spacer()
|
|
else
|
|
SizedBox(
|
|
height: 8,
|
|
),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Forex End Date",
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF575A74)),
|
|
),
|
|
SizedBox(height: 5),
|
|
CustomTextFieldWrapper(
|
|
isFocused: _dateFocus,
|
|
isDesktop: isDesktop,
|
|
child: SizedBox(
|
|
height: 40,
|
|
|
|
child: GestureDetector(
|
|
onTap: () => _selectForexEndDate(context),
|
|
child: AbsorbPointer(
|
|
child: TextField(
|
|
focusNode: _dateFocusNode,
|
|
controller: _endDateController,
|
|
style: const TextStyle(fontSize: 12),
|
|
decoration: const InputDecoration(
|
|
labelText: "Select Date",
|
|
labelStyle: TextStyle(fontSize: 12, color: Colors.grey),
|
|
floatingLabelBehavior: FloatingLabelBehavior.never,
|
|
border: InputBorder.none,
|
|
contentPadding: EdgeInsets.symmetric(vertical: 16),
|
|
suffixIcon: Icon(Icons.calendar_today,
|
|
size: 16, color: Colors.grey),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
|
|
),
|
|
),
|
|
],
|
|
),
|
|
|
|
|
|
];
|
|
}
|
|
|
|
|
|
|
|
List<Widget> _buildTripType(bool isDesktop){
|
|
|
|
List<dynamic> purposeList = widget.apiData?['flight_trip_type'] ?? [];
|
|
|
|
List<DropdownMenuItem<String>> dropdownItems = purposeList
|
|
.map((item)=>DropdownMenuItem<String>(
|
|
value: item['dropdown_value'],
|
|
child: Text(item['dropdown_value']),
|
|
)).toList();
|
|
|
|
if (dropdownItems.isEmpty) {
|
|
dropdownItems.add(
|
|
DropdownMenuItem<String>(
|
|
value: null,
|
|
child: Text("No options available", style: TextStyle(color: Colors.grey)),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Default selected value
|
|
String? selectedPurpose = dropdownItems.isNotEmpty ? dropdownItems.first.value : null;
|
|
|
|
|
|
return [
|
|
CustomTextFieldWrapper(
|
|
isFocused: _isHotelNameFocused,
|
|
isDesktop: isDesktop,
|
|
child: SizedBox(
|
|
height: 40,
|
|
|
|
child: DropdownButtonFormField<String>(
|
|
focusNode: _tripTypeFocusNode, // Assign the correct focus node
|
|
value: selectedPurpose,
|
|
style: TextStyle(fontSize: 12),
|
|
decoration: InputDecoration(
|
|
border: InputBorder.none,
|
|
contentPadding: EdgeInsets.symmetric(
|
|
horizontal: 10), // Proper padding
|
|
),
|
|
onChanged: purposeList.isNotEmpty
|
|
? (newValue) {
|
|
setState(() {
|
|
selectedPurpose = newValue;
|
|
});
|
|
print("Updating form data: Flight -> trip_type -> ${newValue ?? ""}");
|
|
|
|
|
|
widget.updateFormData("Flight", "trip_type", newValue ?? "");
|
|
}
|
|
: null,
|
|
|
|
items: dropdownItems,
|
|
),
|
|
|
|
|
|
),
|
|
),
|
|
];
|
|
}
|
|
|
|
|
|
List<Widget> _builClassType(bool isDesktop){
|
|
|
|
List<dynamic> purposeList = widget.apiData?['flight_class'] ?? [];
|
|
|
|
List<DropdownMenuItem<String>> dropdownItems = purposeList
|
|
.map((item)=>DropdownMenuItem<String>(
|
|
value: item['dropdown_value'],
|
|
child: Text(item['dropdown_value']),
|
|
)).toList();
|
|
|
|
if (dropdownItems.isEmpty) {
|
|
dropdownItems.add(
|
|
DropdownMenuItem<String>(
|
|
value: null,
|
|
child: Text("No options available", style: TextStyle(color: Colors.grey)),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Default selected value
|
|
String? selectedPurpose = dropdownItems.isNotEmpty ? dropdownItems.first.value : null;
|
|
|
|
return [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Class *",
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF575A74)),
|
|
),
|
|
SizedBox(height: 5),
|
|
CustomTextFieldWrapper(
|
|
isFocused: _isHotelNameFocused,
|
|
isDesktop: isDesktop,
|
|
child: SizedBox(
|
|
height: 40,
|
|
|
|
child: DropdownButtonFormField<String>(
|
|
focusNode: _hotelNameFocusNode, // Assign the correct focus node
|
|
// controller: _hotelNameController,
|
|
value: selectedPurpose,
|
|
style: TextStyle(fontSize: 12),
|
|
decoration: InputDecoration(
|
|
border: InputBorder.none,
|
|
contentPadding: EdgeInsets.symmetric(
|
|
horizontal: 10), // Proper padding
|
|
),
|
|
onChanged: purposeList.isNotEmpty
|
|
? (newValue) {
|
|
setState(() {
|
|
selectedPurpose = newValue;
|
|
});
|
|
}
|
|
: null,
|
|
items: dropdownItems,
|
|
),
|
|
|
|
// child: TextField(
|
|
// focusNode: _hotelNameFocusNode, // Assign the correct focus node
|
|
// controller: _hotelNameController,
|
|
// style: TextStyle(fontSize: 12),
|
|
// decoration: InputDecoration(
|
|
// labelText: "Select Class",
|
|
// labelStyle: TextStyle(fontSize: 12, color: Colors.grey),
|
|
// floatingLabelBehavior: FloatingLabelBehavior.never,
|
|
// border: InputBorder.none,
|
|
// contentPadding: EdgeInsets.symmetric(vertical: 16),
|
|
// ),
|
|
// ),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
];
|
|
}
|
|
|
|
|
|
List<Widget> _buildSecondRow(bool isDesktop) {
|
|
return [
|
|
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Transport",
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF575A74)),
|
|
),
|
|
SizedBox(height: 5),
|
|
CustomTextFieldItnerarySubWrapper(
|
|
isFocused: _fromFocus,
|
|
isDesktop: isDesktop,
|
|
child: SizedBox(
|
|
height: 40,
|
|
child: TextField(
|
|
focusNode: _fromFocusNode,
|
|
controller: _fromController,
|
|
style: const TextStyle(fontSize: 12),
|
|
decoration: const InputDecoration(
|
|
labelText: "From",
|
|
labelStyle: TextStyle(fontSize: 12, color: Colors.grey),
|
|
floatingLabelBehavior: FloatingLabelBehavior.never,
|
|
border: InputBorder.none,
|
|
contentPadding: EdgeInsets.symmetric(vertical: 16),
|
|
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
if (isDesktop)
|
|
Spacer()
|
|
else
|
|
SizedBox(
|
|
height: 8,
|
|
),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Accomodation",
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF575A74)),
|
|
),
|
|
SizedBox(height: 5),
|
|
CustomTextFieldItnerarySubWrapper(
|
|
isFocused: _toFocus,
|
|
isDesktop: isDesktop,
|
|
child: SizedBox(
|
|
height: 40,
|
|
|
|
child: TextField(
|
|
focusNode: _toFocusNode,
|
|
controller: _toController,
|
|
style: const TextStyle(fontSize: 12),
|
|
decoration: const InputDecoration(
|
|
labelText: "To",
|
|
labelStyle: TextStyle(fontSize: 12, color: Colors.grey),
|
|
floatingLabelBehavior: FloatingLabelBehavior.never,
|
|
border: InputBorder.none,
|
|
contentPadding: EdgeInsets.symmetric(vertical: 16),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
if (isDesktop)
|
|
Spacer()
|
|
else
|
|
SizedBox(
|
|
height: 8,
|
|
),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Telephone",
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF575A74)),
|
|
),
|
|
SizedBox(height: 5),
|
|
CustomTextFieldItnerarySubWrapper(
|
|
isFocused: _fromFocus,
|
|
isDesktop: isDesktop,
|
|
child: SizedBox(
|
|
height: 40,
|
|
child: TextField(
|
|
focusNode: _fromFocusNode,
|
|
controller: _fromController,
|
|
style: const TextStyle(fontSize: 12),
|
|
decoration: const InputDecoration(
|
|
labelText: "From",
|
|
labelStyle: TextStyle(fontSize: 12, color: Colors.grey),
|
|
floatingLabelBehavior: FloatingLabelBehavior.never,
|
|
border: InputBorder.none,
|
|
contentPadding: EdgeInsets.symmetric(vertical: 16),
|
|
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
if (isDesktop)
|
|
Spacer()
|
|
else
|
|
SizedBox(
|
|
height: 8,
|
|
),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Other Expenses",
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF575A74)),
|
|
),
|
|
SizedBox(height: 5),
|
|
CustomTextFieldItnerarySubWrapper(
|
|
isFocused: _toFocus,
|
|
isDesktop: isDesktop,
|
|
color:Colors.transparent,
|
|
child: SizedBox(
|
|
height: 40,
|
|
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Text(
|
|
"Rs ",
|
|
// focusNode: _toFocusNode,
|
|
// controller: _toController,
|
|
style: const TextStyle(fontSize: 18, fontWeight: FontWeight.w600,color: Color(0xFF575A74)),
|
|
// decoration: const InputDecoration(
|
|
// labelText: "To",
|
|
// labelStyle: TextStyle(fontSize: 12, color: Colors.grey),
|
|
// floatingLabelBehavior: FloatingLabelBehavior.never,
|
|
// border: InputBorder.none,
|
|
// contentPadding: EdgeInsets.symmetric(vertical: 16),
|
|
// ),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
|
|
|
|
];
|
|
}
|
|
|
|
List<Widget> _buildCardDetailsRow(bool isDesktop) {
|
|
|
|
List<dynamic> purposeList = widget.apiData?['flight_class'] ?? [];
|
|
|
|
List<DropdownMenuItem<String>> dropdownItems = purposeList
|
|
.map((item)=>DropdownMenuItem<String>(
|
|
value: item['dropdown_value'],
|
|
child: Text(item['dropdown_value']),
|
|
)).toList();
|
|
|
|
if (dropdownItems.isEmpty) {
|
|
dropdownItems.add(
|
|
DropdownMenuItem<String>(
|
|
value: null,
|
|
child: Text("No options available", style: TextStyle(color: Colors.grey)),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Default selected value
|
|
String? selectedPurpose = dropdownItems.isNotEmpty ? dropdownItems.first.value : null;
|
|
return [
|
|
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Card Number*",
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF575A74)),
|
|
),
|
|
SizedBox(height: 5),
|
|
CustomTextFieldItnerarySubWrapper(
|
|
isFocused: _fromFocus,
|
|
isDesktop: isDesktop,
|
|
child: SizedBox(
|
|
height: 40,
|
|
child: TextField(
|
|
focusNode: _fromFocusNode,
|
|
controller: _fromController,
|
|
style: const TextStyle(fontSize: 12),
|
|
decoration: const InputDecoration(
|
|
labelText: "From",
|
|
labelStyle: TextStyle(fontSize: 12, color: Colors.grey),
|
|
floatingLabelBehavior: FloatingLabelBehavior.never,
|
|
border: InputBorder.none,
|
|
contentPadding: EdgeInsets.symmetric(vertical: 16),
|
|
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
|
|
if (isDesktop)
|
|
Spacer()
|
|
else
|
|
SizedBox(
|
|
height: 8,
|
|
),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Currency*",
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF575A74)),
|
|
),
|
|
SizedBox(height: 5),
|
|
CustomTextFieldItnerarySubWrapper(
|
|
isFocused: _toFocus,
|
|
isDesktop: isDesktop,
|
|
child: SizedBox(
|
|
height: 40,
|
|
|
|
child: DropdownButtonFormField<String>(
|
|
focusNode: _hotelNameFocusNode, // Assign the correct focus node
|
|
// controller: _hotelNameController,
|
|
value: selectedPurpose,
|
|
style: TextStyle(fontSize: 12),
|
|
decoration: InputDecoration(
|
|
border: InputBorder.none,
|
|
contentPadding: EdgeInsets.symmetric(
|
|
horizontal: 10), // Proper padding
|
|
),
|
|
onChanged: purposeList.isNotEmpty
|
|
? (newValue) {
|
|
setState(() {
|
|
selectedPurpose = newValue;
|
|
});
|
|
}
|
|
: null,
|
|
items: dropdownItems,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
if (isDesktop)
|
|
Spacer()
|
|
else
|
|
SizedBox(
|
|
height: 8,
|
|
),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Card*",
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF575A74)),
|
|
),
|
|
SizedBox(height: 5),
|
|
CustomTextFieldItnerarySubWrapper(
|
|
isFocused: _toFocus,
|
|
isDesktop: isDesktop,
|
|
child: SizedBox(
|
|
height: 40,
|
|
|
|
child: TextField(
|
|
focusNode: _toFocusNode,
|
|
controller: _toController,
|
|
style: const TextStyle(fontSize: 12),
|
|
decoration: const InputDecoration(
|
|
labelText: "To",
|
|
labelStyle: TextStyle(fontSize: 12, color: Colors.grey),
|
|
floatingLabelBehavior: FloatingLabelBehavior.never,
|
|
border: InputBorder.none,
|
|
contentPadding: EdgeInsets.symmetric(vertical: 16),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
if (isDesktop)
|
|
Spacer()
|
|
else
|
|
SizedBox(
|
|
height: 8,
|
|
),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Cash*",
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF575A74)),
|
|
),
|
|
SizedBox(height: 5),
|
|
CustomTextFieldItnerarySubWrapper(
|
|
isFocused: _fromFocus,
|
|
isDesktop: isDesktop,
|
|
child: SizedBox(
|
|
height: 40,
|
|
child: TextField(
|
|
focusNode: _fromFocusNode,
|
|
controller: _fromController,
|
|
style: const TextStyle(fontSize: 12),
|
|
decoration: const InputDecoration(
|
|
labelText: "From",
|
|
labelStyle: TextStyle(fontSize: 12, color: Colors.grey),
|
|
floatingLabelBehavior: FloatingLabelBehavior.never,
|
|
border: InputBorder.none,
|
|
contentPadding: EdgeInsets.symmetric(vertical: 16),
|
|
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
|
|
|
|
|
|
];
|
|
}
|
|
|
|
List<Widget> _buildThirdRow(bool isDesktop) {
|
|
return [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Delivery Location",
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w600,
|
|
color: Color(0xFF575A74)),
|
|
),
|
|
SizedBox(height: 5),
|
|
CustomTextFieldWrapper(
|
|
isFocused: _commentsFocus, // Dropdown doesn't use focus
|
|
isDesktop: isDesktop,
|
|
width: isDesktop
|
|
? MediaQuery.of(context).size.width * 0.4
|
|
: MediaQuery.of(context).size.width * 0.66,
|
|
child: TextField(
|
|
focusNode: _commentsFocusNode,
|
|
controller: _commentsController,
|
|
maxLines: 3,
|
|
keyboardType: TextInputType.multiline,
|
|
style: TextStyle(fontSize: 12),
|
|
decoration: InputDecoration(
|
|
labelText: "Description",
|
|
labelStyle: TextStyle(fontSize: 12, color: Colors.grey),
|
|
floatingLabelBehavior: FloatingLabelBehavior.never,
|
|
border: InputBorder.none,
|
|
contentPadding: EdgeInsets.symmetric(vertical: 4),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
)
|
|
];
|
|
}
|
|
|
|
List<Widget> _buildFprexCard(bool isDesktop) {
|
|
return [
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
Checkbox(
|
|
value: isChecked,
|
|
side: BorderSide(
|
|
color: Colors.grey, // Change border color
|
|
width: 1, // Adjust thickness
|
|
),
|
|
onChanged: (bool? value) {
|
|
setState(() {
|
|
isChecked = value!;
|
|
});
|
|
},
|
|
),
|
|
Text(
|
|
"Check If You Don't Have a forex Account",
|
|
style: TextStyle(fontSize: 12, fontWeight: FontWeight.w600, color: Color(0xFF575A74)),
|
|
),
|
|
],
|
|
)
|
|
];
|
|
}
|
|
|
|
List<Widget> _handleAction(bool isDesktop) {
|
|
return [
|
|
// Close Button
|
|
ElevatedButton(
|
|
onPressed: () {
|
|
Navigator.of(context).pop(); // Close the dialog or screen
|
|
},
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Colors.grey[400], // Light grey color
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
padding: EdgeInsets.symmetric(horizontal: 20, vertical: 12),
|
|
),
|
|
child: Text(
|
|
"Close",
|
|
style: TextStyle(color: Colors.white, fontSize: 14),
|
|
),
|
|
),
|
|
SizedBox(width: 10), // Space between buttons
|
|
|
|
// Save Changes Button
|
|
ElevatedButton(
|
|
onPressed: () {
|
|
// TODO: Implement save logic
|
|
},
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Colors.blue, // Primary color for save
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
padding: EdgeInsets.symmetric(horizontal: 20, vertical: 12),
|
|
),
|
|
child: Text(
|
|
"Save Changes",
|
|
style: TextStyle(color: Colors.white, fontSize: 14),
|
|
),
|
|
),
|
|
];
|
|
}
|
|
} |