You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
car_common_app/lib/widgets/common_widgets/provider_details_card.dart

133 lines
5.0 KiB
Dart

3 years ago
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:mc_common_app/classes/consts.dart';
import 'package:mc_common_app/extensions/int_extensions.dart';
import 'package:mc_common_app/extensions/string_extensions.dart';
import 'package:mc_common_app/generated/locale_keys.g.dart';
import 'package:mc_common_app/models/services_models/service_model.dart';
3 years ago
import 'package:mc_common_app/theme/colors.dart';
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
class ProviderDetailsCard extends StatelessWidget {
final String providerImageUrl;
final String title;
final String? providerName;
3 years ago
final String providerLocation;
final String providerRatings;
//TODO: items can be make a generaic, so we can add services/items in the future
3 years ago
final List<ServiceModel>? services;
3 years ago
final Function() onCardTapped;
const ProviderDetailsCard({
Key? key,
required this.providerImageUrl,
required this.title,
this.providerName,
3 years ago
required this.providerRatings,
required this.providerLocation,
3 years ago
this.services,
3 years ago
required this.onCardTapped,
}) : super(key: key);
@override
Widget build(BuildContext context) {
//TODO: use pading in listview
3 years ago
return Padding(
padding: EdgeInsets.zero,
// padding: const EdgeInsets.only(
// bottom: 10,
// left: 21,
// right: 21,
// ),
3 years ago
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
3 years ago
children: [
Image.asset(
providerImageUrl,
width: 80,
height: 85,
fit: BoxFit.cover,
),
12.width,
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
children: [
title.toText(fontSize: 16, isBold: true),
3 years ago
Row(
children: [
("${LocaleKeys.location.tr()}:").toText(color: MyColors.lightTextColor, fontSize: 12),
4.width,
providerLocation.toText(fontSize: 12, isBold: true),
3 years ago
],
),
if (providerName != null)
Row(
children: [
("${LocaleKeys.providers.tr()}:").toText(color: MyColors.lightTextColor, fontSize: 12),
4.width,
providerName!.toText(fontSize: 12, isBold: true),
],
),
3 years ago
],
),
),
Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
providerRatings.toText(
isUnderLine: true,
isBold: true,
fontSize: 12,
),
2.width,
MyAssets.starIcon.buildSvg(width: 12),
],
),
],
),
8.height,
3 years ago
if (services != null)
Column(
3 years ago
children: services!
.take(2)
.map(
(e) =>
3 years ago
Row(
children: [
//TODO: Needs to add icon in the future when added from the provider
// MyAssets.maintenanceIcon.buildSvg(),
// 8.width,
e.serviceDescription.toString().toText(
fontSize: 12,
isBold: true,
)
3 years ago
],
),
)
.toList(),
),
3 years ago
if (services != null && services!.length > 2)
("+${services!.length - 2} more").toText(
color: MyColors.primaryColor,
isUnderLine: true,
isBold: true,
),
3 years ago
],
),
),
],
).onPress(onCardTapped).toWhiteContainer(width: double.infinity, allPading: 12));
}
}