586 lines
28 KiB
Dart
586 lines
28 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
import '../../core/app_colors.dart';
|
|
import '../../database/db_helper.dart';
|
|
import '../../models/models.dart';
|
|
import '../../services/auth_service.dart';
|
|
import '../../services/route_simulator_service.dart';
|
|
import '../../data/routes_data.dart';
|
|
import '../../widgets/route_map_widget.dart';
|
|
import 'citizen_guia_screen.dart';
|
|
import 'citizen_reporte_screen.dart';
|
|
import 'add_domicilio_screen.dart';
|
|
import 'review_screen.dart';
|
|
import 'collection_calendar_screen.dart';
|
|
import 'notification_history_screen.dart';
|
|
import 'chatbot_screen.dart';
|
|
import '../settings_screen.dart';
|
|
|
|
class CitizenHomeScreen extends StatefulWidget {
|
|
const CitizenHomeScreen({super.key});
|
|
@override State<CitizenHomeScreen> createState() => _CitizenHomeScreenState();
|
|
}
|
|
|
|
class _CitizenHomeScreenState extends State<CitizenHomeScreen> {
|
|
int _tab = 0;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final auth = context.watch<AuthService>();
|
|
final sim = context.watch<RouteSimulatorService>();
|
|
final dom = auth.primaryDomicilio;
|
|
final last = dom != null ? sim.getNotificationForRoute(dom.routeId) : null;
|
|
|
|
final tabs = [
|
|
_HomeTab(auth: auth, sim: sim),
|
|
const CitizenGuiaScreen(),
|
|
const CitizenReporteScreen(),
|
|
const ChatbotScreen(),
|
|
];
|
|
|
|
return Scaffold(
|
|
backgroundColor: AppColors.grisFondo,
|
|
body: Stack(children: [
|
|
tabs[_tab],
|
|
if (last != null)
|
|
Positioned(
|
|
top: MediaQuery.of(context).padding.top + 8, left: 0, right: 0,
|
|
child: _NotifBanner(notif: last,
|
|
onDismiss: () => sim.dismissRouteNotification(dom?.routeId ?? '')),
|
|
),
|
|
]),
|
|
bottomNavigationBar: NavigationBar(
|
|
selectedIndex: _tab,
|
|
onDestinationSelected: (i) => setState(() => _tab = i),
|
|
backgroundColor: Colors.white,
|
|
indicatorColor: AppColors.guindaPrimary.withOpacity(0.15),
|
|
destinations: const [
|
|
NavigationDestination(icon:Icon(Icons.home_outlined),
|
|
selectedIcon:Icon(Icons.home,color:AppColors.guindaPrimary),label:'Inicio'),
|
|
NavigationDestination(icon:Icon(Icons.eco_outlined),
|
|
selectedIcon:Icon(Icons.eco,color:AppColors.guindaPrimary),label:'Guía'),
|
|
NavigationDestination(icon:Icon(Icons.report_outlined),
|
|
selectedIcon:Icon(Icons.report,color:AppColors.guindaPrimary),label:'Reportar'),
|
|
NavigationDestination(icon:Icon(Icons.support_agent_outlined),
|
|
selectedIcon:Icon(Icons.support_agent,color:AppColors.guindaPrimary),label:'Asistente'),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _HomeTab extends StatefulWidget {
|
|
final AuthService auth;
|
|
final RouteSimulatorService sim;
|
|
const _HomeTab({required this.auth, required this.sim});
|
|
@override State<_HomeTab> createState() => _HomeTabState();
|
|
}
|
|
|
|
class _HomeTabState extends State<_HomeTab> {
|
|
RouteStatusModel? _routeStatus;
|
|
RouteDefinitionModel? _routeDef;
|
|
|
|
@override void initState() { super.initState(); _loadStatus(); }
|
|
|
|
Future<void> _loadStatus() async {
|
|
final dom = widget.auth.primaryDomicilio;
|
|
if (dom == null) return;
|
|
final s = await DbHelper.getRouteStatus(dom.routeId);
|
|
final rd = await DbHelper.getRouteDefinitionById(dom.routeId);
|
|
if (mounted) setState(() { _routeStatus = s; _routeDef = rd; });
|
|
}
|
|
|
|
bool get _isRouteProblematic {
|
|
final s = _routeStatus?.status ?? RouteStatus.enRuta;
|
|
return s == RouteStatus.cancelada || s == RouteStatus.fallaMecanica || s == RouteStatus.retrasada;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final dom = widget.auth.primaryDomicilio;
|
|
final allDoms = widget.auth.allDomicilios;
|
|
final routeId = dom?.routeId ?? '';
|
|
final route = dom != null ? getRouteById(dom.routeId) : null;
|
|
final isTruckClose = widget.sim.isTruckClose(routeId);
|
|
final isCompleted = widget.sim.isRouteCompleted(routeId);
|
|
final needsReview = widget.sim.needsReviewPrompt(routeId);
|
|
|
|
return RefreshIndicator(
|
|
onRefresh: _loadStatus,
|
|
child: CustomScrollView(slivers: [
|
|
SliverAppBar(expandedHeight: 120, pinned: true,
|
|
backgroundColor: AppColors.guindaPrimary,
|
|
bottom: PreferredSize(preferredSize: const Size.fromHeight(4),
|
|
child: Container(height: 4, color: AppColors.dorado)),
|
|
flexibleSpace: FlexibleSpaceBar(background: Container(
|
|
color: AppColors.guindaPrimary,
|
|
padding: const EdgeInsets.fromLTRB(20, 50, 20, 16),
|
|
child: Row(children: [
|
|
const Icon(Icons.delete_sweep_rounded, color: AppColors.dorado, size: 30),
|
|
const SizedBox(width: 12),
|
|
Expanded(child: Column(crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisAlignment: MainAxisAlignment.center, children: [
|
|
Text('Hola, ${widget.auth.currentUser?.nombre.split(' ').first ?? ''}',
|
|
style: const TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold)),
|
|
const Text('Celaya Limpia', style: TextStyle(color: AppColors.dorado, fontSize: 12)),
|
|
])),
|
|
IconButton(icon: const Icon(Icons.logout, color: Colors.white70),
|
|
onPressed: () async {
|
|
await widget.auth.logout();
|
|
if (context.mounted) Navigator.pushReplacementNamed(context, '/login');
|
|
}),
|
|
]),
|
|
)),
|
|
),
|
|
SliverPadding(
|
|
padding: const EdgeInsets.all(16),
|
|
sliver: SliverList(delegate: SliverChildListDelegate([
|
|
|
|
// ── Selector de domicilio ────────────────────────────────────
|
|
if (allDoms.length > 1) _DomicilioSelector(
|
|
auth: widget.auth, onChanged: _loadStatus),
|
|
|
|
// ── Prompt de calificación ───────────────────────────────────
|
|
if (needsReview && dom != null)
|
|
_ReviewPromptCard(routeId: routeId, colonia: dom.colonia,
|
|
sim: widget.sim),
|
|
|
|
// ── Estado de ruta (cancelada/falla/retrasada) ───────────────
|
|
if (_isRouteProblematic)
|
|
_RouteStatusBanner(status: _routeStatus!)
|
|
else ...[
|
|
// ETA Card
|
|
_EtaCard(sim: widget.sim, routeId: routeId, dom: dom, route: route),
|
|
const SizedBox(height: 12),
|
|
|
|
// Información detallada de la ruta (días y horario)
|
|
if (_routeDef != null) _RouteInfoCard(routeDef: _routeDef!),
|
|
if (_routeDef == null && dom != null) _BasicRouteInfo(dom: dom),
|
|
|
|
const SizedBox(height: 12),
|
|
|
|
// Mapa solo cuando camión está cerca (<15 min)
|
|
if (isTruckClose && route != null && !isCompleted) ...[
|
|
_WarningNoPursue(),
|
|
const SizedBox(height: 8),
|
|
RouteMapWidget(route: route, simulator: widget.sim, height: 220),
|
|
const SizedBox(height: 12),
|
|
],
|
|
],
|
|
|
|
// Aviso privacidad
|
|
_PrivacyBanner(),
|
|
const SizedBox(height: 12),
|
|
|
|
// Mis domicilios
|
|
_DomiciliosCard(auth: widget.auth),
|
|
const SizedBox(height: 12),
|
|
|
|
// Historial notificaciones
|
|
if (widget.sim.historyForRoute(routeId).isNotEmpty)
|
|
_HistorialCard(sim: widget.sim, routeId: routeId),
|
|
|
|
const SizedBox(height: 80),
|
|
])),
|
|
),
|
|
]),
|
|
);
|
|
}
|
|
}
|
|
|
|
// ── Selector de domicilio activo ──────────────────────────────────────────
|
|
class _DomicilioSelector extends StatelessWidget {
|
|
final AuthService auth; final VoidCallback onChanged;
|
|
const _DomicilioSelector({required this.auth, required this.onChanged});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(margin: const EdgeInsets.only(bottom: 12),
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
|
decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(10),
|
|
border: Border.all(color: AppColors.guindaPrimary.withOpacity(0.3)),
|
|
boxShadow: [BoxShadow(color: Colors.black12, blurRadius: 4)]),
|
|
child: DropdownButtonHideUnderline(
|
|
child: DropdownButton<int>(
|
|
isExpanded: true,
|
|
value: auth.primaryDomicilio?.id,
|
|
icon: const Icon(Icons.swap_horiz, color: AppColors.guindaPrimary),
|
|
items: auth.allDomicilios.map((d) => DropdownMenuItem(
|
|
value: d.id,
|
|
child: Row(children: [
|
|
Icon(d.isPrimary ? Icons.home : Icons.location_on_outlined,
|
|
color: AppColors.guindaPrimary, size: 16),
|
|
const SizedBox(width: 6),
|
|
Expanded(child: Text('${d.alias} — ${d.colonia}',
|
|
style: const TextStyle(fontSize: 13), overflow: TextOverflow.ellipsis)),
|
|
]))).toList(),
|
|
onChanged: (id) async {
|
|
if (id != null) {
|
|
await DbHelper.setPrimaryDomicilio(id, auth.currentUser!.id!);
|
|
await auth.reloadDomicilios();
|
|
onChanged();
|
|
}
|
|
},
|
|
),
|
|
));
|
|
}
|
|
}
|
|
|
|
// ── Prompt de reseña ──────────────────────────────────────────────────────
|
|
class _ReviewPromptCard extends StatelessWidget {
|
|
final String routeId, colonia; final RouteSimulatorService sim;
|
|
const _ReviewPromptCard({required this.routeId, required this.colonia, required this.sim});
|
|
|
|
@override
|
|
Widget build(BuildContext context) => Card(
|
|
color: Colors.amber.shade50,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12),
|
|
side: BorderSide(color: Colors.amber.shade300, width: 1.5)),
|
|
child: Padding(padding: const EdgeInsets.all(14), child: Column(children: [
|
|
const Row(children: [
|
|
Text('', style: TextStyle(fontSize: 24)),
|
|
SizedBox(width: 8),
|
|
Expanded(child: Text('¿Cómo estuvo el servicio de hoy?',
|
|
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 14))),
|
|
]),
|
|
const SizedBox(height: 4),
|
|
const Text('El camión pasó por tu colonia. Toma un momento para calificar el servicio.',
|
|
style: TextStyle(fontSize: 12, color: AppColors.grisTexto)),
|
|
const SizedBox(height: 10),
|
|
Row(children: [
|
|
Expanded(child: ElevatedButton.icon(
|
|
onPressed: () => Navigator.push(context, MaterialPageRoute(
|
|
builder: (_) => ReviewScreen(routeId: routeId, colonia: colonia))),
|
|
style: ElevatedButton.styleFrom(backgroundColor: Colors.amber,
|
|
foregroundColor: Colors.black87),
|
|
icon: const Icon(Icons.star, size: 16),
|
|
label: const Text('Calificar', style: TextStyle(fontWeight: FontWeight.bold)))),
|
|
const SizedBox(width: 8),
|
|
TextButton(onPressed: () => sim.clearReviewPrompt(routeId),
|
|
child: const Text('Después', style: TextStyle(color: AppColors.grisTexto))),
|
|
]),
|
|
])));
|
|
}
|
|
|
|
// ── Info detallada de la ruta ─────────────────────────────────────────────
|
|
class _RouteInfoCard extends StatelessWidget {
|
|
final RouteDefinitionModel routeDef;
|
|
const _RouteInfoCard({required this.routeDef});
|
|
|
|
@override
|
|
Widget build(BuildContext context) => Card(
|
|
child: Padding(padding: const EdgeInsets.all(14), child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
const Row(children: [
|
|
Icon(Icons.schedule, color: AppColors.guindaPrimary, size: 16),
|
|
SizedBox(width: 6),
|
|
Text('Información de tu ruta', style: TextStyle(
|
|
fontWeight: FontWeight.bold, color: AppColors.guindaPrimary)),
|
|
]),
|
|
const Divider(),
|
|
Text(routeDef.nombre, style: const TextStyle(fontWeight: FontWeight.w600, fontSize: 13)),
|
|
const SizedBox(height: 4),
|
|
Row(children: [
|
|
const Icon(Icons.access_time, size: 13, color: AppColors.grisTexto),
|
|
const SizedBox(width: 4),
|
|
Text('${routeDef.horaInicio} — ${routeDef.horaFin} (${_turnoLabel(routeDef.turno)})',
|
|
style: const TextStyle(fontSize: 12, color: AppColors.negroTexto)),
|
|
]),
|
|
const SizedBox(height: 4),
|
|
Row(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
const Icon(Icons.calendar_today, size: 13, color: AppColors.grisTexto),
|
|
const SizedBox(width: 4),
|
|
Expanded(child: Text(
|
|
routeDef.dias.map(AppDias.label).join(', '),
|
|
style: const TextStyle(fontSize: 12, color: AppColors.negroTexto))),
|
|
]),
|
|
])));
|
|
|
|
String _turnoLabel(String t) => t=='MATUTINO'?'Matutino':t=='VESPERTINO'?'Vespertino':'Nocturno';
|
|
}
|
|
|
|
class _BasicRouteInfo extends StatelessWidget {
|
|
final DomicilioModel dom;
|
|
const _BasicRouteInfo({required this.dom});
|
|
@override
|
|
Widget build(BuildContext context) => Card(
|
|
child: Padding(padding: const EdgeInsets.all(14), child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
const Row(children: [
|
|
Icon(Icons.schedule, color: AppColors.guindaPrimary, size: 16),
|
|
SizedBox(width: 6),
|
|
Text('Tu servicio de recolección', style: TextStyle(
|
|
fontWeight: FontWeight.bold, color: AppColors.guindaPrimary)),
|
|
]),
|
|
const Divider(),
|
|
Text('Ruta: ${dom.routeId}', style: const TextStyle(fontWeight: FontWeight.w600)),
|
|
Text('Horario: ${dom.horarioEstimado}',
|
|
style: const TextStyle(color: AppColors.grisTexto, fontSize: 12)),
|
|
])));
|
|
}
|
|
|
|
// ── Aviso anti-persecución ────────────────────────────────────────────────
|
|
class _WarningNoPursue extends StatelessWidget {
|
|
@override
|
|
Widget build(BuildContext context) => Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(color: Colors.red.shade50, borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(color: Colors.red.shade300)),
|
|
child: const Row(children: [
|
|
Icon(Icons.warning_amber_rounded, color: AppColors.rojoError, size: 20),
|
|
SizedBox(width: 8),
|
|
Expanded(child: Text(
|
|
' Ya es momento de sacar tu basura.\n'
|
|
'🚫 NO persigas ni interceptes el camión en movimiento.\n'
|
|
' Coloca tus bolsas en la acera y espera.',
|
|
style: TextStyle(fontSize: 11, color: AppColors.rojoError, fontWeight: FontWeight.w500))),
|
|
]));
|
|
}
|
|
|
|
// ── Mis domicilios ────────────────────────────────────────────────────────
|
|
class _DomiciliosCard extends StatelessWidget {
|
|
final AuthService auth;
|
|
const _DomiciliosCard({required this.auth});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final doms = auth.allDomicilios;
|
|
return Card(child: Padding(padding: const EdgeInsets.all(14), child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
Row(children: [
|
|
const Icon(Icons.home_outlined, color: AppColors.guindaPrimary, size: 16),
|
|
const SizedBox(width: 6),
|
|
const Expanded(child: Text('Mis Domicilios',
|
|
style: TextStyle(fontWeight: FontWeight.bold, color: AppColors.guindaPrimary))),
|
|
TextButton.icon(
|
|
onPressed: () async {
|
|
final result = await Navigator.push(context,
|
|
MaterialPageRoute(builder: (_) => const AddDomicilioScreen()));
|
|
if (result == true) await auth.reloadDomicilios();
|
|
},
|
|
icon: const Icon(Icons.add, size: 14),
|
|
label: const Text('Agregar', style: TextStyle(fontSize: 12)),
|
|
style: TextButton.styleFrom(foregroundColor: AppColors.guindaPrimary)),
|
|
]),
|
|
const Divider(),
|
|
if (doms.isEmpty)
|
|
const Text('Sin domicilios registrados',
|
|
style: TextStyle(color: AppColors.grisTexto, fontSize: 12))
|
|
else
|
|
...doms.map((d) => Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 4),
|
|
child: Row(children: [
|
|
Icon(d.isPrimary ? Icons.home : Icons.location_on_outlined,
|
|
color: d.isPrimary ? AppColors.guindaPrimary : AppColors.grisTexto, size: 16),
|
|
const SizedBox(width: 8),
|
|
Expanded(child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
Text('${d.alias} — ${d.colonia}',
|
|
style: TextStyle(fontWeight: d.isPrimary ? FontWeight.bold : FontWeight.normal,
|
|
fontSize: 12)),
|
|
Text(d.calle, style: const TextStyle(color: AppColors.grisTexto, fontSize: 11)),
|
|
Text('${d.routeId} • ${d.horarioEstimado}',
|
|
style: const TextStyle(color: AppColors.grisTexto, fontSize: 10)),
|
|
])),
|
|
if (!d.isPrimary)
|
|
IconButton(icon: const Icon(Icons.star_border, size: 16, color: AppColors.dorado),
|
|
tooltip: 'Hacer principal',
|
|
onPressed: () async {
|
|
await DbHelper.setPrimaryDomicilio(d.id!, auth.currentUser!.id!);
|
|
await auth.reloadDomicilios();
|
|
}),
|
|
IconButton(icon: const Icon(Icons.edit_outlined, size: 14, color: AppColors.grisTexto),
|
|
onPressed: () async {
|
|
final result = await Navigator.push(context, MaterialPageRoute(
|
|
builder: (_) => AddDomicilioScreen(editing: d)));
|
|
if (result == true) await auth.reloadDomicilios();
|
|
}),
|
|
if (!d.isPrimary)
|
|
IconButton(icon: const Icon(Icons.delete_outline, size: 14, color: AppColors.rojoError),
|
|
onPressed: () async {
|
|
await DbHelper.deleteDomicilio(d.id!);
|
|
await auth.reloadDomicilios();
|
|
}),
|
|
]))),
|
|
])));
|
|
}
|
|
}
|
|
|
|
// ── Banner de ruta con problema ───────────────────────────────────────────
|
|
class _RouteStatusBanner extends StatelessWidget {
|
|
final RouteStatusModel status;
|
|
const _RouteStatusBanner({required this.status});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final isCancelled = status.status == RouteStatus.cancelada;
|
|
final isFalla = status.status == RouteStatus.fallaMecanica;
|
|
final isRetrasada = status.status == RouteStatus.retrasada;
|
|
final color = isCancelled ? AppColors.rojoError : isFalla ? Colors.red.shade800 : AppColors.naranjaAlerta;
|
|
final icon = isCancelled ? Icons.cancel : isFalla ? Icons.build : Icons.access_time;
|
|
final titulo = isCancelled ? ' Ruta Cancelada Hoy'
|
|
: isFalla ? ' Falla Mecánica en Servicio' : ' Servicio con Retraso';
|
|
|
|
return Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
Container(width: double.infinity, padding: const EdgeInsets.all(16),
|
|
decoration: BoxDecoration(color: color, borderRadius: BorderRadius.circular(12)),
|
|
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
Row(children: [
|
|
Icon(icon, color: Colors.white, size: 26),
|
|
const SizedBox(width: 10),
|
|
Expanded(child: Text(titulo, style: const TextStyle(color: Colors.white,
|
|
fontSize: 17, fontWeight: FontWeight.bold))),
|
|
]),
|
|
const SizedBox(height: 8),
|
|
Text(isCancelled
|
|
? 'El servicio no se realizará hoy. Guarda tus residuos para mañana.'
|
|
: isFalla
|
|
? 'El camión presentó una falla. El Ayuntamiento atiende la situación.'
|
|
: 'El camión presenta un retraso. El servicio se realizará con demora.',
|
|
style: const TextStyle(color: Colors.white, fontSize: 13)),
|
|
])),
|
|
if (status.mensaje != null && status.mensaje!.isNotEmpty) ...[
|
|
const SizedBox(height: 10),
|
|
Container(width: double.infinity, padding: const EdgeInsets.all(14),
|
|
decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(10),
|
|
border: Border.all(color: color.withOpacity(0.4))),
|
|
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
Row(children: [
|
|
Icon(Icons.admin_panel_settings, color: color, size: 16),
|
|
const SizedBox(width: 6),
|
|
Text('Mensaje dla Direccion General', style: TextStyle(
|
|
fontWeight: FontWeight.bold, color: color, fontSize: 13)),
|
|
]),
|
|
const SizedBox(height: 6),
|
|
Text(status.mensaje!, style: const TextStyle(fontSize: 13)),
|
|
])),
|
|
],
|
|
const SizedBox(height: 10),
|
|
Container(padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(color: Colors.grey.shade100, borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(color: Colors.grey.shade300)),
|
|
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
const Text('Recomendaciones:', style: TextStyle(fontWeight: FontWeight.bold,
|
|
fontSize: 12, color: AppColors.grisTexto)),
|
|
const SizedBox(height: 4),
|
|
Text(isCancelled
|
|
? '• Guarda tus bolsas en lugar cerrado\n• No dejes residuos en la acera\n• Revisa la app mañana'
|
|
: isRetrasada
|
|
? '• Espera el aviso de 15 minutos antes de sacar tu basura\n• El camión llegará eventualmente\n• Recibe la notificación en esta app'
|
|
: '• Espera confirmación dla Direccion General\n• Puede enviarse unidad de reemplazo',
|
|
style: const TextStyle(fontSize: 12, color: AppColors.grisTexto)),
|
|
])),
|
|
const SizedBox(height: 12),
|
|
]);
|
|
}
|
|
}
|
|
|
|
// ── ETA Card ──────────────────────────────────────────────────────────────
|
|
class _EtaCard extends StatelessWidget {
|
|
final RouteSimulatorService sim; final String routeId; final dom; final route;
|
|
const _EtaCard({required this.sim, required this.routeId, required this.dom, required this.route});
|
|
|
|
@override
|
|
Widget build(BuildContext context) => Container(
|
|
decoration: BoxDecoration(
|
|
gradient: const LinearGradient(colors:[AppColors.guindaPrimary,AppColors.guindaDark],
|
|
begin:Alignment.topLeft,end:Alignment.bottomRight),
|
|
borderRadius: BorderRadius.circular(14),
|
|
boxShadow: [BoxShadow(color:AppColors.guindaDark.withOpacity(0.4),blurRadius:8,offset:const Offset(0,4))]),
|
|
padding: const EdgeInsets.all(18),
|
|
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
Row(children:[
|
|
const Icon(Icons.local_shipping,color:AppColors.dorado,size:22),
|
|
const SizedBox(width:8),
|
|
Expanded(child:Text(route?.name??dom?.routeId??'Tu ruta',
|
|
style:const TextStyle(color:AppColors.dorado,fontSize:13,fontWeight:FontWeight.w600))),
|
|
]),
|
|
const SizedBox(height:8),
|
|
Text(sim.getEtaText(routeId),
|
|
style:const TextStyle(color:Colors.white,fontSize:16,fontWeight:FontWeight.bold)),
|
|
const SizedBox(height:6),
|
|
if (dom!=null) Text(' ${dom.horarioEstimado}',
|
|
style:const TextStyle(color:Colors.white60,fontSize:11)),
|
|
const SizedBox(height:10),
|
|
LinearProgressIndicator(
|
|
value:route!=null?(sim.getPositionIndex(routeId)+1)/route.positions.length:0,
|
|
backgroundColor:Colors.white24,
|
|
valueColor:const AlwaysStoppedAnimation<Color>(AppColors.dorado)),
|
|
]));
|
|
}
|
|
|
|
// ── Privacidad ────────────────────────────────────────────────────────────
|
|
class _PrivacyBanner extends StatelessWidget {
|
|
@override
|
|
Widget build(BuildContext context) => Container(
|
|
padding:const EdgeInsets.all(10),
|
|
decoration:BoxDecoration(color:Colors.amber.shade50,borderRadius:BorderRadius.circular(8),
|
|
border:Border.all(color:Colors.amber.shade300)),
|
|
child:const Row(children:[
|
|
Icon(Icons.shield_outlined,color:Colors.amber,size:18),
|
|
SizedBox(width:6),
|
|
Expanded(child:Text(' Solo ves la información de tu ruta asignada.',
|
|
style:TextStyle(fontSize:11,color:Colors.black87))),
|
|
]));
|
|
}
|
|
|
|
// ── Historial notificaciones ──────────────────────────────────────────────
|
|
class _HistorialCard extends StatelessWidget {
|
|
final RouteSimulatorService sim; final String routeId;
|
|
const _HistorialCard({required this.sim, required this.routeId});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final notifs = sim.historyForRoute(routeId).take(5).toList();
|
|
return Card(child:Padding(padding:const EdgeInsets.all(14),child:Column(
|
|
crossAxisAlignment:CrossAxisAlignment.start, children:[
|
|
const Text('Alertas recientes',style:TextStyle(fontWeight:FontWeight.bold,color:AppColors.guindaPrimary)),
|
|
const Divider(),
|
|
...notifs.map((n){
|
|
final color = n.event==NotifEvent.truckProximity||n.event==NotifEvent.truckApproaching15min
|
|
?AppColors.naranjaAlerta:n.event==NotifEvent.routeCompleted||n.event==NotifEvent.reviewPrompt
|
|
?AppColors.verdeExito:n.event==NotifEvent.routeCancelled?AppColors.rojoError:AppColors.azulInfo;
|
|
return Padding(padding:const EdgeInsets.symmetric(vertical:3),
|
|
child:Row(children:[
|
|
Icon(Icons.circle,size:8,color:color),
|
|
const SizedBox(width:8),
|
|
Expanded(child:Text(n.title,style:const TextStyle(fontSize:12,fontWeight:FontWeight.w500))),
|
|
Text('${n.timestamp.hour.toString().padLeft(2,'0')}:${n.timestamp.minute.toString().padLeft(2,'0')}',
|
|
style:const TextStyle(fontSize:10,color:AppColors.grisTexto)),
|
|
]));
|
|
}),
|
|
])));
|
|
}
|
|
}
|
|
|
|
// ── Notif Banner ──────────────────────────────────────────────────────────
|
|
class _NotifBanner extends StatelessWidget {
|
|
final AppNotification notif; final VoidCallback onDismiss;
|
|
const _NotifBanner({required this.notif, required this.onDismiss});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final isUrgent = notif.event==NotifEvent.truckProximity||notif.event==NotifEvent.truckApproaching15min;
|
|
final isReview = notif.event==NotifEvent.reviewPrompt;
|
|
final color = isUrgent?AppColors.naranjaAlerta
|
|
:isReview?Colors.amber.shade700
|
|
:notif.event==NotifEvent.routeCancelled?AppColors.rojoError
|
|
:notif.event==NotifEvent.gpsLost?Colors.red.shade800
|
|
:AppColors.azulInfo;
|
|
return Material(color:Colors.transparent,
|
|
child:Container(margin:const EdgeInsets.all(12),
|
|
decoration:BoxDecoration(color:color,borderRadius:BorderRadius.circular(12),
|
|
boxShadow:const[BoxShadow(color:Colors.black26,blurRadius:8,offset:Offset(0,4))]),
|
|
child:Padding(padding:const EdgeInsets.all(12),child:Row(children:[
|
|
Icon(isReview?Icons.star:Icons.notifications_active,color:Colors.white,size:24),
|
|
const SizedBox(width:10),
|
|
Expanded(child:Column(crossAxisAlignment:CrossAxisAlignment.start,
|
|
mainAxisSize:MainAxisSize.min,children:[
|
|
Text(notif.title,style:const TextStyle(color:Colors.white,fontWeight:FontWeight.bold,fontSize:13)),
|
|
Text(notif.body,style:const TextStyle(color:Colors.white70,fontSize:11),
|
|
maxLines:2,overflow:TextOverflow.ellipsis),
|
|
])),
|
|
IconButton(icon:const Icon(Icons.close,color:Colors.white,size:18),onPressed:onDismiss),
|
|
]))));
|
|
}
|
|
}
|