150 lines
4.5 KiB
Dart
150 lines
4.5 KiB
Dart
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 SalesPayment extends StatelessWidget {
|
|
final Order? order;
|
|
const SalesPayment({super.key, this.order});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
'Informasi Pembayaran',
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.bold,
|
|
color: AppColors.primary,
|
|
),
|
|
),
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: Colors.amber.shade100,
|
|
borderRadius: BorderRadius.circular(4),
|
|
),
|
|
child: Text(
|
|
order?.paymentStatus ?? "",
|
|
style: TextStyle(
|
|
fontSize: 10,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.amber.shade800,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SpaceHeight(12),
|
|
...List.generate(
|
|
order?.payments?.length ?? 0,
|
|
(index) => _buildPaymentItem(order?.payments?[index] ?? Payment()),
|
|
),
|
|
const SpaceHeight(12),
|
|
const Divider(),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
'Jumlah yang Dibayar',
|
|
style: TextStyle(color: Colors.grey.shade700),
|
|
),
|
|
Text(
|
|
(order?.totalPaid ?? 0).currencyFormatRpV2,
|
|
style: TextStyle(fontWeight: FontWeight.w500),
|
|
),
|
|
],
|
|
),
|
|
if (((order?.totalAmount ?? 0) - (order?.totalPaid ?? 0)) != 0) ...[
|
|
const SpaceHeight(4),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
'Sisa Tagihan',
|
|
style: TextStyle(
|
|
color: Colors.red.shade700,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
Text(
|
|
((order?.totalAmount ?? 0) - (order?.totalPaid ?? 0))
|
|
.currencyFormatRpV2,
|
|
style: TextStyle(
|
|
color: Colors.red.shade700,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Row _buildPaymentItem(Payment payment) {
|
|
return Row(
|
|
children: [
|
|
Container(
|
|
width: 32,
|
|
height: 32,
|
|
decoration: BoxDecoration(
|
|
color: Colors.green.shade100,
|
|
borderRadius: BorderRadius.circular(4),
|
|
),
|
|
child: Icon(
|
|
Icons.payments,
|
|
color: Colors.green.shade700,
|
|
size: 16,
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
payment.paymentMethodName ?? "",
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
if ((payment.splitTotal ?? 0) > 1)
|
|
Text(
|
|
'Split ${payment.splitNumber ?? 0} of ${payment.splitTotal ?? 0}',
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: Colors.grey.shade600,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Text(
|
|
(payment.amount ?? 0).currencyFormatRpV2,
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w600,
|
|
color: AppColors.green,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|