190 lines
7.4 KiB
Dart
190 lines
7.4 KiB
Dart
import 'package:cached_network_image/cached_network_image.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
import 'package:enaklo_pos/core/constants/variables.dart';
|
|
import 'package:enaklo_pos/core/extensions/int_ext.dart';
|
|
import 'package:enaklo_pos/core/extensions/string_ext.dart';
|
|
import 'package:enaklo_pos/data/models/response/product_response_model.dart';
|
|
import 'package:enaklo_pos/presentation/home/bloc/checkout/checkout_bloc.dart';
|
|
|
|
import '../../../core/assets/assets.gen.dart';
|
|
import '../../../core/components/spaces.dart';
|
|
import '../../../core/constants/colors.dart';
|
|
|
|
class ProductCard extends StatelessWidget {
|
|
final Product data;
|
|
final VoidCallback onCartButton;
|
|
|
|
const ProductCard({
|
|
super.key,
|
|
required this.data,
|
|
required this.onCartButton,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return GestureDetector(
|
|
onTap: () {
|
|
context.read<CheckoutBloc>().add(CheckoutEvent.addItem(data));
|
|
},
|
|
child: Container(
|
|
padding: const EdgeInsets.all(16.0),
|
|
decoration: ShapeDecoration(
|
|
shape: RoundedRectangleBorder(
|
|
side: const BorderSide(width: 1, color: AppColors.card),
|
|
borderRadius: BorderRadius.circular(16),
|
|
),
|
|
),
|
|
child: Stack(
|
|
children: [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
SpaceHeight(8),
|
|
Container(
|
|
alignment: Alignment.center,
|
|
padding: const EdgeInsets.all(12.0),
|
|
decoration: BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
color: AppColors.disabled.withOpacity(0.4),
|
|
),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.all(Radius.circular(40.0)),
|
|
child:
|
|
// Icon(
|
|
// Icons.fastfood,
|
|
// size: 40,
|
|
// color: AppColors.primary,
|
|
// ),
|
|
CachedNetworkImage(
|
|
imageUrl: data.image!.contains('http')
|
|
? data.image!
|
|
: '${Variables.baseUrl}/${data.image}',
|
|
width: 60,
|
|
height: 60,
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
),
|
|
const Spacer(),
|
|
Text(
|
|
"${data.name}",
|
|
style: const TextStyle(
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
const Spacer(),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Flexible(
|
|
child: Text(
|
|
data.category?.name ?? '-',
|
|
style: const TextStyle(
|
|
color: AppColors.grey,
|
|
fontSize: 12,
|
|
),
|
|
),
|
|
),
|
|
Flexible(
|
|
child: Text(
|
|
data.price!.toIntegerFromText.currencyFormatRp,
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 13,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const Spacer(),
|
|
],
|
|
),
|
|
BlocBuilder<CheckoutBloc, CheckoutState>(
|
|
builder: (context, state) {
|
|
return state.maybeWhen(
|
|
orElse: () => const SizedBox(),
|
|
loaded: (products,
|
|
discountModel,
|
|
discount,
|
|
discountAmount,
|
|
tax,
|
|
serviceCharge,
|
|
totalQuantity,
|
|
totalPrice,
|
|
draftName,
|
|
orderType) {
|
|
return products.any((element) => element.product == data)
|
|
? products
|
|
.firstWhere(
|
|
(element) => element.product == data)
|
|
.quantity >
|
|
0
|
|
? Align(
|
|
alignment: Alignment.topRight,
|
|
child: Container(
|
|
width: 40,
|
|
height: 40,
|
|
padding: const EdgeInsets.all(6),
|
|
decoration: const BoxDecoration(
|
|
borderRadius:
|
|
BorderRadius.all(Radius.circular(9.0)),
|
|
color: AppColors.primary,
|
|
),
|
|
child: Center(
|
|
child: Text(
|
|
products
|
|
.firstWhere((element) =>
|
|
element.product == data)
|
|
.quantity
|
|
.toString(),
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
),
|
|
)
|
|
: Align(
|
|
alignment: Alignment.topRight,
|
|
child: Container(
|
|
width: 36,
|
|
height: 36,
|
|
padding: const EdgeInsets.all(6),
|
|
decoration: const BoxDecoration(
|
|
borderRadius:
|
|
BorderRadius.all(Radius.circular(9.0)),
|
|
color: AppColors.primary,
|
|
),
|
|
child: Assets.icons.shoppingBasket.svg(),
|
|
),
|
|
)
|
|
: Align(
|
|
alignment: Alignment.topRight,
|
|
child: Container(
|
|
width: 36,
|
|
height: 36,
|
|
padding: const EdgeInsets.all(6),
|
|
decoration: const BoxDecoration(
|
|
borderRadius:
|
|
BorderRadius.all(Radius.circular(9.0)),
|
|
color: AppColors.primary,
|
|
),
|
|
child: Assets.icons.shoppingBasket.svg(),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|