Initial commit — app fidélité magasin (tablette)

App Flutter de programme de fidélité : login staff, clients (nom/prénom), scan QR, factures (€→points), récompenses, réglages. Backend Supabase (schéma SQL + RLS anti-triche dans supabase/). Icône incluse. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-17 21:37:06 +02:00
commit 1d3ee69c6d
60 changed files with 4468 additions and 0 deletions
@@ -0,0 +1,155 @@
+import 'package:flutter/material.dart';
+import 'package:supabase_flutter/supabase_flutter.dart';
+
+import '../supabase_config.dart';
+import '../theme.dart';
+
+/// Connexion du personnel du magasin (staff). Les comptes staff sont créés dans
+/// Supabase (voir SETUP.md) — pas d'inscription libre ici.
+class StaffLoginScreen extends StatefulWidget {
+  const StaffLoginScreen({super.key});
+
+  @override
+  State<StaffLoginScreen> createState() => _StaffLoginScreenState();
+}
+
+class _StaffLoginScreenState extends State<StaffLoginScreen> {
+  final _formKey = GlobalKey<FormState>();
+  final _emailCtrl = TextEditingController();
+  final _mdpCtrl = TextEditingController();
+  bool _enCours = false;
+  bool _voirMdp = false;
+  String? _erreur;
+
+  @override
+  void dispose() {
+    _emailCtrl.dispose();
+    _mdpCtrl.dispose();
+    super.dispose();
+  }
+
+  Future<void> _connexion() async {
+    if (!_formKey.currentState!.validate()) return;
+    setState(() {
+      _enCours = true;
+      _erreur = null;
+    });
+    try {
+      await supabase.auth.signInWithPassword(
+        email: _emailCtrl.text.trim(),
+        password: _mdpCtrl.text,
+      );
+      // Vérifie que ce compte est bien autorisé (staff).
+      final estStaff = await supabase.rpc('est_staff') as bool? ?? false;
+      if (!estStaff) {
+        await supabase.auth.signOut();
+        if (mounted) {
+          setState(() => _erreur =
+              'Ce compte n\'est pas autorisé pour la tablette (staff).');
+        }
+      }
+      // Si staff : l'AuthGate bascule automatiquement vers l'app.
+    } on AuthException catch (e) {
+      if (mounted) setState(() => _erreur = e.message);
+    } catch (e) {
+      if (mounted) setState(() => _erreur = 'Erreur : $e');
+    } finally {
+      if (mounted) setState(() => _enCours = false);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: SafeArea(
+        child: Center(
+          child: SingleChildScrollView(
+            padding: const EdgeInsets.all(24),
+            child: ConstrainedBox(
+              constraints: const BoxConstraints(maxWidth: 420),
+              child: Form(
+                key: _formKey,
+                child: Column(
+                  mainAxisSize: MainAxisSize.min,
+                  crossAxisAlignment: CrossAxisAlignment.stretch,
+                  children: [
+                    Center(
+                      child: Container(
+                        padding: const EdgeInsets.all(18),
+                        decoration: BoxDecoration(
+                          color: AppTheme.accent.withValues(alpha: 0.12),
+                          shape: BoxShape.circle,
+                        ),
+                        child: const Icon(Icons.storefront,
+                            size: 40, color: AppTheme.accent),
+                      ),
+                    ),
+                    const SizedBox(height: 20),
+                    const Text('Espace magasin',
+                        textAlign: TextAlign.center,
+                        style: TextStyle(
+                            fontSize: 24, fontWeight: FontWeight.w800)),
+                    const SizedBox(height: 6),
+                    const Text('Connexion du personnel',
+                        textAlign: TextAlign.center,
+                        style: TextStyle(color: AppTheme.grisTexte)),
+                    const SizedBox(height: 28),
+                    TextFormField(
+                      controller: _emailCtrl,
+                      keyboardType: TextInputType.emailAddress,
+                      autofillHints: const [AutofillHints.email],
+                      decoration: const InputDecoration(
+                        labelText: 'Email',
+                        prefixIcon: Icon(Icons.mail_outline),
+                      ),
+                      validator: (v) => (v == null || !v.contains('@'))
+                          ? 'Email invalide'
+                          : null,
+                    ),
+                    const SizedBox(height: 14),
+                    TextFormField(
+                      controller: _mdpCtrl,
+                      obscureText: !_voirMdp,
+                      decoration: InputDecoration(
+                        labelText: 'Mot de passe',
+                        prefixIcon: const Icon(Icons.lock_outline),
+                        suffixIcon: IconButton(
+                          icon: Icon(_voirMdp
+                              ? Icons.visibility_off
+                              : Icons.visibility),
+                          onPressed: () =>
+                              setState(() => _voirMdp = !_voirMdp),
+                        ),
+                      ),
+                      validator: (v) => (v == null || v.isEmpty)
+                          ? 'Mot de passe requis'
+                          : null,
+                      onFieldSubmitted: (_) => _connexion(),
+                    ),
+                    if (_erreur != null) ...[
+                      const SizedBox(height: 16),
+                      Text(_erreur!,
+                          textAlign: TextAlign.center,
+                          style: TextStyle(color: Colors.red.shade600)),
+                    ],
+                    const SizedBox(height: 24),
+                    FilledButton(
+                      onPressed: _enCours ? null : _connexion,
+                      child: _enCours
+                          ? const SizedBox(
+                              height: 22,
+                              width: 22,
+                              child: CircularProgressIndicator(
+                                  strokeWidth: 2, color: Colors.white))
+                          : const Text('Se connecter'),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}