feat: push notification

lib/main.dart

@@ -1,10 +1,12 @@
-// main.dart
 import 'package:flutter/material.dart';
 import 'src/views/rutas.dart';
-import 'src/views/main_screen.dart';
+import 'src/views/login.dart';
-import 'src/views/login.dart'; // Importar LoginView
+import 'src/views/home_screen.dart';
+import 'src/services/notification_service.dart';  // ← AGREGAR
 
-void main() {
+void main() async {  // ← CAMBIAR a async
+  WidgetsFlutterBinding.ensureInitialized();
+  await NotificationService.initialize();  // ← AGREGAR await
   runApp(const MyApp());
 }
 
@@ -60,10 +62,10 @@ class RegistroView extends StatelessWidget {
                       shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15))
                   ),
                   onPressed: () {
-                    // Navegar a MainScreen (app principal)
+                    // ✅ Navegar a HomeScreen (única barra de navegación)
                     Navigator.pushReplacement(
                       context,
-                      MaterialPageRoute(builder: (context) => const MainScreen()),
+                      MaterialPageRoute(builder: (context) => const HomeScreen()),
                     );
                   },
                   child: const Text('Registrar', style: TextStyle(color: Colors.white, fontSize: 18)),

lib/src/data/horarios_data.dart

@@ -0,0 +1,40 @@
+// src/data/horarios_data.dart
+class HorarioInfo {
+  final String colonia;
+  final String routeId;
+  final String horarioEstimado;
+
+  HorarioInfo({
+    required this.colonia,
+    required this.routeId,
+    required this.horarioEstimado,
+  });
+}
+
+final List<HorarioInfo> horariosBase = [
+  HorarioInfo(colonia: 'Zona Centro', routeId: 'RUTA-01', horarioEstimado: '06:30'),
+  HorarioInfo(colonia: 'Las Arboledas', routeId: 'RUTA-01', horarioEstimado: '07:00'),
+  HorarioInfo(colonia: 'Trojes', routeId: 'RUTA-13', horarioEstimado: '06:40'),
+  HorarioInfo(colonia: 'San Juanico', routeId: 'RUTA-03', horarioEstimado: '06:45'),
+  HorarioInfo(colonia: 'Los Olivos', routeId: 'RUTA-04', horarioEstimado: '07:00'),
+  HorarioInfo(colonia: 'Rancho Seco', routeId: 'RUTA-05', horarioEstimado: '14:15'),
+  HorarioInfo(colonia: 'Las Insurgentes', routeId: 'RUTA-12', horarioEstimado: '06:35'),
+];
+
+// Obtener horario por nombre de colonia
+String getHorarioByColonia(String colonia) {
+  final found = horariosBase.firstWhere(
+        (h) => h.colonia.toLowerCase() == colonia.toLowerCase(),
+    orElse: () => HorarioInfo(colonia: '', routeId: '', horarioEstimado: '08:00'),
+  );
+  return found.horarioEstimado;
+}
+
+// Obtener routeId por nombre de colonia
+String getRouteIdByColonia(String colonia) {
+  final found = horariosBase.firstWhere(
+        (h) => h.colonia.toLowerCase() == colonia.toLowerCase(),
+    orElse: () => HorarioInfo(colonia: '', routeId: 'RUTA-00', horarioEstimado: '08:00'),
+  );
+  return found.routeId;
+}

lib/src/models/domicilio_model.dart

@@ -0,0 +1,64 @@
+// src/models/domicilio_model.dart
+import 'dart:convert';
+import '../data/horarios_data.dart';
+
+class Domicilio {
+  final String id;
+  final String nombre;
+  final String colonia;
+  final String calle;
+  final String numero;
+  final double latitud;
+  final double longitud;
+  final String horarioEstimado;
+  final String routeId;
+
+  Domicilio({
+    required this.id,
+    required this.nombre,
+    required this.colonia,
+    required this.calle,
+    required this.numero,
+    required this.latitud,
+    required this.longitud,
+    required this.horarioEstimado,
+    required this.routeId,
+  });
+
+  String get direccionCompleta => '$colonia, $calle $numero';
+
+  Map<String, dynamic> toJson() => {
+    'id': id,
+    'nombre': nombre,
+    'colonia': colonia,
+    'calle': calle,
+    'numero': numero,
+    'latitud': latitud,
+    'longitud': longitud,
+    'horarioEstimado': horarioEstimado,
+    'routeId': routeId,
+  };
+
+  factory Domicilio.fromJson(Map<String, dynamic> json) {
+    return Domicilio(
+      id: json['id'],
+      nombre: json['nombre'],
+      colonia: json['colonia'],
+      calle: json['calle'],
+      numero: json['numero'],
+      latitud: (json['latitud'] as num).toDouble(),
+      longitud: (json['longitud'] as num).toDouble(),
+      horarioEstimado: json['horarioEstimado'] ?? getHorarioByColonia(json['colonia']),
+      routeId: json['routeId'] ?? getRouteIdByColonia(json['colonia']),
+    );
+  }
+
+  static String encode(List<Domicilio> domicilios) {
+    return json.encode(domicilios.map((d) => d.toJson()).toList());
+  }
+
+  static List<Domicilio> decode(String domiciliosString) {
+    final List<dynamic> data = json.decode(domiciliosString);
+    return data.map((item) => Domicilio.fromJson(item)).toList();
+  }
+}

lib/src/services/geolocation_service.dart

@@ -0,0 +1,72 @@
+// src/services/geolocation_service.dart
+import 'package:geolocator/geolocator.dart';
+
+class SimplePosition {
+  final double latitude;
+  final double longitude;
+  final DateTime timestamp;
+
+  SimplePosition({
+    required this.latitude,
+    required this.longitude,
+    required this.timestamp,
+  });
+}
+
+class GeolocationService {
+  static Future<bool> isLocationServiceEnabled() async {
+    return await Geolocator.isLocationServiceEnabled();
+  }
+
+  static Future<LocationPermission> checkPermission() async {
+    return await Geolocator.checkPermission();
+  }
+
+  static Future<LocationPermission> requestPermission() async {
+    return await Geolocator.requestPermission();
+  }
+
+  static Future<bool> hasPermission() async {
+    LocationPermission permission = await Geolocator.checkPermission();
+    return permission == LocationPermission.always ||
+        permission == LocationPermission.whileInUse;
+  }
+
+  static Future<SimplePosition?> getCurrentLocation() async {
+    try {
+      bool serviceEnabled = await Geolocator.isLocationServiceEnabled();
+      if (!serviceEnabled) return null;
+
+      LocationPermission permission = await Geolocator.checkPermission();
+      if (permission == LocationPermission.denied) {
+        permission = await Geolocator.requestPermission();
+        if (permission == LocationPermission.denied) return null;
+      }
+
+      if (permission == LocationPermission.deniedForever) return null;
+
+      Position position = await Geolocator.getCurrentPosition(
+        desiredAccuracy: LocationAccuracy.low,
+        timeLimit: const Duration(seconds: 5),
+      );
+
+      return SimplePosition(
+        latitude: position.latitude,
+        longitude: position.longitude,
+        timestamp: position.timestamp,
+      );
+    } catch (e) {
+      print('Error: $e');
+      return null;
+    }
+  }
+
+  static Future<SimplePosition?> getCurrentLocationWithRetry({int maxRetries = 2}) async {
+    for (int i = 0; i < maxRetries; i++) {
+      final position = await getCurrentLocation();
+      if (position != null) return position;
+      if (i < maxRetries - 1) await Future.delayed(const Duration(seconds: 1));
+    }
+    return null;
+  }
+}

