1556 lines
57 KiB
Dart
1556 lines
57 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:geolocator/geolocator.dart';
|
|
import 'package:intaleq_maps/intaleq_maps.dart';
|
|
|
|
import '../config/app_config.dart';
|
|
import '../models/angle_unit.dart';
|
|
import '../models/landmark.dart';
|
|
import '../models/navigation_state.dart';
|
|
import '../services/military_grid_utils.dart';
|
|
import '../services/offline_los_engine.dart';
|
|
import '../services/offline_routing_engine.dart';
|
|
import '../services/resection_calculator.dart';
|
|
import '../services/tactical_api_service.dart';
|
|
import '../services/turn_by_turn_navigation_engine.dart';
|
|
import '../widgets/active_navigation_hud.dart';
|
|
import '../widgets/camera_resection_view.dart';
|
|
import '../widgets/interactive_map_picker_hud.dart';
|
|
import '../widgets/place_search_sheet.dart';
|
|
import '../widgets/tactical_drawer.dart';
|
|
import '../widgets/tactical_los_sheet.dart';
|
|
import '../widgets/tactical_viewshed_sheet.dart';
|
|
import '../widgets/tactical_route_planner_sheet.dart';
|
|
import '../widgets/tactical_route_preview_card.dart';
|
|
import '../services/viewshed_360_engine.dart';
|
|
|
|
class TacticalMapScreen extends StatefulWidget {
|
|
const TacticalMapScreen({super.key});
|
|
|
|
@override
|
|
State<TacticalMapScreen> createState() => _TacticalMapScreenState();
|
|
}
|
|
|
|
class _TacticalMapScreenState extends State<TacticalMapScreen> {
|
|
final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
|
|
IntaleqMapController? _mapController;
|
|
String _currentTacticalMode =
|
|
'nav'; // 'nav', 'resection_cam', 'routing', 'los', 'viewshed_360', 'isochrone'
|
|
AngleUnit _angleUnit = AngleUnit.dual;
|
|
TacticalVehicleProfile _selectedProfile = TacticalVehicleProfile.convoy;
|
|
|
|
// Live GPS Location
|
|
LatLng? _currentGpsPosition;
|
|
|
|
// Camera Center for Interactive Map Pin Picker
|
|
LatLng _currentCameraCenter = const LatLng(31.9539, 35.9106);
|
|
MapPickerTarget? _activePickerTarget;
|
|
|
|
// Resection Observations & Result
|
|
final List<ResectionObservation> _observations = [];
|
|
ResectionResult? _resectionResult;
|
|
|
|
// Tactical Route Plan (Hybrid: Online Server + Offline Fallback)
|
|
OfflineRoutePlan? _activeRoute;
|
|
|
|
// Tactical Line of Sight (LOS) State
|
|
LatLng? _losObserver;
|
|
LatLng? _losTarget;
|
|
bool _isLosVisible = true;
|
|
OfflineLosReport? _activeLosReport;
|
|
|
|
// Tactical 360 Viewshed State
|
|
Viewshed360Report? _activeViewshedReport;
|
|
|
|
// Topographic Contours / Style Layer State
|
|
bool _showContours = true;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_initGps();
|
|
}
|
|
|
|
Future<void> _initGps() async {
|
|
try {
|
|
final serviceEnabled = await Geolocator.isLocationServiceEnabled();
|
|
if (!serviceEnabled) return;
|
|
|
|
LocationPermission perm = await Geolocator.checkPermission();
|
|
if (perm == LocationPermission.denied) {
|
|
perm = await Geolocator.requestPermission();
|
|
}
|
|
if (perm == LocationPermission.whileInUse ||
|
|
perm == LocationPermission.always) {
|
|
final pos = await Geolocator.getCurrentPosition(
|
|
locationSettings: const LocationSettings(
|
|
accuracy: LocationAccuracy.high, timeLimit: Duration(seconds: 5)),
|
|
);
|
|
if (mounted) {
|
|
setState(() {
|
|
_currentGpsPosition = LatLng(pos.latitude, pos.longitude);
|
|
_currentCameraCenter = _currentGpsPosition!;
|
|
});
|
|
_mapController?.animateCamera(
|
|
CameraUpdate.newLatLngZoom(_currentGpsPosition!, 14.0),
|
|
);
|
|
}
|
|
}
|
|
} catch (e) {
|
|
debugPrint('GPS init error: $e');
|
|
}
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
TurnByTurnNavigationEngine.stopNavigation();
|
|
super.dispose();
|
|
}
|
|
|
|
void _onObservationAdded(ResectionObservation obs) {
|
|
setState(() {
|
|
_observations.removeWhere((o) => o.landmark.id == obs.landmark.id);
|
|
_observations.add(obs);
|
|
});
|
|
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
backgroundColor: const Color(0xFF0071E3),
|
|
content: Text(
|
|
'تم تثبيت رصد (${obs.landmark.name}) بـ ${AngleFormatter.format(obs.trueAzimuthDeg, _angleUnit)}!',
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
void _executeResectionCalculation() {
|
|
final result = ResectionCalculator.calculatePosition(_observations);
|
|
if (result == null) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
backgroundColor: Colors.redAccent,
|
|
content: Text(
|
|
'خطأ: زوايا الرصد متوازية. يرجى اختيار معالم بزوايا متباعدة.'),
|
|
),
|
|
);
|
|
return;
|
|
}
|
|
|
|
setState(() {
|
|
_resectionResult = result;
|
|
_currentTacticalMode = 'nav';
|
|
});
|
|
|
|
final targetPos = LatLng(result.lat, result.lng);
|
|
Future.delayed(const Duration(milliseconds: 300), () {
|
|
if (mounted && _mapController != null) {
|
|
_mapController!.animateCamera(
|
|
CameraUpdate.newLatLngZoom(targetPos, 15.0),
|
|
);
|
|
}
|
|
});
|
|
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
backgroundColor: const Color(0xFF22C55E),
|
|
duration: const Duration(seconds: 4),
|
|
content: Row(
|
|
children: [
|
|
const Icon(Icons.gps_fixed, color: Colors.white, size: 20),
|
|
const SizedBox(width: 10),
|
|
Expanded(
|
|
child: Text(
|
|
'تم استخراج موقعك بنجاح: ${result.lat.toStringAsFixed(5)}, ${result.lng.toStringAsFixed(5)} • دقة ±${result.estimatedAccuracyMeters.round()}م',
|
|
style:
|
|
const TextStyle(fontWeight: FontWeight.bold, fontSize: 12),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
void _openRoutePlanner({LatLng? initialOrigin, LatLng? initialDestination}) {
|
|
showModalBottomSheet(
|
|
context: context,
|
|
isScrollControlled: true,
|
|
backgroundColor: Colors.transparent,
|
|
builder: (ctx) => TacticalRoutePlannerSheet(
|
|
currentGps: _currentGpsPosition ?? const LatLng(31.9539, 35.9106),
|
|
resectionFix: _resectionResult != null
|
|
? LatLng(_resectionResult!.lat, _resectionResult!.lng)
|
|
: null,
|
|
initialOrigin: initialOrigin,
|
|
initialDestination: initialDestination,
|
|
onRouteConfirmed: (origin, destination, profile, autoStartNav) {
|
|
_calculateHybridRoute(
|
|
customOrigin: origin,
|
|
customDestination: destination,
|
|
selectedProfile: profile,
|
|
autoStartNav: autoStartNav,
|
|
);
|
|
},
|
|
onPickOriginOnMap: () {
|
|
setState(() => _activePickerTarget = MapPickerTarget.routeOrigin);
|
|
},
|
|
onPickDestinationOnMap: () {
|
|
setState(
|
|
() => _activePickerTarget = MapPickerTarget.routeDestination);
|
|
},
|
|
onClose: () => Navigator.pop(ctx),
|
|
),
|
|
);
|
|
}
|
|
|
|
void _onConfirmPicker(MapPickerTarget target, LatLng selectedPos) {
|
|
setState(() {
|
|
_activePickerTarget = null;
|
|
if (target == MapPickerTarget.losObserver) {
|
|
_losObserver = selectedPos;
|
|
} else if (target == MapPickerTarget.losTarget) {
|
|
_losTarget = selectedPos;
|
|
}
|
|
});
|
|
|
|
if (target == MapPickerTarget.losObserver ||
|
|
target == MapPickerTarget.losTarget) {
|
|
_openLosSheet();
|
|
} else if (target == MapPickerTarget.routeOrigin ||
|
|
target == MapPickerTarget.routeDestination) {
|
|
_openRoutePlanner();
|
|
}
|
|
}
|
|
|
|
void _onCancelPicker() {
|
|
final target = _activePickerTarget;
|
|
setState(() => _activePickerTarget = null);
|
|
|
|
if (target == MapPickerTarget.losObserver ||
|
|
target == MapPickerTarget.losTarget) {
|
|
_openLosSheet();
|
|
} else if (target == MapPickerTarget.routeOrigin ||
|
|
target == MapPickerTarget.routeDestination) {
|
|
_openRoutePlanner();
|
|
}
|
|
}
|
|
|
|
void _resetResection() {
|
|
TurnByTurnNavigationEngine.stopNavigation();
|
|
setState(() {
|
|
_observations.clear();
|
|
_resectionResult = null;
|
|
_activeRoute = null;
|
|
_losObserver = null;
|
|
_losTarget = null;
|
|
_activeLosReport = null;
|
|
_currentTacticalMode = 'nav';
|
|
});
|
|
}
|
|
|
|
void _startLosMode() {
|
|
setState(() {
|
|
_currentTacticalMode = 'los';
|
|
});
|
|
|
|
if (_losObserver != null && _losTarget != null) {
|
|
_openLosSheet();
|
|
} else {
|
|
ScaffoldMessenger.of(context).hideCurrentSnackBar();
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
duration: Duration(seconds: 4),
|
|
backgroundColor: Color(0xFF0F172A),
|
|
content: Row(
|
|
children: [
|
|
Icon(Icons.touch_app, size: 18, color: Color(0xFF38BDF8)),
|
|
SizedBox(width: 10),
|
|
Expanded(
|
|
child: Text(
|
|
'انقر على الخريطة لتحديد موقع الراصد 👁️ ثم انقر لتحديد الهدف 🎯',
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
void _openLosSheet() {
|
|
if (_losObserver == null || _losTarget == null) return;
|
|
|
|
final initialLos = OfflineLosEngine.calculate(
|
|
observer: _losObserver!,
|
|
target: _losTarget!,
|
|
);
|
|
setState(() {
|
|
_isLosVisible = initialLos.isDirectlyVisible;
|
|
_activeLosReport = initialLos;
|
|
});
|
|
|
|
showModalBottomSheet(
|
|
context: context,
|
|
isScrollControlled: true,
|
|
backgroundColor: Colors.transparent,
|
|
builder: (ctx) => TacticalLosSheet(
|
|
observer: _losObserver!,
|
|
target: _losTarget!,
|
|
currentGps: _currentGpsPosition,
|
|
angleUnit: _angleUnit,
|
|
onUpdateLocations: (newObs, newTgt) {
|
|
setState(() {
|
|
_losObserver = newObs;
|
|
_losTarget = newTgt;
|
|
});
|
|
final updatedLos = OfflineLosEngine.calculate(
|
|
observer: newObs,
|
|
target: newTgt,
|
|
);
|
|
setState(() {
|
|
_isLosVisible = updatedLos.isDirectlyVisible;
|
|
_activeLosReport = updatedLos;
|
|
});
|
|
_fitRouteBounds([newObs, newTgt]);
|
|
},
|
|
onVisibilityChanged: (vis) {
|
|
if (mounted) setState(() => _isLosVisible = vis);
|
|
},
|
|
onReportGenerated: (report) {
|
|
if (mounted) {
|
|
setState(() {
|
|
_activeLosReport = report;
|
|
_isLosVisible = report.isDirectlyVisible;
|
|
});
|
|
}
|
|
},
|
|
onPickObserverOnMap: () {
|
|
Navigator.pop(context);
|
|
setState(() => _activePickerTarget = MapPickerTarget.losObserver);
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
duration: Duration(seconds: 3),
|
|
backgroundColor: Color(0xFF0F172A),
|
|
content: Text('انقر على الخريطة لتحديد موقع الراصد الجديد 👁️',
|
|
style: TextStyle(color: Colors.white)),
|
|
),
|
|
);
|
|
},
|
|
onPickTargetOnMap: () {
|
|
Navigator.pop(context);
|
|
setState(() => _activePickerTarget = MapPickerTarget.losTarget);
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
duration: Duration(seconds: 3),
|
|
backgroundColor: Color(0xFF0F172A),
|
|
content: Text('انقر على الخريطة لتحديد موقع الهدف الجديد 🎯',
|
|
style: TextStyle(color: Colors.white)),
|
|
),
|
|
);
|
|
},
|
|
onClose: () {
|
|
Navigator.pop(context);
|
|
setState(() => _currentTacticalMode = 'nav');
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
void _startViewshed360Mode() {
|
|
setState(() {
|
|
_currentTacticalMode = 'viewshed_360';
|
|
});
|
|
|
|
if (_losObserver != null) {
|
|
_openViewshed360Sheet();
|
|
} else if (_currentGpsPosition != null) {
|
|
setState(() => _losObserver = _currentGpsPosition);
|
|
_openViewshed360Sheet();
|
|
} else {
|
|
ScaffoldMessenger.of(context).hideCurrentSnackBar();
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
duration: Duration(seconds: 4),
|
|
backgroundColor: Color(0xFF0F172A),
|
|
content: Row(
|
|
children: [
|
|
Icon(Icons.radar, size: 18, color: Color(0xFF38BDF8)),
|
|
SizedBox(width: 10),
|
|
Expanded(
|
|
child: Text(
|
|
'انقر على الخريطة لتحديد مركز الرصد والرادار 360° 🌐',
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
void _openViewshed360Sheet() {
|
|
if (_losObserver == null) return;
|
|
|
|
final initialReport = Viewshed360Engine.calculate(
|
|
observer: _losObserver!,
|
|
radiusMeters: 5000.0,
|
|
observerHeightM: 2.0,
|
|
rayCount: 360,
|
|
);
|
|
setState(() {
|
|
_activeViewshedReport = initialReport;
|
|
});
|
|
|
|
showModalBottomSheet(
|
|
context: context,
|
|
isScrollControlled: true,
|
|
backgroundColor: Colors.transparent,
|
|
builder: (ctx) => TacticalViewshedSheet(
|
|
observer: _losObserver!,
|
|
currentGps: _currentGpsPosition,
|
|
onUpdateObserver: (newObs) {
|
|
setState(() => _losObserver = newObs);
|
|
},
|
|
onReportUpdated: (rep) {
|
|
if (mounted) {
|
|
setState(() => _activeViewshedReport = rep);
|
|
}
|
|
},
|
|
onPickObserverOnMap: () {
|
|
Navigator.pop(context);
|
|
setState(() => _activePickerTarget = MapPickerTarget.losObserver);
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
duration: Duration(seconds: 3),
|
|
backgroundColor: Color(0xFF0F172A),
|
|
content: Text('انقر على الخريطة لتحديد مركز الرصد الجديد 👁️',
|
|
style: TextStyle(color: Colors.white)),
|
|
),
|
|
);
|
|
},
|
|
onClose: () {
|
|
Navigator.pop(context);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
void _handleMapTap(LatLng point) {
|
|
if (_activePickerTarget != null) {
|
|
if (_activePickerTarget == MapPickerTarget.losObserver) {
|
|
setState(() {
|
|
_losObserver = point;
|
|
_activePickerTarget = null;
|
|
});
|
|
if (_currentTacticalMode == 'viewshed_360') {
|
|
_openViewshed360Sheet();
|
|
} else if (_losTarget != null) {
|
|
_openLosSheet();
|
|
}
|
|
} else if (_activePickerTarget == MapPickerTarget.losTarget) {
|
|
setState(() {
|
|
_losTarget = point;
|
|
_activePickerTarget = null;
|
|
});
|
|
if (_losObserver != null) {
|
|
_openLosSheet();
|
|
}
|
|
} else if (_activePickerTarget == MapPickerTarget.routeOrigin) {
|
|
setState(() => _activePickerTarget = null);
|
|
_openRoutePlanner(initialOrigin: point);
|
|
} else if (_activePickerTarget == MapPickerTarget.routeDestination) {
|
|
setState(() => _activePickerTarget = null);
|
|
_openRoutePlanner(initialDestination: point);
|
|
}
|
|
return;
|
|
}
|
|
|
|
if (_currentTacticalMode == 'viewshed_360') {
|
|
setState(() => _losObserver = point);
|
|
_openViewshed360Sheet();
|
|
return;
|
|
}
|
|
|
|
if (_currentTacticalMode == 'los') {
|
|
if (_losObserver == null) {
|
|
setState(() => _losObserver = point);
|
|
ScaffoldMessenger.of(context).hideCurrentSnackBar();
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
duration: Duration(seconds: 3),
|
|
backgroundColor: Color(0xFF0F172A),
|
|
content: Row(
|
|
children: [
|
|
Icon(Icons.check_circle, size: 16, color: Color(0xFF22C55E)),
|
|
SizedBox(width: 8),
|
|
Text(
|
|
'تم تحديد الراصد 👁️ • انقر لتحديد موقع الهدف 🎯',
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
} else if (_losTarget == null) {
|
|
setState(() => _losTarget = point);
|
|
_openLosSheet();
|
|
} else {
|
|
setState(() => _losTarget = point);
|
|
_openLosSheet();
|
|
}
|
|
return;
|
|
}
|
|
|
|
final mil = MilitaryGridUtils.fromLatLng(point);
|
|
final elev = JordanDemSurface.elevationAt(point.latitude, point.longitude);
|
|
ScaffoldMessenger.of(context).hideCurrentSnackBar();
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
duration: const Duration(seconds: 3),
|
|
backgroundColor: const Color(0xFF0F172A),
|
|
content: Row(
|
|
children: [
|
|
const Icon(Icons.location_searching,
|
|
size: 16, color: Color(0xFF38BDF8)),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: Text(
|
|
'${mil.arabicFullFormat} • ارتفاع: ${elev.round()}م',
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 11.5,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
void _fitRouteBounds(List<LatLng> points) {
|
|
if (points.isEmpty || _mapController == null) return;
|
|
|
|
double minLat = points.first.latitude;
|
|
double maxLat = points.first.latitude;
|
|
double minLng = points.first.longitude;
|
|
double maxLng = points.first.longitude;
|
|
|
|
for (final p in points) {
|
|
if (p.latitude < minLat) minLat = p.latitude;
|
|
if (p.latitude > maxLat) maxLat = p.latitude;
|
|
if (p.longitude < minLng) minLng = p.longitude;
|
|
if (p.longitude > maxLng) maxLng = p.longitude;
|
|
}
|
|
|
|
final bounds = LatLngBounds(
|
|
southwest: LatLng(minLat, minLng),
|
|
northeast: LatLng(maxLat, maxLng),
|
|
);
|
|
|
|
_mapController?.animateCamera(
|
|
CameraUpdate.newLatLngBounds(
|
|
bounds,
|
|
left: 40.0,
|
|
top: 60.0,
|
|
right: 40.0,
|
|
bottom: 120.0,
|
|
),
|
|
);
|
|
}
|
|
|
|
Future<void> _calculateHybridRoute({
|
|
LatLng? customOrigin,
|
|
LatLng? customDestination,
|
|
TacticalVehicleProfile? selectedProfile,
|
|
bool autoStartNav = false,
|
|
}) async {
|
|
final profile = selectedProfile ?? _selectedProfile;
|
|
setState(() => _selectedProfile = profile);
|
|
|
|
final startPoint = customOrigin ??
|
|
_currentGpsPosition ??
|
|
(_resectionResult != null
|
|
? LatLng(_resectionResult!.lat, _resectionResult!.lng)
|
|
: const LatLng(31.9539, 35.9106));
|
|
|
|
final targetPoint = customDestination ??
|
|
(_observations.isNotEmpty
|
|
? LatLng(_observations.first.landmark.lat,
|
|
_observations.first.landmark.lng)
|
|
: LatLng(startPoint.latitude + 0.05, startPoint.longitude + 0.05));
|
|
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
duration: Duration(seconds: 1),
|
|
backgroundColor: Color(0xFF0071E3),
|
|
content: Text('جاري احتساب مسار القوافل التكتيكي...'),
|
|
),
|
|
);
|
|
|
|
OfflineRoutePlan? plan;
|
|
|
|
// 1. Try Online NestJS Server Routing API
|
|
try {
|
|
final serverRoute = await TacticalApiService.calculateTacticalRoute(
|
|
origin: startPoint,
|
|
destination: targetPoint,
|
|
profile: profile.name,
|
|
);
|
|
|
|
if (serverRoute != null && serverRoute.points.isNotEmpty) {
|
|
plan = OfflineRoutePlan(
|
|
polylinePoints: serverRoute.points,
|
|
totalDistanceKm: serverRoute.distanceKm,
|
|
estimatedDurationMinutes: serverRoute.durationMinutes,
|
|
profile: profile,
|
|
tacticalWaypoints: const ['موقع الانطلاق', 'الهدف التكتيكي المحدد'],
|
|
isOffline: false,
|
|
);
|
|
}
|
|
} catch (e) {
|
|
debugPrint(
|
|
'Online server route failed, falling back to sovereign offline engine: $e');
|
|
}
|
|
|
|
// 2. Fallback to 100% Sovereign On-Device Offline Routing Engine
|
|
plan ??= OfflineRoutingEngine.calculateOnDeviceRoute(
|
|
start: startPoint,
|
|
destination: targetPoint,
|
|
profile: profile,
|
|
);
|
|
|
|
setState(() {
|
|
_activeRoute = plan;
|
|
_currentTacticalMode = 'routing';
|
|
});
|
|
|
|
_fitRouteBounds(plan.polylinePoints);
|
|
|
|
if (autoStartNav) {
|
|
TurnByTurnNavigationEngine.startNavigation(
|
|
plan: plan,
|
|
simulate: false,
|
|
controller: _mapController,
|
|
);
|
|
}
|
|
}
|
|
|
|
void _openPlaceSearch() {
|
|
showModalBottomSheet(
|
|
context: context,
|
|
isScrollControlled: true,
|
|
backgroundColor: Colors.transparent,
|
|
builder: (ctx) => PlaceSearchSheet(
|
|
onDestinationSelected: (landmark, startNav) {
|
|
final dest = LatLng(landmark.lat, landmark.lng);
|
|
_calculateHybridRoute(
|
|
customDestination: dest,
|
|
autoStartNav: startNav,
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
// Build declarative overlays for IntaleqMap
|
|
Set<Marker> _buildMarkers(ActiveNavigationState navState) {
|
|
final markers = <Marker>{};
|
|
|
|
// Landmark markers
|
|
for (final obs in _observations) {
|
|
markers.add(
|
|
Marker(
|
|
markerId: MarkerId(obs.landmark.id),
|
|
position: LatLng(obs.landmark.lat, obs.landmark.lng),
|
|
icon: InlqBitmap.defaultMarkerWithHue(InlqBitmap.hueAzure),
|
|
infoWindow: InfoWindow(
|
|
title: obs.landmark.name,
|
|
snippet: AngleFormatter.format(obs.trueAzimuthDeg, _angleUnit),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Calculated Observer Fix Marker
|
|
if (_resectionResult != null && !navState.isNavigating) {
|
|
markers.add(
|
|
Marker(
|
|
markerId: const MarkerId('observer_calculated_position'),
|
|
position: LatLng(_resectionResult!.lat, _resectionResult!.lng),
|
|
icon: InlqBitmap.defaultMarkerWithHue(InlqBitmap.hueGreen),
|
|
infoWindow: const InfoWindow(
|
|
title: 'موقع الراصد المحسوب (GPS-Denied Fix)',
|
|
snippet: 'تم استخراج الموقع بالتقاطع البصري العكسي',
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Routing Destination Marker
|
|
if (_activeRoute != null && _activeRoute!.polylinePoints.isNotEmpty) {
|
|
markers.add(
|
|
Marker(
|
|
markerId: const MarkerId('convoy_destination'),
|
|
position: _activeRoute!.polylinePoints.last,
|
|
icon: InlqBitmap.defaultMarkerWithHue(InlqBitmap.hueRed),
|
|
infoWindow: const InfoWindow(
|
|
title: 'الهدف التكتيكي (Objective)',
|
|
snippet: 'نقطة الوصول المحددة',
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Live Moving Vehicle Marker during Active Navigation
|
|
if (navState.isNavigating && navState.currentPosition != null) {
|
|
markers.add(
|
|
Marker(
|
|
markerId: const MarkerId('active_vehicle_position'),
|
|
position: navState.currentPosition!,
|
|
icon: InlqBitmap.defaultMarkerWithHue(InlqBitmap.hueCyan),
|
|
infoWindow: InfoWindow(
|
|
title: 'مركبة العمليات الميدانية',
|
|
snippet:
|
|
'${navState.currentSpeedKmH.round()} كم/س • سمت ${navState.currentHeadingDeg.round()}°',
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Tactical Line of Sight (LOS) Markers with Military Grid Coordinates
|
|
if (_currentTacticalMode == 'los') {
|
|
if (_losObserver != null) {
|
|
final obsMil = MilitaryGridUtils.fromLatLng(_losObserver!);
|
|
final obsElev = JordanDemSurface.elevationAt(
|
|
_losObserver!.latitude, _losObserver!.longitude);
|
|
markers.add(
|
|
Marker(
|
|
markerId: const MarkerId('los_observer_marker'),
|
|
position: _losObserver!,
|
|
icon: InlqBitmap.defaultMarkerWithHue(InlqBitmap.hueCyan),
|
|
infoWindow: InfoWindow(
|
|
title: '🔴 موقع الراصد (Observer)',
|
|
snippet: '${obsMil.arabicFullFormat} • ${obsElev.round()}م',
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
if (_losTarget != null) {
|
|
final tgtMil = MilitaryGridUtils.fromLatLng(_losTarget!);
|
|
final tgtElev = JordanDemSurface.elevationAt(
|
|
_losTarget!.latitude, _losTarget!.longitude);
|
|
markers.add(
|
|
Marker(
|
|
markerId: const MarkerId('los_target_marker'),
|
|
position: _losTarget!,
|
|
icon: InlqBitmap.defaultMarkerWithHue(InlqBitmap.hueRed),
|
|
infoWindow: InfoWindow(
|
|
title: '🎯 موقع الهدف (Target)',
|
|
snippet: '${tgtMil.arabicFullFormat} • ${tgtElev.round()}م',
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// Critical Obstacle Marker (نقطة الحجب التضاريسي الأعلى)
|
|
if (_activeLosReport?.highestObstacle != null && !_isLosVisible) {
|
|
final obs = _activeLosReport!.highestObstacle!;
|
|
final obsMil = MilitaryGridUtils.fromLatLng(LatLng(obs.lat, obs.lng));
|
|
markers.add(
|
|
Marker(
|
|
markerId: const MarkerId('los_obstacle_marker'),
|
|
position: LatLng(obs.lat, obs.lng),
|
|
icon: InlqBitmap.defaultMarkerWithHue(InlqBitmap.hueViolet),
|
|
infoWindow: InfoWindow(
|
|
title: '⚠️ عائق جبلي حاجب للرؤية: ${obs.elevationM.round()}م',
|
|
snippet:
|
|
'اختراق خط الرؤية: +${obs.excessM.toStringAsFixed(1)}م • ${obsMil.arabicFullFormat}',
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
// Tactical 360 Viewshed Observer Marker
|
|
if (_currentTacticalMode == 'viewshed_360' && _losObserver != null) {
|
|
final obsMil = MilitaryGridUtils.fromLatLng(_losObserver!);
|
|
final obsElev = JordanDemSurface.elevationAt(
|
|
_losObserver!.latitude, _losObserver!.longitude);
|
|
markers.add(
|
|
Marker(
|
|
markerId: const MarkerId('viewshed_360_observer'),
|
|
position: _losObserver!,
|
|
icon: InlqBitmap.defaultMarkerWithHue(InlqBitmap.hueCyan),
|
|
infoWindow: InfoWindow(
|
|
title: '🌐 مركز الرصد والرادار 360°',
|
|
snippet: '${obsMil.arabicFullFormat} • ${obsElev.round()}م',
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
return markers;
|
|
}
|
|
|
|
Set<Polyline> _buildPolylines(ActiveNavigationState navState) {
|
|
final polylines = <Polyline>{};
|
|
|
|
// 1. Tactical Line of Sight (LOS) Ray (Segmented or Direct)
|
|
if (_currentTacticalMode == 'los' &&
|
|
_losObserver != null &&
|
|
_losTarget != null) {
|
|
if (_activeLosReport != null && _activeLosReport!.profile.length > 1) {
|
|
final visSegments = _activeLosReport!.visibleSegments;
|
|
for (int i = 0; i < visSegments.length; i++) {
|
|
polylines.add(
|
|
Polyline(
|
|
polylineId: PolylineId('tactical_los_vis_$i'),
|
|
points: visSegments[i],
|
|
color: const Color(0xFF22C55E),
|
|
width: 5.0,
|
|
),
|
|
);
|
|
}
|
|
|
|
final blkSegments = _activeLosReport!.blockedSegments;
|
|
for (int i = 0; i < blkSegments.length; i++) {
|
|
polylines.add(
|
|
Polyline(
|
|
polylineId: PolylineId('tactical_los_blk_$i'),
|
|
points: blkSegments[i],
|
|
color: const Color(0xFFEF4444),
|
|
width: 5.0,
|
|
),
|
|
);
|
|
}
|
|
} else {
|
|
polylines.add(
|
|
Polyline(
|
|
polylineId: const PolylineId('tactical_los_ray'),
|
|
points: [_losObserver!, _losTarget!],
|
|
color: _isLosVisible
|
|
? const Color(0xFF22C55E)
|
|
: const Color(0xFFEF4444),
|
|
width: 4.5,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
// 2. Tactical 360 Viewshed Perimeter Polygon Border
|
|
if (_currentTacticalMode == 'viewshed_360' &&
|
|
_activeViewshedReport != null) {
|
|
polylines.add(
|
|
Polyline(
|
|
polylineId: const PolylineId('viewshed_360_perimeter'),
|
|
points: _activeViewshedReport!.polygonVertices,
|
|
color: const Color(0xFF22C55E),
|
|
width: 4.0,
|
|
),
|
|
);
|
|
}
|
|
|
|
// 3. Resection Triangulation Rays
|
|
if (_resectionResult != null && !navState.isNavigating) {
|
|
final observerPos = LatLng(_resectionResult!.lat, _resectionResult!.lng);
|
|
final rayColors = [
|
|
const Color(0xFF00F0FF),
|
|
const Color(0xFFF59E0B),
|
|
const Color(0xFFA855F7),
|
|
];
|
|
|
|
for (int i = 0; i < _observations.length; i++) {
|
|
final obs = _observations[i];
|
|
final color = rayColors[i % rayColors.length];
|
|
|
|
polylines.add(
|
|
Polyline(
|
|
polylineId: PolylineId('resection_ray_${obs.landmark.id}'),
|
|
points: [
|
|
observerPos,
|
|
LatLng(obs.landmark.lat, obs.landmark.lng),
|
|
],
|
|
color: color,
|
|
width: 3.5,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
// 4. Active Route Polyline
|
|
if (_activeRoute != null && _activeRoute!.polylinePoints.isNotEmpty) {
|
|
polylines.add(
|
|
Polyline(
|
|
polylineId: const PolylineId('tactical_on_device_route'),
|
|
points: _activeRoute!.polylinePoints,
|
|
color: navState.isNavigating
|
|
? const Color(0xFF00F0FF)
|
|
: const Color(0xFF38BDF8),
|
|
width: navState.isNavigating ? 6.5 : 5.0,
|
|
),
|
|
);
|
|
}
|
|
|
|
return polylines;
|
|
}
|
|
|
|
Set<Circle> _buildCircles() {
|
|
final circles = <Circle>{};
|
|
|
|
if (_resectionResult != null) {
|
|
circles.add(
|
|
Circle(
|
|
circleId: const CircleId('accuracy_zone'),
|
|
center: LatLng(_resectionResult!.lat, _resectionResult!.lng),
|
|
radius: _resectionResult!.estimatedAccuracyMeters,
|
|
fillColor: const Color(0x3322C55E),
|
|
strokeColor: const Color(0xFF22C55E),
|
|
strokeWidth: 2,
|
|
),
|
|
);
|
|
}
|
|
|
|
// 360 Viewshed Radar Max Range Ring
|
|
if (_currentTacticalMode == 'viewshed_360' &&
|
|
_activeViewshedReport != null) {
|
|
circles.add(
|
|
Circle(
|
|
circleId: const CircleId('viewshed_360_range_ring'),
|
|
center: _activeViewshedReport!.center,
|
|
radius: _activeViewshedReport!.radiusMeters,
|
|
fillColor: const Color(0x1538BDF8),
|
|
strokeColor: const Color(0x6638BDF8),
|
|
strokeWidth: 1.5,
|
|
),
|
|
);
|
|
}
|
|
|
|
return circles;
|
|
}
|
|
|
|
Set<Polygon> _buildPolygons() {
|
|
final polygons = <Polygon>{};
|
|
|
|
// 360 Viewshed Radar Visible Polygon Fill
|
|
if (_currentTacticalMode == 'viewshed_360' &&
|
|
_activeViewshedReport != null &&
|
|
_activeViewshedReport!.polygonVertices.isNotEmpty) {
|
|
polygons.add(
|
|
Polygon(
|
|
polygonId: const PolygonId('viewshed_360_fill'),
|
|
points: _activeViewshedReport!.polygonVertices,
|
|
fillColor: const Color(0x3322C55E),
|
|
strokeColor: const Color(0xFF22C55E),
|
|
strokeWidth: 2,
|
|
),
|
|
);
|
|
}
|
|
|
|
return polygons;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return ListenableBuilder(
|
|
listenable: TurnByTurnNavigationEngine.navigationState,
|
|
builder: (context, _) {
|
|
final navState = TurnByTurnNavigationEngine.navigationState.value;
|
|
|
|
return Scaffold(
|
|
key: _scaffoldKey,
|
|
drawer: navState.isNavigating
|
|
? null
|
|
: TacticalDrawer(
|
|
currentAngleUnit: _angleUnit,
|
|
onAngleUnitChanged: (unit) =>
|
|
setState(() => _angleUnit = unit),
|
|
onOpenResectionHud: () =>
|
|
setState(() => _currentTacticalMode = 'resection_cam'),
|
|
onStartRoutingMode: _openRoutePlanner,
|
|
onStartLosMode: _startLosMode,
|
|
onStartIsochroneMode: () {
|
|
setState(() => _currentTacticalMode = 'isochrone');
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
backgroundColor: Color(0xFFA855F7),
|
|
content: Text(
|
|
'وضع مضلعات الحركة Isochrone: جاري تحليل نطاق الوصول الميداني.'),
|
|
),
|
|
);
|
|
},
|
|
onLandmarksSynced: () => setState(() {}),
|
|
showContours: _showContours,
|
|
onToggleContours: (val) {
|
|
setState(() => _showContours = val);
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
backgroundColor: const Color(0xFFF59E0B),
|
|
content: Text(
|
|
val
|
|
? 'تم تفعيل طبقات التضاريس والكنتور'
|
|
: 'تم إخفاء طبقات التضاريس والكنتور',
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
appBar: navState.isNavigating
|
|
? null
|
|
: AppBar(
|
|
backgroundColor: const Color(0xFF0F172A),
|
|
elevation: 2,
|
|
leading: IconButton(
|
|
icon: const Icon(Icons.menu, color: Color(0xFF38BDF8)),
|
|
onPressed: () => _scaffoldKey.currentState?.openDrawer(),
|
|
),
|
|
title: Row(
|
|
children: [
|
|
Container(
|
|
padding: const EdgeInsets.all(6),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFF0071E3),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: const Icon(Icons.shield,
|
|
size: 20, color: Colors.white),
|
|
),
|
|
const SizedBox(width: 10),
|
|
const Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(
|
|
'منظومة الملاحة التكتيكية (Intaleq Navigation)',
|
|
style: TextStyle(
|
|
fontSize: 13, fontWeight: FontWeight.bold),
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
Text(
|
|
'الملاحة البصرية وتبادل الرؤية والتضاريس',
|
|
style: TextStyle(
|
|
fontSize: 9.5, color: Color(0xFF94A3B8)),
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
actions: [
|
|
IconButton(
|
|
icon: const Icon(Icons.search, color: Color(0xFF38BDF8)),
|
|
onPressed: _openPlaceSearch,
|
|
),
|
|
GestureDetector(
|
|
onTap: () {
|
|
setState(() {
|
|
if (_angleUnit == AngleUnit.degrees) {
|
|
_angleUnit = AngleUnit.mils;
|
|
} else if (_angleUnit == AngleUnit.mils) {
|
|
_angleUnit = AngleUnit.dual;
|
|
} else {
|
|
_angleUnit = AngleUnit.degrees;
|
|
}
|
|
});
|
|
},
|
|
child: Container(
|
|
margin: const EdgeInsets.symmetric(
|
|
horizontal: 4, vertical: 12),
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 8, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFF1E293B),
|
|
borderRadius: BorderRadius.circular(16),
|
|
border: Border.all(color: const Color(0xFF0071E3)),
|
|
),
|
|
child: Text(
|
|
_angleUnit == AngleUnit.degrees
|
|
? '° DEG'
|
|
: (_angleUnit == AngleUnit.mils
|
|
? '₥ MILS'
|
|
: '°/₥ DUAL'),
|
|
style: const TextStyle(
|
|
fontSize: 10,
|
|
fontWeight: FontWeight.w900,
|
|
color: Color(0xFF38BDF8)),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
body: Stack(
|
|
children: [
|
|
// ── Sovereign Intaleq Map Engine ─────────────────────────
|
|
IntaleqMap(
|
|
apiKey: AppConfig.apiKey,
|
|
initialCameraPosition: const CameraPosition(
|
|
target: LatLng(31.9539, 35.9106),
|
|
zoom: 12.0,
|
|
),
|
|
mapType: IntaleqMapType.normal,
|
|
styleUrl: 'asset://assets/style_offline.json',
|
|
markers: _buildMarkers(navState),
|
|
polylines: _buildPolylines(navState),
|
|
circles: _buildCircles(),
|
|
polygons: _buildPolygons(),
|
|
onMapCreated: (ctrl) async {
|
|
_mapController = ctrl;
|
|
TurnByTurnNavigationEngine.setMapController(ctrl);
|
|
|
|
// الانتقال الفوري والمباشر إلى موقع المستخدم الحالي بمجرد إنشاء الخريطة
|
|
if (_currentGpsPosition != null) {
|
|
ctrl.animateCamera(
|
|
CameraUpdate.newLatLngZoom(_currentGpsPosition!, 15.0),
|
|
);
|
|
} else {
|
|
await _initGps();
|
|
}
|
|
},
|
|
onCameraMove: (CameraPosition pos) {
|
|
_currentCameraCenter = pos.target;
|
|
},
|
|
onTap: _handleMapTap,
|
|
onLongPress: (point) {
|
|
_calculateHybridRoute(
|
|
customDestination: point,
|
|
autoStartNav: true,
|
|
);
|
|
},
|
|
),
|
|
|
|
// ── 0. Interactive Map Center Pin Picker HUD ──
|
|
if (_activePickerTarget != null)
|
|
InteractiveMapPickerHud(
|
|
target: _activePickerTarget!,
|
|
centerPosition: _currentCameraCenter,
|
|
onConfirm: () => _onConfirmPicker(
|
|
_activePickerTarget!, _currentCameraCenter),
|
|
onCancel: _onCancelPicker,
|
|
),
|
|
|
|
// ── 1. Active Navigation Mode Top Banner ──
|
|
if (navState.isNavigating)
|
|
ActiveNavigationTopBanner(navState: navState),
|
|
|
|
// ── 2. Active Navigation Mode Bottom HUD (ETA, KM, Stop) ───────
|
|
if (navState.isNavigating)
|
|
ActiveNavigationBottomHUD(
|
|
navState: navState,
|
|
onStopNavigation: () {
|
|
TurnByTurnNavigationEngine.stopNavigation();
|
|
setState(() {});
|
|
},
|
|
),
|
|
|
|
// ── 3. Normal Explore Mode Top Floating Bar ───────────────────
|
|
if (!navState.isNavigating && _activePickerTarget == null)
|
|
Positioned(
|
|
top: 12,
|
|
right: 12,
|
|
left: 12,
|
|
child: Container(
|
|
padding: const EdgeInsets.all(4),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xEB0F172A),
|
|
borderRadius: BorderRadius.circular(12),
|
|
border: Border.all(color: Colors.white12),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
_buildModeButton(
|
|
'nav',
|
|
'الخريطة',
|
|
Icons.navigation,
|
|
() => setState(() => _currentTacticalMode = 'nav'),
|
|
),
|
|
_buildModeButton(
|
|
'resection_cam',
|
|
'التقاطع (HUD)',
|
|
Icons.camera_alt,
|
|
() => setState(
|
|
() => _currentTacticalMode = 'resection_cam'),
|
|
),
|
|
_buildModeButton(
|
|
'routing',
|
|
'القوافل',
|
|
Icons.alt_route,
|
|
_openRoutePlanner,
|
|
),
|
|
_buildModeButton(
|
|
'los',
|
|
'تبادل الرؤية',
|
|
Icons.visibility,
|
|
_startLosMode,
|
|
),
|
|
_buildModeButton(
|
|
'viewshed_360',
|
|
'رصد 360°',
|
|
Icons.radar,
|
|
_startViewshed360Mode,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
|
|
// ── 3.1 Line of Sight (LOS) Step-by-Step Flow Banner ──────────
|
|
if (!navState.isNavigating &&
|
|
_currentTacticalMode == 'los' &&
|
|
_activePickerTarget == null)
|
|
Positioned(
|
|
top: 66,
|
|
right: 12,
|
|
left: 12,
|
|
child: Container(
|
|
padding:
|
|
const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xF20F172A),
|
|
borderRadius: BorderRadius.circular(12),
|
|
border: Border.all(
|
|
color: const Color(0xFF38BDF8), width: 1.2),
|
|
boxShadow: const [
|
|
BoxShadow(
|
|
color: Colors.black54,
|
|
blurRadius: 8,
|
|
offset: Offset(0, 3))
|
|
],
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 8, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: _losObserver == null
|
|
? const Color(0xFF0284C7)
|
|
: (_losTarget == null
|
|
? const Color(0xFFF59E0B)
|
|
: const Color(0xFF22C55E)),
|
|
borderRadius: BorderRadius.circular(6),
|
|
),
|
|
child: Text(
|
|
_losObserver == null
|
|
? 'خطوة 1/2'
|
|
: (_losTarget == null ? 'خطوة 2/2' : 'جاهز'),
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 10,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: Text(
|
|
_losObserver == null
|
|
? 'انقر على الخريطة لتحديد موقع الراصد 👁️'
|
|
: (_losTarget == null
|
|
? 'انقر على الخريطة لتحديد الهدف 🎯'
|
|
: 'تم حساب خط الرؤية بالكامل'),
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 11.5,
|
|
fontWeight: FontWeight.w600),
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
if (_losObserver == null && _currentGpsPosition != null)
|
|
TextButton.icon(
|
|
onPressed: () {
|
|
setState(
|
|
() => _losObserver = _currentGpsPosition);
|
|
},
|
|
icon: const Icon(Icons.my_location,
|
|
size: 14, color: Color(0xFF38BDF8)),
|
|
label: const Text('موقعي',
|
|
style: TextStyle(
|
|
color: Color(0xFF38BDF8), fontSize: 11)),
|
|
style: TextButton.styleFrom(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 6, vertical: 2)),
|
|
)
|
|
else if (_losObserver != null && _losTarget == null)
|
|
TextButton(
|
|
onPressed: () =>
|
|
setState(() => _losObserver = null),
|
|
style: TextButton.styleFrom(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 6, vertical: 2)),
|
|
child: const Text('تغيير الراصد',
|
|
style: TextStyle(
|
|
color: Color(0xFFF59E0B), fontSize: 11)),
|
|
)
|
|
else if (_losObserver != null &&
|
|
_losTarget != null) ...[
|
|
TextButton(
|
|
onPressed: _openLosSheet,
|
|
style: TextButton.styleFrom(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 6, vertical: 2)),
|
|
child: const Text('عرض التقرير 📊',
|
|
style: TextStyle(
|
|
color: Color(0xFF38BDF8),
|
|
fontSize: 11,
|
|
fontWeight: FontWeight.bold)),
|
|
),
|
|
TextButton(
|
|
onPressed: () {
|
|
setState(() {
|
|
_losObserver = null;
|
|
_losTarget = null;
|
|
_activeLosReport = null;
|
|
});
|
|
},
|
|
style: TextButton.styleFrom(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 4, vertical: 2)),
|
|
child: const Text('إعادة',
|
|
style: TextStyle(
|
|
color: Color(0xFFEF4444), fontSize: 11)),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
),
|
|
),
|
|
|
|
// ── 3.2 Tactical 360 Viewshed Step Flow Banner ────────────────
|
|
if (!navState.isNavigating &&
|
|
_currentTacticalMode == 'viewshed_360' &&
|
|
_activePickerTarget == null)
|
|
Positioned(
|
|
top: 66,
|
|
right: 12,
|
|
left: 12,
|
|
child: Container(
|
|
padding:
|
|
const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xF20F172A),
|
|
borderRadius: BorderRadius.circular(12),
|
|
border: Border.all(
|
|
color: const Color(0xFF4ADE80), width: 1.2),
|
|
boxShadow: const [
|
|
BoxShadow(
|
|
color: Colors.black54,
|
|
blurRadius: 8,
|
|
offset: Offset(0, 3))
|
|
],
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 8, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFF16A34A),
|
|
borderRadius: BorderRadius.circular(6),
|
|
),
|
|
child: const Text(
|
|
'رصد 360°',
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 10,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: Text(
|
|
_losObserver == null
|
|
? 'انقر على الخريطة لتحديد مركز الرصد 🌐'
|
|
: 'تم مسح محيط الرصد ${_activeViewshedReport != null ? "(${_activeViewshedReport!.visibilityPercentage}%)" : ""}',
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 11.5,
|
|
fontWeight: FontWeight.w600),
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
if (_losObserver == null && _currentGpsPosition != null)
|
|
TextButton.icon(
|
|
onPressed: () {
|
|
setState(
|
|
() => _losObserver = _currentGpsPosition);
|
|
_openViewshed360Sheet();
|
|
},
|
|
icon: const Icon(Icons.my_location,
|
|
size: 14, color: Color(0xFF4ADE80)),
|
|
label: const Text('موقعي',
|
|
style: TextStyle(
|
|
color: Color(0xFF4ADE80), fontSize: 11)),
|
|
style: TextButton.styleFrom(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 6, vertical: 2)),
|
|
)
|
|
else if (_losObserver != null)
|
|
TextButton.icon(
|
|
onPressed: _openViewshed360Sheet,
|
|
icon: const Icon(Icons.tune,
|
|
size: 14, color: Color(0xFF38BDF8)),
|
|
label: const Text('الخصائص ⚙️',
|
|
style: TextStyle(
|
|
color: Color(0xFF38BDF8),
|
|
fontSize: 11,
|
|
fontWeight: FontWeight.bold)),
|
|
style: TextButton.styleFrom(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 6, vertical: 2)),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
|
|
// ── 4. Quick Trigger Buttons in Explore Mode ───────────────────
|
|
if (!navState.isNavigating &&
|
|
_currentTacticalMode == 'nav' &&
|
|
_resectionResult == null &&
|
|
_activeRoute == null)
|
|
Positioned(
|
|
bottom: 24,
|
|
right: 16,
|
|
left: 16,
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child: ElevatedButton.icon(
|
|
onPressed: _openPlaceSearch,
|
|
icon: const Icon(Icons.search, size: 18),
|
|
label: const Text('البحث عن وجهة وتوجيه',
|
|
style: TextStyle(
|
|
fontSize: 12.5, fontWeight: FontWeight.bold)),
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: const Color(0xFF0071E3),
|
|
foregroundColor: Colors.white,
|
|
padding: const EdgeInsets.symmetric(vertical: 14),
|
|
elevation: 8,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(14)),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 10),
|
|
IconButton.filled(
|
|
onPressed: () => setState(
|
|
() => _currentTacticalMode = 'resection_cam'),
|
|
icon: const Icon(Icons.camera_alt, size: 20),
|
|
style: IconButton.styleFrom(
|
|
backgroundColor: const Color(0xFF0F172A),
|
|
foregroundColor: const Color(0xFF00F0FF),
|
|
padding: const EdgeInsets.all(14),
|
|
side: const BorderSide(color: Color(0xFF0071E3)),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
// ── 4.1. Floating "My Location" Button ─────────────────────────
|
|
if (!navState.isNavigating && _activePickerTarget == null)
|
|
Positioned(
|
|
bottom: _activeRoute != null ? 220 : 90,
|
|
right: 16,
|
|
child: FloatingActionButton.small(
|
|
heroTag: 'fab_my_location',
|
|
backgroundColor: const Color(0xFF0F172A),
|
|
foregroundColor: const Color(0xFF38BDF8),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
side: const BorderSide(
|
|
color: Color(0xFF0071E3), width: 1.5),
|
|
),
|
|
onPressed: () {
|
|
if (_currentGpsPosition != null) {
|
|
_mapController?.animateCamera(
|
|
CameraUpdate.newLatLngZoom(
|
|
_currentGpsPosition!, 15.0),
|
|
);
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
duration: Duration(seconds: 2),
|
|
backgroundColor: Color(0xFF0071E3),
|
|
content: Text('تم التمركز على موقعك الحالي GPS 📍'),
|
|
),
|
|
);
|
|
} else {
|
|
_initGps();
|
|
}
|
|
},
|
|
child: const Icon(Icons.my_location, size: 20),
|
|
),
|
|
),
|
|
|
|
// ── 5. Tactical Route Preview Card with "Start Navigation" Button ─
|
|
if (!navState.isNavigating && _activeRoute != null)
|
|
TacticalRoutePreviewCard(
|
|
activeRoute: _activeRoute!,
|
|
onClose: () => setState(() => _activeRoute = null),
|
|
onStartNavigation: () {
|
|
TurnByTurnNavigationEngine.startNavigation(
|
|
plan: _activeRoute!,
|
|
simulate: true,
|
|
controller: _mapController,
|
|
);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
Widget _buildModeButton(
|
|
String mode, String title, IconData icon, VoidCallback onTap) {
|
|
final active = _currentTacticalMode == mode;
|
|
return Expanded(
|
|
child: GestureDetector(
|
|
onTap: onTap,
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 4),
|
|
decoration: BoxDecoration(
|
|
color: active ? const Color(0xFF0071E3) : Colors.transparent,
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Icon(icon,
|
|
size: 13,
|
|
color: active ? Colors.white : const Color(0xFF94A3B8)),
|
|
const SizedBox(width: 4),
|
|
Flexible(
|
|
child: Text(
|
|
title,
|
|
style: TextStyle(
|
|
fontSize: 10.5,
|
|
fontWeight: FontWeight.bold,
|
|
color: active ? Colors.white : const Color(0xFF94A3B8),
|
|
),
|
|
overflow: TextOverflow.ellipsis,
|
|
maxLines: 1,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|