feat: refund page

This commit is contained in:
efrilm
2025-08-04 23:13:52 +07:00
parent 2912a438e3
commit 1b1d01c1e8
14 changed files with 2349 additions and 32 deletions
@@ -0,0 +1,104 @@
import 'package:enaklo_pos/core/extensions/date_time_ext.dart';
import 'package:enaklo_pos/data/models/response/order_response_model.dart';
import 'package:flutter/material.dart';
class RefundAppbar extends StatelessWidget {
final Order order;
const RefundAppbar({super.key, required this.order});
@override
Widget build(BuildContext context) {
return Container(
height: 120,
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [
Color(0xFF36175E),
Color(0xFF4A2C6B),
Color(0xFF5D3F78),
],
begin: Alignment.topLeft,
end: Alignment.bottomRight,
),
boxShadow: [
BoxShadow(
color: Color(0xFF36175E).withOpacity(0.4),
blurRadius: 30,
offset: Offset(0, 15),
),
],
),
child: SafeArea(
child: Padding(
padding: EdgeInsets.symmetric(horizontal: 24, vertical: 16),
child: Row(
children: [
Container(
decoration: BoxDecoration(
color: Colors.white.withOpacity(0.2),
borderRadius: BorderRadius.circular(16),
border: Border.all(color: Colors.white.withOpacity(0.3)),
),
child: IconButton(
icon: Icon(Icons.arrow_back_ios_new,
color: Colors.white, size: 24),
onPressed: () => Navigator.pop(context),
),
),
SizedBox(width: 24),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'Refund Pesanan',
style: TextStyle(
color: Colors.white,
fontSize: 16,
fontWeight: FontWeight.bold,
letterSpacing: -0.5,
),
),
SizedBox(height: 4),
Text(
'Order #${order.orderNumber}',
style: TextStyle(
color: Colors.white.withOpacity(0.9),
fontSize: 16,
fontWeight: FontWeight.w500,
),
),
],
),
),
Container(
padding: EdgeInsets.symmetric(horizontal: 20, vertical: 12),
decoration: BoxDecoration(
color: Colors.white.withOpacity(0.2),
borderRadius: BorderRadius.circular(25),
border: Border.all(color: Colors.white.withOpacity(0.3)),
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.schedule, color: Colors.white, size: 18),
SizedBox(width: 8),
Text(
DateTime.now().toFormattedDate3(),
style: TextStyle(
color: Colors.white,
fontSize: 14,
fontWeight: FontWeight.w600,
),
),
],
),
),
],
),
),
),
);
}
}
@@ -0,0 +1,57 @@
import 'package:enaklo_pos/core/components/spaces.dart';
import 'package:flutter/material.dart';
class RefundInfoTile extends StatelessWidget {
final String title;
final String value;
final IconData icon;
final Color color;
const RefundInfoTile({
super.key,
required this.title,
required this.value,
required this.icon,
required this.color,
});
@override
Widget build(BuildContext context) {
return Container(
padding: EdgeInsets.all(16),
decoration: BoxDecoration(
color: color.withOpacity(0.1),
borderRadius: BorderRadius.circular(16),
border: Border.all(color: color.withOpacity(0.2)),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Icon(icon, color: color, size: 20),
SizedBox(width: 8),
Text(
title,
style: TextStyle(
color: Colors.grey[600],
fontSize: 12,
fontWeight: FontWeight.w500,
),
),
],
),
SpaceHeight(8),
Text(
value,
style: TextStyle(
color: Colors.grey[800],
fontSize: 16,
fontWeight: FontWeight.bold,
),
),
],
),
);
}
}
@@ -0,0 +1,130 @@
import 'package:enaklo_pos/core/components/spaces.dart';
import 'package:enaklo_pos/core/constants/colors.dart';
import 'package:enaklo_pos/core/extensions/int_ext.dart';
import 'package:enaklo_pos/data/models/response/order_response_model.dart';
import 'package:flutter/material.dart';
class RefundOrderItemTile extends StatelessWidget {
final OrderItem item;
const RefundOrderItemTile({super.key, required this.item});
@override
Widget build(BuildContext context) {
return Container(
margin: EdgeInsets.only(bottom: 16),
decoration: BoxDecoration(
color: Colors.grey[50],
borderRadius: BorderRadius.circular(20),
border: Border.all(color: Colors.grey[200]!, width: 1),
),
child: Padding(
padding: EdgeInsets.all(24),
child: Row(
children: [
// Item Icon
Container(
padding: EdgeInsets.all(12),
decoration: BoxDecoration(
color: AppColors.primary.withOpacity(0.1),
borderRadius: BorderRadius.circular(12),
),
child: Icon(
Icons.restaurant,
color: AppColors.primary,
size: 24,
),
),
SizedBox(width: 20),
// Item Details
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
item.productName ?? 'N/A',
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 18,
color: Colors.grey[800],
),
),
if (item.productVariantName != null) ...[
SpaceHeight(4),
Text(
item.productVariantName!,
style: TextStyle(
color: Colors.grey[600],
fontSize: 14,
),
),
],
if (item.notes != null && item.notes!.isNotEmpty) ...[
SpaceHeight(8),
Container(
padding:
EdgeInsets.symmetric(horizontal: 12, vertical: 6),
decoration: BoxDecoration(
color: Colors.amber.withOpacity(0.1),
borderRadius: BorderRadius.circular(8),
),
child: Text(
'Catatan: ${item.notes}',
style: TextStyle(
color: Colors.amber[700],
fontSize: 12,
fontWeight: FontWeight.w500,
),
),
),
],
],
),
),
// Price & Quantity
Column(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Text(
(item.unitPrice ?? 0).currencyFormatRpV2,
style: TextStyle(
fontWeight: FontWeight.bold,
color: AppColors.primary,
fontSize: 16,
),
),
SpaceHeight(4),
Container(
padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
decoration: BoxDecoration(
color: Colors.blue.withOpacity(0.1),
borderRadius: BorderRadius.circular(12),
),
child: Text(
'x${item.quantity}',
style: TextStyle(
color: Colors.blue[700],
fontSize: 14,
fontWeight: FontWeight.bold,
),
),
),
SpaceHeight(8),
Text(
(item.totalPrice ?? 0).currencyFormatRpV2,
style: TextStyle(
color: Colors.grey[600],
fontSize: 14,
fontWeight: FontWeight.w500,
),
),
],
),
],
),
),
);
}
}
@@ -0,0 +1,53 @@
import 'package:enaklo_pos/core/components/spaces.dart';
import 'package:flutter/material.dart';
class RefundReasonTile extends StatelessWidget {
final bool isSelected;
final Map<String, dynamic> reason;
final Function() onTap;
const RefundReasonTile({
super.key,
required this.isSelected,
required this.reason,
required this.onTap,
});
@override
Widget build(BuildContext context) {
return GestureDetector(
onTap: onTap,
child: AnimatedContainer(
duration: Duration(milliseconds: 300),
decoration: BoxDecoration(
color:
isSelected ? reason['color'].withOpacity(0.2) : Colors.grey[100],
borderRadius: BorderRadius.circular(16),
border: Border.all(
color: isSelected ? reason['color'] : Colors.transparent,
width: 2,
),
),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
reason['icon'],
color: isSelected ? reason['color'] : Colors.grey[600],
size: 20,
),
SpaceHeight(4),
Text(
reason['value'],
style: TextStyle(
fontSize: 10,
fontWeight: FontWeight.w600,
color: isSelected ? reason['color'] : Colors.grey[600],
),
textAlign: TextAlign.center,
),
],
),
),
);
}
}