403 lines
16 KiB
Dart
403 lines
16 KiB
Dart
// fuel_stations_page.dart — إدارة محطات الوقود الشريكة
|
|
//
|
|
// الشاشة تعمل كاملةً حتى والمنتج مُطفأ: قرار المالك أن تُجهَّز الأمور
|
|
// وتُبنى الشاشات، ولا يُشغَّل المنتج إلا بعد إتمام الاتفاق مع سلسلة
|
|
// المحطات. لذلك اللافتة العلوية تقول الحالة صراحةً بدل إخفائها.
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:get/get.dart';
|
|
|
|
import '../../../controller/fuel/fuel_admin_controller.dart';
|
|
import '../../../controller/fuel/fuel_admin_models.dart';
|
|
import 'fuel_drawdowns_page.dart';
|
|
import 'fuel_station_form.dart';
|
|
|
|
class FuelStationsPageView extends StatefulWidget {
|
|
const FuelStationsPageView({super.key});
|
|
|
|
@override
|
|
State<FuelStationsPageView> createState() => _FuelStationsPageViewState();
|
|
}
|
|
|
|
class _FuelStationsPageViewState extends State<FuelStationsPageView> {
|
|
final _searchCtrl = TextEditingController();
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
Get.put(FuelAdminController());
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_searchCtrl.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final cs = Theme.of(context).colorScheme;
|
|
|
|
return GetBuilder<FuelAdminController>(
|
|
builder: (c) => Scaffold(
|
|
backgroundColor: cs.surface,
|
|
body: Column(
|
|
children: [
|
|
Container(
|
|
padding: const EdgeInsets.fromLTRB(16, 50, 16, 12),
|
|
child: Row(
|
|
children: [
|
|
GestureDetector(
|
|
onTap: () => Get.back(),
|
|
child: Container(
|
|
padding: const EdgeInsets.all(8),
|
|
decoration: BoxDecoration(
|
|
color: cs.surfaceContainerHighest,
|
|
borderRadius: BorderRadius.circular(10),
|
|
border: Border.all(color: cs.outline),
|
|
),
|
|
child: Icon(Icons.arrow_back_ios_new_rounded,
|
|
color: cs.onSurfaceVariant, size: 16),
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Text('محفظة الوقود — المحطات',
|
|
style: TextStyle(
|
|
color: cs.onSurface,
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.w700)),
|
|
const Spacer(),
|
|
IconButton(
|
|
icon: Icon(Icons.receipt_long_rounded, color: cs.tertiary),
|
|
tooltip: 'حركة القسائم',
|
|
onPressed: () => Get.to(() => const FuelDrawdownsPageView()),
|
|
),
|
|
IconButton(
|
|
icon: Icon(Icons.add, color: cs.primary),
|
|
tooltip: 'إضافة محطة',
|
|
onPressed: () => _openForm(c, null),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
_productBanner(c, cs),
|
|
Padding(
|
|
padding: const EdgeInsets.all(12),
|
|
child: TextField(
|
|
controller: _searchCtrl,
|
|
style: TextStyle(color: cs.onSurface),
|
|
onSubmitted: (v) {
|
|
c.searchQuery = v;
|
|
c.fetchStations();
|
|
},
|
|
decoration: InputDecoration(
|
|
hintText: 'ابحث باسم المحطة أو السلسلة أو العنوان...',
|
|
hintStyle: TextStyle(color: cs.onSurfaceVariant),
|
|
prefixIcon: Icon(Icons.search, color: cs.onSurfaceVariant),
|
|
filled: true,
|
|
fillColor: cs.surfaceContainerHighest,
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
borderSide: BorderSide.none,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: c.isLoading
|
|
? Center(child: CircularProgressIndicator(color: cs.primary))
|
|
: c.stations.isEmpty
|
|
? _emptyState(cs)
|
|
: RefreshIndicator(
|
|
onRefresh: c.fetchStations,
|
|
child: ListView.builder(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12),
|
|
itemCount: c.stations.length,
|
|
itemBuilder: (_, i) =>
|
|
_stationCard(c, c.stations[i], cs),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
/// لافتة الحالة. «مُجهَّز وغير مُشغَّل» حالة مقصودة لا عطل — وإخفاؤها
|
|
/// يجعل من يعرض المنصة يظنّ المنتج حياً، أو يظنّه معطوباً.
|
|
Widget _productBanner(FuelAdminController c, ColorScheme cs) {
|
|
final active = c.productActive;
|
|
final color = active ? cs.primary : cs.tertiary;
|
|
|
|
return Container(
|
|
margin: const EdgeInsets.symmetric(horizontal: 12),
|
|
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 12),
|
|
decoration: BoxDecoration(
|
|
color: color.withValues(alpha: 0.12),
|
|
borderRadius: BorderRadius.circular(14),
|
|
border: Border.all(color: color.withValues(alpha: 0.4)),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Icon(active ? Icons.check_circle_rounded : Icons.pause_circle_rounded,
|
|
color: color, size: 20),
|
|
const SizedBox(width: 10),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(active ? 'المنتج مُشغَّل' : 'مُجهَّز — غير مُشغَّل',
|
|
style: TextStyle(
|
|
color: color, fontWeight: FontWeight.w700, fontSize: 14)),
|
|
const SizedBox(height: 2),
|
|
Text(
|
|
active
|
|
? 'السائقون المؤهَّلون يستطيعون التفعيل وإصدار القسائم'
|
|
: 'الشاشة تعمل للتجهيز والعرض. لا تفعيل ولا قسائم للسائقين.',
|
|
style: TextStyle(color: cs.onSurfaceVariant, fontSize: 11),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Switch(
|
|
value: active,
|
|
activeThumbColor: cs.primary,
|
|
onChanged: (v) => _confirmToggle(c, v),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
/// تأكيد قبل التشغيل لا بعده. التشغيل يفتح باب إقراض حقيقي بمال
|
|
/// الشركة، ومفتاح يُقلب بالخطأ في عرضٍ أمام مستثمر ليس أمراً هيّناً.
|
|
Future<void> _confirmToggle(FuelAdminController c, bool value) async {
|
|
final cs = Theme.of(context).colorScheme;
|
|
|
|
final ok = await Get.dialog<bool>(
|
|
AlertDialog(
|
|
backgroundColor: cs.surfaceContainerHighest,
|
|
title: Text(value ? 'تشغيل محفظة الوقود؟' : 'إيقاف محفظة الوقود؟',
|
|
style: TextStyle(color: cs.onSurface)),
|
|
content: Text(
|
|
value
|
|
? 'سيتمكّن السائقون المؤهَّلون من التزوّد بالدَّين فوراً. لا تُشغّله قبل إتمام الاتفاق مع المحطات.'
|
|
: 'سيتوقّف التفعيل وإصدار القسائم. الالتزامات القائمة ودفترها لا تتأثر.',
|
|
style: TextStyle(color: cs.onSurfaceVariant),
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Get.back(result: false),
|
|
child: const Text('إلغاء')),
|
|
TextButton(
|
|
onPressed: () => Get.back(result: true),
|
|
child: Text(value ? 'تشغيل' : 'إيقاف',
|
|
style: TextStyle(color: value ? cs.primary : cs.error)),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
|
|
if (ok != true) return;
|
|
|
|
final done = await c.toggleProduct(value);
|
|
if (!done && c.lastError != null) {
|
|
Get.snackbar('تعذّر التنفيذ', c.lastError!,
|
|
backgroundColor: cs.error.withValues(alpha: 0.15));
|
|
}
|
|
}
|
|
|
|
Widget _emptyState(ColorScheme cs) => Center(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Icon(Icons.local_gas_station_rounded,
|
|
size: 48, color: cs.onSurfaceVariant),
|
|
const SizedBox(height: 12),
|
|
Text('لا توجد محطات بعد',
|
|
style: TextStyle(color: cs.onSurface, fontSize: 16)),
|
|
const SizedBox(height: 6),
|
|
Text('أضف أول محطة شريكة لتجهيز المنتج',
|
|
style: TextStyle(color: cs.onSurfaceVariant, fontSize: 12)),
|
|
],
|
|
),
|
|
);
|
|
|
|
Widget _stationCard(FuelAdminController c, FuelStation s, ColorScheme cs) {
|
|
final statusColor = s.isActive ? cs.primary : cs.onSurfaceVariant;
|
|
|
|
return Card(
|
|
color: cs.surfaceContainerHighest,
|
|
margin: const EdgeInsets.only(bottom: 10),
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14)),
|
|
child: ListTile(
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|
title: Row(
|
|
children: [
|
|
Expanded(
|
|
child: Text(s.nameAr,
|
|
style: TextStyle(
|
|
color: cs.onSurface, fontWeight: FontWeight.bold)),
|
|
),
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
|
|
decoration: BoxDecoration(
|
|
color: statusColor.withValues(alpha: 0.15),
|
|
borderRadius: BorderRadius.circular(6),
|
|
),
|
|
child: Text(s.isActive ? 'فعّالة' : 'موقوفة',
|
|
style: TextStyle(color: statusColor, fontSize: 11)),
|
|
),
|
|
],
|
|
),
|
|
subtitle: Padding(
|
|
padding: const EdgeInsets.only(top: 6),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
[
|
|
if (s.chainName != null && s.chainName!.isNotEmpty) s.chainName!,
|
|
if (s.city != null && s.city!.isNotEmpty) s.city!,
|
|
].join(' · '),
|
|
style: TextStyle(color: cs.onSurfaceVariant, fontSize: 12),
|
|
),
|
|
const SizedBox(height: 6),
|
|
Row(
|
|
children: [
|
|
Icon(Icons.percent_rounded, size: 13, color: cs.tertiary),
|
|
const SizedBox(width: 2),
|
|
Text('خصم ${s.discountPercent}',
|
|
style: TextStyle(color: cs.onSurfaceVariant, fontSize: 12)),
|
|
const SizedBox(width: 12),
|
|
Icon(Icons.local_gas_station, size: 13, color: cs.onSurfaceVariant),
|
|
const SizedBox(width: 2),
|
|
Text('${s.redeemCount} صرف',
|
|
style: TextStyle(color: cs.onSurfaceVariant, fontSize: 12)),
|
|
const SizedBox(width: 12),
|
|
Text('${s.redeemTotal}',
|
|
style: TextStyle(color: cs.onSurfaceVariant, fontSize: 12)),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
trailing: PopupMenuButton<String>(
|
|
color: cs.surfaceContainerHighest,
|
|
icon: Icon(Icons.more_vert, color: cs.onSurfaceVariant, size: 18),
|
|
onSelected: (v) async {
|
|
if (v == 'edit') {
|
|
_openForm(c, s);
|
|
} else if (v == 'rotate') {
|
|
await _rotateKey(c, s);
|
|
}
|
|
},
|
|
itemBuilder: (_) => [
|
|
PopupMenuItem(
|
|
value: 'edit',
|
|
child: Text('تعديل', style: TextStyle(color: cs.onSurface))),
|
|
PopupMenuItem(
|
|
value: 'rotate',
|
|
child: Text('توليد مفتاح جديد',
|
|
style: TextStyle(color: cs.error))),
|
|
],
|
|
),
|
|
onTap: () => _openForm(c, s),
|
|
),
|
|
);
|
|
}
|
|
|
|
Future<void> _openForm(FuelAdminController c, FuelStation? station) async {
|
|
final apiKey = await Get.to<String?>(
|
|
() => FuelStationForm(station: station),
|
|
);
|
|
if (apiKey != null && apiKey.isNotEmpty) {
|
|
await _showKey(apiKey, station?.nameAr ?? 'المحطة الجديدة');
|
|
}
|
|
}
|
|
|
|
Future<void> _rotateKey(FuelAdminController c, FuelStation s) async {
|
|
final cs = Theme.of(context).colorScheme;
|
|
|
|
final ok = await Get.dialog<bool>(
|
|
AlertDialog(
|
|
backgroundColor: cs.surfaceContainerHighest,
|
|
title: Text('توليد مفتاح جديد؟', style: TextStyle(color: cs.onSurface)),
|
|
content: Text(
|
|
'المفتاح الحالي لـ«${s.nameAr}» سيتوقّف فوراً، ولن تستطيع المحطة تأكيد أي قسيمة حتى تستلم الجديد.',
|
|
style: TextStyle(color: cs.onSurfaceVariant),
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Get.back(result: false),
|
|
child: const Text('إلغاء')),
|
|
TextButton(
|
|
onPressed: () => Get.back(result: true),
|
|
child: Text('توليد', style: TextStyle(color: cs.error))),
|
|
],
|
|
),
|
|
);
|
|
|
|
if (ok != true) return;
|
|
|
|
final key = await c.rotateKey(s.id);
|
|
if (key != null) {
|
|
await _showKey(key, s.nameAr);
|
|
} else if (c.lastError != null) {
|
|
Get.snackbar('تعذّر التوليد', c.lastError!,
|
|
backgroundColor: cs.error.withValues(alpha: 0.15));
|
|
}
|
|
}
|
|
|
|
/// المفتاح يظهر مرة واحدة — مخزَّن مُهشَّراً على الخادم فلا سبيل
|
|
/// لاستعادته. الحوار لا يُغلق باللمس خارجه: إغلاقه بالخطأ قبل النسخ
|
|
/// يعني محطة بلا مفتاح ودورة توليد جديدة.
|
|
Future<void> _showKey(String key, String stationName) async {
|
|
final cs = Theme.of(context).colorScheme;
|
|
|
|
await Get.dialog<void>(
|
|
barrierDismissible: false,
|
|
AlertDialog(
|
|
backgroundColor: cs.surfaceContainerHighest,
|
|
title: Text('مفتاح $stationName',
|
|
style: TextStyle(color: cs.onSurface, fontSize: 16)),
|
|
content: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: cs.surface,
|
|
borderRadius: BorderRadius.circular(10),
|
|
border: Border.all(color: cs.outline),
|
|
),
|
|
child: SelectableText(key,
|
|
style: TextStyle(
|
|
color: cs.onSurface, fontSize: 12, fontFamily: 'monospace')),
|
|
),
|
|
const SizedBox(height: 10),
|
|
Text(
|
|
'انسخه الآن وسلّمه للمحطة. لن يظهر مرة أخرى — المفتاح مخزَّن مشفّراً ولا يمكن استرجاعه.',
|
|
style: TextStyle(color: cs.error, fontSize: 11),
|
|
),
|
|
],
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () {
|
|
Clipboard.setData(ClipboardData(text: key));
|
|
Get.snackbar('نُسخ', 'المفتاح في الحافظة');
|
|
},
|
|
child: Text('نسخ', style: TextStyle(color: cs.primary)),
|
|
),
|
|
TextButton(
|
|
onPressed: () => Get.back(), child: const Text('تم')),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|