719 lines
29 KiB
Dart
719 lines
29 KiB
Dart
// earnings_page.dart — شاشة أرباح السائق
|
||
//
|
||
// الترتيب مقصود ويخالف الشاشة السابقة: **اليوم أولاً**. الشاشة القديمة
|
||
// كانت تبدأ بترويسة زخرفية بارتفاع ٢٠٠ ثم تبويبَي أسبوعي/شهري — والسائق
|
||
// يفتح الشاشة ليعرف كم كسب اليوم، لا ليقرأ تقريراً شهرياً.
|
||
//
|
||
// ثم الاقتطاعات، ثم أسبوعه، ثم تفصيل كل رحلة.
|
||
import 'package:flutter/material.dart';
|
||
import 'package:get/get.dart';
|
||
import 'package:siro_driver/constant/currency.dart';
|
||
import 'package:siro_driver/constant/finance_design_system.dart';
|
||
import 'package:siro_driver/controller/gamification/gamification_controller.dart';
|
||
import 'package:siro_driver/controller/home/statistics/earnings_controller.dart';
|
||
import 'package:siro_driver/controller/home/statistics/earnings_models.dart';
|
||
|
||
import '../../widgets/ui/siro_ui.dart';
|
||
import 'widgets/behavior_and_achievements.dart';
|
||
import 'widgets/daily_goal_widget.dart';
|
||
import 'widgets/level_progress_widget.dart';
|
||
import 'widgets/stat_summary_card.dart';
|
||
|
||
class EarningsPage extends StatelessWidget {
|
||
EarningsPage({super.key});
|
||
|
||
// Get.put هنا لا في build: الشاشة السابقة كانت تنادي التحديث داخل
|
||
// build، وbuild يعمل عشرات المرات — أي نداء شبكي مع كل إعادة رسم.
|
||
final EarningsController c = Get.put(EarningsController());
|
||
final GamificationController gam = Get.put(GamificationController());
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
// شريط العنوان يأتي من الثيم — كان يبني ألوانه يدوياً في كل صفحة،
|
||
// فيختلف ارتفاعه ووزن خطه من شاشة لأخرى.
|
||
return Scaffold(
|
||
appBar: AppBar(title: Text('My Earnings'.tr)),
|
||
body: GetBuilder<EarningsController>(
|
||
builder: (ctl) {
|
||
if (ctl.isLoading && ctl.summary == null) {
|
||
return const SiroLoading();
|
||
}
|
||
|
||
// لا بيانات ولا كاش: نعرض الخطأ صريحاً مع زر إعادة. الشاشة
|
||
// السابقة كانت تعرض سبعة أيام بأصفار في هذه الحالة — فيرى
|
||
// السائق دخله وقد تبخّر، وهي أسوأ رسالة يمكن أن يتلقّاها.
|
||
if (ctl.summary == null) {
|
||
return _errorState(ctl);
|
||
}
|
||
|
||
final s = ctl.summary!;
|
||
|
||
// الترتيب هو القرار الأهم في هذه الشاشة بعد دمج الإحصائيات
|
||
// فيها: **المال أولاً، ثم التقدّم**. السائق يفتحها ليعرف كم
|
||
// كسب، لا ليرى مستواه — ووضع التلعيب قبل الأرباح كان يجعله
|
||
// يمرّر ثلاث شاشات ليصل إلى ما جاء من أجله.
|
||
return RefreshIndicator(
|
||
onRefresh: () async {
|
||
await ctl.load(force: true);
|
||
await gam.fetchGamificationData(force: true);
|
||
},
|
||
child: ListView(
|
||
physics: const AlwaysScrollableScrollPhysics(),
|
||
padding: const EdgeInsets.symmetric(
|
||
horizontal: FinanceDesignSystem.horizontalPadding,
|
||
vertical: 8),
|
||
children: [
|
||
if (ctl.errorMessage != null) _staleBanner(ctl),
|
||
_todayCard(s, ctl),
|
||
const SizedBox(height: 16),
|
||
if (s.deductions.hasAny) ...[
|
||
_deductionsCard(s.deductions),
|
||
const SizedBox(height: 16),
|
||
],
|
||
_weekCard(s, ctl),
|
||
const SizedBox(height: 16),
|
||
_monthCard(s),
|
||
const SizedBox(height: 16),
|
||
_tripsSection(ctl),
|
||
const SizedBox(height: 24),
|
||
_progressSection(),
|
||
const SizedBox(height: 40),
|
||
],
|
||
),
|
||
);
|
||
},
|
||
),
|
||
);
|
||
}
|
||
|
||
/// قسم التقدّم — ما كان شاشة «الإحصائيات» المنفصلة.
|
||
///
|
||
/// في GetBuilder خاصّ به: بيانات التلعيب تصل من نقطة أخرى وفي وقت
|
||
/// آخر، وربطها بمُنشئ الأرباح كان سيعيد رسم الشاشة كلها — بأرقام
|
||
/// المال وقوائم الرحلات — كلما تحدّث عدّاد إنجاز.
|
||
Widget _progressSection() => GetBuilder<GamificationController>(
|
||
builder: (gc) {
|
||
if (gc.isLoading) {
|
||
return const Padding(
|
||
padding: EdgeInsets.symmetric(vertical: 24),
|
||
child: Center(child: CircularProgressIndicator()),
|
||
);
|
||
}
|
||
|
||
return Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text('تقدّمي', style: FinanceDesignSystem.headingStyle),
|
||
const SizedBox(height: 12),
|
||
|
||
// هدف اليوم بعد الأرباح مباشرةً منطقياً — لكنه هنا لأنه
|
||
// تحفيز لا معلومة: مكانه بعد أن يعرف السائق أرقامه.
|
||
DailyGoalWidget(controller: gc),
|
||
const SizedBox(height: 16),
|
||
|
||
LevelProgressWidget(controller: gc),
|
||
const SizedBox(height: 16),
|
||
|
||
GridView.count(
|
||
crossAxisCount: 2,
|
||
shrinkWrap: true,
|
||
physics: const NeverScrollableScrollPhysics(),
|
||
crossAxisSpacing: 12,
|
||
mainAxisSpacing: 12,
|
||
childAspectRatio: 1.5,
|
||
children: [
|
||
StatSummaryCard(
|
||
icon: Icons.local_taxi_rounded,
|
||
label: 'Total Trips'.tr,
|
||
value: gc.totalTrips.toString(),
|
||
color: FinanceDesignSystem.accentBlue,
|
||
),
|
||
StatSummaryCard(
|
||
icon: Icons.star_rounded,
|
||
label: 'Rating'.tr,
|
||
value: gc.averageRating.toStringAsFixed(1),
|
||
color: const Color(0xFFFFD700),
|
||
),
|
||
StatSummaryCard(
|
||
icon: Icons.whatshot_rounded,
|
||
label: 'Day Streak'.tr,
|
||
value: '${gc.consecutiveDays}',
|
||
color: const Color(0xFFFF5722),
|
||
),
|
||
StatSummaryCard(
|
||
icon: Icons.people_rounded,
|
||
label: 'Referrals'.tr,
|
||
value: gc.totalReferrals.toString(),
|
||
color: const Color(0xFF9C27B0),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 16),
|
||
|
||
BehaviorSection(gc: gc),
|
||
const SizedBox(height: 24),
|
||
|
||
AchievementsSection(gc: gc),
|
||
],
|
||
);
|
||
},
|
||
);
|
||
|
||
Widget _errorState(EarningsController ctl) => Center(
|
||
child: Padding(
|
||
padding: const EdgeInsets.all(32),
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Icon(Icons.cloud_off_rounded,
|
||
size: 48, color: FinanceDesignSystem.textMuted),
|
||
const SizedBox(height: 12),
|
||
Text(
|
||
ctl.errorMessage ?? 'تعذّر تحميل أرباحك',
|
||
textAlign: TextAlign.center,
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.primaryDark, fontSize: 15),
|
||
),
|
||
const SizedBox(height: 6),
|
||
Text(
|
||
'أرباحك محفوظة ولم يضع منها شيء — المشكلة في التحميل فقط.',
|
||
textAlign: TextAlign.center,
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.textSecondary, fontSize: 12),
|
||
),
|
||
const SizedBox(height: 20),
|
||
ElevatedButton.icon(
|
||
onPressed: () => ctl.load(force: true),
|
||
icon: const Icon(Icons.refresh_rounded),
|
||
label: const Text('إعادة المحاولة'),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
|
||
/// بيانات قديمة معروضة بعد فشل التحديث. إظهار ذلك صراحةً أصدق من
|
||
/// تقديم رقمٍ عمره ساعات على أنه لحظته.
|
||
Widget _staleBanner(EarningsController ctl) => Container(
|
||
margin: const EdgeInsets.only(bottom: 12),
|
||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
|
||
decoration: BoxDecoration(
|
||
color: Colors.orange.withValues(alpha: 0.12),
|
||
borderRadius: BorderRadius.circular(FinanceDesignSystem.mainRadius),
|
||
),
|
||
child: Row(
|
||
children: [
|
||
const Icon(Icons.history_rounded, color: Colors.orange, size: 18),
|
||
const SizedBox(width: 8),
|
||
Expanded(
|
||
child: Text(
|
||
'${ctl.errorMessage} — هذه أرقام ${ctl.lastUpdatedLabel}',
|
||
style: const TextStyle(color: Colors.orange, fontSize: 12),
|
||
),
|
||
),
|
||
TextButton(
|
||
onPressed: () => ctl.load(force: true),
|
||
child: const Text('تحديث', style: TextStyle(fontSize: 12)),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
|
||
/// بطاقة اليوم — الرقم الذي فُتحت الشاشة من أجله.
|
||
Widget _todayCard(EarningsSummary s, EarningsController ctl) {
|
||
final t = s.today;
|
||
|
||
return Container(
|
||
padding: const EdgeInsets.all(20),
|
||
decoration: BoxDecoration(
|
||
gradient: FinanceDesignSystem.balanceGradient,
|
||
borderRadius: BorderRadius.circular(FinanceDesignSystem.cardRadius),
|
||
boxShadow: [FinanceDesignSystem.softShadow],
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
const Text('أرباح اليوم',
|
||
style: TextStyle(color: Colors.white70, fontSize: 13)),
|
||
const Spacer(),
|
||
Text(ctl.lastUpdatedLabel,
|
||
style: const TextStyle(color: Colors.white54, fontSize: 11)),
|
||
],
|
||
),
|
||
const SizedBox(height: 6),
|
||
Text('${t.net.toStringAsFixed(2)} ${CurrencyHelper.currency}',
|
||
style: const TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 34,
|
||
fontWeight: FontWeight.bold)),
|
||
const SizedBox(height: 14),
|
||
Row(
|
||
children: [
|
||
_miniStat(Icons.local_taxi_rounded, '${t.trips}', 'رحلة'),
|
||
_miniStat(Icons.schedule_rounded,
|
||
t.hours.toStringAsFixed(1), 'ساعة'),
|
||
_miniStat(Icons.route_rounded,
|
||
t.distance.toStringAsFixed(0), 'كم'),
|
||
],
|
||
),
|
||
// تركيبة المبلغ ظاهرة: إجمالي ← عمولة ← صافي. السائق الذي يرى
|
||
// التركيبة يفهم، والذي يرى الصافي وحده يخمّن ويشكّ.
|
||
if (t.gross > 0) ...[
|
||
const SizedBox(height: 14),
|
||
Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
|
||
decoration: BoxDecoration(
|
||
color: Colors.white.withValues(alpha: 0.12),
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
_breakdownBit('دفع الركاب', t.gross),
|
||
_breakdownBit('عمولة المنصة', t.commission, dim: true),
|
||
_breakdownBit('لك', t.net, bold: true),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _miniStat(IconData icon, String value, String label) => Expanded(
|
||
child: Row(
|
||
children: [
|
||
Icon(icon, color: Colors.white70, size: 16),
|
||
const SizedBox(width: 6),
|
||
Text(value,
|
||
style: const TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 15,
|
||
fontWeight: FontWeight.w700)),
|
||
const SizedBox(width: 3),
|
||
Text(label,
|
||
style: const TextStyle(color: Colors.white54, fontSize: 11)),
|
||
],
|
||
),
|
||
);
|
||
|
||
Widget _breakdownBit(String label, double value,
|
||
{bool dim = false, bool bold = false}) =>
|
||
Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(label,
|
||
style: TextStyle(
|
||
color: Colors.white.withValues(alpha: 0.6), fontSize: 10)),
|
||
const SizedBox(height: 2),
|
||
Text(value.toStringAsFixed(2),
|
||
style: TextStyle(
|
||
color: dim
|
||
? Colors.white.withValues(alpha: 0.7)
|
||
: Colors.white,
|
||
fontSize: bold ? 15 : 13,
|
||
fontWeight: bold ? FontWeight.bold : FontWeight.w500)),
|
||
],
|
||
);
|
||
|
||
/// الاقتطاعات بجانب الأرباح التي اقتُطعت منها. عرضها في شاشة المنتج
|
||
/// وحدها كان سيجعل الخصم مفاجأةً — وهي أخطر ما يصيب منتجاً ائتمانياً.
|
||
Widget _deductionsCard(Deductions d) => Container(
|
||
padding: const EdgeInsets.all(16),
|
||
decoration: BoxDecoration(
|
||
color: FinanceDesignSystem.cardColor,
|
||
borderRadius: BorderRadius.circular(FinanceDesignSystem.cardRadius),
|
||
border: Border.all(color: FinanceDesignSystem.borderColor),
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
Icon(Icons.account_balance_wallet_rounded,
|
||
size: 18, color: FinanceDesignSystem.accentBlue),
|
||
const SizedBox(width: 8),
|
||
Text('الاقتطاعات', style: FinanceDesignSystem.headingStyle),
|
||
const Spacer(),
|
||
if (d.today > 0)
|
||
Text('اليوم ${d.today.toStringAsFixed(2)}',
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.textSecondary,
|
||
fontSize: 12)),
|
||
],
|
||
),
|
||
const SizedBox(height: 10),
|
||
...d.items.map((i) => Padding(
|
||
padding: const EdgeInsets.only(bottom: 6),
|
||
child: Row(
|
||
children: [
|
||
Expanded(
|
||
child: Text(i.name,
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.primaryDark,
|
||
fontSize: 13))),
|
||
Text(
|
||
'متبقٍّ ${i.outstanding.toStringAsFixed(2)} ${CurrencyHelper.currency}',
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.textSecondary,
|
||
fontSize: 12)),
|
||
],
|
||
),
|
||
)),
|
||
if (d.outstanding > 0) ...[
|
||
const SizedBox(height: 6),
|
||
Text(
|
||
'يُقتطع تدريجياً من أرباحك بسقف يومي، ولا يُخصم منك في يوم بلا دخل.',
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.textSecondary, fontSize: 11),
|
||
),
|
||
],
|
||
],
|
||
),
|
||
);
|
||
|
||
Widget _weekCard(EarningsSummary s, EarningsController ctl) {
|
||
final maxNet = s.daily.fold<double>(
|
||
0, (m, d) => d.net > m ? d.net : m);
|
||
|
||
return Container(
|
||
padding: const EdgeInsets.all(16),
|
||
decoration: BoxDecoration(
|
||
color: FinanceDesignSystem.cardColor,
|
||
borderRadius: BorderRadius.circular(FinanceDesignSystem.cardRadius),
|
||
border: Border.all(color: FinanceDesignSystem.borderColor),
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
Text('آخر ٧ أيام', style: FinanceDesignSystem.headingStyle),
|
||
const Spacer(),
|
||
if (s.trendPercent != null) _trendChip(s.trendPercent!),
|
||
],
|
||
),
|
||
const SizedBox(height: 4),
|
||
Text(
|
||
'${s.week.net.toStringAsFixed(2)} ${CurrencyHelper.currency} · ${s.week.trips} رحلة',
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.textSecondary, fontSize: 13)),
|
||
const SizedBox(height: 16),
|
||
SizedBox(
|
||
height: 110,
|
||
child: Row(
|
||
crossAxisAlignment: CrossAxisAlignment.end,
|
||
children: s.daily.map((d) {
|
||
final selected = ctl.selectedDay == d.day;
|
||
final ratio = maxNet > 0 ? d.net / maxNet : 0.0;
|
||
|
||
return Expanded(
|
||
child: GestureDetector(
|
||
// نقر العمود يعرض رحلات ذلك اليوم. الرسم البياني الذي
|
||
// لا يُنقر عليه زينة؛ والسائق يسأل عن يومٍ بعينه.
|
||
onTap: () => ctl.loadTrips(day: selected ? null : d.day),
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.end,
|
||
children: [
|
||
Text(d.net > 0 ? d.net.toStringAsFixed(0) : '',
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.textSecondary,
|
||
fontSize: 9)),
|
||
const SizedBox(height: 4),
|
||
Container(
|
||
height: 60 * (ratio == 0 ? 0.03 : ratio),
|
||
margin: const EdgeInsets.symmetric(horizontal: 3),
|
||
decoration: BoxDecoration(
|
||
color: selected
|
||
? FinanceDesignSystem.accentBlue
|
||
: FinanceDesignSystem.accentBlue
|
||
.withValues(alpha: 0.35),
|
||
borderRadius: BorderRadius.circular(6),
|
||
),
|
||
),
|
||
const SizedBox(height: 6),
|
||
Text(_dayLabel(d.day),
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.textSecondary,
|
||
fontSize: 10)),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}).toList(),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
/// الشهر — يحلّ محل الرسم الشهري في الشاشة القديمة.
|
||
///
|
||
/// أرقام لا رسم بياني: الرسم الشهري كان ثلاثين عموداً ضيّقاً لا يُقرأ
|
||
/// منها شيء على شاشة هاتف. السائق يسأل عن مجموع شهره ومعدّله اليومي،
|
||
/// لا عن شكل توزيعه.
|
||
Widget _monthCard(EarningsSummary s) {
|
||
final m = s.month;
|
||
final avgPerDay = DateTime.now().day > 0 ? m.net / DateTime.now().day : 0.0;
|
||
final perHour = m.hours > 0 ? m.net / m.hours : 0.0;
|
||
|
||
return Container(
|
||
padding: const EdgeInsets.all(16),
|
||
decoration: BoxDecoration(
|
||
color: FinanceDesignSystem.cardColor,
|
||
borderRadius: BorderRadius.circular(FinanceDesignSystem.cardRadius),
|
||
border: Border.all(color: FinanceDesignSystem.borderColor),
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text('هذا الشهر', style: FinanceDesignSystem.headingStyle),
|
||
const SizedBox(height: 12),
|
||
Row(
|
||
children: [
|
||
_monthStat('الصافي', m.net.toStringAsFixed(0)),
|
||
_monthStat('رحلة', '${m.trips}'),
|
||
_monthStat('ساعة', m.hours.toStringAsFixed(0)),
|
||
],
|
||
),
|
||
const SizedBox(height: 12),
|
||
Row(
|
||
children: [
|
||
// معدّل الساعة هو الرقم الذي يقرّر به السائق متى يعمل —
|
||
// وأنفع من أي مجموع، لأن المجموع يكافئ الساعات لا الكفاءة.
|
||
_monthStat('معدّل الساعة', perHour.toStringAsFixed(1)),
|
||
_monthStat('معدّل اليوم', avgPerDay.toStringAsFixed(1)),
|
||
_monthStat('العمولة', m.commission.toStringAsFixed(0)),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _monthStat(String label, String value) => Expanded(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(value,
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.primaryDark,
|
||
fontSize: 17,
|
||
fontWeight: FontWeight.bold)),
|
||
const SizedBox(height: 2),
|
||
Text(label,
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.textSecondary, fontSize: 11)),
|
||
],
|
||
),
|
||
);
|
||
|
||
Widget _trendChip(double trend) {
|
||
final up = trend >= 0;
|
||
final color =
|
||
up ? FinanceDesignSystem.successGreen : FinanceDesignSystem.dangerRed;
|
||
|
||
return Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
|
||
decoration: BoxDecoration(
|
||
color: color.withValues(alpha: 0.12),
|
||
borderRadius: BorderRadius.circular(8),
|
||
),
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Icon(up ? Icons.trending_up_rounded : Icons.trending_down_rounded,
|
||
size: 14, color: color),
|
||
const SizedBox(width: 4),
|
||
// المقارنة بأسبوعه هو لا بالسائقين الآخرين.
|
||
Text('${trend.abs().toStringAsFixed(0)}٪ عن الأسبوع الماضي',
|
||
style: TextStyle(color: color, fontSize: 11)),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
String _dayLabel(String iso) {
|
||
final d = DateTime.tryParse(iso);
|
||
if (d == null) return '';
|
||
const names = ['اثن', 'ثلا', 'أرب', 'خمي', 'جمع', 'سبت', 'أحد'];
|
||
return names[d.weekday - 1];
|
||
}
|
||
|
||
Widget _tripsSection(EarningsController ctl) => Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
Text(
|
||
ctl.selectedDay == null
|
||
? 'رحلات الأسبوع'
|
||
: 'رحلات ${ctl.selectedDay}',
|
||
style: FinanceDesignSystem.headingStyle),
|
||
const Spacer(),
|
||
if (ctl.selectedDay != null)
|
||
TextButton(
|
||
onPressed: () => ctl.loadTrips(),
|
||
child: const Text('كل الأسبوع',
|
||
style: TextStyle(fontSize: 12))),
|
||
],
|
||
),
|
||
const SizedBox(height: 8),
|
||
if (ctl.isLoadingTrips)
|
||
const Padding(
|
||
padding: EdgeInsets.all(20),
|
||
child: Center(child: CircularProgressIndicator()),
|
||
)
|
||
else if (ctl.trips.isEmpty)
|
||
Padding(
|
||
padding: const EdgeInsets.symmetric(vertical: 20),
|
||
child: Center(
|
||
child: Text('لا رحلات في هذه الفترة',
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.textSecondary,
|
||
fontSize: 13)),
|
||
),
|
||
)
|
||
else
|
||
...ctl.trips.map(_tripTile),
|
||
],
|
||
);
|
||
|
||
/// تفصيل الرحلة الواحدة — الإجابة على السؤال الأول عند كل سائق:
|
||
/// «لماذا أخذت هذا المبلغ من هذه الرحلة؟»
|
||
Widget _tripTile(TripEarning t) {
|
||
final b = t.breakdown;
|
||
|
||
return Container(
|
||
margin: const EdgeInsets.only(bottom: 8),
|
||
decoration: BoxDecoration(
|
||
color: FinanceDesignSystem.cardColor,
|
||
borderRadius: BorderRadius.circular(FinanceDesignSystem.mainRadius),
|
||
border: Border.all(color: FinanceDesignSystem.borderColor),
|
||
),
|
||
child: Theme(
|
||
data: ThemeData(dividerColor: Colors.transparent),
|
||
child: ExpansionTile(
|
||
tilePadding: const EdgeInsets.symmetric(horizontal: 14),
|
||
childrenPadding: const EdgeInsets.fromLTRB(14, 0, 14, 12),
|
||
title: Row(
|
||
children: [
|
||
Expanded(
|
||
child: Text(
|
||
'${t.from} ← ${t.to}',
|
||
maxLines: 1,
|
||
overflow: TextOverflow.ellipsis,
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.primaryDark,
|
||
fontSize: 13,
|
||
fontWeight: FontWeight.w600),
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
Text('${b.net.toStringAsFixed(2)} ${CurrencyHelper.currency}',
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.successGreen,
|
||
fontWeight: FontWeight.bold,
|
||
fontSize: 14)),
|
||
],
|
||
),
|
||
subtitle: Padding(
|
||
padding: const EdgeInsets.only(top: 4),
|
||
child: Row(
|
||
children: [
|
||
Text(
|
||
'${_timeLabel(t.at)} · ${t.distanceKm.toStringAsFixed(1)} كم · ${t.minutes} د',
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.textSecondary, fontSize: 11),
|
||
),
|
||
if (b.zeroCommission) ...[
|
||
const SizedBox(width: 6),
|
||
Container(
|
||
padding:
|
||
const EdgeInsets.symmetric(horizontal: 6, vertical: 1),
|
||
decoration: BoxDecoration(
|
||
color: FinanceDesignSystem.successGreen
|
||
.withValues(alpha: 0.15),
|
||
borderRadius: BorderRadius.circular(6),
|
||
),
|
||
child: Text('عمولة معفاة',
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.successGreen,
|
||
fontSize: 9)),
|
||
),
|
||
],
|
||
],
|
||
),
|
||
),
|
||
children: [
|
||
_row('ما دفعه الراكب', b.gross),
|
||
if (b.bonus > 0) _row('مكافأة', b.bonus, positive: true),
|
||
_row('عمولة المنصة', b.commission, negative: true),
|
||
Divider(color: FinanceDesignSystem.borderColor, height: 16),
|
||
_row('صافي لك', b.net, bold: true),
|
||
const SizedBox(height: 6),
|
||
Row(
|
||
children: [
|
||
Icon(
|
||
t.paymentMethod.toLowerCase().contains('cash')
|
||
? Icons.money_rounded
|
||
: Icons.credit_card_rounded,
|
||
size: 13,
|
||
color: FinanceDesignSystem.textMuted),
|
||
const SizedBox(width: 5),
|
||
Text(t.paymentMethod,
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.textMuted, fontSize: 11)),
|
||
const Spacer(),
|
||
Text('#${t.rideId}',
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.textMuted, fontSize: 11)),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _row(String label, double value,
|
||
{bool bold = false, bool negative = false, bool positive = false}) =>
|
||
Padding(
|
||
padding: const EdgeInsets.symmetric(vertical: 3),
|
||
child: Row(
|
||
children: [
|
||
Expanded(
|
||
child: Text(label,
|
||
style: TextStyle(
|
||
color: FinanceDesignSystem.textSecondary,
|
||
fontSize: bold ? 13 : 12)),
|
||
),
|
||
Text(
|
||
'${negative ? '− ' : positive ? '+ ' : ''}${value.toStringAsFixed(2)}',
|
||
style: TextStyle(
|
||
color: negative
|
||
? FinanceDesignSystem.dangerRed
|
||
: positive
|
||
? FinanceDesignSystem.successGreen
|
||
: FinanceDesignSystem.primaryDark,
|
||
fontSize: bold ? 14 : 12,
|
||
fontWeight: bold ? FontWeight.bold : FontWeight.w500,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
|
||
String _timeLabel(String at) {
|
||
final d = DateTime.tryParse(at);
|
||
if (d == null) return '';
|
||
final h = d.hour.toString().padLeft(2, '0');
|
||
final m = d.minute.toString().padLeft(2, '0');
|
||
return '$h:$m';
|
||
}
|
||
}
|