lib/widgets/partner_recommendations.dartDart
import 'package:flutter/material.dart';
import '../core/localization/app_localizations.dart';
import '../core/theme/app_colors.dart';
import '../features/partners/partner_detail_page.dart';
import '../services/analytics_service.dart';
import '../services/partner_recommendation_service.dart';
import '../data/location_scope.dart';
import '../data/app_data_scope.dart';
import '../models/partner.dart';
import '../models/ad_campaign.dart';
import '../features/partners/sponsor_locations_page.dart';
import 'sponsored_banner.dart';
import 'remote_image.dart';
import 'proximity_label.dart';
class PartnerRecommendations extends StatelessWidget {
const PartnerRecommendations({
super.key,
required this.items,
});
final List<PartnerRecommendation> items;
@override
Widget build(BuildContext context) {
final l10n = AppLocalizations.of(context);
if (items.isEmpty) return const SizedBox.shrink();
final nearbyAd = AppDataScope.of(context).campaignFor(AdPlacement.nearby);
final adPosition = nearbyAd == null
? -1
: nearbyAd.nearbyPosition.clamp(0, items.length).toInt();
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
l10n.t('nearbyMatches'),
style: Theme.of(context)
.textTheme
.titleLarge
?.copyWith(fontWeight: FontWeight.w900),
),
const SizedBox(height: 5),
Text(
l10n.t('contextTips'),
style: TextStyle(color: AppColors.mutedInk),
),
const SizedBox(height: 12),
if (nearbyAd != null && adPosition == 0) ...[
SponsoredBanner(
campaign: nearbyAd,
compact: true,
placement: 'nearby',
onTapOverride: nearbyAd.locationsEnabled
? () => Navigator.of(context).push(MaterialPageRoute(
builder: (_) => SponsorLocationsPage(campaign: nearbyAd),
))
: null,
),
const SizedBox(height: 10),
],
for (var i = 0; i < items.length; i++) ...[
_PartnerCard(item: items[i]),
const SizedBox(height: 10),
if (nearbyAd != null && i + 1 == adPosition) ...[
SponsoredBanner(
campaign: nearbyAd,
compact: true,
placement: 'nearby',
onTapOverride: nearbyAd.locationsEnabled
? () => Navigator.of(context).push(MaterialPageRoute(
builder: (_) =>
SponsorLocationsPage(campaign: nearbyAd),
))
: null,
),
const SizedBox(height: 10),
],
],
],
);
}
}
class _PartnerCard extends StatefulWidget {
const _PartnerCard({required this.item});
final PartnerRecommendation item;
@override
State<_PartnerCard> createState() => _PartnerCardState();
}
class _PartnerCardState extends State<_PartnerCard> {
bool _trackedImpression = false;
Partner? _detailPartner;
@override
void initState() {
super.initState();
WidgetsBinding.instance.addPostFrameCallback((_) => _loadMediaDetail());
}
Future<void> _loadMediaDetail() async {
final partner = widget.item.partner;
if (partner.imageUrl?.trim().isNotEmpty == true && partner.hasGallery) {
return;
}
try {
final detail = await AppDataScope.read(context).partnerDetail(partner.id);
if (!mounted) return;
setState(() => _detailPartner = detail);
} catch (_) {
// Restaurant icon stays as the fallback when WordPress has no image.
}
}
@override
Widget build(BuildContext context) {
final l10n = AppLocalizations.of(context);
final item = widget.item;
final partner = _detailPartner ?? item.partner;
final location = LocationScope.of(context);
final userDistance = location.distanceMetersTo(
partner.latitude,
partner.longitude,
);
final userWalk = location.walkingMinutesTo(
partner.latitude,
partner.longitude,
);
if (!_trackedImpression) {
_trackedImpression = true;
WidgetsBinding.instance.addPostFrameCallback((_) {
AnalyticsService.instance
.partnerImpression(partner.id, placement: 'nearby_recommendation');
});
}
return Material(
color: Colors.white,
borderRadius: BorderRadius.circular(20),
child: InkWell(
borderRadius: BorderRadius.circular(20),
onTap: () {
AnalyticsService.instance.track('nearby_partner_click', properties: {
'partner_id': partner.id,
'placement': 'nearby_recommendation'
});
Navigator.of(context).push(
MaterialPageRoute(
builder: (_) => PartnerDetailPage(partner: partner),
),
);
},
child: Container(
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
border: Border.all(color: AppColors.line),
),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
RemoteImage(
url: partner.imageUrl,
width: 92,
height: 92,
fit: BoxFit.cover,
borderRadius: BorderRadius.circular(16),
fallbackIcon: Icons.restaurant_rounded,
fallbackIconSize: 34,
semanticLabel: partner.title,
),
const SizedBox(width: 13),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Expanded(
child: Text(
partner.title,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
fontWeight: FontWeight.w900,
fontSize: 16,
),
),
),
if (partner.sponsored) ...[
const SizedBox(width: 6),
const _SponsoredLabel(),
],
],
),
const SizedBox(height: 4),
Text(
'${l10n.tf('distanceAway', {
'distance': _distance(item.distanceMeters)
})} · ${item.reason}',
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
color: AppColors.mutedInk,
fontSize: 12,
height: 1.3,
),
),
if (userDistance != null) ...[
const SizedBox(height: 5),
ProximityLabel(
distanceMeters: userDistance,
walkingMinutes: userWalk,
compact: true,
),
],
if (partner.shortDescription?.trim().isNotEmpty ==
true) ...[
const SizedBox(height: 5),
Text(
partner.shortDescription!,
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: const TextStyle(height: 1.25),
),
],
if (partner.couponActive) ...[
const SizedBox(height: 6),
Row(
mainAxisSize: MainAxisSize.min,
children: [
const Icon(
Icons.local_offer_outlined,
color: AppColors.heartRed,
size: 15,
),
const SizedBox(width: 4),
Text(
l10n.t('benefitAvailable'),
style: const TextStyle(
color: AppColors.heartRed,
fontWeight: FontWeight.w800,
fontSize: 12,
),
),
],
),
],
],
),
),
const SizedBox(width: 2),
const Padding(
padding: EdgeInsets.only(top: 32),
child: Icon(
Icons.chevron_right_rounded,
color: AppColors.mutedInk,
),
),
],
),
),
),
);
}
static String _distance(int meters) {
if (meters < 1000) return '$meters m';
return '${(meters / 1000).toStringAsFixed(1)} km';
}
}
class _SponsoredLabel extends StatelessWidget {
const _SponsoredLabel();
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.symmetric(horizontal: 7, vertical: 4),
decoration: BoxDecoration(
color: AppColors.softPink,
borderRadius: BorderRadius.circular(999),
),
child: Text(
AppLocalizations.of(context).t('advertisement'),
style: TextStyle(
color: AppColors.heartRed,
fontWeight: FontWeight.w800,
fontSize: 10,
),
),
);
}
}