102 lines
3.4 KiB
Dart
102 lines
3.4 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
/// DriverEarningsBadge
|
|
/// ─────────────────────
|
|
/// ويدجت يعرض للسائق مقارنة أرباحه مع انطلق مقارنةً بالمنافسين.
|
|
/// يُستخدم في شاشة قبول الطلب ليحفّز السائق على القبول.
|
|
class DriverEarningsBadge extends StatelessWidget {
|
|
/// النص الكامل الجاهز من السيرفر
|
|
final String? earningsLabel;
|
|
|
|
/// المبلغ الإضافي الذي يكسبه السائق (موجب = أكثر مع انطلق)
|
|
final double? extraAmount;
|
|
|
|
/// رمز العملة
|
|
final String currency;
|
|
|
|
const DriverEarningsBadge({
|
|
super.key,
|
|
this.earningsLabel,
|
|
this.extraAmount,
|
|
this.currency = 'ل.س',
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
if (earningsLabel == null || earningsLabel!.isEmpty) {
|
|
return const SizedBox.shrink();
|
|
}
|
|
|
|
final double extra = extraAmount ?? 0;
|
|
final bool isPositive = extra >= 0;
|
|
|
|
return AnimatedOpacity(
|
|
opacity: 1.0,
|
|
duration: const Duration(milliseconds: 350),
|
|
child: Container(
|
|
margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
colors: isPositive
|
|
? [const Color(0xFF064E3B), const Color(0xFF065F46)]
|
|
: [const Color(0xFF1E1B4B), const Color(0xFF312E81)],
|
|
begin: Alignment.centerLeft,
|
|
end: Alignment.centerRight,
|
|
),
|
|
borderRadius: BorderRadius.circular(12),
|
|
border: Border.all(
|
|
color: isPositive
|
|
? const Color(0xFF10B981).withOpacity(0.4)
|
|
: const Color(0xFF818CF8).withOpacity(0.4),
|
|
),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Icon(
|
|
isPositive ? Icons.attach_money_rounded : Icons.info_outline_rounded,
|
|
color: isPositive
|
|
? const Color(0xFF34D399)
|
|
: const Color(0xFFA5B4FC),
|
|
size: 22,
|
|
),
|
|
const SizedBox(width: 10),
|
|
Expanded(
|
|
child: Text(
|
|
earningsLabel!,
|
|
style: TextStyle(
|
|
color: isPositive
|
|
? const Color(0xFF34D399)
|
|
: const Color(0xFFA5B4FC),
|
|
fontSize: 11.5,
|
|
fontWeight: FontWeight.w700,
|
|
height: 1.4,
|
|
),
|
|
),
|
|
),
|
|
if (extra > 0)
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFF10B981).withOpacity(0.15),
|
|
borderRadius: BorderRadius.circular(20),
|
|
border: Border.all(
|
|
color: const Color(0xFF10B981).withOpacity(0.3),
|
|
),
|
|
),
|
|
child: Text(
|
|
'+${extra.toStringAsFixed(2)} $currency',
|
|
style: const TextStyle(
|
|
color: Color(0xFF34D399),
|
|
fontSize: 11,
|
|
fontWeight: FontWeight.w800,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|