lib/widgets/tour_card.dartDart
import 'package:flutter/material.dart';
import '../core/localization/app_localizations.dart';
import '../core/theme/app_colors.dart';
import '../data/app_data_scope.dart';
import '../data/location_scope.dart';
import '../data/location_store.dart';
import '../models/tour.dart';
import 'proximity_label.dart';
import 'tour_featured_header.dart';
class TourCard extends StatelessWidget {
const TourCard({
super.key,
required this.tour,
required this.languageCode,
required this.onTap,
this.compact = false,
});
final Tour tour;
final String languageCode;
final VoidCallback onTap;
final bool compact;
@override
Widget build(BuildContext context) {
final l10n = AppLocalizations.of(context);
final title = tour.title.get(languageCode);
final subtitle = tour.subtitle.get(languageCode);
final data = AppDataScope.of(context);
final location = LocationScope.of(context);
int? distanceMeters;
int? walkingMinutes;
for (final stop in tour.stops) {
final poi = data.poiById(stop.poiId);
if (!LocationStore.isUsableTarget(poi.latitude, poi.longitude)) {
continue;
}
distanceMeters = location.distanceMetersTo(
poi.latitude,
poi.longitude,
);
walkingMinutes = location.walkingMinutesTo(
poi.latitude,
poi.longitude,
);
break;
}
return InkWell(
onTap: onTap,
borderRadius: BorderRadius.circular(22),
child: Ink(
width: compact ? 275 : double.infinity,
decoration: BoxDecoration(
color: AppColors.surface,
borderRadius: BorderRadius.circular(22),
border: Border.all(color: AppColors.line),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
TourFeaturedHeader(
imageUrl: tour.imageUrl,
title: title,
height: compact ? 120 : 150,
compact: true,
borderRadius: const BorderRadius.vertical(
top: Radius.circular(21),
),
),
Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: Theme.of(context)
.textTheme
.titleMedium
?.copyWith(fontWeight: FontWeight.w800),
),
const SizedBox(height: 6),
Text(
subtitle,
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: Theme.of(context)
.textTheme
.bodyMedium
?.copyWith(color: AppColors.mutedInk),
),
if (distanceMeters != null) ...[
const SizedBox(height: 9),
ProximityLabel(
distanceMeters: distanceMeters,
walkingMinutes: walkingMinutes,
compact: compact,
),
],
const SizedBox(height: 10),
Wrap(
spacing: 6,
runSpacing: 6,
children: [
if (tour.familyFriendly)
_TourTrait(
icon: Icons.family_restroom_rounded,
label: l10n.t('family')),
if (tour.offlineReady)
_TourTrait(
icon: Icons.offline_pin_rounded,
label: l10n.t('offline')),
_TourTrait(
icon: Icons.pin_drop_outlined,
label: l10n
.tf('tourStopsCount', {'n': tour.stops.length})),
],
),
const SizedBox(height: 13),
Row(
children: [
const Icon(Icons.schedule, size: 17),
const SizedBox(width: 5),
Text('${tour.durationMinutes} ${l10n.t('minutesShort')}'),
const SizedBox(width: 14),
const Icon(Icons.route, size: 17),
const SizedBox(width: 5),
Text('${tour.distanceKm.toStringAsFixed(1)} km'),
const Spacer(),
const Icon(Icons.arrow_forward_rounded),
],
),
],
),
),
],
),
),
);
}
}
class _TourTrait extends StatelessWidget {
const _TourTrait({required this.icon, required this.label});
final IconData icon;
final String label;
@override
Widget build(BuildContext context) => Container(
padding: const EdgeInsets.symmetric(horizontal: 7, vertical: 4),
decoration: BoxDecoration(
color: AppColors.softPink,
borderRadius: BorderRadius.circular(999),
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(icon, size: 13, color: AppColors.heartRed),
const SizedBox(width: 4),
Text(label,
style:
const TextStyle(fontSize: 10, fontWeight: FontWeight.w800)),
],
),
);
}