Navigációs képernyőn útvonal megjelenítése supabase táblából és navigációs képernyővel történő indítás beállítások alapján

lib/pages/vibro_nav/presentation/controllers/vibro_nav_controller.dart

@@ -8,6 +8,7 @@ import 'package:get/get.dart';
 import 'package:latlong2/latlong.dart';
 import 'package:supabase_flutter/supabase_flutter.dart';
 import 'package:terepi_seged/models/measure_source_point.dart';
+import 'package:terepi_seged/models/vibro_nav_route.dart';
 import 'package:terepi_seged/services/app_logger.dart';
 import 'package:terepi_seged/services/coord_converter_service.dart';
 import 'package:terepi_seged/services/gnss/gnss_connection.dart';
@@ -16,6 +17,7 @@ import 'package:terepi_seged/services/gnss/phone_gps_connection.dart';
 import 'package:terepi_seged/services/measure_source_point_service.dart';
 import 'package:terepi_seged/services/project_service.dart';
 import 'package:terepi_seged/services/vechicle_identity_service.dart';
+import 'package:terepi_seged/services/vibro_nav_route_service.dart';
 
 /// Forráspont + egyszer kiszámolt WGS84 pozíció. A térkép ebből rajzol,
 /// így GNSS-frissítéskor nincs újraszámolás.
