fix
This commit is contained in:
Phuoc Nguyen
@@ -1,35 +1,30 @@
|
||||
/// Invoice Section Widget
|
||||
///
|
||||
/// Optional invoice information form section.
|
||||
/// Optional invoice information section with address selection.
|
||||
library;
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_hooks/flutter_hooks.dart';
|
||||
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
|
||||
import 'package:go_router/go_router.dart';
|
||||
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
||||
import 'package:worker/core/constants/ui_constants.dart';
|
||||
import 'package:worker/core/theme/colors.dart';
|
||||
import 'package:worker/features/cart/presentation/widgets/checkout_text_field.dart';
|
||||
import 'package:worker/features/account/presentation/providers/address_provider.dart';
|
||||
|
||||
/// Invoice Section
|
||||
///
|
||||
/// Collects invoice/VAT information when checkbox is enabled.
|
||||
class InvoiceSection extends HookWidget {
|
||||
final ValueNotifier<bool> needsInvoice;
|
||||
final TextEditingController companyNameController;
|
||||
final TextEditingController taxIdController;
|
||||
final TextEditingController companyAddressController;
|
||||
final TextEditingController companyEmailController;
|
||||
/// Shows invoice toggle and default address when enabled.
|
||||
/// Matches HTML design from checkout.html.
|
||||
class InvoiceSection extends HookConsumerWidget {
|
||||
const InvoiceSection({super.key, required this.needsInvoice});
|
||||
|
||||
const InvoiceSection({
|
||||
super.key,
|
||||
required this.needsInvoice,
|
||||
required this.companyNameController,
|
||||
required this.taxIdController,
|
||||
required this.companyAddressController,
|
||||
required this.companyEmailController,
|
||||
});
|
||||
final ValueNotifier<bool> needsInvoice;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
// Watch the default address
|
||||
final defaultAddr = ref.watch(defaultAddressProvider);
|
||||
|
||||
return Container(
|
||||
margin: const EdgeInsets.symmetric(horizontal: AppSpacing.md),
|
||||
padding: const EdgeInsets.all(AppSpacing.md),
|
||||
@@ -47,19 +42,18 @@ class InvoiceSection extends HookWidget {
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// Invoice Checkbox
|
||||
// Header with Toggle
|
||||
Row(
|
||||
children: [
|
||||
Checkbox(
|
||||
value: needsInvoice.value,
|
||||
onChanged: (value) {
|
||||
needsInvoice.value = value ?? false;
|
||||
},
|
||||
activeColor: AppColors.primaryBlue,
|
||||
const FaIcon(
|
||||
FontAwesomeIcons.fileInvoice,
|
||||
color: AppColors.primaryBlue,
|
||||
size: 16,
|
||||
),
|
||||
const SizedBox(width: AppSpacing.sm),
|
||||
const Expanded(
|
||||
child: Text(
|
||||
'Xuất hóa đơn VAT',
|
||||
'Phát hành hóa đơn',
|
||||
style: TextStyle(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w600,
|
||||
@@ -67,79 +61,148 @@ class InvoiceSection extends HookWidget {
|
||||
),
|
||||
),
|
||||
),
|
||||
// Toggle Switch
|
||||
Switch(
|
||||
value: needsInvoice.value,
|
||||
onChanged: (value) {
|
||||
needsInvoice.value = value;
|
||||
},
|
||||
activeTrackColor: AppColors.primaryBlue,
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
// Invoice Fields (visible when checkbox is checked)
|
||||
// Invoice Information (visible when toggle is ON)
|
||||
if (needsInvoice.value) ...[
|
||||
const SizedBox(height: AppSpacing.md),
|
||||
|
||||
// Company Name
|
||||
CheckoutTextField(
|
||||
label: 'Tên công ty',
|
||||
controller: companyNameController,
|
||||
required: true,
|
||||
validator: (value) {
|
||||
if (needsInvoice.value && (value == null || value.isEmpty)) {
|
||||
return 'Vui lòng nhập tên công ty';
|
||||
}
|
||||
return null;
|
||||
},
|
||||
),
|
||||
|
||||
const Divider(color: Color(0xFFE0E0E0)),
|
||||
const SizedBox(height: AppSpacing.md),
|
||||
|
||||
// Tax ID
|
||||
CheckoutTextField(
|
||||
label: 'Mã số thuế',
|
||||
controller: taxIdController,
|
||||
required: true,
|
||||
keyboardType: TextInputType.number,
|
||||
validator: (value) {
|
||||
if (needsInvoice.value && (value == null || value.isEmpty)) {
|
||||
return 'Vui lòng nhập mã số thuế';
|
||||
}
|
||||
return null;
|
||||
},
|
||||
),
|
||||
// Address Card
|
||||
if (defaultAddr != null)
|
||||
InkWell(
|
||||
onTap: () {
|
||||
// Navigate to addresses page for selection
|
||||
context.push('/account/addresses');
|
||||
},
|
||||
borderRadius: BorderRadius.circular(AppRadius.sm),
|
||||
child: Container(
|
||||
padding: const EdgeInsets.all(AppSpacing.sm),
|
||||
decoration: BoxDecoration(
|
||||
border: Border.all(color: const Color(0xFFE0E0E0)),
|
||||
borderRadius: BorderRadius.circular(AppRadius.sm),
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// Company/Address Title
|
||||
Text(
|
||||
defaultAddr.addressTitle,
|
||||
style: const TextStyle(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Color(0xFF212121),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
|
||||
const SizedBox(height: AppSpacing.md),
|
||||
// Tax Code (if available)
|
||||
if (defaultAddr.taxCode != null &&
|
||||
defaultAddr.taxCode!.isNotEmpty) ...[
|
||||
Text(
|
||||
'Mã số thuế: ${defaultAddr.taxCode}',
|
||||
style: const TextStyle(
|
||||
fontSize: 12,
|
||||
color: Color(0xFF757575),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
],
|
||||
|
||||
// Company Address
|
||||
CheckoutTextField(
|
||||
label: 'Địa chỉ công ty',
|
||||
controller: companyAddressController,
|
||||
required: true,
|
||||
maxLines: 2,
|
||||
validator: (value) {
|
||||
if (needsInvoice.value && (value == null || value.isEmpty)) {
|
||||
return 'Vui lòng nhập địa chỉ công ty';
|
||||
}
|
||||
return null;
|
||||
},
|
||||
),
|
||||
// Phone
|
||||
Text(
|
||||
'Số điện thoại: ${defaultAddr.phone}',
|
||||
style: const TextStyle(
|
||||
fontSize: 12,
|
||||
color: Color(0xFF757575),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
|
||||
const SizedBox(height: AppSpacing.md),
|
||||
// Email (if available)
|
||||
if (defaultAddr.email != null &&
|
||||
defaultAddr.email!.isNotEmpty) ...[
|
||||
Text(
|
||||
'Email: ${defaultAddr.email}',
|
||||
style: const TextStyle(
|
||||
fontSize: 12,
|
||||
color: Color(0xFF757575),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
],
|
||||
|
||||
// Company Email
|
||||
CheckoutTextField(
|
||||
label: 'Email nhận hóa đơn',
|
||||
controller: companyEmailController,
|
||||
required: true,
|
||||
keyboardType: TextInputType.emailAddress,
|
||||
validator: (value) {
|
||||
if (needsInvoice.value && (value == null || value.isEmpty)) {
|
||||
return 'Vui lòng nhập email';
|
||||
}
|
||||
if (needsInvoice.value &&
|
||||
!RegExp(
|
||||
r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$',
|
||||
).hasMatch(value!)) {
|
||||
return 'Email không hợp lệ';
|
||||
}
|
||||
return null;
|
||||
},
|
||||
),
|
||||
// Address
|
||||
Text(
|
||||
'Địa chỉ: ${defaultAddr.fullAddress}',
|
||||
style: const TextStyle(
|
||||
fontSize: 12,
|
||||
color: Color(0xFF757575),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(width: AppSpacing.sm),
|
||||
const FaIcon(
|
||||
FontAwesomeIcons.chevronRight,
|
||||
size: 14,
|
||||
color: Color(0xFF9E9E9E),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
)
|
||||
else
|
||||
// No default address - show button to add
|
||||
InkWell(
|
||||
onTap: () {
|
||||
context.push('/account/addresses');
|
||||
},
|
||||
borderRadius: BorderRadius.circular(AppRadius.sm),
|
||||
child: Container(
|
||||
padding: const EdgeInsets.all(AppSpacing.md),
|
||||
decoration: BoxDecoration(
|
||||
border: Border.all(
|
||||
color: AppColors.primaryBlue,
|
||||
style: BorderStyle.solid,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(AppRadius.sm),
|
||||
),
|
||||
child: const Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
FaIcon(
|
||||
FontAwesomeIcons.plus,
|
||||
size: 14,
|
||||
color: AppColors.primaryBlue,
|
||||
),
|
||||
SizedBox(width: AppSpacing.sm),
|
||||
Text(
|
||||
'Thêm địa chỉ xuất hóa đơn',
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: AppColors.primaryBlue,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
|
||||
Reference in New Issue
Block a user