1030 lines
50 KiB
Dart
1030 lines
50 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:provider/provider.dart';
|
||
import '../../core/app_colors.dart';
|
||
import '../../services/auth_service.dart';
|
||
import '../../services/route_simulator_service.dart';
|
||
import '../../database/db_helper.dart';
|
||
import '../../models/models.dart';
|
||
import '../../data/routes_data.dart';
|
||
import '../../models/route_model.dart' show ColonyModel;
|
||
import 'create_route_screen.dart';
|
||
import '../../widgets/route_map_widget.dart';
|
||
|
||
class AdminDashboardScreen extends StatefulWidget {
|
||
const AdminDashboardScreen({super.key});
|
||
@override State<AdminDashboardScreen> createState() => _AdminDashboardScreenState();
|
||
}
|
||
|
||
class _AdminDashboardScreenState extends State<AdminDashboardScreen> {
|
||
int _tab = 0;
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final sim = context.watch<RouteSimulatorService>();
|
||
final auth = context.watch<AuthService>();
|
||
final last = sim.lastNotification;
|
||
|
||
final tabs = [
|
||
_AdminHomeTab(sim:sim, auth:auth),
|
||
_AdminMapTab(sim:sim),
|
||
_AdminReportesTab(),
|
||
_AdminAssignmentsTab(),
|
||
_AdminAlertasTab(sim:sim),
|
||
_AdminRoutesTab(),
|
||
_AdminReviewsTab(),
|
||
];
|
||
|
||
return Scaffold(
|
||
body: Stack(children:[
|
||
tabs[_tab],
|
||
if (last!=null) Positioned(top:MediaQuery.of(context).padding.top+8,left:0,right:0,
|
||
child:_AdminBanner(notif:last,onDismiss:sim.dismissNotification)),
|
||
]),
|
||
bottomNavigationBar: NavigationBar(
|
||
selectedIndex:_tab,
|
||
onDestinationSelected:(i)=>setState(()=>_tab=i),
|
||
backgroundColor:Colors.white,
|
||
indicatorColor:AppColors.verdeAdmin.withOpacity(0.15),
|
||
destinations:const[
|
||
NavigationDestination(icon:Icon(Icons.dashboard_outlined),
|
||
selectedIcon:Icon(Icons.dashboard,color:AppColors.verdeAdmin),label:'Panel'),
|
||
NavigationDestination(icon:Icon(Icons.map_outlined),
|
||
selectedIcon:Icon(Icons.map,color:AppColors.verdeAdmin),label:'Mapa'),
|
||
NavigationDestination(icon:Icon(Icons.report_outlined),
|
||
selectedIcon:Icon(Icons.report,color:AppColors.verdeAdmin),label:'Reportes'),
|
||
NavigationDestination(icon:Icon(Icons.calendar_month_outlined),
|
||
selectedIcon:Icon(Icons.calendar_month,color:AppColors.verdeAdmin),label:'Asignar'),
|
||
NavigationDestination(icon:Icon(Icons.warning_outlined),
|
||
selectedIcon:Icon(Icons.warning,color:AppColors.verdeAdmin),label:'Alertas'),
|
||
NavigationDestination(icon:Icon(Icons.route_outlined),
|
||
selectedIcon:Icon(Icons.route,color:AppColors.verdeAdmin),label:'Rutas'),
|
||
NavigationDestination(icon:Icon(Icons.star_outline),
|
||
selectedIcon:Icon(Icons.star,color:AppColors.verdeAdmin),label:'Reseñas'),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
// ── TAB 1: Control de rutas ───────────────────────────────────────────────
|
||
class _AdminHomeTab extends StatefulWidget {
|
||
final RouteSimulatorService sim; final AuthService auth;
|
||
const _AdminHomeTab({required this.sim, required this.auth});
|
||
@override State<_AdminHomeTab> createState() => _AdminHomeTabState();
|
||
}
|
||
|
||
class _AdminHomeTabState extends State<_AdminHomeTab> {
|
||
List<RouteStatusModel> _statuses = [];
|
||
List<AlertaModel> _conductorIncidentes = [];
|
||
|
||
@override void initState() { super.initState(); _load(); }
|
||
|
||
Future<void> _load() async {
|
||
final s = await DbHelper.getAllRouteStatuses();
|
||
final inc = await DbHelper.getIncidentesConductor();
|
||
if (mounted) setState(() { _statuses = s; _conductorIncidentes = inc; });
|
||
}
|
||
|
||
String _getStatus(String rid) {
|
||
try { return _statuses.firstWhere((s) => s.routeId == rid).status; }
|
||
catch (_) { return RouteStatus.enRuta; }
|
||
}
|
||
|
||
String? _getMensaje(String rid) {
|
||
try { return _statuses.firstWhere((s) => s.routeId == rid).mensaje; }
|
||
catch (_) { return null; }
|
||
}
|
||
|
||
// Incidentes del conductor asociados a esta ruta (por número)
|
||
List<AlertaModel> _getIncidentesPorRuta(String routeId) {
|
||
return _conductorIncidentes
|
||
.where((i) => !i.resuelta)
|
||
.where((i) => i.routeId.contains(routeId) ||
|
||
// Si es incidente de conductor sin routeId específico, mostrar en todas
|
||
i.routeId.startsWith('CONDUCTOR-'))
|
||
.take(2)
|
||
.toList();
|
||
}
|
||
|
||
Future<void> _changeStatus(String routeId, String status, String? msg) async {
|
||
await DbHelper.upsertRouteStatus(RouteStatusModel(
|
||
routeId: routeId, status: status, mensaje: msg,
|
||
updatedAt: DateTime.now().toIso8601String()));
|
||
|
||
if (status == RouteStatus.cancelada || status == RouteStatus.fallaMecanica || status == RouteStatus.retrasada) {
|
||
final emoji = status == RouteStatus.cancelada ? '❌'
|
||
: status == RouteStatus.fallaMecanica ? '🔧' : '⏱️';
|
||
final titulo = status == RouteStatus.cancelada ? 'Ruta Cancelada'
|
||
: status == RouteStatus.fallaMecanica ? 'Falla Mecánica' : 'Servicio con Retraso';
|
||
final cuerpo = (msg != null && msg.isNotEmpty)
|
||
? '$emoji $msg'
|
||
: '$emoji La ruta $routeId ${status == RouteStatus.cancelada ? "ha sido cancelada hoy" : status == RouteStatus.fallaMecanica ? "reportó una falla mecánica" : "presenta un retraso"}. Pendiente reprogramación.';
|
||
widget.sim.fireCustomNotification(titulo, cuerpo, routeId,
|
||
status == RouteStatus.cancelada ? NotifEvent.routeCancelled : NotifEvent.truckStopped);
|
||
await DbHelper.insertAlerta(AlertaModel(
|
||
tipo: 'RUTA_$status', routeId: routeId, mensaje: cuerpo,
|
||
fecha: DateTime.now().toIso8601String()));
|
||
}
|
||
await _load();
|
||
setState(() {});
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return CustomScrollView(slivers: [
|
||
SliverAppBar(pinned: true, backgroundColor: AppColors.verdeAdmin, foregroundColor: Colors.white,
|
||
bottom: PreferredSize(preferredSize: const Size.fromHeight(4),
|
||
child: Container(height: 4, color: AppColors.dorado)),
|
||
title: const Text('Panel Administrador', style: TextStyle(fontWeight: FontWeight.bold)),
|
||
actions: [
|
||
IconButton(icon: const Icon(Icons.refresh), onPressed: _load),
|
||
IconButton(icon: const Icon(Icons.logout),
|
||
onPressed: () async { await widget.auth.logout();
|
||
if (context.mounted) Navigator.pushReplacementNamed(context, '/login'); }),
|
||
],
|
||
),
|
||
SliverPadding(padding: const EdgeInsets.all(12), sliver: SliverList(delegate: SliverChildListDelegate([
|
||
Row(children: [
|
||
_Stat('Rutas', '${routesData.length}', Icons.local_shipping, AppColors.verdeAdmin),
|
||
const SizedBox(width: 10),
|
||
_Stat('Incidentes', '${_conductorIncidentes.where((i)=>!i.resuelta).length}',
|
||
Icons.warning, AppColors.naranjaAlerta),
|
||
]),
|
||
const SizedBox(height: 14),
|
||
const Text('Control de Rutas', style: TextStyle(fontWeight: FontWeight.bold,
|
||
fontSize: 16, color: AppColors.verdeAdmin)),
|
||
const SizedBox(height: 8),
|
||
...routesData.map((r) {
|
||
final status = _getStatus(r.routeId);
|
||
final mensaje = _getMensaje(r.routeId);
|
||
final gpsOk = widget.sim.isGpsActive(r.routeId);
|
||
final nightIcon = r.turno == 'NOCTURNO' ? '🌙 ' : r.turno == 'VESPERTINO' ? '🌅 ' : '🌄 ';
|
||
final incidentes = _getIncidentesPorRuta(r.routeId);
|
||
|
||
return Card(margin: const EdgeInsets.only(bottom: 10),
|
||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10),
|
||
side: BorderSide(color: RouteStatus.color(status).withOpacity(0.4), width: 1.2)),
|
||
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||
// Cabecera ruta
|
||
ListTile(dense: true,
|
||
leading: Container(width: 8, height: 44,
|
||
decoration: BoxDecoration(color: RouteStatus.color(status),
|
||
borderRadius: BorderRadius.circular(4))),
|
||
title: Text('${r.routeId} — ${r.name}',
|
||
style: const TextStyle(fontSize: 12, fontWeight: FontWeight.w700)),
|
||
subtitle: Wrap(spacing: 6, children: [
|
||
Text(RouteStatus.label(status),
|
||
style: TextStyle(fontSize: 11, color: RouteStatus.color(status), fontWeight: FontWeight.w600)),
|
||
if (!gpsOk)
|
||
const Text('📡 Sin GPS', style: TextStyle(fontSize: 10, color: AppColors.rojoError)),
|
||
Text(nightIcon + r.turno, style: const TextStyle(fontSize: 10, color: AppColors.grisTexto)),
|
||
]),
|
||
trailing: PopupMenuButton<String>(
|
||
icon: const Icon(Icons.more_vert, size: 18),
|
||
onSelected: (v) async {
|
||
if (v == 'GPS') { widget.sim.simulateGpsLost(r.routeId); return; }
|
||
if (v == 'RESTORE') { widget.sim.restoreGps(r.routeId); return; }
|
||
String? msg;
|
||
if (v == RouteStatus.retrasada) {
|
||
final res = await _retrasadaDialog(context);
|
||
if (res != null) {
|
||
final parts = res.split('|');
|
||
final nuevoTurno = parts[0];
|
||
final extra = parts.length > 1 ? parts[1] : '';
|
||
msg = 'Ruta reprogramada al turno $nuevoTurno. $extra'.trim();
|
||
}
|
||
} else if ([RouteStatus.cancelada, RouteStatus.fallaMecanica].contains(v)) {
|
||
msg = await _inputDialog(context, 'Mensaje / solución para ciudadanos');
|
||
}
|
||
await _changeStatus(r.routeId, v, msg);
|
||
},
|
||
itemBuilder: (_) => [
|
||
const PopupMenuItem(value: 'EN_RUTA', child: Text('✅ En Ruta — Continúa')),
|
||
const PopupMenuItem(value: 'RETRASADA', child: Text('⏱️ Marcar Retrasada')),
|
||
const PopupMenuItem(value: 'CANCELADA', child: Text('❌ Cancelar y Notificar')),
|
||
const PopupMenuItem(value: 'FALLA_MECANICA', child: Text('🔧 Falla Mecánica')),
|
||
const PopupMenuDivider(),
|
||
const PopupMenuItem(value: 'GPS', child: Text('📡 Simular GPS Perdido')),
|
||
const PopupMenuItem(value: 'RESTORE', child: Text('📶 Restaurar GPS')),
|
||
],
|
||
),
|
||
),
|
||
|
||
// Mensaje del admin si hay
|
||
if (mensaje != null && mensaje.isNotEmpty && status != RouteStatus.enRuta)
|
||
Padding(
|
||
padding: const EdgeInsets.fromLTRB(14, 0, 14, 8),
|
||
child: Container(
|
||
padding: const EdgeInsets.all(8),
|
||
decoration: BoxDecoration(
|
||
color: RouteStatus.color(status).withOpacity(0.08),
|
||
borderRadius: BorderRadius.circular(6),
|
||
),
|
||
child: Row(children: [
|
||
Icon(Icons.message_outlined, size: 13, color: RouteStatus.color(status)),
|
||
const SizedBox(width: 6),
|
||
Expanded(child: Text('Msg ciudadanos: $mensaje',
|
||
style: TextStyle(fontSize: 11, color: RouteStatus.color(status)))),
|
||
]),
|
||
),
|
||
),
|
||
|
||
// Incidentes de conductor pendientes para esta ruta
|
||
if (incidentes.isNotEmpty) ...[
|
||
const Divider(height: 1, indent: 14, endIndent: 14),
|
||
Padding(
|
||
padding: const EdgeInsets.fromLTRB(14, 6, 14, 2),
|
||
child: Row(children: [
|
||
const Icon(Icons.build, size: 13, color: AppColors.moradoConductor),
|
||
const SizedBox(width: 4),
|
||
const Text('Incidentes del conductor:',
|
||
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 11,
|
||
color: AppColors.moradoConductor)),
|
||
]),
|
||
),
|
||
...incidentes.map((inc) => Padding(
|
||
padding: const EdgeInsets.fromLTRB(14, 2, 14, 2),
|
||
child: Row(children: [
|
||
Container(width: 6, height: 6,
|
||
decoration: const BoxDecoration(color: AppColors.moradoConductor,
|
||
shape: BoxShape.circle)),
|
||
const SizedBox(width: 6),
|
||
Expanded(child: Text(inc.mensaje,
|
||
style: const TextStyle(fontSize: 11), maxLines: 1,
|
||
overflow: TextOverflow.ellipsis)),
|
||
TextButton(
|
||
onPressed: () async {
|
||
// Mostrar diálogo: ¿qué hacer con este incidente?
|
||
final accion = await _incidenteDialog(context, inc.mensaje);
|
||
if (accion != null) {
|
||
await DbHelper.resolverAlerta(inc.id!);
|
||
// Soporta formato RETRASADA:TURNO para reprogramación
|
||
String realStatus = accion;
|
||
String msg = 'Incidente: ${inc.mensaje.substring(0, inc.mensaje.length.clamp(0, 40))}';
|
||
if (accion.startsWith('RETRASADA:')) {
|
||
final parts = accion.split(':');
|
||
realStatus = 'RETRASADA';
|
||
final turno = parts.length > 1 ? parts[1] : 'VESPERTINO';
|
||
msg = 'Tu ruta ha sido reprogramada al turno $turno por incidente del conductor. '
|
||
'Recibirás notificación cuando el camión esté listo.';
|
||
}
|
||
await _changeStatus(r.routeId, realStatus, msg);
|
||
}
|
||
},
|
||
style: TextButton.styleFrom(
|
||
foregroundColor: AppColors.verdeAdmin,
|
||
padding: const EdgeInsets.symmetric(horizontal: 8)),
|
||
child: const Text('Actuar', style: TextStyle(fontSize: 10)),
|
||
),
|
||
]),
|
||
)),
|
||
const SizedBox(height: 6),
|
||
],
|
||
]));
|
||
}),
|
||
const SizedBox(height: 80),
|
||
]))),
|
||
]);
|
||
}
|
||
|
||
Future<String?> _inputDialog(BuildContext ctx, String hint) async {
|
||
final ctrl = TextEditingController();
|
||
return showDialog<String>(context: ctx, builder: (_) => AlertDialog(
|
||
title: const Text('Mensaje para ciudadanos'),
|
||
content: TextField(controller: ctrl, maxLines: 2,
|
||
decoration: InputDecoration(hintText: hint, border: const OutlineInputBorder())),
|
||
actions: [
|
||
TextButton(onPressed: () => Navigator.pop(ctx), child: const Text('Cancelar')),
|
||
ElevatedButton(onPressed: () => Navigator.pop(ctx, ctrl.text), child: const Text('Enviar')),
|
||
]));
|
||
}
|
||
|
||
Future<String?> _retrasadaDialog(BuildContext ctx) async {
|
||
String turno = 'VESPERTINO';
|
||
final ctrl = TextEditingController();
|
||
return showDialog<String>(context: ctx, builder: (dCtx) => StatefulBuilder(
|
||
builder: (dCtx, setSt) => AlertDialog(
|
||
title: const Text('Reprogramar Ruta'),
|
||
content: Column(mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||
const Text('¿A qué turno pasará el camión?',
|
||
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13)),
|
||
const SizedBox(height: 8),
|
||
Row(children: [
|
||
Expanded(child: RadioListTile<String>(dense: true, value: 'MATUTINO',
|
||
groupValue: turno, title: const Text('🌄 Matutino'),
|
||
onChanged: (v) => setSt(() => turno = v!))),
|
||
Expanded(child: RadioListTile<String>(dense: true, value: 'VESPERTINO',
|
||
groupValue: turno, title: const Text('🌅 Vespertino'),
|
||
onChanged: (v) => setSt(() => turno = v!))),
|
||
]),
|
||
const SizedBox(height: 8),
|
||
TextField(controller: ctrl, maxLines: 2,
|
||
decoration: const InputDecoration(
|
||
hintText: 'Mensaje adicional para ciudadanos (opcional)',
|
||
border: OutlineInputBorder(), isDense: true)),
|
||
]),
|
||
actions: [
|
||
TextButton(onPressed: () => Navigator.pop(dCtx), child: const Text('Cancelar')),
|
||
ElevatedButton(
|
||
style: ElevatedButton.styleFrom(backgroundColor: AppColors.naranjaAlerta,
|
||
foregroundColor: Colors.white),
|
||
onPressed: () => Navigator.pop(dCtx, '$turno|${ctrl.text.trim()}'),
|
||
child: const Text('Confirmar')),
|
||
])));
|
||
}
|
||
|
||
Future<String?> _incidenteDialog(BuildContext ctx, String incMensaje) async {
|
||
String turnoSeleccionado = 'VESPERTINO';
|
||
return showDialog<String>(context: ctx, builder: (dialogCtx) => StatefulBuilder(
|
||
builder: (dialogCtx, setDialogState) => AlertDialog(
|
||
title: const Text('Acción sobre el incidente'),
|
||
content: Column(mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||
Text(incMensaje, style: const TextStyle(fontSize: 12, color: AppColors.grisTexto)),
|
||
const Divider(),
|
||
const Text('Si decides reprogramar, ¿a qué turno?',
|
||
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 12)),
|
||
const SizedBox(height: 6),
|
||
Row(children: [
|
||
Expanded(child: RadioListTile<String>(dense: true, value: 'MATUTINO',
|
||
groupValue: turnoSeleccionado, title: const Text('🌄 Matutino', style: TextStyle(fontSize: 12)),
|
||
onChanged: (v) => setDialogState(() => turnoSeleccionado = v!))),
|
||
Expanded(child: RadioListTile<String>(dense: true, value: 'VESPERTINO',
|
||
groupValue: turnoSeleccionado, title: const Text('🌅 Vespertino', style: TextStyle(fontSize: 12)),
|
||
onChanged: (v) => setDialogState(() => turnoSeleccionado = v!))),
|
||
]),
|
||
const SizedBox(height: 4),
|
||
const Text('¿Qué decisión tomas?', style: TextStyle(fontWeight: FontWeight.bold)),
|
||
]),
|
||
actions: [
|
||
TextButton(onPressed: () => Navigator.pop(dialogCtx), child: const Text('Cerrar')),
|
||
ElevatedButton.icon(
|
||
style: ElevatedButton.styleFrom(backgroundColor: AppColors.verdeExito, foregroundColor: Colors.white),
|
||
onPressed: () => Navigator.pop(dialogCtx, 'EN_RUTA'),
|
||
icon: const Icon(Icons.check, size: 14),
|
||
label: const Text('Continúa', style: TextStyle(fontSize: 12))),
|
||
ElevatedButton.icon(
|
||
style: ElevatedButton.styleFrom(backgroundColor: AppColors.naranjaAlerta, foregroundColor: Colors.white),
|
||
onPressed: () => Navigator.pop(dialogCtx, 'RETRASADA:$turnoSeleccionado'),
|
||
icon: const Icon(Icons.access_time, size: 14),
|
||
label: Text('Retraso→$turnoSeleccionado', style: const TextStyle(fontSize: 11))),
|
||
ElevatedButton.icon(
|
||
style: ElevatedButton.styleFrom(backgroundColor: AppColors.rojoError, foregroundColor: Colors.white),
|
||
onPressed: () => Navigator.pop(dialogCtx, 'CANCELADA'),
|
||
icon: const Icon(Icons.cancel, size: 14),
|
||
label: const Text('Cancelar', style: TextStyle(fontSize: 12))),
|
||
])));
|
||
}
|
||
}
|
||
|
||
class _AdminMapTab extends StatelessWidget {
|
||
final RouteSimulatorService sim;
|
||
const _AdminMapTab({required this.sim});
|
||
@override
|
||
Widget build(BuildContext context) => Scaffold(
|
||
appBar:AppBar(automaticallyImplyLeading:false,
|
||
backgroundColor:AppColors.verdeAdmin,foregroundColor:Colors.white,
|
||
title:const Text('Mapa — Todas las Rutas'),
|
||
bottom:PreferredSize(preferredSize:const Size.fromHeight(4),
|
||
child:Container(height:4,color:AppColors.dorado))),
|
||
body:AdminMapWidget(routes:routesData,simulator:sim));
|
||
}
|
||
|
||
// ── TAB 3: Reportes ciudadanos ────────────────────────────────────────────
|
||
class _AdminReportesTab extends StatefulWidget {
|
||
@override State<_AdminReportesTab> createState() => _AdminReportesTabState();
|
||
}
|
||
|
||
class _AdminReportesTabState extends State<_AdminReportesTab> {
|
||
List<Map<String,dynamic>> _reportes = [];
|
||
bool _loading = true;
|
||
|
||
@override void initState() { super.initState(); _load(); }
|
||
|
||
Future<void> _load() async {
|
||
final r = await DbHelper.getReportesConUsuario();
|
||
if (mounted) setState(() { _reportes=r; _loading=false; });
|
||
}
|
||
|
||
static const _tipos = {
|
||
'CAMION_NO_PASO':'🚛 No pasó','RETRASO':'⏱️ Retraso',
|
||
'RESIDUOS_NO_RECOGIDOS':'🗑️ No recogidos','OTRO':'📝 Otro',
|
||
};
|
||
|
||
@override
|
||
Widget build(BuildContext context) => Scaffold(
|
||
appBar:AppBar(automaticallyImplyLeading:false,
|
||
backgroundColor:AppColors.verdeAdmin,foregroundColor:Colors.white,
|
||
title:Text('Reportes Ciudadanos (${_reportes.length})'),
|
||
bottom:PreferredSize(preferredSize:const Size.fromHeight(4),
|
||
child:Container(height:4,color:AppColors.dorado)),
|
||
actions:[IconButton(icon:const Icon(Icons.refresh),onPressed:_load)]),
|
||
body:_loading?const Center(child:CircularProgressIndicator())
|
||
:_reportes.isEmpty?const Center(child:Text('Sin reportes'))
|
||
:ListView.builder(padding:const EdgeInsets.all(12),
|
||
itemCount:_reportes.length,
|
||
itemBuilder:(_,i){
|
||
final r = _reportes[i];
|
||
final tipo = r['tipo']??'';
|
||
final calif = r['calificacion']??5;
|
||
final nombre = r['user_nombre']??'Usuario desconocido';
|
||
final email = r['user_email']??'';
|
||
final colonia = r['colonia']??'';
|
||
final routeId = r['route_id']??'';
|
||
final estado = r['estado']??'PENDIENTE';
|
||
final id = r['id'] as int?;
|
||
return Card(margin:const EdgeInsets.only(bottom:8),
|
||
child:Padding(padding:const EdgeInsets.all(12),child:Column(
|
||
crossAxisAlignment:CrossAxisAlignment.start, children:[
|
||
// Quién reportó
|
||
Row(children:[
|
||
const Icon(Icons.person,color:AppColors.verdeAdmin,size:14),
|
||
const SizedBox(width:4),
|
||
Expanded(child:Text('$nombre ($email)',
|
||
style:const TextStyle(fontWeight:FontWeight.bold,fontSize:12,color:AppColors.verdeAdmin))),
|
||
Container(padding:const EdgeInsets.symmetric(horizontal:6,vertical:2),
|
||
decoration:BoxDecoration(color:_estadoColor(estado).withOpacity(0.15),
|
||
borderRadius:BorderRadius.circular(10)),
|
||
child:Text(estado,style:TextStyle(fontSize:9,color:_estadoColor(estado),
|
||
fontWeight:FontWeight.bold))),
|
||
]),
|
||
const SizedBox(height:4),
|
||
Row(children:[
|
||
const Icon(Icons.location_city,color:AppColors.grisTexto,size:12),
|
||
const SizedBox(width:4),
|
||
Text('$colonia — $routeId',style:const TextStyle(color:AppColors.grisTexto,fontSize:11)),
|
||
]),
|
||
const SizedBox(height:6),
|
||
Text(_tipos[tipo]??tipo,style:const TextStyle(fontWeight:FontWeight.w600,fontSize:13)),
|
||
Text(r['descripcion']??'',style:const TextStyle(fontSize:12,color:AppColors.grisTexto)),
|
||
const SizedBox(height:6),
|
||
Row(children:[
|
||
Text('⭐'*calif,style:const TextStyle(fontSize:11)),
|
||
const Spacer(),
|
||
PopupMenuButton<String>(
|
||
child:Text(estado,style:TextStyle(fontSize:11,color:_estadoColor(estado),
|
||
fontWeight:FontWeight.bold,decoration:TextDecoration.underline)),
|
||
onSelected:(v)async{
|
||
if(id!=null) await DbHelper.updateReporteEstado(id,v);
|
||
await _load();
|
||
},
|
||
itemBuilder:(_)=>['PENDIENTE','EN_REVISION','RESUELTO','DESESTIMADO']
|
||
.map((e)=>PopupMenuItem(value:e,child:Text(e))).toList()),
|
||
]),
|
||
])));
|
||
}),
|
||
);
|
||
|
||
Color _estadoColor(String e){
|
||
switch(e){case'RESUELTO':return AppColors.verdeExito;
|
||
case'EN_REVISION':return AppColors.azulInfo;
|
||
case'DESESTIMADO':return AppColors.grisTexto;
|
||
default:return AppColors.naranjaAlerta;}
|
||
}
|
||
}
|
||
|
||
// ── TAB 4: Asignaciones ───────────────────────────────────────────────────
|
||
// ── TAB 4: Asignaciones LMV / MJS ────────────────────────────────────────
|
||
class _AdminAssignmentsTab extends StatefulWidget {
|
||
@override State<_AdminAssignmentsTab> createState() => _AdminAssignmentsTabState();
|
||
}
|
||
|
||
class _AdminAssignmentsTabState extends State<_AdminAssignmentsTab> {
|
||
List<UserModel> _conductores = [];
|
||
UserModel? _sel;
|
||
List<AssignmentModel> _asigs = [];
|
||
|
||
// Grupos fijos de días
|
||
static const _grupoA = ['LUNES','MIERCOLES','VIERNES'];
|
||
static const _grupoB = ['MARTES','JUEVES','SABADO'];
|
||
|
||
@override void initState() { super.initState(); _load(); }
|
||
|
||
Future<void> _load() async {
|
||
final c = await DbHelper.getUsersByRol('CONDUCTOR');
|
||
if (mounted) setState(() => _conductores = c);
|
||
}
|
||
|
||
Future<void> _loadAsigs(int id) async {
|
||
final a = await DbHelper.getAsignacionesByConductor(id);
|
||
if (mounted) setState(() => _asigs = a);
|
||
}
|
||
|
||
// Obtener asignación de un grupo (busca cualquier día del grupo)
|
||
AssignmentModel? _getGrupo(List<String> dias) {
|
||
for (final dia in dias) {
|
||
try { return _asigs.firstWhere((a) => a.diaSemana == dia); } catch (_) {}
|
||
}
|
||
return null;
|
||
}
|
||
|
||
// Guardar asignación para todos los días del grupo
|
||
Future<void> _saveGrupo(List<String> dias, String routeId, String turno) async {
|
||
for (final dia in dias) {
|
||
await DbHelper.upsertAsignacion(AssignmentModel(
|
||
conductorId: _sel!.id!, routeId: routeId,
|
||
diaSemana: dia, turno: turno));
|
||
}
|
||
await _loadAsigs(_sel!.id!);
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) => Scaffold(
|
||
appBar: AppBar(automaticallyImplyLeading: false,
|
||
backgroundColor: AppColors.verdeAdmin, foregroundColor: Colors.white,
|
||
title: const Text('Asignar Rutas a Conductores'),
|
||
bottom: PreferredSize(preferredSize: const Size.fromHeight(4),
|
||
child: Container(height: 4, color: AppColors.dorado))),
|
||
body: SingleChildScrollView(padding: const EdgeInsets.all(16), child: Column(children: [
|
||
// Info de esquema
|
||
Container(padding: const EdgeInsets.all(10), margin: const EdgeInsets.only(bottom:12),
|
||
decoration: BoxDecoration(color: Colors.blue.shade50, borderRadius: BorderRadius.circular(8),
|
||
border: Border.all(color: Colors.blue.shade200)),
|
||
child: const Text(
|
||
'📅 Cada conductor opera en uno de dos bloques:\n'
|
||
' Grupo A — Lunes, Miércoles y Viernes\n'
|
||
' Grupo B — Martes, Jueves y Sábado',
|
||
style: TextStyle(fontSize: 12, color: AppColors.azulInfo))),
|
||
|
||
DropdownButtonFormField<UserModel>(
|
||
decoration: const InputDecoration(labelText: 'Selecciona conductor',
|
||
border: OutlineInputBorder(), filled: true, fillColor: Colors.white),
|
||
hint: const Text('Conductor...'),
|
||
value: _sel,
|
||
items: _conductores.map((c) => DropdownMenuItem(value: c,
|
||
child: Text(c.nombre, style: const TextStyle(fontSize: 13)))).toList(),
|
||
onChanged: (c) { setState(() => _sel = c); if (c != null) _loadAsigs(c.id!); }),
|
||
|
||
if (_sel != null) ...[
|
||
const SizedBox(height: 20),
|
||
// GRUPO A
|
||
_GrupoRow(
|
||
label: 'Grupo A — Lunes, Miércoles y Viernes',
|
||
icon: Icons.wb_sunny_outlined,
|
||
color: Colors.blue,
|
||
current: _getGrupo(_grupoA),
|
||
routeIds: routesData.map((r) => r.routeId).toList(),
|
||
onSave: (rid, turno) => _saveGrupo(_grupoA, rid, turno),
|
||
),
|
||
const SizedBox(height: 12),
|
||
// GRUPO B
|
||
_GrupoRow(
|
||
label: 'Grupo B — Martes, Jueves y Sábado',
|
||
icon: Icons.wb_twilight,
|
||
color: Colors.deepPurple,
|
||
current: _getGrupo(_grupoB),
|
||
routeIds: routesData.map((r) => r.routeId).toList(),
|
||
onSave: (rid, turno) => _saveGrupo(_grupoB, rid, turno),
|
||
),
|
||
|
||
// Resumen actual
|
||
if (_asigs.isNotEmpty) ...[
|
||
const SizedBox(height: 20),
|
||
const Text('Resumen actual', style: TextStyle(fontWeight: FontWeight.bold,
|
||
color: AppColors.verdeAdmin, fontSize: 14)),
|
||
const SizedBox(height: 8),
|
||
Card(child: Padding(padding: const EdgeInsets.all(12), child: Column(children: [
|
||
..._asigs.map((a) => Padding(
|
||
padding: const EdgeInsets.symmetric(vertical: 3),
|
||
child: Row(children: [
|
||
SizedBox(width: 100, child: Text(AppDias.label(a.diaSemana),
|
||
style: const TextStyle(fontWeight: FontWeight.w500, fontSize: 12))),
|
||
Container(padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
|
||
decoration: BoxDecoration(color: AppColors.verdeAdmin.withOpacity(0.1),
|
||
borderRadius: BorderRadius.circular(10)),
|
||
child: Text('${a.routeId} • ${a.turno}',
|
||
style: const TextStyle(fontSize: 11, color: AppColors.verdeAdmin))),
|
||
]))),
|
||
]))),
|
||
],
|
||
],
|
||
])),
|
||
);
|
||
}
|
||
|
||
// Fila de asignación por grupo (LMV o MJS)
|
||
class _GrupoRow extends StatefulWidget {
|
||
final String label;
|
||
final IconData icon;
|
||
final Color color;
|
||
final AssignmentModel? current;
|
||
final List<String> routeIds;
|
||
final Function(String, String) onSave;
|
||
const _GrupoRow({required this.label, required this.icon, required this.color,
|
||
required this.current, required this.routeIds, required this.onSave});
|
||
@override State<_GrupoRow> createState() => _GrupoRowState();
|
||
}
|
||
|
||
class _GrupoRowState extends State<_GrupoRow> {
|
||
String? _route;
|
||
String _turno = 'MATUTINO';
|
||
|
||
@override void initState() {
|
||
super.initState();
|
||
_route = widget.current?.routeId;
|
||
_turno = widget.current?.turno ?? 'MATUTINO';
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) => Card(
|
||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10),
|
||
side: BorderSide(color: widget.color.withOpacity(0.3))),
|
||
child: Padding(padding: const EdgeInsets.all(14), child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||
Row(children: [
|
||
Icon(widget.icon, color: widget.color, size: 18),
|
||
const SizedBox(width: 8),
|
||
Expanded(child: Text(widget.label,
|
||
style: TextStyle(fontWeight: FontWeight.bold, color: widget.color, fontSize: 13))),
|
||
]),
|
||
const SizedBox(height: 12),
|
||
Row(children: [
|
||
Expanded(child: DropdownButtonFormField<String>(
|
||
value: _route,
|
||
decoration: const InputDecoration(labelText: 'Ruta',
|
||
border: OutlineInputBorder(), isDense: true,
|
||
contentPadding: EdgeInsets.symmetric(horizontal: 10, vertical: 10)),
|
||
hint: const Text('Sin ruta', style: TextStyle(fontSize: 12)),
|
||
items: widget.routeIds.map((r) => DropdownMenuItem(value: r,
|
||
child: Text(r, style: const TextStyle(fontSize: 12)))).toList(),
|
||
onChanged: (v) => setState(() => _route = v))),
|
||
const SizedBox(width: 8),
|
||
SizedBox(width: 140, child: DropdownButtonFormField<String>(
|
||
value: _turno,
|
||
decoration: const InputDecoration(labelText: 'Turno',
|
||
border: OutlineInputBorder(), isDense: true,
|
||
contentPadding: EdgeInsets.symmetric(horizontal: 10, vertical: 10)),
|
||
items: const [
|
||
DropdownMenuItem(value:'MATUTINO', child:Text('🌄 Matutino',style:TextStyle(fontSize:12))),
|
||
DropdownMenuItem(value:'VESPERTINO',child:Text('🌅 Vespertino',style:TextStyle(fontSize:12))),
|
||
DropdownMenuItem(value:'NOCTURNO', child:Text('🌙 Nocturno',style:TextStyle(fontSize:12))),
|
||
],
|
||
onChanged: (v) => setState(() => _turno = v!))),
|
||
const SizedBox(width: 8),
|
||
ElevatedButton(
|
||
onPressed: _route == null ? null : () => widget.onSave(_route!, _turno),
|
||
style: ElevatedButton.styleFrom(
|
||
backgroundColor: widget.color, foregroundColor: Colors.white,
|
||
minimumSize: const Size(50, 42), padding: EdgeInsets.zero,
|
||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8))),
|
||
child: const Icon(Icons.save, size: 18)),
|
||
]),
|
||
])));
|
||
}
|
||
|
||
class _AdminAlertasTab extends StatefulWidget {
|
||
final RouteSimulatorService sim;
|
||
const _AdminAlertasTab({required this.sim});
|
||
@override State<_AdminAlertasTab> createState() => _AdminAlertasTabState();
|
||
}
|
||
|
||
class _AdminAlertasTabState extends State<_AdminAlertasTab> {
|
||
List<AlertaModel> _alertas = [];
|
||
bool _soloActivas = false;
|
||
|
||
@override void initState(){ super.initState(); _load(); }
|
||
|
||
Future<void> _load() async {
|
||
final a = await DbHelper.getAlertas(soloNoResueltas:_soloActivas);
|
||
if (mounted) setState(()=>_alertas=a);
|
||
}
|
||
|
||
IconData _icon(String tipo){
|
||
if(tipo.startsWith('INCIDENTE_')) return Icons.build;
|
||
switch(tipo){
|
||
case'GPS_PERDIDO': return Icons.gps_off;
|
||
case'CAMION_DETENIDO': return Icons.warning_amber;
|
||
default: return Icons.info;
|
||
}
|
||
}
|
||
Color _color(String tipo){
|
||
if(tipo.startsWith('INCIDENTE_')) return AppColors.moradoConductor;
|
||
switch(tipo){
|
||
case'GPS_PERDIDO': return AppColors.rojoError;
|
||
case'CAMION_DETENIDO': return AppColors.naranjaAlerta;
|
||
case'RUTA_CANCELADA': return AppColors.rojoError;
|
||
default: return AppColors.azulInfo;
|
||
}
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) => Scaffold(
|
||
appBar:AppBar(automaticallyImplyLeading:false,
|
||
backgroundColor:AppColors.verdeAdmin,foregroundColor:Colors.white,
|
||
title:Text('Alertas (${_alertas.where((a)=>!a.resuelta).length} activas)'),
|
||
bottom:PreferredSize(preferredSize:const Size.fromHeight(4),
|
||
child:Container(height:4,color:AppColors.dorado)),
|
||
actions:[
|
||
Switch(value:_soloActivas,onChanged:(v){setState(()=>_soloActivas=v);_load();},
|
||
activeColor:AppColors.dorado),
|
||
IconButton(icon:const Icon(Icons.refresh),onPressed:_load),
|
||
]),
|
||
body:_alertas.isEmpty
|
||
?Center(child:Column(mainAxisAlignment:MainAxisAlignment.center,children:[
|
||
const Icon(Icons.check_circle,color:AppColors.verdeExito,size:48),
|
||
const SizedBox(height:8),
|
||
Text(_soloActivas?'Sin alertas activas':'Sin alertas registradas',
|
||
style:const TextStyle(color:AppColors.grisTexto))]))
|
||
:ListView.builder(padding:const EdgeInsets.all(12),
|
||
itemCount:_alertas.length,
|
||
itemBuilder:(_,i){
|
||
final a = _alertas[i];
|
||
final esIncidente = a.tipo.startsWith('INCIDENTE_');
|
||
return Card(margin:const EdgeInsets.only(bottom:8),
|
||
color:a.resuelta?Colors.grey.shade50:null,
|
||
child:ListTile(
|
||
leading:CircleAvatar(backgroundColor:a.resuelta?Colors.grey:_color(a.tipo),
|
||
child:Icon(_icon(a.tipo),color:Colors.white,size:18)),
|
||
title:Row(children:[
|
||
if(esIncidente) Container(margin:const EdgeInsets.only(right:6),
|
||
padding:const EdgeInsets.symmetric(horizontal:6,vertical:2),
|
||
decoration:BoxDecoration(color:AppColors.moradoConductor.withOpacity(0.1),
|
||
borderRadius:BorderRadius.circular(8)),
|
||
child:const Text('CONDUCTOR',style:TextStyle(fontSize:9,color:AppColors.moradoConductor,fontWeight:FontWeight.bold))),
|
||
Expanded(child:Text('${a.tipo.replaceAll('_',' ')} — ${a.routeId}',
|
||
style:TextStyle(fontSize:12,fontWeight:FontWeight.bold,
|
||
color:a.resuelta?AppColors.grisTexto:AppColors.negroTexto))),
|
||
]),
|
||
subtitle:Text(a.mensaje,style:const TextStyle(fontSize:11)),
|
||
trailing:a.resuelta
|
||
?const Icon(Icons.check_circle,color:AppColors.verdeExito,size:20)
|
||
:TextButton(
|
||
onPressed:()async{ await DbHelper.resolverAlerta(a.id!); await _load(); },
|
||
style:TextButton.styleFrom(foregroundColor:AppColors.verdeAdmin),
|
||
child:const Text('Resolver',style:TextStyle(fontSize:11))),
|
||
));
|
||
}),
|
||
);
|
||
}
|
||
|
||
// ── Widgets ───────────────────────────────────────────────────────────────
|
||
class _Stat extends StatelessWidget {
|
||
final String label,value; final IconData icon; final Color color;
|
||
const _Stat(this.label,this.value,this.icon,this.color);
|
||
@override
|
||
Widget build(BuildContext context) => Expanded(child:Card(
|
||
child:Padding(padding:const EdgeInsets.all(14),child:Row(children:[
|
||
Icon(icon,color:color,size:28),
|
||
const SizedBox(width:10),
|
||
Column(crossAxisAlignment:CrossAxisAlignment.start,children:[
|
||
Text(value,style:TextStyle(fontSize:22,fontWeight:FontWeight.bold,color:color)),
|
||
Text(label,style:const TextStyle(fontSize:11,color:AppColors.grisTexto)),
|
||
]),
|
||
]))));
|
||
}
|
||
|
||
class _AdminBanner extends StatelessWidget {
|
||
final AppNotification notif; final VoidCallback onDismiss;
|
||
const _AdminBanner({required this.notif,required this.onDismiss});
|
||
@override
|
||
Widget build(BuildContext context) => Material(color:Colors.transparent,
|
||
child:Container(margin:const EdgeInsets.all(10),
|
||
decoration:BoxDecoration(
|
||
color:notif.event==NotifEvent.routeCancelled?AppColors.rojoError:AppColors.rojoError,
|
||
borderRadius:BorderRadius.circular(12),
|
||
boxShadow:const[BoxShadow(color:Colors.black26,blurRadius:6)]),
|
||
child:Padding(padding:const EdgeInsets.all(12),child:Row(children:[
|
||
const Icon(Icons.admin_panel_settings,color:Colors.white,size:22),
|
||
const SizedBox(width:8),
|
||
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),
|
||
]))));
|
||
}
|
||
|
||
// ── TAB 6: Gestión de Rutas ───────────────────────────────────────────────
|
||
class _AdminRoutesTab extends StatefulWidget {
|
||
@override State<_AdminRoutesTab> createState() => _AdminRoutesTabState();
|
||
}
|
||
|
||
class _AdminRoutesTabState extends State<_AdminRoutesTab> {
|
||
List<RouteDefinitionModel> _routes = [];
|
||
bool _loading = true;
|
||
|
||
@override void initState() { super.initState(); _load(); }
|
||
|
||
Future<void> _load() async {
|
||
final r = await DbHelper.getAllRouteDefinitions();
|
||
if (mounted) setState(() { _routes = r; _loading = false; });
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) => Scaffold(
|
||
appBar: AppBar(automaticallyImplyLeading: false,
|
||
backgroundColor: AppColors.verdeAdmin, foregroundColor: Colors.white,
|
||
title: Text('Rutas del Sistema (${_routes.length})'),
|
||
bottom: PreferredSize(preferredSize: const Size.fromHeight(4),
|
||
child: Container(height: 4, color: AppColors.dorado)),
|
||
actions: [
|
||
IconButton(icon: const Icon(Icons.refresh), onPressed: _load),
|
||
IconButton(
|
||
icon: const Icon(Icons.add_circle_outline),
|
||
tooltip: 'Nueva ruta',
|
||
onPressed: () async {
|
||
final ok = await Navigator.push(context, MaterialPageRoute(
|
||
builder: (_) => const CreateRouteScreen()));
|
||
if (ok == true) await _load();
|
||
}),
|
||
]),
|
||
body: _loading
|
||
? const Center(child: CircularProgressIndicator())
|
||
: _routes.isEmpty
|
||
? Center(child: Column(mainAxisAlignment: MainAxisAlignment.center, children: [
|
||
const Icon(Icons.route, color: AppColors.grisTexto, size: 48),
|
||
const SizedBox(height: 12),
|
||
const Text('No hay rutas creadas', style: TextStyle(color: AppColors.grisTexto)),
|
||
const SizedBox(height: 16),
|
||
ElevatedButton.icon(
|
||
style: ElevatedButton.styleFrom(backgroundColor: AppColors.verdeAdmin,
|
||
foregroundColor: Colors.white),
|
||
onPressed: () async {
|
||
final ok = await Navigator.push(context, MaterialPageRoute(
|
||
builder: (_) => const CreateRouteScreen()));
|
||
if (ok == true) await _load();
|
||
},
|
||
icon: const Icon(Icons.add), label: const Text('Crear primera ruta')),
|
||
]))
|
||
: ListView.builder(
|
||
padding: const EdgeInsets.all(12),
|
||
itemCount: _routes.length,
|
||
itemBuilder: (_, i) {
|
||
final r = _routes[i];
|
||
final turnoEmoji = r.turno == 'MATUTINO' ? '🌄'
|
||
: r.turno == 'VESPERTINO' ? '🌅' : '🌙';
|
||
return Card(margin: const EdgeInsets.only(bottom: 10),
|
||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10),
|
||
side: BorderSide(color: AppColors.verdeAdmin.withOpacity(0.3))),
|
||
child: Padding(padding: const EdgeInsets.all(14), child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||
Row(children: [
|
||
Expanded(child: Text('${r.routeId} — ${r.nombre}',
|
||
style: const TextStyle(fontWeight: FontWeight.bold,
|
||
fontSize: 14, color: AppColors.verdeAdmin))),
|
||
IconButton(icon: const Icon(Icons.edit_outlined, size: 18),
|
||
onPressed: () async {
|
||
final ok = await Navigator.push(context, MaterialPageRoute(
|
||
builder: (_) => CreateRouteScreen(editing: r)));
|
||
if (ok == true) await _load();
|
||
}),
|
||
]),
|
||
const SizedBox(height: 4),
|
||
Row(children: [
|
||
Text('$turnoEmoji ${r.turno} • ${r.horaInicio}–${r.horaFin}',
|
||
style: const TextStyle(color: AppColors.grisTexto, fontSize: 12)),
|
||
]),
|
||
const SizedBox(height: 4),
|
||
Text(r.dias.map(AppDias.label).join(', '),
|
||
style: const TextStyle(fontSize: 11, color: AppColors.grisTexto)),
|
||
const SizedBox(height: 6),
|
||
// Colonias
|
||
Text('📍 ${r.colonias.length} colonias:',
|
||
style: const TextStyle(fontWeight: FontWeight.w600, fontSize: 12)),
|
||
const SizedBox(height: 4),
|
||
Wrap(spacing: 4, runSpacing: 4, children: r.colonias.take(8).map((c) =>
|
||
Container(padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
|
||
decoration: BoxDecoration(color: AppColors.verdeAdmin.withOpacity(0.1),
|
||
borderRadius: BorderRadius.circular(8)),
|
||
child: Text(c, style: const TextStyle(fontSize: 10,
|
||
color: AppColors.verdeAdmin)))).toList()),
|
||
if (r.colonias.length > 8)
|
||
Text(' ...y ${r.colonias.length - 8} más',
|
||
style: const TextStyle(fontSize: 10, color: AppColors.grisTexto)),
|
||
])));
|
||
}),
|
||
);
|
||
}
|
||
|
||
// ── TAB 7: Reseñas y calificaciones ──────────────────────────────────────
|
||
class _AdminReviewsTab extends StatefulWidget {
|
||
@override State<_AdminReviewsTab> createState() => _AdminReviewsTabState();
|
||
}
|
||
|
||
class _AdminReviewsTabState extends State<_AdminReviewsTab> {
|
||
List<ReviewModel> _reviews = [];
|
||
List<Map<String, dynamic>> _summary = [];
|
||
bool _showSummary = false;
|
||
bool _loading = true;
|
||
|
||
@override void initState() { super.initState(); _load(); }
|
||
|
||
Future<void> _load() async {
|
||
final r = await DbHelper.getAllReviews();
|
||
final s = await DbHelper.getReviewSummaryByColonia();
|
||
if (mounted) setState(() { _reviews = r; _summary = s; _loading = false; });
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) => Scaffold(
|
||
appBar: AppBar(automaticallyImplyLeading: false,
|
||
backgroundColor: AppColors.verdeAdmin, foregroundColor: Colors.white,
|
||
title: Text(_showSummary ? 'Calificaciones por Colonia' : 'Reseñas Ciudadanas'),
|
||
bottom: PreferredSize(preferredSize: const Size.fromHeight(4),
|
||
child: Container(height: 4, color: AppColors.dorado)),
|
||
actions: [
|
||
IconButton(
|
||
icon: Icon(_showSummary ? Icons.list : Icons.bar_chart),
|
||
tooltip: _showSummary ? 'Ver reseñas' : 'Ver por colonia',
|
||
onPressed: () => setState(() => _showSummary = !_showSummary)),
|
||
IconButton(icon: const Icon(Icons.refresh), onPressed: _load),
|
||
]),
|
||
body: _loading
|
||
? const Center(child: CircularProgressIndicator())
|
||
: _showSummary ? _buildSummary() : _buildReviews(),
|
||
);
|
||
|
||
Widget _buildSummary() {
|
||
if (_summary.isEmpty) return const Center(
|
||
child: Text('Sin calificaciones aún', style: TextStyle(color: AppColors.grisTexto)));
|
||
return Column(children: [
|
||
// Header explicativo
|
||
Container(margin: const EdgeInsets.all(12), padding: const EdgeInsets.all(10),
|
||
decoration: BoxDecoration(color: Colors.blue.shade50, borderRadius: BorderRadius.circular(8),
|
||
border: Border.all(color: Colors.blue.shade200)),
|
||
child: const Row(children: [
|
||
Icon(Icons.info_outline, color: AppColors.azulInfo, size: 16),
|
||
SizedBox(width: 6),
|
||
Expanded(child: Text(
|
||
'Colonias ordenadas de menor a mayor calificación. '
|
||
'Las primeras requieren atención prioritaria.',
|
||
style: TextStyle(fontSize: 11, color: AppColors.azulInfo))),
|
||
])),
|
||
Expanded(child: ListView.builder(
|
||
padding: const EdgeInsets.symmetric(horizontal: 12),
|
||
itemCount: _summary.length,
|
||
itemBuilder: (_, i) {
|
||
final s = _summary[i];
|
||
final prom = (s['promedio'] as num).toDouble();
|
||
final total = s['total'] as int;
|
||
final colonia = s['colonia'] as String;
|
||
final routeId = s['route_id'] as String;
|
||
final color = prom >= 4.5 ? AppColors.verdeExito
|
||
: prom >= 3.5 ? Colors.amber.shade700
|
||
: prom >= 2.5 ? AppColors.naranjaAlerta
|
||
: AppColors.rojoError;
|
||
final emoji = prom >= 4.5 ? '🟢' : prom >= 3.5 ? '🟡' : prom >= 2.5 ? '🟠' : '🔴';
|
||
return Card(margin: const EdgeInsets.only(bottom: 8),
|
||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10),
|
||
side: BorderSide(color: color.withOpacity(0.3))),
|
||
child: Padding(padding: const EdgeInsets.all(12), child: Row(children: [
|
||
Container(width: 6, height: 50,
|
||
decoration: BoxDecoration(color: color, borderRadius: BorderRadius.circular(3))),
|
||
const SizedBox(width: 12),
|
||
Expanded(child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||
Text(colonia, style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 13)),
|
||
Text('$emoji $routeId • $total reseña${total != 1 ? "s" : ""}',
|
||
style: const TextStyle(fontSize: 11, color: AppColors.grisTexto)),
|
||
])),
|
||
Column(crossAxisAlignment: CrossAxisAlignment.end, children: [
|
||
Text(prom.toStringAsFixed(1),
|
||
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold, color: color)),
|
||
Row(children: List.generate(5, (j) =>
|
||
Icon(j < prom.round() ? Icons.star : Icons.star_border,
|
||
color: Colors.amber, size: 12))),
|
||
]),
|
||
])));
|
||
})),
|
||
]);
|
||
}
|
||
|
||
Widget _buildReviews() {
|
||
if (_reviews.isEmpty) return const Center(
|
||
child: Text('Sin reseñas aún', style: TextStyle(color: AppColors.grisTexto)));
|
||
return ListView.builder(
|
||
padding: const EdgeInsets.all(12),
|
||
itemCount: _reviews.length,
|
||
itemBuilder: (_, i) {
|
||
final r = _reviews[i];
|
||
final fecha = DateTime.tryParse(r.fecha);
|
||
final fechaStr = fecha != null
|
||
? '${fecha.day}/${fecha.month}/${fecha.year} ${fecha.hour.toString().padLeft(2,'0')}:${fecha.minute.toString().padLeft(2,'0')}'
|
||
: r.fecha;
|
||
return Card(margin: const EdgeInsets.only(bottom: 8),
|
||
child: Padding(padding: const EdgeInsets.all(12), child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||
Row(children: [
|
||
CircleAvatar(backgroundColor: AppColors.guindaPrimary.withOpacity(0.1), radius: 18,
|
||
child: Text('${r.estrellas}⭐', style: const TextStyle(fontSize: 11))),
|
||
const SizedBox(width: 10),
|
||
Expanded(child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||
Text(r.nombreUsuario, style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 13)),
|
||
Text('${r.colonia} — ${r.routeId}',
|
||
style: const TextStyle(color: AppColors.grisTexto, fontSize: 11)),
|
||
])),
|
||
Text(fechaStr, style: const TextStyle(fontSize: 10, color: AppColors.grisTexto)),
|
||
]),
|
||
const SizedBox(height: 8),
|
||
Row(children: List.generate(5, (j) =>
|
||
Icon(j < r.estrellas ? Icons.star : Icons.star_border,
|
||
color: Colors.amber, size: 16))),
|
||
if (r.comentario.isNotEmpty && r.comentario != 'Sin comentario') ...[
|
||
const SizedBox(height: 6),
|
||
Text('"${r.comentario}"',
|
||
style: const TextStyle(fontSize: 12, fontStyle: FontStyle.italic,
|
||
color: AppColors.negroTexto)),
|
||
],
|
||
])));
|
||
});
|
||
}
|
||
}
|