@@ -66,6 +68,9 @@ class VibroNavController extends GetxController {
   final Map<String, LatLng?> _geoCache = {};
   final isLoadingSourcePoints = false.obs;
 
+  final routes = <VibroNavRoute>[].obs;
+  StreamSubscription<List<VibroNavRoute>>? _routesSub;
+
   /// Ha false, a tartalék (plan_state = 0) pontok nem jelennek meg a
   /// térképen — csak a jelgerjesztés helyei (plan_state = 1) látszanak.
   final showReservePoints = false.obs;
@@ -93,7 +98,11 @@ class VibroNavController extends GetxController {
     super.onInit();
 
     watchSourcePoints();
-    ever(ProjectService.to.activeProject, (_) => watchSourcePoints());
+    watchRoutes();
+    ever(ProjectService.to.activeProject, (_) {
+      watchSourcePoints();
+      watchRoutes();
+    });
 
     if (Get.isRegistered<GnssService>()) {
       _gnssUpdateSub =
@@ -130,6 +139,7 @@ class VibroNavController extends GetxController {
   void onClose() {
     _gnssUpdateSub?.cancel();
     _sourcePointsSub?.cancel();
+    _routesSub?.cancel();
     _externalUploadTimer?.cancel();
     _internalUploadTimer?.cancel();
     _internalPositionSub?.cancel();
@@ -357,4 +367,26 @@ class VibroNavController extends GetxController {
   List<GeoSourcePoint> get visibleGeoSourcePoints => showReservePoints.value
       ? geoSourcePoints
       : geoSourcePoints.where((g) => g.point.isShotLocation).toList();
+
+  void watchRoutes() {
+    _routesSub?.cancel();
+    final projectId = ProjectService.to.activeProject.value?.uuid;
+    if (projectId == null) {
+      routes.clear();
+      return;
+    }
+    _routesSub = VibroNavRouteService.to.watchForToday(projectId).listen(
+          (list) => routes.value = list,
+          onError: (e) =>
+              AppLogger.e('VibroNavController', 'Útvonal-stream hiba: $e'),
+        );
+  }
+
+  /// A térkép ezt rajzolja: a mai napra érvényes útvonalak közül azok,
+  /// amelyek minden járműre szólnak, vagy erre a járműre. A járműváltásra
+  /// azonnal reagál.
+  List<VibroNavRoute> get visibleRoutes {
+    final v = VehicleIdentityService.to.selectedVehicle.value;
+    return routes.where((r) => r.vehicle == null || r.vehicle == v).toList();
+  }
 }

lib/pages/vibro_nav/presentation/controllers/vibro_nav_routes_controller.dart

@@ -0,0 +1,262 @@
+import 'dart:async';
+import 'dart:convert';
+import 'dart:io';
+
+import 'package:file_picker/file_picker.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:terepi_seged/models/vibro_nav_route.dart';
+import 'package:terepi_seged/services/app_logger.dart';
+import 'package:terepi_seged/services/project_service.dart';
+import 'package:terepi_seged/services/vibro_nav_route_service.dart';
+
+/// Az útvonalak kezelő (admin) oldalának controllere: lista, GeoJSON-import,
+/// szerkesztés (név, dátum, jármű, fajta, aktív), törlés.
+class VibroNavRoutesController extends GetxController {
+  static VibroNavRoutesController get to => Get.find();
+
+  final routes = <VibroNavRoute>[].obs;
+  final isLoading = true.obs;
+  final isBusy = false.obs;
+
+  // Közös űrlap-állapot (import ÉS szerkesztés).
+  final nameCtrl = TextEditingController();
+  final formDate = Rxn<DateTime>(); // null = minden nap
+  final formVehicle = Rxn<String>(); // null = minden jármű
+  final formKind = 'detour'.obs;
+  final formActive = true.obs;
+
+  VibroNavRoute? _editing;
+  List<RouteDraft> _drafts = [];
+
+  bool get isEditing => _editing != null;
+  VibroNavRoute? get editingRoute => _editing;
+  int get draftCount => _drafts.length;
+
+  StreamSubscription<List<VibroNavRoute>>? _sub;
+  Worker? _projectWorker;
+
+  String? get projectId => ProjectService.to.activeProject.value?.uuid;
+
+  @override
+  void onInit() {
+    super.onInit();
+    _subscribe();
+    _projectWorker = ever(ProjectService.to.activeProject, (_) => _subscribe());
+  }
+
+  @override
+  void onClose() {
+    _sub?.cancel();
+    _projectWorker?.dispose();
+    nameCtrl.dispose();
+    super.onClose();
+  }
+
+  void _subscribe() {
+    _sub?.cancel();
+    final pid = projectId;
+    if (pid == null) {
+      routes.clear();
+      isLoading.value = false;
+      return;
+    }
+    isLoading.value = true;
+    _sub = VibroNavRouteService.to.watchAll(pid).listen(
+      (list) {
+        routes.value = list;
+        isLoading.value = false;
+      },
+      onError: (e) {
+        isLoading.value = false;
+        AppLogger.e('VibroNavRoutesController', 'Útvonal-lista hiba: $e');
+      },
+    );
+  }
+
+  // ═════════════════════════════════════════════════════════════════
+  // Űrlap-segédek
+  // ═════════════════════════════════════════════════════════════════
+
+  static DateTime _dateOnly(DateTime d) => DateTime(d.year, d.month, d.day);
+
+  static bool sameDay(DateTime? a, DateTime? b) =>
+      a != null && b != null && _dateOnly(a) == _dateOnly(b);
+
+  void setDateNone() => formDate.value = null;
+
+  void setDateOffset(int days) =>
+      formDate.value = _dateOnly(DateTime.now().add(Duration(days: days)));
+
+  Future<void> pickDate(BuildContext context) async {
+    final now = DateTime.now();
+    final picked = await showDatePicker(
+      context: context,
+      initialDate: formDate.value ?? now,
+      firstDate: DateTime(now.year - 1),
+      lastDate: DateTime(now.year + 2),
+    );
+    if (picked != null) formDate.value = _dateOnly(picked);
+  }
+
+  String? _dateStr(DateTime? d) => d == null
+      ? null
+      : '${d.year}-${d.month.toString().padLeft(2, '0')}-'
+          '${d.day.toString().padLeft(2, '0')}';
+
+  // ═════════════════════════════════════════════════════════════════
+  // Szerkesztés
+  // ═════════════════════════════════════════════════════════════════
+
+  void beginEdit(VibroNavRoute r) {
+    _editing = r;
+    _drafts = [];
+    nameCtrl.text = r.name;
+    formDate.value = r.validDate;
+    formVehicle.value = r.vehicle;
+    formKind.value = r.routeKind;
+    formActive.value = r.isActive;
+  }
+
+  Future<void> toggleActive(VibroNavRoute r, bool value) async {
+    try {
+      await VibroNavRouteService.to.updateRoute(r.id, {'is_active': value});
+    } catch (e) {
+      AppLogger.e('VibroNavRoutesController', 'Állapotváltás hiba: $e');
+      Get.snackbar('Hiba', 'Az állapot módosítása nem sikerült: $e',
+          snackPosition: SnackPosition.BOTTOM);
+    }
+  }
+
+  Future<void> deleteRoute(VibroNavRoute r) async {
+    try {
+      await VibroNavRouteService.to.deleteRoute(r.id);
+    } catch (e) {
+      AppLogger.e('VibroNavRoutesController', 'Törlés hiba: $e');
+      Get.snackbar('Hiba', 'A törlés nem sikerült: $e',
+          snackPosition: SnackPosition.BOTTOM);
+    }
+  }
+
+  // ═════════════════════════════════════════════════════════════════
+  // GeoJSON-import
+  // ═════════════════════════════════════════════════════════════════
+
+  /// Fájlválasztás + értelmezés. Visszatérés: a talált útvonalak száma,
+  /// vagy null, ha megszakadt / hibás a fájl (a hibát már kiírta).
+  Future<int?> pickAndParse() async {
+    if (projectId == null) {
+      Get.snackbar('Nincs aktív projekt', 'Előbb válassz ki egy projektet.',
+          snackPosition: SnackPosition.BOTTOM);
+      return null;
+    }
+
+    // Az Android a .geojson kiterjesztést nem ismeri (Drive-ról sem
+    // választható FileType.custom-mal), ezért FileType.any + kézi ellenőrzés.
+    final result = await FilePicker.platform.pickFiles(type: FileType.any);
+    if (result == null || result.files.isEmpty) return null;
+
+    final file = result.files.single;
+    final lower = file.name.toLowerCase();
+    if (!lower.endsWith('.geojson') && !lower.endsWith('.json')) {
+      Get.snackbar('Nem GeoJSON', 'Válassz .geojson vagy .json fájlt.',
+          snackPosition: SnackPosition.BOTTOM);
+      return null;
+    }
+
+    try {
+      String content;
+      if (file.bytes != null) {
+        content = utf8.decode(file.bytes!);
+      } else if (file.path != null) {
+        content = await File(file.path!).readAsString();
+      } else {
+        throw const FormatException('A fájl nem olvasható.');
+      }
+
+      final base = file.name
+          .replaceAll(RegExp(r'\.(geo)?json$', caseSensitive: false), '');
+      final parsed = VibroNavRouteService.parseGeoJson(content, base);
+
+      _editing = null;
+      _drafts = parsed.drafts;
+      nameCtrl.clear();
+      setDateOffset(0); // alapból a MAI napra érvényes
+      formVehicle.value = null;
+      formKind.value = 'detour';
+      formActive.value = true;
+
+      if (parsed.skipped > 0) {
+        Get.snackbar('Figyelem',
+            '${parsed.skipped} nem vonal geometriájú elem kimaradt.',
+            snackPosition: SnackPosition.BOTTOM);
+      }
+      return parsed.drafts.length;
+    } on FormatException catch (e) {
+      Get.snackbar('Import hiba', e.message,
+          snackPosition: SnackPosition.BOTTOM,
+          duration: const Duration(seconds: 6));
+      return null;
+    } catch (e) {
+      AppLogger.e('VibroNavRoutesController', 'Import hiba: $e');
+      Get.snackbar('Import hiba', '$e', snackPosition: SnackPosition.BOTTOM);
+      return null;
+    }
+  }
+
+  // ═════════════════════════════════════════════════════════════════
+  // Mentés (szerkesztés VAGY import)
+  // ═════════════════════════════════════════════════════════════════
+
+  Future<bool> saveForm() async {
+    final pid = projectId;
+    if (pid == null) return false;
+
+    if (_editing != null && nameCtrl.text.trim().isEmpty) {
+      Get.snackbar('Hiányzó név', 'Adj nevet az útvonalnak.',
+          snackPosition: SnackPosition.BOTTOM);
+      return false;
+    }
+
+    isBusy.value = true;
+    try {
+      final common = {
+        'valid_date': _dateStr(formDate.value),
+        'vehicle': formVehicle.value,
+        'route_kind': formKind.value,
+        'is_active': formActive.value,
+      };
+
+      if (_editing != null) {
+        await VibroNavRouteService.to.updateRoute(
+            _editing!.id, {'name': nameCtrl.text.trim(), ...common});
+      } else {
+        await VibroNavRouteService.to.insertRoutes([
+          for (final d in _drafts)
+            {
+              'project_id': pid,
+              'name': d.name,
+              'geometry': d.geometry,
+              'crs': d.crs,
+              ...common,
+            }
+        ]);
+      }
+      _editing = null;
+      _drafts = [];
+      return true;
+    } catch (e) {
+      AppLogger.e('VibroNavRoutesController', 'Mentési hiba: $e');
+      Get.snackbar(
+        'Mentési hiba',
+        'Az útvonal nem menthető. Cloud-projekt kell hozzá, és be kell '
+            'lenned jelentkezve.\n$e',
+        snackPosition: SnackPosition.BOTTOM,
+        duration: const Duration(seconds: 6),
+      );
+      return false;
+    } finally {
+      isBusy.value = false;
+    }
+  }
+}

lib/pages/vibro_nav/presentation/views/vibro_nav_routes_view.dart

@@ -0,0 +1,325 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:terepi_seged/models/vibro_nav_route.dart';
+import 'package:terepi_seged/pages/vibro_nav/presentation/controllers/vibro_nav_routes_controller.dart';
+import 'package:terepi_seged/services/vechicle_identity_service.dart';
+
+/// Útvonalak kezelése: lista, GeoJSON-import, szerkesztés, törlés.
+/// Megnyitás: `VibroNavRoutesView.open()` (a binding-et is felveszi).
+class VibroNavRoutesView extends GetView<VibroNavRoutesController> {
+  const VibroNavRoutesView({super.key});
+
+  static void open() {
+    Get.to(
+      () => const VibroNavRoutesView(),
+      binding: BindingsBuilder(() {
+        Get.put(VibroNavRoutesController());
+      }),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: const Text('Útvonalak')),
+      floatingActionButton: FloatingActionButton.extended(
+        icon: const Icon(Icons.upload_file),
+        label: const Text('GeoJSON import'),
+        onPressed: () async {
+          final n = await controller.pickAndParse();
+          if (n != null) _showForm();
+        },
+      ),
+      body: Obx(() {
+        if (controller.isLoading.value) {
+          return const Center(child: CircularProgressIndicator());
+        }
+        final list = controller.routes;
+        if (list.isEmpty) {
+          return const Center(
+            child: Padding(
+              padding: EdgeInsets.all(24),
+              child: Text(
+                'Ehhez a projekthez még nincs útvonal.\n'
+                'A "GeoJSON import" gombbal tölthetsz fel vonalakat, '
+                'vagy a PC-szoftver is feltöltheti őket.',
+                textAlign: TextAlign.center,
+              ),
+            ),
+          );
+        }
+        return ListView.separated(
+          padding: const EdgeInsets.only(bottom: 88),
+          itemCount: list.length,
+          separatorBuilder: (_, __) => const Divider(height: 1),
+          itemBuilder: (_, i) => _RouteTile(route: list[i]),
+        );
+      }),
+    );
+  }
+
+  static void _showForm() {
+    Get.bottomSheet(
+      const _RouteFormSheet(),
+      isScrollControlled: true,
+    );
+  }
+}
+
+class _RouteTile extends StatelessWidget {
+  final VibroNavRoute route;
+  const _RouteTile({required this.route});
+
+  @override
+  Widget build(BuildContext context) {
+    final c = VibroNavRoutesController.to;
+    final color = VibroNavRoute.colorFor(route.routeKind, route.color);
+    final today = DateTime.now();
+    final isToday = VibroNavRoutesController.sameDay(route.validDate, today);
+    final isPast = route.validDate != null &&
+        !isToday &&
+        route.validDate!.isBefore(DateTime(today.year, today.month, today.day));
+
+    return ListTile(
+      leading: Container(
+        width: 36,
+        height: 36,
+        decoration: BoxDecoration(
+          color: color.withOpacity(route.isActive && !isPast ? 1 : 0.35),
+          shape: BoxShape.circle,
+        ),
+        child: const Icon(Icons.alt_route, color: Colors.white, size: 20),
+      ),
+      title: Text(route.name),
+      isThreeLine: true,
+      subtitle: Text.rich(TextSpan(children: [
+        TextSpan(
+          text: isToday ? 'MA' : route.dateLabel,
+          style: TextStyle(
+            fontWeight: isToday ? FontWeight.w800 : FontWeight.w500,
+            color: isToday ? Colors.green.shade700 : null,
+          ),
+        ),
+        TextSpan(
+            text: ' · ${route.vehicleLabel} · '
+                '${VibroNavRoute.kinds[route.routeKind] ?? route.routeKind}\n'
+                '${route.lines.length} vonal, ${route.pointCount} pont'
+                '${isPast ? ' · lejárt' : ''}'),
+      ])),
+      trailing: Switch(
+        value: route.isActive,
+        onChanged: (v) => c.toggleActive(route, v),
+      ),
+      onTap: () {
+        c.beginEdit(route);
+        VibroNavRoutesView._showForm();
+      },
+    );
+  }
+}
+
+/// Közös űrlap: import (több útvonal egyszerre) ÉS egy útvonal szerkesztése.
+/// A lap alapja Material (nem Container(color:)), hogy a ListTile/chip
+/// effektek ne takarodjanak el.
+class _RouteFormSheet extends StatelessWidget {
+  const _RouteFormSheet();
+
+  @override
+  Widget build(BuildContext context) {
+    final c = VibroNavRoutesController.to;
+    final editing = c.isEditing;
+
+    return Material(
+      color: Theme.of(context).colorScheme.surface,
+      borderRadius: const BorderRadius.vertical(top: Radius.circular(20)),
+      child: SafeArea(
+        child: Padding(
+          padding: EdgeInsets.fromLTRB(
+              16, 16, 16, 16 + MediaQuery.of(context).viewInsets.bottom),
+          child: SingleChildScrollView(
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  editing
+                      ? 'Útvonal szerkesztése'
+                      : '${c.draftCount} útvonal importálása',
+                  style: Theme.of(context).textTheme.titleMedium,
+                ),
+                const SizedBox(height: 12),
+                if (editing) ...[
+                  TextField(
+                    controller: c.nameCtrl,
+                    decoration: const InputDecoration(
+                      labelText: 'Név',
+                      border: OutlineInputBorder(),
+                    ),
+                  ),
+                  const SizedBox(height: 12),
+                ],
+                const _SectionTitle('Mely napon látszik?'),
+                Obx(() {
+                  final d = c.formDate.value;
+                  final isNone = d == null;
+                  final isToday =
+                      VibroNavRoutesController.sameDay(d, DateTime.now());
+                  final isTomorrow = VibroNavRoutesController.sameDay(
+                      d, DateTime.now().add(const Duration(days: 1)));
+                  final custom = !isNone && !isToday && !isTomorrow;
+                  return Wrap(
+                    spacing: 8,
+                    children: [
+                      ChoiceChip(
+                        label: const Text('Minden nap'),
+                        selected: isNone,
+                        onSelected: (_) => c.setDateNone(),
+                      ),
+                      ChoiceChip(
+                        label: const Text('Ma'),
+                        selected: isToday,
+                        onSelected: (_) => c.setDateOffset(0),
+                      ),
+                      ChoiceChip(
+                        label: const Text('Holnap'),
+                        selected: isTomorrow,
+                        onSelected: (_) => c.setDateOffset(1),
+                      ),
+                      ChoiceChip(
+                        avatar: const Icon(Icons.event, size: 16),
+                        label: Text(custom
+                            ? '${d!.year}-${d.month.toString().padLeft(2, '0')}-'
+                                '${d.day.toString().padLeft(2, '0')}'
+                            : 'Dátum…'),
+                        selected: custom,
+                        onSelected: (_) => c.pickDate(context),
+                      ),
+                    ],
+                  );
+                }),
+                const SizedBox(height: 12),
+                const _SectionTitle('Melyik járműnek?'),
+                Obx(() => Wrap(
+                      spacing: 8,
+                      children: [
+                        ChoiceChip(
+                          label: const Text('Minden jármű'),
+                          selected: c.formVehicle.value == null,
+                          onSelected: (_) => c.formVehicle.value = null,
+                        ),
+                        for (final v
+                            in VehicleIdentityService.availableVehicles)
+                          ChoiceChip(
+                            label: Text(v),
+                            selected: c.formVehicle.value == v,
+                            onSelected: (_) => c.formVehicle.value = v,
+                          ),
+                      ],
+                    )),
+                const SizedBox(height: 12),
+                const _SectionTitle('Fajta (a térképi szín)'),
+                Obx(() => Wrap(
+                      spacing: 8,
+                      children: [
+                        for (final e in VibroNavRoute.kinds.entries)
+                          ChoiceChip(
+                            avatar: CircleAvatar(
+                                backgroundColor:
+                                    VibroNavRoute.colorFor(e.key, null),
+                                radius: 6),
+                            label: Text(e.value),
+                            selected: c.formKind.value == e.key,
+                            onSelected: (_) => c.formKind.value = e.key,
+                          ),
+                      ],
+                    )),
+                const SizedBox(height: 4),
+                Obx(() => SwitchListTile(
+                      contentPadding: EdgeInsets.zero,
+                      title: const Text('Aktív'),
+                      value: c.formActive.value,
+                      onChanged: (v) => c.formActive.value = v,
+                    )),
+                const SizedBox(height: 8),
+                Obx(() => Row(
+                      children: [
+                        if (editing)
+                          TextButton.icon(
+                            icon: const Icon(Icons.delete_outline,
+                                color: Colors.red),
+                            label: const Text('Törlés',
+                                style: TextStyle(color: Colors.red)),
+                            onPressed: c.isBusy.value
+                                ? null
+                                : () => _confirmDelete(context, c),
+                          ),
+                        const Spacer(),
+                        TextButton(
+                          onPressed: c.isBusy.value ? null : () => Get.back(),
+                          child: const Text('Mégse'),
+                        ),
+                        const SizedBox(width: 8),
+                        ElevatedButton(
+                          onPressed: c.isBusy.value
+                              ? null
+                              : () async {
+                                  final ok = await c.saveForm();
+                                  if (ok) Get.back();
+                                },
+                          child: c.isBusy.value
+                              ? const SizedBox(
+                                  width: 18,
+                                  height: 18,
+                                  child:
+                                      CircularProgressIndicator(strokeWidth: 2),
+                                )
+                              : Text(editing ? 'Mentés' : 'Importálás'),
+                        ),
+                      ],
+                    )),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Future<void> _confirmDelete(
+      BuildContext context, VibroNavRoutesController c) async {
+    final route = c.editingRoute;
+    if (route == null) return;
+    final ok = await showDialog<bool>(
+      context: context,
+      builder: (ctx) => AlertDialog(
+        title: const Text('Útvonal törlése'),
+        content: Text('Biztosan törlöd: „${route.name}"?\n'
+            'Minden járműről eltűnik.'),
+        actions: [
+          TextButton(
+              onPressed: () => Navigator.of(ctx).pop(false),
+              child: const Text('Mégse')),
+          TextButton(
+              onPressed: () => Navigator.of(ctx).pop(true),
+              child: const Text('Törlés')),
+        ],
+      ),
+    );
+    if (ok == true) {
+      await c.deleteRoute(route);
+      Get.back();
+    }
+  }
+}
+
+class _SectionTitle extends StatelessWidget {
+  final String text;
+  const _SectionTitle(this.text);
+
+  @override
+  Widget build(BuildContext context) => Padding(
+        padding: const EdgeInsets.only(bottom: 6),
+        child: Text(text,
+            style: const TextStyle(fontSize: 12, fontWeight: FontWeight.w700)),
+      );
+}

lib/pages/vibro_nav/presentation/views/vibro_nav_view.dart

@@ -4,7 +4,9 @@ import 'package:flutter/material.dart';
 import 'package:flutter_map/flutter_map.dart';
 import 'package:get/get.dart';
 import 'package:latlong2/latlong.dart';
+import 'package:terepi_seged/models/vibro_nav_route.dart';
 import 'package:terepi_seged/pages/vibro_nav/presentation/controllers/vibro_nav_controller.dart';
+import 'package:terepi_seged/pages/vibro_nav/presentation/views/vibro_nav_routes_view.dart';
 import 'package:terepi_seged/services/gnss/gnss_connection.dart';
 import 'package:terepi_seged/services/gnss/gnss_device_service.dart';
 import 'package:terepi_seged/services/gnss/gnss_service.dart';
@@ -27,6 +29,11 @@ class VibroNavView extends GetView<VibroNavController> {
               style: const TextStyle(fontSize: 11),
             )),
         actions: [
+          IconButton(
+            icon: const Icon(Icons.alt_route),
+            tooltip: 'Útvonalak kezelése',
+            onPressed: VibroNavRoutesView.open,
+          ),
           Obx(() => IconButton(
                 icon: Icon(controller.showReservePoints.value
                     ? Icons.circle_outlined
@@ -181,6 +188,7 @@ class _NavMap extends StatelessWidget {
             subdomains: const ['mt0', 'mt1', 'mt2', 'mt3'],
             maxNativeZoom: 18),
         const _SourcePointsLayer(),
+        const _RoutesLayer(),
         Obx(() => controller.trail.length > 1
             ? PolylineLayer(polylines: [
                 Polyline(
@@ -648,3 +656,30 @@ class _OutlinedLabel extends StatelessWidget {
     );
   }
 }
+
+/// A mai napra érvényes útvonalak (kerülők). Saját Obx-ben él, ezért
+/// GNSS-frissítésre nem rajzolódik újra.
+class _RoutesLayer extends StatelessWidget {
+  const _RoutesLayer();
+
+  @override
+  Widget build(BuildContext context) {
+    final c = VibroNavController.to;
+    return Obx(() {
+      final list = c.visibleRoutes;
+      if (list.isEmpty) return const SizedBox.shrink();
+      return PolylineLayer(polylines: [
+        for (final r in list)
+          for (final line in r.lines)
+            Polyline(
+              points: line,
+              strokeWidth: 5,
+              color:
+                  VibroNavRoute.colorFor(r.routeKind, r.color).withOpacity(0.9),
+              borderStrokeWidth: 2,
+              borderColor: Colors.white,
+            ),
+      ]);
+    });
+  }
+}