Agrega interfaz concepto de operador y administrador

lib/main.dart

@@ -331,6 +331,65 @@ class Servicio {
   }
 }
 
+
+class AlertaOperativa {
+  final String id;
+  final String tipo;
+  final String titulo;
+  final String mensaje;
+  final String routeId;
+  final String rutaNombre;
+  final int truckId;
+  final String operador;
+  final String estado;
+  final String fecha;
+  final int prioridad;
+
+  AlertaOperativa({
+    required this.id,
+    required this.tipo,
+    required this.titulo,
+    required this.mensaje,
+    required this.routeId,
+    required this.rutaNombre,
+    required this.truckId,
+    required this.operador,
+    required this.estado,
+    required this.fecha,
+    required this.prioridad,
+  });
+
+  Map<String, dynamic> toJson() => {
+        'id': id,
+        'tipo': tipo,
+        'titulo': titulo,
+        'mensaje': mensaje,
+        'routeId': routeId,
+        'rutaNombre': rutaNombre,
+        'truckId': truckId,
+        'operador': operador,
+        'estado': estado,
+        'fecha': fecha,
+        'prioridad': prioridad,
+      };
+
+  factory AlertaOperativa.fromJson(Map<String, dynamic> json) {
+    return AlertaOperativa(
+      id: json['id'] ?? '',
+      tipo: json['tipo'] ?? 'INFO',
+      titulo: json['titulo'] ?? '',
+      mensaje: json['mensaje'] ?? '',
+      routeId: json['routeId'] ?? '',
+      rutaNombre: json['rutaNombre'] ?? '',
+      truckId: json['truckId'] ?? 0,
+      operador: json['operador'] ?? 'Operador',
+      estado: json['estado'] ?? 'Nueva',
+      fecha: json['fecha'] ?? '',
+      prioridad: json['prioridad'] ?? 1,
+    );
+  }
+}
+
 // =======================================================
 // REPOSITORIO LOCAL
 // =======================================================
@@ -472,6 +531,39 @@ class Repo {
 
     return list.map((e) => Servicio.fromJson(Map<String, dynamic>.from(e))).toList();
   }
+
+  static Future<void> guardarAlertaOperativa(AlertaOperativa alerta) async {
+    final prefs = await SharedPreferences.getInstance();
+    final raw = prefs.getString('alertas_operativas') ?? '[]';
+    final list = jsonDecode(raw) as List;
+
+    list.insert(0, alerta.toJson());
+
+    await prefs.setString('alertas_operativas', jsonEncode(list.take(30).toList()));
+  }
+
+  static Future<List<AlertaOperativa>> cargarAlertasOperativas() async {
+    final prefs = await SharedPreferences.getInstance();
+    final raw = prefs.getString('alertas_operativas') ?? '[]';
+    final list = jsonDecode(raw) as List;
+
+    return list
+        .map((e) => AlertaOperativa.fromJson(Map<String, dynamic>.from(e)))
+        .toList();
+  }
+
+  static Future<void> limpiarAlertasOperativas() async {
+    final prefs = await SharedPreferences.getInstance();
+    await prefs.remove('alertas_operativas');
+  }
+
+  static String fechaCorta(DateTime now) {
+    final d = now.day.toString().padLeft(2, '0');
+    final m = now.month.toString().padLeft(2, '0');
+    final h = now.hour.toString().padLeft(2, '0');
+    final min = now.minute.toString().padLeft(2, '0');
+    return '$d/$m ${h}:${min}';
+  }
 }
 
 // =======================================================
