Hamza/tripz-llc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement core architecture, design system, localization, and trip features for both driver and rider apps.

Browse Source
This commit is contained in:
Hamza-Ayed
2026-07-19 16:21:58 +03:00
parent 959e2fa758
commit c4dfeb4c6f
207 changed files with 14017 additions and 5567 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/driver/lib/features/trip/view/driver_trip_screen.dart
+260
View File
@@ -0,0 +1,260 @@
import 'package:flutter/material.dart';
import 'package:driver/core/l10n/app_localizations.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:intaleq_maps/intaleq_maps.dart';
import '../../../core/design/tokens.dart';
import '../../trip/bloc/driver_trip_bloc.dart';
import 'widgets/trip_action_button.dart';
/// شاشة تنفيذ الرحلة — تتبع السائق أثناء تنفيذ الرحلة.
///
/// الحالات:
/// - `assigned`: عرض pickup + زر "في الطريق"
/// - `driver_arriving`: تتبع المسار إلى العميل
/// - `driver_arrived`: انتظار العميل + زر "بدء الرحلة"
/// - `in_progress`: تتبع المسار إلى dropoff + زر "إتمام"
class DriverTripScreen extends StatelessWidget {
const DriverTripScreen({super.key});
@override
Widget build(BuildContext context) {
final l10n = AppLocalizations.of(context)!;
final cs = Theme.of(context).colorScheme;
return BlocBuilder<DriverTripBloc, DriverTripState>(
builder: (context, state) {
if (state.trip == null) {
return const Scaffold(
body: Center(child: CircularProgressIndicator()),
);
}
final trip = state.trip!;
final statusLabel = _statusLabel(l10n, trip.status);
return Scaffold(
appBar: AppBar(
title: Text(statusLabel),
centerTitle: true,
automaticallyImplyLeading: false,
actions: [
if (state.canCancel)
TextButton(
onPressed: () => _showCancelDialog(context, l10n),
child: Text(
l10n.cancel,
style: TextStyle(color: cs.error),
),
),
],
),
body: Column(
children: [
// ── الخريطة ──
Expanded(
flex: 3,
child: _buildMap(context, trip),
),
// ── معلومات + زر ──
Expanded(
flex: 2,
child: Container(
padding: const EdgeInsets.all(T.s16),
decoration: BoxDecoration(
color: cs.surface,
borderRadius: const BorderRadius.vertical(
top: Radius.circular(T.r24),
),
boxShadow: [
BoxShadow(
color: Colors.black.withValues(alpha: 0.08),
blurRadius: 12,
offset: const Offset(0, -4),
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// معلومات العميل
if (trip.clientName != null)
Row(
children: [
CircleAvatar(
radius: 20,
backgroundColor: cs.primaryContainer,
child: Icon(Icons.person, color: cs.onPrimaryContainer),
),
const SizedBox(width: T.s12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
trip.clientName!,
style: Theme.of(context).textTheme.bodyLarge?.copyWith(
fontWeight: FontWeight.w600,
),
),
if (trip.clientPhone != null)
Text(
trip.clientPhone!,
style: Theme.of(context).textTheme.bodySmall?.copyWith(
color: cs.onSurfaceVariant,
),
),
],
),
),
],
),
const SizedBox(height: T.s12),
// نقاط pickup/dropoff
_InfoRow(
dotColor: const Color(0xFF4CAF50),
label: trip.pickupAddress ?? l10n.pickupLocation,
),
const SizedBox(height: T.s4),
_InfoRow(
dotColor: const Color(0xFFF44336),
label: trip.dropoffAddress ?? l10n.dropoffLocation,
),
if (trip.fare != null) ...[
const SizedBox(height: T.s8),
Text(
'${l10n.tripFare}: ${trip.fare} ${trip.currency ?? ""}',
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
fontWeight: FontWeight.w600,
color: cs.primary,
),
),
],
const Spacer(),
// زر الإجراء التالي
TripActionButton(trip: trip),
if (state.error != null) ...[
const SizedBox(height: T.s8),
Text(
state.error!,
style: TextStyle(color: cs.error, fontSize: 12),
textAlign: TextAlign.center,
),
],
],
),
),
),
],
),
);
},
);
}
Widget _buildMap(BuildContext context, dynamic trip) {
return IntaleqMap(
apiKey: '',
initialCameraPosition: CameraPosition(
target: LatLng(trip.pickupLat, trip.pickupLng),
zoom: 14,
),
myLocationEnabled: true,
myLocationButtonEnabled: false,
zoomControlsEnabled: false,
markers: {
Marker(
markerId: const MarkerId('pickup'),
position: LatLng(trip.pickupLat, trip.pickupLng),
infoWindow: InfoWindow(title: AppLocalizations.of(context)!.pickupLocation),
),
if (trip.dropoffLat != 0 && trip.dropoffLng != 0)
Marker(
markerId: const MarkerId('dropoff'),
position: LatLng(trip.dropoffLat, trip.dropoffLng),
infoWindow: InfoWindow(title: AppLocalizations.of(context)!.dropoffLocation),
),
},
);
}
String _statusLabel(AppLocalizations l10n, String status) {
switch (status) {
case 'assigned':
return l10n.tripAssigned;
case 'driver_arriving':
return l10n.onTheWay;
case 'driver_arrived':
return l10n.arrivedAtPickup;
case 'in_progress':
return l10n.tripInProgress;
case 'completed':
return l10n.tripCompleted;
default:
return l10n.trip;
}
}
void _showCancelDialog(BuildContext context, AppLocalizations l10n) {
final cs = Theme.of(context).colorScheme;
showDialog(
context: context,
builder: (ctx) => AlertDialog(
title: Text(l10n.cancelTrip),
content: Text(l10n.cancelTripConfirm),
actions: [
TextButton(
onPressed: () => Navigator.pop(ctx),
child: Text(l10n.no),
),
TextButton(
onPressed: () {
Navigator.pop(ctx);
context.read<DriverTripBloc>().add(const DriverTripCancelRequested());
},
style: TextButton.styleFrom(foregroundColor: cs.error),
child: Text(l10n.yes),
),
],
),
);
}
}
class _InfoRow extends StatelessWidget {
final Color dotColor;
final String label;
const _InfoRow({required this.dotColor, required this.label});
@override
Widget build(BuildContext context) {
return Row(
children: [
Container(
width: 10,
height: 10,
decoration: BoxDecoration(
color: dotColor,
shape: BoxShape.circle,
),
),
const SizedBox(width: T.s8),
Expanded(
child: Text(
label,
style: Theme.of(context).textTheme.bodyMedium,
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
),
],
);
}
}