lib/src/services/notification_service.dart

@@ -0,0 +1,43 @@
+// src/services/notification_service.dart
+import 'package:flutter/material.dart';
+import 'package:flutter_local_notifications/flutter_local_notifications.dart';
+
+class NotificationService {
+  static final FlutterLocalNotificationsPlugin _notifications = FlutterLocalNotificationsPlugin();
+
+  static Future<void> initialize() async {
+    const AndroidInitializationSettings androidSettings = AndroidInitializationSettings('@mipmap/ic_launcher');
+    const DarwinInitializationSettings iosSettings = DarwinInitializationSettings();
+    const InitializationSettings settings = InitializationSettings(
+      android: androidSettings,
+      iOS: iosSettings,
+    );
+    await _notifications.initialize(settings);
+  }
+
+  static Future<void> showNotification({
+    required String title,
+    required String body,
+    String? payload,
+  }) async {
+    const AndroidNotificationDetails androidDetails = AndroidNotificationDetails(
+      'recoleccion_channel',
+      'Notificaciones de Recolección',
+      channelDescription: 'Notificaciones sobre el estado de la recolección',
+      importance: Importance.high,
+      priority: Priority.high,
+    );
+    const DarwinNotificationDetails iosDetails = DarwinNotificationDetails();
+    const NotificationDetails details = NotificationDetails(
+      android: androidDetails,
+      iOS: iosDetails,
+    );
+    await _notifications.show(
+      DateTime.now().millisecond,
+      title,
+      body,
+      details,
+      payload: payload,
+    );
+  }
+}

lib/src/views/admin.dart

@@ -0,0 +1,233 @@
+// src/views/admin.dart
+import 'package:flutter/material.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+import 'rutas.dart';
+import '../services/notification_service.dart';
+
+class AdminView extends StatefulWidget {
+  const AdminView({super.key});
+
+  @override
+  State<AdminView> createState() => _AdminViewState();
+}
+
+class _AdminViewState extends State<AdminView> {
+  bool _camionActivo = true;
+  String _rutaActual = 'RUTA-01 - Zona Centro';
+  String _horaActual = _getHoraActual();
+  final TextEditingController _minutosController = TextEditingController();
+  int _minutosRetraso = 0;
+
+  @override
+  void initState() {
+    super.initState();
+    _actualizarHora();
+    _cargarEstado();
+  }
+
+  @override
+  void dispose() {
+    _minutosController.dispose();
+    super.dispose();
+  }
+
+  Future<void> _cargarEstado() async {
+    final prefs = await SharedPreferences.getInstance();
+    setState(() {
+      _camionActivo = !(prefs.getBool('ruta_suspendida') ?? false);
+      _minutosRetraso = prefs.getInt('retraso_minutos') ?? 0;
+      _minutosController.text = _minutosRetraso.toString();
+    });
+  }
+
+  static String _getHoraActual() {
+    final now = DateTime.now();
+    int hora = now.hour > 12 ? now.hour - 12 : now.hour;
+    if (hora == 0) hora = 12;
+    final minuto = now.minute.toString().padLeft(2, '0');
+    final periodo = now.hour >= 12 ? 'PM' : 'AM';
+    return '$hora:$minuto $periodo';
+  }
+
+  void _actualizarHora() {
+    Future.delayed(const Duration(seconds: 1), () {
+      if (mounted) {
+        setState(() {
+          _horaActual = _getHoraActual();
+        });
+        _actualizarHora();
+      }
+    });
+  }
+
+  void _incrementarMinutos() {
+    setState(() {
+      _minutosRetraso++;
+      _minutosController.text = _minutosRetraso.toString();
+    });
+  }
+
+  void _decrementarMinutos() {
+    if (_minutosRetraso > 0) {
+      setState(() {
+        _minutosRetraso--;
+        _minutosController.text = _minutosRetraso.toString();
+      });
+    }
+  }
+
+  Future<void> _notificarRetraso() async {
+    if (_minutosRetraso == 0) {
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(content: Text('Ingresa los minutos de retraso'), backgroundColor: Colors.orange),
+      );
+      return;
+    }
+
+    final prefs = await SharedPreferences.getInstance();
+    await prefs.setInt('retraso_minutos', _minutosRetraso);
+
+    await NotificationService.showNotification(
+      title: '⏰ Retraso en la ruta',
+      body: 'El camión ha sufrido un retraso de $_minutosRetraso minutos en todas las rutas.',
+    );
+
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(content: Text('Retraso de $_minutosRetraso minutos aplicado'), backgroundColor: Colors.orange),
+    );
+  }
+
+  Future<void> _suspenderRuta() async {
+    final prefs = await SharedPreferences.getInstance();
+    final nuevaSuspension = !_camionActivo;
+
+    await prefs.setBool('ruta_suspendida', nuevaSuspension);
+
+    if (nuevaSuspension) {
+      await NotificationService.showNotification(
+        title: '⛔ Ruta suspendida',
+        body: 'El servicio de recolección ha sido suspendido por hoy.',
+      );
+    } else {
+      await prefs.remove('retraso_minutos');
+      await NotificationService.showNotification(
+        title: '✅ Ruta reactivada',
+        body: 'El servicio de recolección ha sido reactivado.',
+      );
+    }
+
+    setState(() {
+      _camionActivo = !_camionActivo;
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Colors.white,
+      appBar: AppBar(
+        backgroundColor: colorAzul,
+        title: const Text('Administración', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 28)),
+        centerTitle: true,
+        leading: IconButton(
+          icon: const Icon(Icons.arrow_back, color: Colors.white, size: 30),
+          onPressed: () => Navigator.pop(context),
+        ),
+      ),
+      body: SingleChildScrollView(
+        padding: const EdgeInsets.all(20),
+        child: Column(
+          children: [
+            _buildEstadoCamion(),
+            const SizedBox(height: 20),
+            _buildInfoRuta(),
+            const SizedBox(height: 30),
+            const Divider(thickness: 2, color: Colors.grey),
+            const SizedBox(height: 20),
+            const Text('RETRASAR RUTA', style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold, color: colorAzul)),
+            const SizedBox(height: 15),
+            _buildSelectorMinutos(),
+            const SizedBox(height: 20),
+            ElevatedButton(
+              onPressed: _notificarRetraso,
+              style: ElevatedButton.styleFrom(backgroundColor: Colors.orange, minimumSize: const Size(double.infinity, 50), shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15))),
+              child: const Text('NOTIFICAR RETRASO', style: TextStyle(color: Colors.white, fontSize: 16, fontWeight: FontWeight.bold)),
+            ),
+            const SizedBox(height: 30),
+            ElevatedButton(
+              onPressed: _suspenderRuta,
+              style: ElevatedButton.styleFrom(backgroundColor: _camionActivo ? Colors.red : Colors.green, minimumSize: const Size(double.infinity, 55), shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15))),
+              child: Text(_camionActivo ? 'SUSPENDER RUTA' : 'REACTIVAR RUTA', style: const TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold)),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildEstadoCamion() {
+    return Container(
+      padding: const EdgeInsets.all(15),
+      decoration: BoxDecoration(border: Border.all(color: Colors.black, width: 4), borderRadius: BorderRadius.circular(25)),
+      child: Row(
+        children: [
+          Icon(Icons.local_shipping, size: 60, color: _camionActivo ? Colors.green : Colors.red),
+          const SizedBox(width: 15),
+          Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              const Text('Estado del camión', style: TextStyle(fontSize: 18, fontWeight: FontWeight.w500)),
+              const SizedBox(height: 4),
+              Text(_camionActivo ? 'ACTIVO' : 'INACTIVO', style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold, color: _camionActivo ? Colors.green : Colors.red)),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildInfoRuta() {
+    return Container(
+      padding: const EdgeInsets.all(15),
+      decoration: BoxDecoration(border: Border.all(color: Colors.black, width: 4), borderRadius: BorderRadius.circular(25)),
+      child: Column(
+        children: [
+          Row(
+            children: [
+              const Icon(Icons.route, size: 40),
+              const SizedBox(width: 10),
+              Expanded(child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [const Text('Ruta actual', style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500)), Text(_rutaActual, style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold))])),
+            ],
+          ),
+          const SizedBox(height: 15),
+          Row(
+            children: [
+              const Icon(Icons.access_time, size: 40),
+              const SizedBox(width: 10),
+              Expanded(child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [const Text('Hora actual', style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500)), Text(_horaActual, style: const TextStyle(fontSize: 22, fontWeight: FontWeight.bold, color: colorAzul))])),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildSelectorMinutos() {
+    return Container(
+      padding: const EdgeInsets.all(15),
+      decoration: BoxDecoration(border: Border.all(color: Colors.black, width: 4), borderRadius: BorderRadius.circular(25)),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          IconButton(onPressed: _decrementarMinutos, icon: const Icon(Icons.remove_circle, size: 50), color: colorAzul),
+          const SizedBox(width: 10),
+          SizedBox(width: 80, child: TextField(controller: _minutosController, keyboardType: TextInputType.number, textAlign: TextAlign.center, style: const TextStyle(fontSize: 24, fontWeight: FontWeight.bold), decoration: const InputDecoration(border: OutlineInputBorder(), hintText: '0'), onChanged: (value) { setState(() { _minutosRetraso = int.tryParse(value) ?? 0; }); })),
+          const SizedBox(width: 10),
+          IconButton(onPressed: _incrementarMinutos, icon: const Icon(Icons.add_circle, size: 50), color: colorAzul),
+          const SizedBox(width: 10),
+          const Text('min', style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold)),
+        ],
+      ),
+    );
+  }
+}