@@ -579,13 +671,32 @@ class _LoginPageState extends State<LoginPage> {
   final pass = TextEditingController();
 
   void entrar() {
-    if (email.text.trim().isEmpty || pass.text.trim().isEmpty) {
+    final correo = email.text.trim().toLowerCase();
+    final password = pass.text.trim();
+
+    if (correo.isEmpty || password.isEmpty) {
       ScaffoldMessenger.of(context).showSnackBar(
         const SnackBar(content: Text('Ingresa correo y contraseña')),
       );
       return;
     }
 
+    if (correo == 'operador@demo.com' && password == '123456') {
+      Navigator.pushReplacement(
+        context,
+        MaterialPageRoute(builder: (_) => const OperadorPage()),
+      );
+      return;
+    }
+
+    if (correo == 'admin@demo.com' && password == '123456') {
+      Navigator.pushReplacement(
+        context,
+        MaterialPageRoute(builder: (_) => const AdminConceptPage()),
+      );
+      return;
+    }
+
     Navigator.pushReplacement(
       context,
       MaterialPageRoute(builder: (_) => const HomePage()),
@@ -665,7 +776,22 @@ class _LoginPageState extends State<LoginPage> {
                       email.text = 'demo@correo.com';
                       pass.text = '123456';
                     },
-                    child: const Text('Usar cuenta demo'),
+                    child: const Text('Usar cuenta ciudadano'),
+                  ),
+                  TextButton.icon(
+                    onPressed: () {
+                      email.text = 'operador@demo.com';
+                      pass.text = '123456';
+                    },
+                    icon: const Icon(Icons.engineering),
+                    label: const Text('Usar cuenta operador'),
+                  ),
+                  TextButton(
+                    onPressed: () {
+                      email.text = 'admin@demo.com';
+                      pass.text = '123456';
+                    },
+                    child: const Text('Ver módulo administrador propuesto'),
                   ),
                 ],
               ),
@@ -691,6 +817,7 @@ class HomePage extends StatefulWidget {
 class _HomePageState extends State<HomePage> {
   List<Domicilio> domicilios = [];
   List<Servicio> servicios = [];
+  List<AlertaOperativa> alertas = [];
 
   @override
   void initState() {
@@ -701,12 +828,14 @@ class _HomePageState extends State<HomePage> {
   Future<void> cargar() async {
     final d = await Repo.cargarDomicilios();
     final s = await Repo.cargarServicios();
+    final a = await Repo.cargarAlertasOperativas();
 
     if (!mounted) return;
 
     setState(() {
       domicilios = d;
       servicios = s;
+      alertas = a;
     });
   }
 
@@ -777,6 +906,41 @@ class _HomePageState extends State<HomePage> {
                 ],
               ),
             ),
+            if (alertas.isNotEmpty) ...[
+              const SizedBox(height: 8),
+              AppCard(
+                color: alertas.first.prioridad >= 3 ? const Color(0xFFFFEBEE) : const Color(0xFFFFF8E1),
+                child: Row(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Icon(
+                      alertas.first.prioridad >= 3 ? Icons.warning_amber : Icons.info,
+                      color: alertas.first.prioridad >= 3 ? AppColors.red : AppColors.orange,
+                      size: 42,
+                    ),
+                    const SizedBox(width: 14),
+                    Expanded(
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          const Text('Alerta operativa reciente', style: TextStyle(fontWeight: FontWeight.w700)),
+                          Text(
+                            alertas.first.titulo,
+                            style: const TextStyle(fontSize: 20, fontWeight: FontWeight.w900),
+                          ),
+                          Text(alertas.first.mensaje),
+                          const SizedBox(height: 6),
+                          Text(
+                            '${alertas.first.routeId} · Camión ${alertas.first.truckId} · ${alertas.first.fecha}',
+                            style: TextStyle(color: Colors.grey.shade700, fontWeight: FontWeight.w700),
+                          ),
+                        ],
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ],
             Row(
               children: [
                 Expanded(
@@ -1943,6 +2107,647 @@ class _SeguimientoPageState extends State<SeguimientoPage> {
   }
 }
 
+
+// =======================================================
+// OPERADOR / CHOFER
+// =======================================================
+
+class OperadorPage extends StatefulWidget {
+  const OperadorPage({super.key});
+
+  @override
+  State<OperadorPage> createState() => _OperadorPageState();
+}
+
+class _OperadorPageState extends State<OperadorPage> {
+  Timer? timer;
+  late List<RutaOficial> rutasAsignadas;
+  late RutaOficial rutaSeleccionada;
+  int paso = 0;
+  bool jornadaActiva = false;
+  String estadoRuta = 'Pendiente de iniciar';
+  List<AlertaOperativa> historial = [];
+
+  @override
+  void initState() {
+    super.initState();
+    final todas = Repo.rutas();
+    rutasAsignadas = todas.where((r) {
+      return r.routeId == 'RUTA-01' || r.routeId == 'RUTA-03' || r.routeId == 'RUTA-05';
+    }).toList();
+
+    rutaSeleccionada = rutasAsignadas.first;
+    cargarHistorial();
+  }
+
+  Future<void> cargarHistorial() async {
+    final lista = await Repo.cargarAlertasOperativas();
+    if (!mounted) return;
+    setState(() => historial = lista);
+  }
+
+  RoutePosition get posicionActual {
+    return rutaSeleccionada.positions[paso.clamp(0, rutaSeleccionada.positions.length - 1)];
+  }
+
+  double get progreso {
+    if (rutaSeleccionada.positions.isEmpty) return 0;
+    return (paso + 1) / rutaSeleccionada.positions.length;
+  }
+
+  String get horarioOperador {
+    final first = rutaSeleccionada.positions.first.timestamp;
+    final last = rutaSeleccionada.positions.last.timestamp;
+    final inicio = first.length >= 16 ? first.substring(11, 16) : '06:00';
+    final fin = last.length >= 16 ? last.substring(11, 16) : '08:00';
+    return '$inicio - $fin';
+  }
+
+  String get nombreOperador => 'Operador José Martínez';
+
+  Future<void> guardarEvento({
+    required String tipo,
+    required String titulo,
+    required String mensaje,
+    required int prioridad,
+    required String nuevoEstado,
+  }) async {
+    final now = DateTime.now();
+
+    final alerta = AlertaOperativa(
+      id: now.microsecondsSinceEpoch.toString(),
+      tipo: tipo,
+      titulo: titulo,
+      mensaje: mensaje,
+      routeId: rutaSeleccionada.routeId,
+      rutaNombre: rutaSeleccionada.name,
+      truckId: rutaSeleccionada.truckId,
+      operador: nombreOperador,
+      estado: 'Nueva',
+      fecha: Repo.fechaCorta(now),
+      prioridad: prioridad,
+    );
+
+    await Repo.guardarAlertaOperativa(alerta);
+
+    if (!mounted) return;
+
+    setState(() {
+      estadoRuta = nuevoEstado;
+    });
+
+    await cargarHistorial();
+
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(
+        content: Text('$titulo\n$mensaje'),
+        duration: const Duration(seconds: 4),
+      ),
+    );
+  }
+
+  Future<void> iniciarJornada() async {
+    timer?.cancel();
+
+    setState(() {
+      jornadaActiva = true;
+      paso = 0;
+      estadoRuta = 'Ruta iniciada';
+    });
+
+    await guardarEvento(
+      tipo: 'ROUTE_START',
+      titulo: 'Ruta iniciada por operador',
+      mensaje: 'El operador inició la jornada de ${rutaSeleccionada.routeId}.',
+      prioridad: 1,
+      nuevoEstado: 'Ruta iniciada',
+    );
+
+    timer = Timer.periodic(const Duration(seconds: 5), (t) {
+      if (!jornadaActiva) {
+        t.cancel();
+        return;
+      }
+
+      if (paso >= rutaSeleccionada.positions.length - 1) {
+        t.cancel();
+        finalizarJornada();
+        return;
+      }
+
+      setState(() => paso++);
+
+      if (posicionActual.positionId == 4) {
+        guardarEvento(
+          tipo: 'TRUCK_PROXIMITY',
+          titulo: 'Camión cercano a zona asignada',
+          mensaje: 'El operador reportó proximidad operativa para ${rutaSeleccionada.routeId}.',
+          prioridad: 2,
+          nuevoEstado: 'Camión cercano',
+        );
+      }
+    });
+  }
+
+  Future<void> reportarRetraso() async {
+    timer?.cancel();
+    setState(() => jornadaActiva = false);
+
+    await guardarEvento(
+      tipo: 'DELAY',
+      titulo: 'Retraso reportado',
+      mensaje: 'La ruta presenta un retraso aproximado de 25 minutos.',
+      prioridad: 2,
+      nuevoEstado: 'Retraso operativo',
+    );
+  }
+
+  Future<void> reportarAveria() async {
+    timer?.cancel();
+    setState(() => jornadaActiva = false);
+
+    await guardarEvento(
+      tipo: 'MECHANICAL_FAILURE',
+      titulo: 'Avería mecánica reportada',
+      mensaje: 'El camión ${rutaSeleccionada.truckId} presenta una falla mecánica. Se requiere apoyo logístico.',
+      prioridad: 3,
+      nuevoEstado: 'Avería mecánica',
+    );
+  }
+
+  Future<void> reportarIncidenciaLigera() async {
+    await guardarEvento(
+      tipo: 'INCIDENT',
+      titulo: 'Incidencia en ruta',
+      mensaje: 'Se registró una incidencia menor: obstrucción vial o punto con exceso de residuos.',
+      prioridad: 2,
+      nuevoEstado: 'Incidencia registrada',
+    );
+  }
+
+  Future<void> finalizarJornada() async {
+    timer?.cancel();
+
+    setState(() {
+      jornadaActiva = false;
+      paso = rutaSeleccionada.positions.length - 1;
+      estadoRuta = 'Servicio finalizado';
+    });
+
+    await guardarEvento(
+      tipo: 'ROUTE_COMPLETED',
+      titulo: 'Servicio finalizado',
+      mensaje: 'El operador finalizó la ruta ${rutaSeleccionada.routeId}.',
+      prioridad: 1,
+      nuevoEstado: 'Servicio finalizado',
+    );
+  }
+
+  void cambiarRuta(RutaOficial? ruta) {
+    if (ruta == null) return;
+    timer?.cancel();
+
+    setState(() {
+      rutaSeleccionada = ruta;
+      paso = 0;
+      jornadaActiva = false;
+      estadoRuta = 'Pendiente de iniciar';
+    });
+  }
+
+  Color colorEstado() {
+    if (estadoRuta.contains('Avería')) return AppColors.red;
+    if (estadoRuta.contains('Retraso') || estadoRuta.contains('Incidencia')) return AppColors.orange;
+    if (estadoRuta.contains('finalizado')) return Colors.blueGrey;
+    if (jornadaActiva) return AppColors.green;
+    return Colors.grey;
+  }
+
+  Widget statCard({
+    required IconData icon,
+    required String title,
+    required String value,
+    required Color color,
+  }) {
+    return Expanded(
+      child: AppCard(
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Icon(icon, color: color, size: 28),
+            const SizedBox(height: 8),
+            Text(title, style: const TextStyle(fontWeight: FontWeight.w800)),
+            const SizedBox(height: 4),
+            Text(value, style: const TextStyle(fontSize: 22, fontWeight: FontWeight.w900)),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget actionButton({
+    required IconData icon,
+    required String label,
+    required Color color,
+    required VoidCallback onPressed,
+  }) {
+    return SizedBox(
+      height: 58,
+      child: FilledButton.icon(
+        style: FilledButton.styleFrom(
+          backgroundColor: color,
+          foregroundColor: Colors.white,
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
+        ),
+        onPressed: onPressed,
+        icon: Icon(icon),
+        label: Text(label, style: const TextStyle(fontSize: 16.5, fontWeight: FontWeight.w800)),
+      ),
+    );
+  }
+
+  Widget timelineItem(int index) {
+    final p = rutaSeleccionada.positions[index];
+    final actual = index == paso;
+    final done = index < paso;
+
+    Color color = Colors.grey.shade300;
+    IconData icon = Icons.radio_button_unchecked;
+
+    if (done) {
+      color = AppColors.green;
+      icon = Icons.check;
+    }
+
+    if (actual) {
+      color = colorEstado();
+      icon = Icons.local_shipping;
+    }
+
+    String titulo = 'Punto operativo ${p.positionId}';
+    if (p.positionId == 1) titulo = 'Salida de base';
+    if (p.positionId == 2) titulo = 'Ruta en tránsito';
+    if (p.positionId == 4) titulo = 'Punto previo a zona ciudadana';
+    if (p.positionId == 5) titulo = 'Recolección principal';
+    if (p.positionId == 8) titulo = 'Retorno a base';
+
+    return Row(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Column(
+          children: [
+            CircleAvatar(
+              backgroundColor: color,
+              radius: 18,
+              child: Icon(icon, color: Colors.white, size: 18),
+            ),
+            if (index != rutaSeleccionada.positions.length - 1)
+              Container(
+                width: 4,
+                height: 42,
+                color: done ? AppColors.green : Colors.grey.shade300,
+              ),
+          ],
+        ),
+        const SizedBox(width: 12),
+        Expanded(
+          child: Padding(
+            padding: const EdgeInsets.only(top: 2),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  titulo,
+                  style: TextStyle(
+                    fontSize: actual ? 18.5 : 16.5,
+                    fontWeight: actual ? FontWeight.w900 : FontWeight.w600,
+                  ),
+                ),
+                Text(
+                  'positionId ${p.positionId} · Velocidad ${p.speed} km/h',
+                  style: TextStyle(color: Colors.grey.shade700),
+                ),
+              ],
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget alertaItem(AlertaOperativa alerta) {
+    Color color = AppColors.green;
+    IconData icon = Icons.check_circle;
+
+    if (alerta.prioridad == 2) {
+      color = AppColors.orange;
+      icon = Icons.timer;
+    }
+
+    if (alerta.prioridad >= 3) {
+      color = AppColors.red;
+      icon = Icons.warning_amber;
+    }
+
+    return Card(
+      child: ListTile(
+        leading: CircleAvatar(
+          backgroundColor: color.withOpacity(0.12),
+          child: Icon(icon, color: color),
+        ),
+        title: Text(alerta.titulo, style: const TextStyle(fontWeight: FontWeight.w900)),
+        subtitle: Text('${alerta.routeId} · Camión ${alerta.truckId} · ${alerta.fecha}\n${alerta.mensaje}'),
+        isThreeLine: true,
+      ),
+    );
+  }
+
+  @override
+  void dispose() {
+    timer?.cancel();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final estadoColor = colorEstado();
+
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Panel del operador'),
+        actions: [
+          IconButton(
+            tooltip: 'Cerrar sesión',
+            onPressed: () {
+              timer?.cancel();
+              Navigator.pushReplacement(
+                context,
+                MaterialPageRoute(builder: (_) => const LoginPage()),
+              );
+            },
+            icon: const Icon(Icons.logout),
+          ),
+        ],
+      ),
+      body: RefreshIndicator(
+        onRefresh: cargarHistorial,
+        child: ListView(
+          padding: const EdgeInsets.all(16),
+          children: [
+            AppCard(
+              color: const Color(0xFFEAF6EA),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Row(
+                    children: [
+                      const CircleAvatar(
+                        radius: 32,
+                        backgroundColor: AppColors.green,
+                        child: Icon(Icons.engineering, color: Colors.white, size: 36),
+                      ),
+                      const SizedBox(width: 14),
+                      Expanded(
+                        child: Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            Text(nombreOperador, style: const TextStyle(fontSize: 22, fontWeight: FontWeight.w900)),
+                            const Text('Turno operativo · Unidad municipal'),
+                          ],
+                        ),
+                      ),
+                    ],
+                  ),
+                  const SizedBox(height: 16),
+                  DropdownButtonFormField<RutaOficial>(
+                    value: rutaSeleccionada,
+                    decoration: const InputDecoration(
+                      labelText: 'Ruta asignada',
+                      prefixIcon: Icon(Icons.route),
+                      fillColor: Colors.white,
+                    ),
+                    items: rutasAsignadas.map((r) {
+                      return DropdownMenuItem(
+                        value: r,
+                        child: Text('${r.routeId} · Camión ${r.truckId}', overflow: TextOverflow.ellipsis),
+                      );
+                    }).toList(),
+                    onChanged: cambiarRuta,
+                  ),
+                  const SizedBox(height: 14),
+                  Container(
+                    width: double.infinity,
+                    padding: const EdgeInsets.all(14),
+                    decoration: BoxDecoration(
+                      color: estadoColor.withOpacity(0.12),
+                      borderRadius: BorderRadius.circular(16),
+                      border: Border.all(color: estadoColor.withOpacity(0.35)),
+                    ),
+                    child: Row(
+                      children: [
+                        Icon(Icons.sensors, color: estadoColor, size: 34),
+                        const SizedBox(width: 12),
+                        Expanded(
+                          child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: [
+                              const Text('Estado actual de la jornada', style: TextStyle(fontWeight: FontWeight.w700)),
+                              Text(
+                                estadoRuta,
+                                style: TextStyle(fontSize: 22, fontWeight: FontWeight.w900, color: estadoColor),
+                              ),
+                            ],
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                ],
+              ),
+            ),
+
+            Row(
+              children: [
+                statCard(icon: Icons.local_shipping, title: 'Camión', value: '${rutaSeleccionada.truckId}', color: AppColors.green),
+                statCard(icon: Icons.schedule, title: 'Horario', value: horarioOperador, color: Colors.indigo),
+              ],
+            ),
+            Row(
+              children: [
+                statCard(icon: Icons.pin_drop, title: 'Punto', value: '${posicionActual.positionId}/8', color: AppColors.orange),
+                statCard(icon: Icons.speed, title: 'Velocidad', value: '${posicionActual.speed} km/h', color: Colors.blueGrey),
+              ],
+            ),
+
+            const SectionTitle('Control rápido', subtitle: 'Eventos que el operador puede enviar al sistema.'),
+            actionButton(
+              icon: Icons.play_arrow,
+              label: jornadaActiva ? 'Jornada en curso' : 'Iniciar jornada',
+              color: jornadaActiva ? Colors.grey : AppColors.green,
+              onPressed: jornadaActiva ? () {} : iniciarJornada,
+            ),
+            const SizedBox(height: 10),
+            Row(
+              children: [
+                Expanded(
+                  child: actionButton(
+                    icon: Icons.timer,
+                    label: 'Retraso',
+                    color: AppColors.orange,
+                    onPressed: reportarRetraso,
+                  ),
+                ),
+                const SizedBox(width: 10),
+                Expanded(
+                  child: actionButton(
+                    icon: Icons.car_crash,
+                    label: 'Avería',
+                    color: AppColors.red,
+                    onPressed: reportarAveria,
+                  ),
+                ),
+              ],
+            ),
+            const SizedBox(height: 10),
+            Row(
+              children: [
+                Expanded(
+                  child: SizedBox(
+                    height: 56,
+                    child: OutlinedButton.icon(
+                      onPressed: reportarIncidenciaLigera,
+                      icon: const Icon(Icons.report_problem),
+                      label: const Text('Incidencia'),
+                    ),
+                  ),
+                ),
+                const SizedBox(width: 10),
+                Expanded(
+                  child: SizedBox(
+                    height: 56,
+                    child: OutlinedButton.icon(
+                      onPressed: finalizarJornada,
+                      icon: const Icon(Icons.flag),
+                      label: const Text('Finalizar'),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+
+            const SectionTitle('Avance operativo', subtitle: 'Visible para el operador; el ciudadano solo recibe eventos y ETA.'),
+            AppCard(
+              child: Column(
+                children: [
+                  LinearProgressIndicator(value: progreso, minHeight: 12),
+                  const SizedBox(height: 12),
+                  Text(
+                    '${rutaSeleccionada.routeId} · ${rutaSeleccionada.name}',
+                    textAlign: TextAlign.center,
+                    style: const TextStyle(fontSize: 18, fontWeight: FontWeight.w900),
+                  ),
+                  const SizedBox(height: 6),
+                  Text(
+                    'Horario de trabajo: $horarioOperador · Estado JSON: ${rutaSeleccionada.status}',
+                    textAlign: TextAlign.center,
+                    style: TextStyle(color: Colors.grey.shade700),
+                  ),
+                ],
+              ),
+            ),
+            const SizedBox(height: 8),
+            ...List.generate(rutaSeleccionada.positions.length, timelineItem),
+
+            const SectionTitle('Historial de alertas enviadas'),
+            if (historial.isEmpty)
+              const AppCard(child: Text('Aún no hay alertas operativas registradas.'))
+            else
+              ...historial.take(8).map(alertaItem),
+
+            const SizedBox(height: 18),
+            const Text(
+              'Diseño por roles: el operador reporta eventos operativos; el ciudadano recibe mensajes accionables sin rastrear el camión en tiempo real.',
+              textAlign: TextAlign.center,
+              style: TextStyle(color: Colors.black54),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+// =======================================================
+// ADMINISTRADOR CONCEPTUAL / FUTURO
+// =======================================================
+
+class AdminConceptPage extends StatelessWidget {
+  const AdminConceptPage({super.key});
+
+  Widget item(IconData icon, String title, String subtitle, Color color) {
+    return Card(
+      child: ListTile(
+        contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+        leading: CircleAvatar(
+          backgroundColor: color.withOpacity(0.12),
+          child: Icon(icon, color: color),
+        ),
+        title: Text(title, style: const TextStyle(fontWeight: FontWeight.w900)),
+        subtitle: Text(subtitle),
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Administrador'),
+        actions: [
+          IconButton(
+            onPressed: () {
+              Navigator.pushReplacement(context, MaterialPageRoute(builder: (_) => const LoginPage()));
+            },
+            icon: const Icon(Icons.logout),
+          ),
+        ],
+      ),
+      body: ListView(
+        padding: const EdgeInsets.all(16),
+        children: [
+          AppCard(
+            color: AppColors.softGreen,
+            child: Column(
+              children: const [
+                Icon(Icons.admin_panel_settings, size: 76, color: AppColors.green),
+                SizedBox(height: 12),
+                Text(
+                  'Módulo logístico propuesto',
+                  textAlign: TextAlign.center,
+                  style: TextStyle(fontSize: 28, fontWeight: FontWeight.w900),
+                ),
+                SizedBox(height: 8),
+                Text(
+                  'No se desarrolla en este MVP por alcance del hackathon, pero queda contemplado dentro de la arquitectura por roles.',
+                  textAlign: TextAlign.center,
+                  style: TextStyle(fontSize: 17, height: 1.35),
+                ),
+              ],
+            ),
+          ),
+          const SectionTitle('Funciones futuras'),
+          item(Icons.alt_route, 'Asignación de rutas', 'Crear, editar y asignar rutas por zona de cobertura.', AppColors.green),
+          item(Icons.local_shipping, 'Gestión de camiones', 'Asignar unidades, revisar disponibilidad y controlar mantenimientos.', Colors.indigo),
+          item(Icons.engineering, 'Asignación de operadores', 'Vincular choferes con camiones, turnos y rutas.', AppColors.orange),
+          item(Icons.analytics, 'Indicadores logísticos', 'Medir retrasos, cumplimiento, incidencias y calificaciones.', Colors.blueGrey),
+          item(Icons.security, 'Control RBAC', 'Separar permisos entre ciudadano, operador y administrador.', AppColors.red),
+        ],
+      ),
+    );
+  }
+}
+
+
 // =======================================================
 // BUZÓN
 // =======================================================