lib/features/partners/partner_detail_page.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 '../../models/partner.dart';
import '../../services/analytics_service.dart';
import '../../services/external_link_service.dart';
import '../../widgets/media_gallery.dart';
import '../../widgets/opening_hours.dart';
import '../../widgets/remote_image.dart';
import '../../widgets/proximity_label.dart';
class PartnerDetailPage extends StatefulWidget {
const PartnerDetailPage({super.key, required this.partner});
final Partner partner;
@override
State<PartnerDetailPage> createState() => _PartnerDetailPageState();
}
class _PartnerDetailPageState extends State<PartnerDetailPage> {
static const _links = ExternalLinkService();
late Partner _partner;
bool _loadingDetail = true;
@override
void initState() {
super.initState();
_partner = widget.partner;
AnalyticsService.instance.track(
'partner_view',
properties: {'partner_id': widget.partner.id},
);
WidgetsBinding.instance.addPostFrameCallback((_) => _loadDetail());
}
Future<void> _loadDetail() async {
final detail =
await AppDataScope.read(context).partnerDetail(widget.partner.id);
if (!mounted) return;
setState(() {
_partner = detail;
_loadingDetail = false;
});
}
Future<void> _open(String url, {required String action}) async {
final ok = await _links.open(url);
await AnalyticsService.instance.partnerClick(
partnerId: _partner.id,
success: ok,
action: action,
);
}
@override
Widget build(BuildContext context) {
final l10n = AppLocalizations.of(context);
final partner = _partner;
return Scaffold(
appBar: AppBar(),
body: ListView(
padding: const EdgeInsets.fromLTRB(20, 8, 20, 34),
children: [
RemoteImage(
url: partner.imageUrl,
height: 260,
width: double.infinity,
fit: BoxFit.cover,
borderRadius: BorderRadius.circular(28),
fallbackIcon: Icons.restaurant_rounded,
fallbackIconSize: 72,
semanticLabel: partner.title,
),
const SizedBox(height: 18),
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
OpeningStatusBadge(openingHours: partner.openingHours),
if (partner.openingHours?.trim().isNotEmpty == true)
const SizedBox(height: 8),
if (partner.partnerType?.trim().isNotEmpty == true)
Text(
partner.partnerType!.toUpperCase(),
style: const TextStyle(
color: AppColors.heartRed,
fontWeight: FontWeight.w900,
letterSpacing: 1.1,
),
),
const SizedBox(height: 6),
Text(
partner.title,
style: Theme.of(context)
.textTheme
.headlineSmall
?.copyWith(fontWeight: FontWeight.w900),
),
],
),
),
if (partner.sponsored) const _SponsoredLabel(),
],
),
if (partner.shortDescription?.trim().isNotEmpty == true) ...[
const SizedBox(height: 10),
Text(
partner.shortDescription!,
style: Theme.of(context).textTheme.bodyLarge,
),
],
Builder(
builder: (context) {
final location = LocationScope.of(context);
final meters = location.distanceMetersTo(
partner.latitude,
partner.longitude,
);
if (meters == null) return const SizedBox.shrink();
return Padding(
padding: const EdgeInsets.only(top: 12),
child: ProximityLabel(
distanceMeters: meters,
walkingMinutes: location.walkingMinutesTo(
partner.latitude,
partner.longitude,
),
),
);
},
),
if (_loadingDetail) ...[
const SizedBox(height: 14),
const LinearProgressIndicator(minHeight: 2),
],
if (partner.galleryUrls.isNotEmpty) ...[
const SizedBox(height: 30),
MediaGallery(
urls: partner.galleryUrls,
title: l10n.t('images'),
),
],
if (partner.couponActive &&
partner.couponText?.trim().isNotEmpty == true) ...[
const SizedBox(height: 26),
Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: AppColors.softPink,
borderRadius: BorderRadius.circular(20),
),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Icon(
Icons.local_offer_outlined,
color: AppColors.heartRed,
),
const SizedBox(width: 10),
Expanded(
child: Text(
partner.couponText!,
style: const TextStyle(
color: AppColors.heartRed,
fontWeight: FontWeight.w800,
),
),
),
],
),
),
],
if (partner.description?.trim().isNotEmpty == true) ...[
const SizedBox(height: 28),
Text(
l10n.t('aboutPlace'),
style: Theme.of(context)
.textTheme
.titleLarge
?.copyWith(fontWeight: FontWeight.w900),
),
const SizedBox(height: 10),
Text(
partner.description!,
style:
Theme.of(context).textTheme.bodyLarge?.copyWith(height: 1.55),
),
],
const SizedBox(height: 24),
Wrap(
spacing: 8,
runSpacing: 8,
children: [
if (partner.cuisine?.trim().isNotEmpty == true)
Chip(
avatar: const Icon(Icons.restaurant_menu, size: 17),
label: Text(partner.cuisine!),
),
if (partner.priceLevel?.trim().isNotEmpty == true)
Chip(
avatar: const Icon(Icons.euro, size: 17),
label: Text(l10n.tf('price', {'level': partner.priceLevel!})),
),
],
),
if (partner.openingHours?.trim().isNotEmpty == true) ...[
const SizedBox(height: 20),
OpeningHoursSection(openingHours: partner.openingHours),
],
if (partner.address?.trim().isNotEmpty == true) ...[
const SizedBox(height: 12),
_DetailRow(
icon: Icons.place_outlined,
title: l10n.t('address'),
value: partner.address!,
),
],
if (partner.bookingUrl?.trim().isNotEmpty == true) ...[
const SizedBox(height: 24),
FilledButton.icon(
onPressed: () => _open(partner.bookingUrl!, action: 'booking'),
icon: const Icon(Icons.calendar_month_outlined),
label: Text(l10n.t('reserve')),
),
],
if (partner.websiteUrl?.trim().isNotEmpty == true) ...[
const SizedBox(height: 10),
OutlinedButton.icon(
onPressed: () => _open(partner.websiteUrl!, action: 'website'),
icon: const Icon(Icons.language_rounded),
label: Text(l10n.t('openWebsite')),
),
],
],
),
);
}
}
class _DetailRow extends StatelessWidget {
const _DetailRow({
required this.icon,
required this.title,
required this.value,
});
final IconData icon;
final String title;
final String value;
@override
Widget build(BuildContext context) {
return Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Icon(icon, color: AppColors.heartRed, size: 22),
const SizedBox(width: 10),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
style: const TextStyle(
color: AppColors.mutedInk,
fontWeight: FontWeight.w700,
fontSize: 12,
),
),
const SizedBox(height: 2),
Text(value),
],
),
),
],
);
}
}
class _SponsoredLabel extends StatelessWidget {
const _SponsoredLabel();
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 5),
decoration: BoxDecoration(
color: AppColors.softPink,
borderRadius: BorderRadius.circular(999),
),
child: Text(
AppLocalizations.of(context).t('sponsoredLabel'),
style: TextStyle(
color: AppColors.heartRed,
fontWeight: FontWeight.w800,
fontSize: 11,
),
),
);
}
}