lib/src/views/configuracion.dart

@@ -1,9 +1,215 @@
+import 'dart:async';
 import 'package:flutter/material.dart';
+import 'package:shared_preferences/shared_preferences.dart';
 import 'rutas.dart';
+import 'admin.dart';
+import '../services/notification_service.dart';
 
-class ConfiguracionView extends StatelessWidget {
+class ConfiguracionView extends StatefulWidget {
   const ConfiguracionView({super.key});
 
+  @override
+  State<ConfiguracionView> createState() => _ConfiguracionViewState();
+}
+
+class _ConfiguracionViewState extends State<ConfiguracionView> {
+  String selectedOption = '7 días';
+  bool _isLoading = true;
+
+  // Para el botón secreto de Admin
+  int _secretTapCount = 0;
+  Timer? _resetTimer;
+
+  // Para el botón secreto de notificación de prueba (3 taps en el texto de ayuda)
+  int _testNotificationTapCount = 0;
+  Timer? _testResetTimer;
+
+  final List<String> opciones = [
+    'Cada día',
+    'Cada 3 días',
+    'Cada semana',
+    'Cada quincena',
+  ];
+
+  final Map<String, String> opcionesMap = {
+    'Cada día': '1 día',
+    'Cada 3 días': '3 días',
+    'Cada semana': '7 días',
+    'Cada quincena': '15 días',
+  };
+
+  @override
+  void initState() {
+    super.initState();
+    _cargarPreferencia();
+  }
+
+  @override
+  void dispose() {
+    _resetTimer?.cancel();
+    _testResetTimer?.cancel();
+    super.dispose();
+  }
+
+  Future<void> _cargarPreferencia() async {
+    try {
+      final prefs = await SharedPreferences.getInstance();
+      final String? savedOption = prefs.getString('notificacion_frecuencia');
+
+      setState(() {
+        if (savedOption != null && opciones.contains(savedOption)) {
+          selectedOption = savedOption;
+        }
+        _isLoading = false;
+      });
+    } catch (e) {
+      setState(() {
+        _isLoading = false;
+      });
+    }
+  }
+
+  Future<void> _guardarPreferencia(String value) async {
+    try {
+      final prefs = await SharedPreferences.getInstance();
+      await prefs.setString('notificacion_frecuencia', value);
+
+      if (mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Text('Notificaciones: $value'),
+            backgroundColor: colorAzul,
+            duration: const Duration(seconds: 1),
+          ),
+        );
+      }
+    } catch (e) {
+      print('Error al guardar preferencia: $e');
+    }
+  }
+
+  void _mostrarSelector() {
+    showModalBottomSheet(
+      context: context,
+      shape: const RoundedRectangleBorder(
+        borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
+      ),
+      builder: (BuildContext context) {
+        return Container(
+          padding: const EdgeInsets.all(20),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              const Text(
+                'Frecuencia de notificaciones',
+                style: TextStyle(
+                  fontSize: 20,
+                  fontWeight: FontWeight.bold,
+                  color: colorAzul,
+                ),
+              ),
+              const SizedBox(height: 20),
+              ...opciones.map((opcion) {
+                return ListTile(
+                  leading: Icon(
+                    selectedOption == opcion ? Icons.radio_button_checked : Icons.radio_button_unchecked,
+                    color: colorAzul,
+                  ),
+                  title: Text(
+                    opcion,
+                    style: TextStyle(
+                      fontSize: 18,
+                      fontWeight: selectedOption == opcion ? FontWeight.bold : FontWeight.normal,
+                      color: selectedOption == opcion ? colorAzul : Colors.black87,
+                    ),
+                  ),
+                  trailing: Text(
+                    opcionesMap[opcion]!,
+                    style: const TextStyle(
+                      fontSize: 14,
+                      color: Colors.grey,
+                    ),
+                  ),
+                  onTap: () {
+                    setState(() {
+                      selectedOption = opcion;
+                    });
+                    _guardarPreferencia(opcion);
+                    Navigator.pop(context);
+                  },
+                );
+              }),
+              const SizedBox(height: 10),
+            ],
+          ),
+        );
+      },
+    );
+  }
+
+  // 🔥 BOTÓN SECRETO 1: Tocar el ícono 5 veces para Admin
+  void _onSecretTap() {
+    _secretTapCount++;
+
+    _resetTimer?.cancel();
+    _resetTimer = Timer(const Duration(milliseconds: 1500), () {
+      _secretTapCount = 0;
+      print('🔐 Contador Admin reiniciado');
+    });
+
+    print('🔐 Taps Admin: $_secretTapCount/5');
+
+    if (_secretTapCount >= 5) {
+      _resetTimer?.cancel();
+      _secretTapCount = 0;
+
+      Navigator.push(
+        context,
+        MaterialPageRoute(builder: (context) => const AdminView()),
+      );
+
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(
+          content: Text('🔐 Modo administrador activado'),
+          backgroundColor: Colors.green,
+          duration: Duration(seconds: 2),
+        ),
+      );
+    }
+  }
+
+  // 🔥 BOTÓN SECRETO 2: Tocar el texto de ayuda 3 veces para notificación de prueba
+  void _onTestNotificationTap() {
+    _testNotificationTapCount++;
+
+    _testResetTimer?.cancel();
+    _testResetTimer = Timer(const Duration(milliseconds: 1500), () {
+      _testNotificationTapCount = 0;
+      print('🔐 Contador Notificacion reiniciado');
+    });
+
+    print('🔐 Taps Notificacion: $_testNotificationTapCount/3');
+
+    if (_testNotificationTapCount >= 3) {
+      _testResetTimer?.cancel();
+      _testNotificationTapCount = 0;
+
+      // Enviar notificación de prueba
+      NotificationService.showNotification(
+        title: '🔔 Notificación de prueba',
+        body: 'Esta es una notificación de prueba. ¡Tu app funciona correctamente!',
+      );
+
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(
+          content: Text('🔔 Notificación de prueba enviada'),
+          backgroundColor: Colors.blue,
+          duration: Duration(seconds: 2),
+        ),
+      );
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     return Container(
@@ -32,30 +238,102 @@ class ConfiguracionView extends StatelessWidget {
               ),
             ),
             Expanded(
-              child: Padding(
+              child: _isLoading
+                  ? const Center(
+                child: CircularProgressIndicator(
+                  color: colorAzul,
+                ),
+              )
+                  : Padding(
                 padding: const EdgeInsets.all(20.0),
                 child: Column(
                   children: [
+                    // Selector de notificaciones
                     GestureDetector(
-                      onTap: () {},
+                      onTap: _mostrarSelector,
                       child: Container(
                         padding: const EdgeInsets.all(15),
                         decoration: BoxDecoration(
                           border: Border.all(color: Colors.black, width: 4),
                           borderRadius: BorderRadius.circular(25),
                         ),
-                        child: const Row(
+                        child: Row(
                           children: [
-                            Icon(Icons.notifications_active_outlined, size: 60),
+                            // 🔥 BOTÓN SECRETO ADMIN (5 taps)
-                            SizedBox(width: 10),
+                            GestureDetector(
-                            Text('7 días',
+                              onTap: _onSecretTap,
-                                style: TextStyle(fontSize: 22, fontWeight: FontWeight.bold)),
+                              child: const Icon(Icons.notifications_active_outlined, size: 60),
-                            Spacer(),
+                            ),
-                            Icon(Icons.keyboard_arrow_down, size: 50),
+                            const SizedBox(width: 10),
+                            Text(
+                              selectedOption,
+                              style: const TextStyle(
+                                fontSize: 22,
+                                fontWeight: FontWeight.bold,
+                              ),
+                            ),
+                            const Spacer(),
+                            const Icon(Icons.keyboard_arrow_down, size: 50),
                           ],
                         ),
                       ),
                     ),
+                    const SizedBox(height: 20),
+                    Container(
+                      padding: const EdgeInsets.all(15),
+                      decoration: BoxDecoration(
+                        color: colorAzul.withOpacity(0.1),
+                        borderRadius: BorderRadius.circular(15),
+                      ),
+                      child: Row(
+                        children: [
+                          Icon(Icons.info_outline, color: colorAzul, size: 30),
+                          const SizedBox(width: 10),
+                          Expanded(
+                            child: Text(
+                              'Recibirás notificaciones cada ${opcionesMap[selectedOption]}',
+                              style: TextStyle(
+                                fontSize: 16,
+                                color: colorAzul,
+                              ),
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                    const SizedBox(height: 20),
+                    // 🔥 BOTÓN SECRETO NOTIFICACIÓN DE PRUEBA (3 taps en este texto)
+                    GestureDetector(
+                      onTap: _onTestNotificationTap,
+                      child: Container(
+                        padding: const EdgeInsets.all(8),
+                        decoration: BoxDecoration(
+                          color: Colors.grey[200],
+                          borderRadius: BorderRadius.circular(10),
+                        ),
+                        child: const Text(
+                          '👆 Toca el ícono de la campana 5 veces para Admin',
+                          style: TextStyle(fontSize: 11, color: Colors.grey),
+                        ),
+                      ),
+                    ),
+                    const SizedBox(height: 10),
+                    // Indicador del segundo botón secreto
+                    GestureDetector(
+                      onTap: _onTestNotificationTap,
+                      child: Container(
+                        padding: const EdgeInsets.all(6),
+                        decoration: BoxDecoration(
+                          color: Colors.blue.withOpacity(0.1),
+                          borderRadius: BorderRadius.circular(8),
+                        ),
+                        child: const Text(
+                          '🔔 Toca este texto 3 veces para notificación de prueba',
+                          style: TextStyle(fontSize: 10, color: Colors.blue),
+                          textAlign: TextAlign.center,
+                        ),
+                      ),
+                    ),
                   ],
                 ),
               ),

lib/src/views/domicilios.dart

@@ -1,91 +1,384 @@
-// domicilios.dart
 import 'package:flutter/material.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+import 'package:geolocator/geolocator.dart';
 import 'rutas.dart';
+import '../models/domicilio_model.dart';
+import '../services/geolocation_service.dart';
+import '../data/horarios_data.dart';
 
-class DomiciliosView extends StatelessWidget {
+class DomiciliosView extends StatefulWidget {
   const DomiciliosView({super.key});
 
   @override
-  Widget build(BuildContext context) {
+  State<DomiciliosView> createState() => _DomiciliosViewState();
-    return Container(
+}
-      color: Colors.white, // Fondo blanco para el contenido
+
-      child: SafeArea(
+class _DomiciliosViewState extends State<DomiciliosView> {
+  List<Domicilio> domicilios = [];
+  bool _isLoading = true;
+  bool _isLoadingLocation = false;
+
+  final TextEditingController nombreController = TextEditingController();
+  final TextEditingController coloniaController = TextEditingController();
+  final TextEditingController calleController = TextEditingController();
+  final TextEditingController numeroController = TextEditingController();
+
+  @override
+  void initState() {
+    super.initState();
+    _cargarDomicilios();
+  }
+
+  @override
+  void dispose() {
+    nombreController.dispose();
+    coloniaController.dispose();
+    calleController.dispose();
+    numeroController.dispose();
+    super.dispose();
+  }
+
+  Future<void> _cargarDomicilios() async {
+    try {
+      final prefs = await SharedPreferences.getInstance();
+      final String? domiciliosString = prefs.getString('domicilios');
+
+      setState(() {
+        if (domiciliosString != null && domiciliosString.isNotEmpty) {
+          domicilios = Domicilio.decode(domiciliosString);
+        }
+        _isLoading = false;
+      });
+    } catch (e) {
+      setState(() {
+        _isLoading = false;
+      });
+    }
+  }
+
+  Future<void> _guardarDomicilios() async {
+    try {
+      final prefs = await SharedPreferences.getInstance();
+      final String domiciliosString = Domicilio.encode(domicilios);
+      await prefs.setString('domicilios', domiciliosString);
+    } catch (e) {
+      print('Error al guardar: $e');
+    }
+  }
+
+  Future<bool> _showLocationPermissionDialog() async {
+    if (await GeolocationService.hasPermission()) {
+      return true;
+    }
+
+    final result = await showDialog<bool>(
+      context: context,
+      barrierDismissible: false,
+      builder: (context) => AlertDialog(
+        title: const Text('Permiso de ubicacion'),
+        content: const Text(
+          'Necesitamos acceder a tu ubicacion para asignar tu domicilio a la ruta correcta.',
+        ),
+        actions: [
+          TextButton(
+            onPressed: () => Navigator.pop(context, false),
+            child: const Text('Cancelar'),
+          ),
+          TextButton(
+            onPressed: () => Navigator.pop(context, true),
+            child: const Text('Aceptar', style: TextStyle(color: colorAzul)),
+          ),
+        ],
+      ),
+    );
+
+    if (result == true) {
+      LocationPermission newPermission = await GeolocationService.requestPermission();
+      return newPermission == LocationPermission.always ||
+          newPermission == LocationPermission.whileInUse;
+    }
+    return false;
+  }
+
+  Future<void> _obtenerUbicacionYAgregar() async {
+    setState(() {
+      _isLoadingLocation = true;
+    });
+
+    final serviceEnabled = await GeolocationService.isLocationServiceEnabled();
+    if (!serviceEnabled) {
+      setState(() {
+        _isLoadingLocation = false;
+      });
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(
+          content: Text('Activa el GPS para agregar un domicilio'),
+          backgroundColor: Colors.orange,
+        ),
+      );
+      return;
+    }
+
+    final hasPermission = await _showLocationPermissionDialog();
+    if (!hasPermission) {
+      setState(() {
+        _isLoadingLocation = false;
+      });
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(
+          content: Text('Necesitamos tu ubicacion'),
+          backgroundColor: Colors.orange,
+        ),
+      );
+      return;
+    }
+
+    final simplePosition = await GeolocationService.getCurrentLocation();
+
+    setState(() {
+      _isLoadingLocation = false;
+    });
+
+    if (simplePosition == null) {
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(
+          content: Text('No se pudo obtener tu ubicacion.'),
+          backgroundColor: Colors.red,
+        ),
+      );
+      return;
+    }
+
+    _mostrarDialogoAgregarConUbicacion(simplePosition.latitude, simplePosition.longitude);
+  }
+
+  void _mostrarDialogoAgregarConUbicacion(double lat, double lng) {
+    nombreController.clear();
+    coloniaController.clear();
+    calleController.clear();
+    numeroController.clear();
+
+    showDialog(
+      context: context,
+      barrierDismissible: false,
+      builder: (BuildContext context) {
+        return Dialog(
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(25)),
+          child: Container(
+            padding: const EdgeInsets.all(20),
             child: Column(
+              mainAxisSize: MainAxisSize.min,
               children: [
-            // AppBar personalizado
+                const Text('Anadir domicilio', style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold, color: colorAzul)),
+                const SizedBox(height: 10),
                 Container(
-              width: double.infinity,
+                  padding: const EdgeInsets.all(12),
-              padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 16),
+                  decoration: BoxDecoration(color: Colors.green.withOpacity(0.1), borderRadius: BorderRadius.circular(12)),
-              decoration: const BoxDecoration(
-                color: colorAzul,
-                borderRadius: BorderRadius.only(
-                  bottomLeft: Radius.circular(20),
-                  bottomRight: Radius.circular(20),
-                ),
-              ),
-              child: const Text(
-                'Domicilios',
-                style: TextStyle(
-                  color: Colors.white,
-                  fontSize: 28,
-                  fontWeight: FontWeight.bold,
-                ),
-                textAlign: TextAlign.center,
-              ),
-            ),
-            // Contenido
-            Expanded(
-              child: Padding(
-                padding: const EdgeInsets.all(20.0),
-                child: Column(
-                  children: [
-                    Container(
-                      padding: const EdgeInsets.all(15),
-                      decoration: BoxDecoration(
-                        border: Border.all(color: Colors.black, width: 4),
-                        borderRadius: BorderRadius.circular(25),
-                      ),
                   child: Row(
                     children: [
-                          const Icon(Icons.home_outlined, size: 60),
+                      Icon(Icons.location_on, color: Colors.green[700], size: 24),
                       const SizedBox(width: 10),
-                          const Column(
+                      Expanded(
+                        child: Column(
                           crossAxisAlignment: CrossAxisAlignment.start,
                           children: [
-                              Text('Mi Casa',
+                            Text('Ubicacion obtenida', style: TextStyle(fontSize: 12, color: Colors.green[700])),
-                                  style: TextStyle(fontSize: 22, fontWeight: FontWeight.bold)),
+                            Text('Lat: ${lat.toStringAsFixed(6)}'),
-                              Text('Centro, Ruta 1',
+                            Text('Lng: ${lng.toStringAsFixed(6)}'),
-                                  style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
                           ],
                         ),
-                          const Spacer(),
-                          IconButton(
-                            onPressed: () {},
-                            icon: const Icon(Icons.more_horiz, size: 40),
-                          ),
-                        ],
-                      ),
-                    ),
-                    const SizedBox(height: 20),
-                    GestureDetector(
-                      onTap: () {},
-                      child: Container(
-                        width: double.infinity,
-                        height: 100,
-                        decoration: BoxDecoration(
-                          color: colorAzul,
-                          borderRadius: BorderRadius.circular(20),
-                        ),
-                        child: const Icon(Icons.add, color: Colors.white, size: 80),
-                      ),
                       ),
                     ],
                   ),
                 ),
+                const SizedBox(height: 15),
+                _buildCampoTexto(controller: nombreController, hint: 'Nombre del domicilio', icon: Icons.home_outlined),
+                const SizedBox(height: 15),
+                _buildCampoTexto(controller: coloniaController, hint: 'Colonia', icon: Icons.location_city_outlined),
+                const SizedBox(height: 15),
+                _buildCampoTexto(controller: calleController, hint: 'Calle', icon: Icons.streetview),
+                const SizedBox(height: 15),
+                _buildCampoTexto(controller: numeroController, hint: 'Numero', icon: Icons.numbers, keyboardType: TextInputType.number),
+                const SizedBox(height: 25),
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                  children: [
+                    Expanded(
+                      child: OutlinedButton(
+                        style: OutlinedButton.styleFrom(side: BorderSide(color: colorAzul, width: 2), shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15))),
+                        onPressed: () => Navigator.pop(context),
+                        child: const Text('Cancelar', style: TextStyle(color: colorAzul)),
+                      ),
+                    ),
+                    const SizedBox(width: 15),
+                    Expanded(
+                      child: ElevatedButton(
+                        style: ElevatedButton.styleFrom(backgroundColor: colorAzul, shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15))),
+                        onPressed: () => _agregarDomicilio(latitud: lat, longitud: lng),
+                        child: const Text('Agregar', style: TextStyle(color: Colors.white)),
+                      ),
+                    ),
+                  ],
                 ),
               ],
             ),
           ),
         );
+      },
+    );
+  }
+
+  Widget _buildCampoTexto({
+    required TextEditingController controller,
+    required String hint,
+    required IconData icon,
+    TextInputType keyboardType = TextInputType.text,
+  }) {
+    return TextField(
+      controller: controller,
+      keyboardType: keyboardType,
+      decoration: InputDecoration(
+        hintText: hint,
+        prefixIcon: Icon(icon, color: colorAzul),
+        border: OutlineInputBorder(borderRadius: BorderRadius.circular(15)),
+        enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(15), borderSide: BorderSide(color: colorAzul.withOpacity(0.5))),
+        focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(15), borderSide: const BorderSide(color: colorAzul, width: 2)),
+      ),
+    );
+  }
+
+  void _agregarDomicilio({required double latitud, required double longitud}) async {
+    if (nombreController.text.trim().isEmpty ||
+        coloniaController.text.trim().isEmpty ||
+        calleController.text.trim().isEmpty ||
+        numeroController.text.trim().isEmpty) {
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(content: Text('Llena todos los campos'), backgroundColor: Colors.red),
+      );
+      return;
+    }
+
+    final horario = getHorarioByColonia(coloniaController.text.trim());
+    final routeId = getRouteIdByColonia(coloniaController.text.trim());
+
+    final nuevoDomicilio = Domicilio(
+      id: DateTime.now().millisecondsSinceEpoch.toString(),
+      nombre: nombreController.text.trim(),
+      colonia: coloniaController.text.trim(),
+      calle: calleController.text.trim(),
+      numero: numeroController.text.trim(),
+      latitud: latitud,
+      longitud: longitud,
+      horarioEstimado: horario,
+      routeId: routeId,
+    );
+
+    setState(() {
+      domicilios.add(nuevoDomicilio);
+    });
+
+    await _guardarDomicilios();
+    Navigator.pop(context);
+
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(content: Text('Domicilio agregado'), backgroundColor: colorAzul),
+    );
+  }
+
+  void _eliminarDomicilio(int index) async {
+    showDialog(
+      context: context,
+      builder: (context) => AlertDialog(
+        title: const Text('Eliminar domicilio'),
+        content: Text('Eliminar "${domicilios[index].nombre}"?'),
+        actions: [
+          TextButton(onPressed: () => Navigator.pop(context), child: const Text('Cancelar')),
+          TextButton(
+            onPressed: () async {
+              setState(() => domicilios.removeAt(index));
+              await _guardarDomicilios();
+              Navigator.pop(context);
+            },
+            child: const Text('Eliminar', style: TextStyle(color: Colors.red)),
+          ),
+        ],
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SafeArea(
+      child: Column(
+        children: [
+          Container(
+            width: double.infinity,
+            padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 16),
+            decoration: const BoxDecoration(
+              color: colorAzul,
+              borderRadius: BorderRadius.only(bottomLeft: Radius.circular(20), bottomRight: Radius.circular(20)),
+            ),
+            child: const Text('Domicilios', style: TextStyle(color: Colors.white, fontSize: 28, fontWeight: FontWeight.bold), textAlign: TextAlign.center),
+          ),
+          Expanded(
+            child: _isLoading
+                ? const Center(child: CircularProgressIndicator(color: colorAzul))
+                : domicilios.isEmpty
+                ? Center(
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  Icon(Icons.home_outlined, size: 100, color: Colors.grey.withOpacity(0.5)),
+                  const SizedBox(height: 20),
+                  Text('No hay domicilios', style: TextStyle(fontSize: 18, color: Colors.grey.withOpacity(0.7))),
+                  const SizedBox(height: 10),
+                  Text('Toca el boton + para agregar', style: TextStyle(fontSize: 14, color: Colors.grey.withOpacity(0.5))),
+                ],
+              ),
+            )
+                : ListView.builder(
+              padding: const EdgeInsets.all(20),
+              itemCount: domicilios.length,
+              itemBuilder: (context, index) {
+                final d = domicilios[index];
+                return Padding(
+                  padding: const EdgeInsets.only(bottom: 20),
+                  child: Container(
+                    padding: const EdgeInsets.all(15),
+                    decoration: BoxDecoration(border: Border.all(color: Colors.black, width: 4), borderRadius: BorderRadius.circular(25)),
+                    child: Row(
+                      children: [
+                        const Icon(Icons.home_outlined, size: 60),
+                        const SizedBox(width: 10),
+                        Expanded(
+                          child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: [
+                              Text(d.nombre, style: const TextStyle(fontSize: 22, fontWeight: FontWeight.bold)),
+                              Text(d.direccionCompleta, style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
+                              Text('${d.latitud.toStringAsFixed(4)}, ${d.longitud.toStringAsFixed(4)}', style: TextStyle(fontSize: 12, color: Colors.grey[600])),
+                            ],
+                          ),
+                        ),
+                        IconButton(onPressed: () => _eliminarDomicilio(index), icon: const Icon(Icons.delete_outline, size: 40), color: Colors.red),
+                      ],
+                    ),
+                  ),
+                );
+              },
+            ),
+          ),
+          Padding(
+            padding: const EdgeInsets.all(20),
+            child: _isLoadingLocation
+                ? Container(width: double.infinity, height: 100, decoration: BoxDecoration(color: colorAzul, borderRadius: BorderRadius.circular(20)), child: const Center(child: CircularProgressIndicator(color: Colors.white)))
+                : GestureDetector(
+              onTap: _obtenerUbicacionYAgregar,
+              child: Container(width: double.infinity, height: 100, decoration: BoxDecoration(color: colorAzul, borderRadius: BorderRadius.circular(20)), child: const Icon(Icons.add, color: Colors.white, size: 80)),
+            ),
+          ),
+        ],
+      ),
+    );
   }
 }

lib/src/views/home_screen.dart

@@ -0,0 +1,42 @@
+// home_screen.dart
+import 'package:flutter/material.dart';
+import 'domicilios.dart';
+import 'horarios.dart';
+import 'configuracion.dart';
+import 'rutas.dart';
+import 'nav_bar.dart';
+
+class HomeScreen extends StatefulWidget {
+  const HomeScreen({super.key});
+
+  @override
+  State<HomeScreen> createState() => _HomeScreenState();
+}
+
+class _HomeScreenState extends State<HomeScreen> {
+  int _currentIndex = 0; // 0: Domicilios, 1: Rutas, 2: Configuración
+
+  final List<Widget> _paginas = const [
+    DomiciliosView(),
+    HorariosView(),
+    ConfiguracionView(),
+  ];
+
+  void _onNavBarTap(int index) {
+    setState(() {
+      _currentIndex = index;
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Colors.white,
+      body: _paginas[_currentIndex],
+      bottomNavigationBar: CustomNavBar(
+        currentIndex: _currentIndex,
+        onTap: _onNavBarTap,
+      ),
+    );
+  }
+}

lib/src/views/horarios.dart

@@ -1,26 +1,117 @@
+// horarios.dart - Versión actualizada
 import 'package:flutter/material.dart';
+import 'package:shared_preferences/shared_preferences.dart';
 import 'rutas.dart';
+import '../models/domicilio_model.dart';
+import 'mapa_expandible.dart';
+import '../services/notification_service.dart';
 
-class HorariosView extends StatelessWidget {
+class HorariosView extends StatefulWidget {
   const HorariosView({super.key});
 
   @override
-  Widget build(BuildContext context) {
+  State<HorariosView> createState() => _HorariosViewState();
-    final List<Map<String, String>> rutas = List.generate(
+}
-      6,
-          (index) => {
-        'colonia': 'Colonia ${index + 1}',
-        'ruta': 'Ruta ${index + 1}',
-        'horario': '${8 + (index % 3)}:${30 * (index % 2)} ${index < 3 ? 'AM' : 'PM'}',
-      },
-    );
 
+class _HorariosViewState extends State<HorariosView> {
+  List<Domicilio> domicilios = [];
+  bool _isLoading = true;
+  Timer? _timer;
+
+  @override
+  void initState() {
+    super.initState();
+    _cargarDomicilios();
+    _iniciarVerificacionHorarios();
+  }
+
+  @override
+  void dispose() {
+    _timer?.cancel();
+    super.dispose();
+  }
+
+  void _iniciarVerificacionHorarios() {
+    _timer = Timer.periodic(const Duration(minutes: 1), (timer) {
+      _verificarHorarios();
+    });
+  }
+
+  void _verificarHorarios() async {
+    final prefs = await SharedPreferences.getInstance();
+    final suspensionActiva = prefs.getBool('ruta_suspendida') ?? false;
+    final retrasoMinutos = prefs.getInt('retraso_minutos') ?? 0;
+
+    if (suspensionActiva) return;
+
+    final ahora = DateTime.now();
+    final horaActual = ahora.hour * 60 + ahora.minute;
+
+    for (var domicilio in domicilios) {
+      final partes = domicilio.horarioEstimado.split(':');
+      int hora = int.parse(partes[0]);
+      int minuto = int.parse(partes[1]);
+
+      // Aplicar retraso
+      int horaConRetraso = hora;
+      int minutoConRetraso = minuto + retrasoMinutos;
+      if (minutoConRetraso >= 60) {
+        horaConRetraso += minutoConRetraso ~/ 60;
+        minutoConRetraso = minutoConRetraso % 60;
+      }
+
+      final horarioMinutos = horaConRetraso * 60 + minutoConRetraso;
+
+      // Si la hora actual está dentro del rango (5 minutos antes y durante)
+      if (horaActual >= horarioMinutos - 5 && horaActual <= horarioMinutos + 15) {
+        // Verificar si ya se notificó esta hora
+        final lastNotification = prefs.getString('last_notification_${domicilio.id}');
+        final todayKey = '${DateTime.now().day}-${DateTime.now().month}-${DateTime.now().year}';
+
+        if (lastNotification != todayKey) {
+          await prefs.setString('last_notification_${domicilio.id}', todayKey);
+          await NotificationService.showNotification(
+            title: '🚛 El camión está cerca',
+            body: 'El camión de recolección está por llegar a ${domicilio.colonia}. ¡Prepara tu basura!',
+          );
+        }
+      }
+    }
+  }
+
+  Future<void> _cargarDomicilios() async {
+    try {
+      final prefs = await SharedPreferences.getInstance();
+      final String? domiciliosString = prefs.getString('domicilios');
+      final retrasoMinutos = prefs.getInt('retraso_minutos') ?? 0;
+
+      setState(() {
+        if (domiciliosString != null && domiciliosString.isNotEmpty) {
+          domicilios = Domicilio.decode(domiciliosString);
+        }
+        _isLoading = false;
+      });
+    } catch (e) {
+      setState(() {
+        _isLoading = false;
+      });
+    }
+  }
+
+  String _obtenerHorarioConRetraso(int index) {
+    final prefs = SharedPreferences.getInstance();
+    final retraso = prefs is int ? prefs : 0;
+    // Simplificado - en producción usar Future
+    return domicilios[index].horarioEstimado;
+  }
+
+  @override
+  Widget build(BuildContext context) {
     return Container(
       color: Colors.white,
       child: SafeArea(
         child: Column(
           children: [
-            // AppBar personalizado
             Container(
               width: double.infinity,
               padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 16),
@@ -32,47 +123,135 @@ class HorariosView extends StatelessWidget {
                 ),
               ),
               child: const Text(
-                'Horarios',
+                'Mis Rutas',
-                style: TextStyle(
+                style: TextStyle(color: Colors.white, fontSize: 32, fontWeight: FontWeight.bold),
-                  color: Colors.white,
-                  fontSize: 32,
-                  fontWeight: FontWeight.bold,
-                ),
                 textAlign: TextAlign.center,
               ),
             ),
-            // Lista de horarios
             Expanded(
-              child: ListView.builder(
+              child: _isLoading
-                padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 24),
+                  ? const Center(child: CircularProgressIndicator(color: colorAzul))
-                itemCount: rutas.length,
+                  : domicilios.isEmpty
-                itemBuilder: (context, index) {
+                  ? Center(
-                  final item = rutas[index];
+                child: Column(
-                  return Padding(
+                  mainAxisAlignment: MainAxisAlignment.center,
-                    padding: const EdgeInsets.symmetric(vertical: 16.0),
-                    child: Row(
-                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                   children: [
-                        Column(
+                    Icon(Icons.location_on_outlined, size: 100, color: Colors.grey.withOpacity(0.5)),
-                          crossAxisAlignment: CrossAxisAlignment.start,
+                    const SizedBox(height: 20),
-                          children: [
+                    Text('No hay domicilios agregados', style: TextStyle(fontSize: 18, color: Colors.grey.withOpacity(0.7))),
-                            Text(item['colonia']!,
+                    const SizedBox(height: 10),
-                                style: const TextStyle(fontSize: 22, fontWeight: FontWeight.bold)),
+                    Text('Agrega domicilios desde la pestaña Domicilios', style: TextStyle(fontSize: 14, color: Colors.grey.withOpacity(0.5)), textAlign: TextAlign.center),
-                            Text(item['ruta']!,
-                                style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold)),
                   ],
                 ),
-                        Text(item['horario']!,
+              )
-                            style: const TextStyle(fontSize: 20, fontWeight: FontWeight.bold)),
+                  : ListView.builder(
+                padding: const EdgeInsets.all(20),
+                itemCount: domicilios.length,
+                itemBuilder: (context, index) => _buildDomicilioCard(domicilios[index], index),
+              ),
+            ),
           ],
         ),
+      ),
+    );
+  }
+
+  Widget _buildDomicilioCard(Domicilio domicilio, int index) {
+    return FutureBuilder<SharedPreferences>(
+      future: SharedPreferences.getInstance(),
+      builder: (context, snapshot) {
+        int retraso = 0;
+        bool suspendida = false;
+        if (snapshot.hasData) {
+          retraso = snapshot.data!.getInt('retraso_minutos') ?? 0;
+          suspendida = snapshot.data!.getBool('ruta_suspendida') ?? false;
+        }
+
+        String horarioMostrar = domicilio.horarioEstimado;
+        if (retraso > 0 && !suspendida) {
+          final partes = domicilio.horarioEstimado.split(':');
+          int hora = int.parse(partes[0]);
+          int minuto = int.parse(partes[1]);
+          minuto += retraso;
+          if (minuto >= 60) {
+            hora += minuto ~/ 60;
+            minuto = minuto % 60;
+          }
+          horarioMostrar = '${hora.toString().padLeft(2, '0')}:${minuto.toString().padLeft(2, '0')} (retraso $retraso min)';
+        } else if (suspendida) {
+          horarioMostrar = 'SUSPENDIDA';
+        }
+
+        return Padding(
+          padding: const EdgeInsets.only(bottom: 20),
+          child: Container(
+            decoration: BoxDecoration(
+              border: Border.all(color: Colors.black, width: 4),
+              borderRadius: BorderRadius.circular(25),
+            ),
+            child: Padding(
+              padding: const EdgeInsets.all(15),
+              child: Column(
+                children: [
+                  Row(
+                    children: [
+                      const Icon(Icons.home_outlined, size: 60),
+                      const SizedBox(width: 10),
+                      Expanded(
+                        child: Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            Text(domicilio.nombre, style: const TextStyle(fontSize: 22, fontWeight: FontWeight.bold)),
+                            const SizedBox(height: 4),
+                            Text(domicilio.direccionCompleta, style: const TextStyle(fontSize: 16, fontWeight: FontWeight.w500)),
+                            const SizedBox(height: 4),
+                            Text('📍 ${domicilio.latitud.toStringAsFixed(4)}, ${domicilio.longitud.toStringAsFixed(4)}', style: TextStyle(fontSize: 12, color: Colors.grey[600])),
+                          ],
+                        ),
+                      ),
+                    ],
+                  ),
+                  const SizedBox(height: 12),
+                  Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                    children: [
+                      Expanded(
+                        child: Container(
+                          padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 12),
+                          decoration: BoxDecoration(
+                            color: suspendida ? Colors.red.withOpacity(0.2) : colorAzul.withOpacity(0.1),
+                            borderRadius: BorderRadius.circular(12),
+                          ),
+                          child: Row(
+                            children: [
+                              Icon(Icons.access_time, color: suspendida ? Colors.red : colorAzul, size: 20),
+                              const SizedBox(width: 8),
+                              Text(
+                                suspendida ? 'RUTA SUSPENDIDA' : 'Horario: $horarioMostrar',
+                                style: TextStyle(
+                                  fontSize: 14,
+                                  fontWeight: FontWeight.w500,
+                                  color: suspendida ? Colors.red : colorAzul,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                      ),
+                      const SizedBox(width: 10),
+                      MapaExpandible(
+                        latitud: domicilio.latitud,
+                        longitud: domicilio.longitud,
+                        nombreDomicilio: domicilio.nombre,
+                      ),
+                    ],
+                  ),
+                ],
+              ),
+            ),
+          ),
         );
       },
-              ),
-            ),
-          ],
-        ),
-      ),
     );
   }
 }

lib/src/views/login.dart

@@ -1,6 +1,7 @@
+// login.dart - cambiar MainScreen por HomeScreen
 import 'package:flutter/material.dart';
 import 'rutas.dart';
-import 'main_screen.dart';
+import 'home_screen.dart'; // ← Importar HomeScreen
 
 class LoginView extends StatelessWidget {
   const LoginView({super.key});
@@ -27,16 +28,12 @@ class LoginView extends StatelessWidget {
         padding: const EdgeInsets.all(30.0),
         child: Column(
           children: [
-            // Campo de Correo
             _buildInput(Icons.email_outlined, 'Correo electrónico', obscureText: false),
             const SizedBox(height: 20),
-            // Campo de Contraseña
             _buildInput(Icons.lock_outline, 'Contraseña', obscureText: true),
             const SizedBox(height: 50),
-            // Botones
             Column(
               children: [
-                // Botón Iniciar Sesión
                 ElevatedButton(
                   style: ElevatedButton.styleFrom(
                     backgroundColor: colorAzul,
@@ -44,9 +41,10 @@ class LoginView extends StatelessWidget {
                     shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)),
                   ),
                   onPressed: () {
+                    // ✅ Navegar a HomeScreen
                     Navigator.pushReplacement(
                       context,
-                      MaterialPageRoute(builder: (context) => const MainScreen()),
+                      MaterialPageRoute(builder: (context) => const HomeScreen()),
                     );
                   },
                   child: const Text(
@@ -55,7 +53,6 @@ class LoginView extends StatelessWidget {
                   ),
                 ),
                 const SizedBox(height: 20),
-                // Botón Crear Cuenta
                 OutlinedButton(
                   style: OutlinedButton.styleFrom(
                     minimumSize: const Size(double.infinity, 55),

lib/src/views/mapa_expandible.dart

@@ -0,0 +1,138 @@
+// src/views/mapa_expandible.dart
+import 'package:flutter/material.dart';
+import 'package:url_launcher/url_launcher.dart';
+import 'rutas.dart';
+
+class MapaExpandible extends StatefulWidget {
+  final double latitud;
+  final double longitud;
+  final String nombreDomicilio;
+
+  const MapaExpandible({
+    super.key,
+    required this.latitud,
+    required this.longitud,
+    required this.nombreDomicilio,
+  });
+
+  @override
+  State<MapaExpandible> createState() => _MapaExpandibleState();
+}
+
+class _MapaExpandibleState extends State<MapaExpandible> {
+  bool _isExpanded = false;
+
+  bool get _isValidLatLng {
+    final lat = widget.latitud;
+    final lng = widget.longitud;
+    return lat.isFinite && lng.isFinite && lat != 0 && lng != 0;
+  }
+
+  Future<void> _abrirGoogleMaps() async {
+    final url = 'https://www.google.com/maps?q=${widget.latitud},${widget.longitud}&z=15';
+    try {
+      if (await canLaunch(url)) {
+        await launch(url);
+      }
+    } catch (e) {
+      if (mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(content: Text('No se pudo abrir el mapa'), backgroundColor: Colors.red),
+        );
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    if (!_isValidLatLng) {
+      return Container(
+        padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 12),
+        decoration: BoxDecoration(
+          color: Colors.grey[200],
+          borderRadius: BorderRadius.circular(20),
+        ),
+        child: const Text('Ubicación no disponible', style: TextStyle(fontSize: 12)),
+      );
+    }
+
+    return Column(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        GestureDetector(
+          onTap: () {
+            setState(() {
+              _isExpanded = !_isExpanded;
+            });
+          },
+          child: Container(
+            padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 12),
+            decoration: BoxDecoration(
+              color: Colors.grey[200],
+              borderRadius: BorderRadius.circular(20),
+            ),
+            child: Row(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                Icon(
+                  _isExpanded ? Icons.keyboard_arrow_up : Icons.keyboard_arrow_down,
+                  color: colorAzul,
+                  size: 20,
+                ),
+                const SizedBox(width: 4),
+                Text(
+                  _isExpanded ? 'Ocultar mapa' : 'Ver mapa',
+                  style: TextStyle(color: colorAzul, fontSize: 12, fontWeight: FontWeight.w500),
+                ),
+              ],
+            ),
+          ),
+        ),
+        if (_isExpanded)
+          Padding(
+            padding: const EdgeInsets.only(top: 12),
+            child: GestureDetector(
+              onTap: _abrirGoogleMaps,
+              child: Container(
+                width: 200, // Ancho fijo en lugar de infinity
+                height: 160,
+                decoration: BoxDecoration(
+                  borderRadius: BorderRadius.circular(15),
+                  border: Border.all(color: colorAzul.withOpacity(0.3), width: 1),
+                  color: Colors.grey[100],
+                ),
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    Icon(Icons.map, size: 40, color: colorAzul),
+                    const SizedBox(height: 8),
+                    Text(
+                      'Ver en Google Maps',
+                      style: TextStyle(color: colorAzul, fontWeight: FontWeight.bold, fontSize: 14),
+                    ),
+                    const SizedBox(height: 4),
+                    Text(
+                      '${widget.latitud.toStringAsFixed(4)}, ${widget.longitud.toStringAsFixed(4)}',
+                      style: TextStyle(fontSize: 11, color: Colors.grey[600]),
+                    ),
+                    const SizedBox(height: 8),
+                    Container(
+                      padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 3),
+                      decoration: BoxDecoration(
+                        color: colorAzul,
+                        borderRadius: BorderRadius.circular(12),
+                      ),
+                      child: const Text(
+                        'Tocar para abrir',
+                        style: TextStyle(color: Colors.white, fontSize: 11),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ),
+      ],
+    );
+  }
+}