latest store services

2026-04-29 12:34:05 +02:00
parent 9f57207a39
commit b1c1866b4b
8 changed files with 271 additions and 244 deletions
--- a/lib/features/home/latest_store_services/ui/latest_store_services_card.dart
+++ b/lib/features/home/latest_store_services/ui/latest_store_services_card.dart
@@ -0,0 +1,160 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flux/core/blocs/session/session_cubit.dart';
+import 'package:flux/core/theme/theme.dart';
+import 'package:flux/features/home/latest_store_services/bloc/latest_store_services_bloc.dart';
+
+class LatestStoreServicesCard extends StatelessWidget {
+  const LatestStoreServicesCard({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final currentStoreId = context.read<SessionCubit>().state.currentStore?.id;
+
+    return BlocProvider(
+      // 1. Creiamo il Bloc e facciamo partire subito la query
+      create: (context) =>
+          LatestStoreServicesBloc()
+            ..add(InitLastServicesEvent(currentStoreId ?? '')),
+      child: BlocListener<SessionCubit, SessionState>(
+        // 2. MAGIA: Se l'utente cambia negozio dalla barra in alto, riavviamo lo stream!
+        listenWhen: (previous, current) =>
+            previous.currentStore?.id != current.currentStore?.id,
+        listener: (context, state) {
+          if (state.currentStore?.id != null) {
+            context.read<LatestStoreServicesBloc>().add(
+              InitLastServicesEvent(state.currentStore!.id!),
+            );
+          }
+        },
+        child: _LatestServicesCardContent(),
+      ),
+    );
+  }
+}
+
+class _LatestServicesCardContent extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    const color = Colors.blue;
+
+    return Card(
+      elevation: 0,
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(16),
+        side: BorderSide(color: theme.dividerColor.withValues(alpha: 0.5)),
+      ),
+      child: Padding(
+        padding: const EdgeInsets.all(16.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            // --- HEADER DELLA CARD ---
+            Row(
+              children: [
+                Container(
+                  padding: const EdgeInsets.all(8),
+                  decoration: BoxDecoration(
+                    color: color.withValues(alpha: 0.1),
+                    borderRadius: BorderRadius.circular(8),
+                  ),
+                  child: const Icon(
+                    Icons.design_services_outlined,
+                    color: color,
+                    size: 20,
+                  ),
+                ),
+                const SizedBox(width: 12),
+                Expanded(
+                  child: Text(
+                    "Ultimi Servizi",
+                    style: TextStyle(
+                      fontWeight: FontWeight.bold,
+                      fontSize: 16,
+                      color: context.primaryText,
+                    ),
+                    maxLines: 1,
+                    overflow: TextOverflow.ellipsis,
+                  ),
+                ),
+              ],
+            ),
+            const SizedBox(height: 12),
+
+            // --- CORPO DELLA CARD (LA LISTA REAL-TIME) ---
+            Expanded(
+              child: BlocBuilder<LatestStoreServicesBloc, LatestStoreServicesState>(
+                builder: (context, state) {
+                  if (state.status == LatestStoreServicesStatus.loading ||
+                      state.status == LatestStoreServicesStatus.initial) {
+                    return const Center(child: CircularProgressIndicator());
+                  }
+
+                  if (state.status == LatestStoreServicesStatus.failure) {
+                    return Center(
+                      child: Text(
+                        "Errore di caricamento",
+                        style: TextStyle(color: theme.colorScheme.error),
+                      ),
+                    );
+                  }
+
+                  if (state.services.isEmpty) {
+                    return Center(
+                      child: Text(
+                        "Nessun servizio recente.",
+                        style: TextStyle(
+                          color: context.secondaryText,
+                          fontStyle: FontStyle.italic,
+                        ),
+                      ),
+                    );
+                  }
+
+                  return ListView.separated(
+                    itemCount: state.services.length,
+                    separatorBuilder: (context, index) => Divider(
+                      height: 1,
+                      color: theme.dividerColor.withValues(alpha: 0.3),
+                    ),
+                    itemBuilder: (context, index) {
+                      final service = state.services[index];
+                      return Padding(
+                        padding: const EdgeInsets.symmetric(vertical: 8.0),
+                        child: Row(
+                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                          children: [
+                            Expanded(
+                              child: Text(
+                                service.number,
+                                style: TextStyle(
+                                  fontWeight: FontWeight.w600,
+                                  color: context.primaryText,
+                                ),
+                                maxLines: 1,
+                                overflow: TextOverflow.ellipsis,
+                              ),
+                            ),
+                            // Se hai formattato la data, stampala qui (es. 12/04/2026)
+                            Text(
+                              "${service.createdAt?.day}/${service.createdAt?.month}",
+                              style: TextStyle(
+                                color: context.secondaryText,
+                                fontSize: 12,
+                              ),
+                            ),
+                          ],
+                        ),
+                      );
+                    },
+                  );
+                },
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}