auth

2026-04-06 10:55:56 +02:00
parent c6c61f1a31
commit 4930d25e58
15 changed files with 658 additions and 11 deletions
--- a/lib/ui/auth/auth_screen.dart
+++ b/lib/ui/auth/auth_screen.dart
@@ -0,0 +1,176 @@
+// lib/ui/auth/auth_screen.dart
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flux/blocs/auth/auth_bloc.dart';
+import 'package:flux/theme/theme.dart';
+
+class AuthScreen extends StatefulWidget {
+  const AuthScreen({super.key});
+
+  @override
+  State<AuthScreen> createState() => _AuthScreenState();
+}
+
+class _AuthScreenState extends State<AuthScreen> {
+  final _emailController = TextEditingController();
+  final _passwordController = TextEditingController();
+  final _storeController = TextEditingController();
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocConsumer<AuthBloc, AuthState>(
+      listener: (context, state) {
+        if (state.status == AuthStatus.failure) {
+          // Mostra l'errore che arriva da Supabase (es. "Invalid login credentials")
+          ScaffoldMessenger.of(context).showSnackBar(
+            SnackBar(content: Text(state.error!), backgroundColor: Colors.red),
+          );
+        }
+      },
+      builder: (context, state) {
+        return Column(
+          children: [
+            _AuthTextField(
+              label: 'Email',
+              icon: Icons.email,
+              controller: _emailController,
+            ),
+            _AuthTextField(
+              label: 'Password',
+              icon: Icons.lock,
+              isPassword: true,
+              controller: _passwordController,
+            ),
+            if (!state.isLoginMode)
+              _AuthTextField(
+                label: 'Codice Negozio',
+                icon: Icons.store,
+                controller: _storeController,
+              ),
+
+            ElevatedButton(
+              onPressed: state.status == AuthStatus.loading
+                  ? null
+                  : () {
+                      context.read<AuthBloc>().add(
+                        LoginRequested(
+                          email: _emailController.text.trim(),
+                          password: _passwordController.text.trim(),
+                          storeCode: _storeController.text.trim(),
+                        ),
+                      );
+                    },
+              child: state.status == AuthStatus.loading
+                  ? const CircularProgressIndicator()
+                  : Text(state.isLoginMode ? 'ACCEDI' : 'REGISTRATI'),
+            ),
+          ],
+        );
+      },
+    );
+  }
+
+  @override
+  void dispose() {
+    _emailController.dispose();
+    _passwordController.dispose();
+    _storeController.dispose();
+    super.dispose();
+  }
+}
+
+class _FluxLogo extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Icon(
+          Icons.all_inclusive,
+          size: 80,
+          color: context.accent,
+        ), // Simbolo Flux/Infinito
+        Text(
+          'FLUX',
+          style: Theme.of(context).textTheme.headlineMedium?.copyWith(
+            fontWeight: FontWeight.w900,
+            letterSpacing: 8,
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+class _AuthTextField extends StatefulWidget {
+  final String label;
+  final IconData icon;
+  final bool isPassword;
+  final TextEditingController? controller; // Aggiunto per recuperare i dati
+
+  const _AuthTextField({
+    required this.label,
+    required this.icon,
+    this.isPassword = false,
+    this.controller,
+  });
+
+  @override
+  State<_AuthTextField> createState() => _AuthTextFieldState();
+}
+
+class _AuthTextFieldState extends State<_AuthTextField> {
+  bool _obscureText = true; // Stato interno per la visibilità
+
+  @override
+  Widget build(BuildContext context) {
+    return TextField(
+      controller: widget.controller,
+      obscureText: widget.isPassword ? _obscureText : false,
+      style: TextStyle(color: context.primaryText),
+      decoration: InputDecoration(
+        prefixIcon: Icon(
+          widget.icon,
+          color: context.accent.withValues(alpha: 0.6),
+        ),
+        labelText: widget.label,
+        labelStyle: TextStyle(color: context.secondaryText, fontSize: 14),
+        filled: true,
+        fillColor: context.surface.withValues(alpha: 0.5),
+
+        // --- LOGICA OCCHIO PASSWORD ---
+        suffixIcon: widget.isPassword
+            ? IconButton(
+                icon: Icon(
+                  _obscureText
+                      ? Icons.visibility_off_outlined
+                      : Icons.visibility_outlined,
+                  color: context.secondaryText,
+                  size: 20,
+                ),
+                onPressed: () {
+                  setState(() {
+                    _obscureText = !_obscureText;
+                  });
+                },
+              )
+            : null,
+
+        // --- BORDI STILE FLUX ---
+        enabledBorder: OutlineInputBorder(
+          borderRadius: BorderRadius.circular(12),
+          borderSide: BorderSide(
+            color: context.secondaryText.withValues(alpha: 0.1),
+          ),
+        ),
+        focusedBorder: OutlineInputBorder(
+          borderRadius: BorderRadius.circular(12),
+          borderSide: BorderSide(color: context.accent, width: 1.5),
+        ),
+        contentPadding: const EdgeInsets.symmetric(
+          horizontal: 16,
+          vertical: 16,
+        ),
+      ),
+    );
+  }
+}