meshcore-sar_android/lib/widgets/map/trail_controls.dart

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../../providers/map_provider.dart';
import '../../l10n/app_localizations.dart';

/// Trail management controls widget
class TrailControls extends StatelessWidget {
  const TrailControls({super.key});

  void _showTrailMenu(BuildContext context) {
    final mapProvider = Provider.of<MapProvider>(context, listen: false);
    final l10n = AppLocalizations.of(context)!;

    showModalBottomSheet(
      context: context,
      isScrollControlled: true,
      builder: (context) => StatefulBuilder(
        builder: (context, setModalState) => Container(
          padding: const EdgeInsets.all(16),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              Row(
                children: [
                  const Icon(Icons.timeline, size: 24),
                  const SizedBox(width: 12),
                  Text(
                    l10n.locationTrail,
                    style: const TextStyle(
                      fontSize: 20,
                      fontWeight: FontWeight.bold,
                    ),
                  ),
                ],
              ),
              const SizedBox(height: 20),

              // Trail visibility toggle
              SwitchListTile(
                secondary: const Icon(Icons.visibility),
                title: Text(l10n.showTrailOnMap),
                subtitle: Text(
                  mapProvider.isTrailVisible
                    ? l10n.trailVisible
                    : l10n.trailHiddenRecording,
                ),
                value: mapProvider.isTrailVisible,
                onChanged: (value) {
                  mapProvider.toggleTrailVisibility();
                  setModalState(() {}); // Update modal UI
                },
              ),
              const Divider(),
              const SizedBox(height: 8),

              // Trail stats
            if (mapProvider.currentTrail != null && mapProvider.currentTrail!.points.isNotEmpty)
              Container(
                padding: const EdgeInsets.all(12),
                decoration: BoxDecoration(
                  color: Colors.blue.withValues(alpha: 0.1),
                  borderRadius: BorderRadius.circular(8),
                  border: Border.all(color: Colors.blue.withValues(alpha: 0.3)),
                ),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    _buildStatRow(
                      icon: Icons.straighten,
                      label: l10n.distance,
                      value: _formatDistance(mapProvider.totalTrailDistance),
                    ),
                    const SizedBox(height: 8),
                    _buildStatRow(
                      icon: Icons.access_time,
                      label: l10n.duration,
                      value: _formatDuration(mapProvider.trailDuration),
                    ),
                    const SizedBox(height: 8),
                    _buildStatRow(
                      icon: Icons.place,
                      label: l10n.points,
                      value: '${mapProvider.currentTrail!.points.length}',
                    ),
                  ],
                ),
              ),

            const SizedBox(height: 16),

            // Clear trail button
            if (mapProvider.currentTrail != null && mapProvider.currentTrail!.points.isNotEmpty)
              ElevatedButton.icon(
                onPressed: () {
                  _showClearConfirmation(context, mapProvider, l10n);
                },
                icon: const Icon(Icons.delete_outline),
                label: Text(l10n.clearTrail),
                style: ElevatedButton.styleFrom(
                  backgroundColor: Colors.red,
                  foregroundColor: Colors.white,
                  padding: const EdgeInsets.all(16),
                ),
              ),

            // No trail message
            if (mapProvider.currentTrail == null || mapProvider.currentTrail!.points.isEmpty)
              Padding(
                padding: const EdgeInsets.all(16),
                child: Center(
                  child: Column(
                    children: [
                      const Icon(Icons.timeline, size: 48, color: Colors.grey),
                      const SizedBox(height: 8),
                      Text(
                        l10n.noTrailRecorded,
                        style: const TextStyle(
                          color: Colors.grey,
                          fontSize: 16,
                        ),
                      ),
                      const SizedBox(height: 8),
                      Text(
                        l10n.startTrackingToRecord,
                        style: const TextStyle(
                          color: Colors.grey,
                          fontSize: 12,
                        ),
                        textAlign: TextAlign.center,
                      ),
                    ],
                  ),
                ),
              ),

            const SizedBox(height: 8),

            // Close button
              TextButton(
                onPressed: () => Navigator.pop(context),
                child: Text(l10n.close),
              ),
            ],
          ),
        ),
      ),
    );
  }

  void _showClearConfirmation(BuildContext context, MapProvider mapProvider, AppLocalizations l10n) {
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: Text(l10n.clearTrailQuestion),
        content: Text(l10n.clearTrailConfirmation),
        actions: [
          TextButton(
            onPressed: () => Navigator.pop(context),
            child: Text(l10n.cancel),
          ),
          TextButton(
            onPressed: () {
              mapProvider.clearCurrentTrail();
              Navigator.pop(context); // Close dialog
              Navigator.pop(context); // Close bottom sheet
            },
            style: TextButton.styleFrom(foregroundColor: Colors.red),
            child: Text(l10n.clearTrail),
          ),
        ],
      ),
    );
  }

  Widget _buildStatRow({
    required IconData icon,
    required String label,
    required String value,
  }) {
    return Row(
      children: [
        Icon(icon, size: 18, color: Colors.blue),
        const SizedBox(width: 8),
        Text(
          label,
          style: const TextStyle(
            fontWeight: FontWeight.w500,
            fontSize: 14,
          ),
        ),
        const Spacer(),
        Text(
          value,
          style: const TextStyle(
            fontWeight: FontWeight.bold,
            fontSize: 14,
          ),
        ),
      ],
    );
  }

  String _formatDistance(double meters) {
    if (meters < 1000) {
      return '${meters.toStringAsFixed(0)} m';
    } else {
      return '${(meters / 1000).toStringAsFixed(2)} km';
    }
  }

  String _formatDuration(Duration duration) {
    final hours = duration.inHours;
    final minutes = duration.inMinutes.remainder(60);
    final seconds = duration.inSeconds.remainder(60);

    if (hours > 0) {
      return '${hours}h ${minutes}m ${seconds}s';
    } else if (minutes > 0) {
      return '${minutes}m ${seconds}s';
    } else {
      return '${seconds}s';
    }
  }

  @override
  Widget build(BuildContext context) {
    final l10n = AppLocalizations.of(context)!;
    return FloatingActionButton.small(
      heroTag: 'trail_controls',
      tooltip: l10n.trailControls,
      onPressed: () => _showTrailMenu(context),
      child: const Icon(Icons.timeline),
    );
  }
}