import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';

import '../services/session_client.dart';
import '../theme.dart';

/// Logo « G » officiel de Google (SVG des guidelines de marque). Ne pas altérer
/// (couleurs / proportions) sous peine de non-conformité (validation Play Store).
const String _googleGSvg = '''
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
<path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
<path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
<path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
<path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
</svg>
''';

/// Bouton officiel « Se connecter avec Google » (connexion native, sélecteur de
/// compte in-app), conforme aux guidelines de marque Google. Un compte inconnu
/// est créé côté serveur puis dirigé vers l'écran « Finaliser mon profil ».
class OAuthBoutons extends StatefulWidget {
  const OAuthBoutons({super.key});

  @override
  State<OAuthBoutons> createState() => _OAuthBoutonsState();
}

class _OAuthBoutonsState extends State<OAuthBoutons> {
  bool _enCours = false;

  Future<void> _google() async {
    setState(() => _enCours = true);
    try {
      await SessionClient.instance.connexionGoogleNative();
      // Succès : l'AuthGate bascule automatiquement (ce widget est démonté).
    } catch (e) {
      if (mounted) {
        setState(() => _enCours = false);
        ScaffoldMessenger.of(context).showSnackBar(
          const SnackBar(
              content: Text('Connexion Google annulée ou échouée.')),
        );
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Row(
          children: [
            const Expanded(child: Divider()),
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 12),
              child: Text('ou',
                  style: TextStyle(color: AppTheme.grisTexte, fontSize: 13)),
            ),
            const Expanded(child: Divider()),
          ],
        ),
        const SizedBox(height: 12),
        _BoutonGoogle(enCours: _enCours, onPressed: _enCours ? null : _google),
      ],
    );
  }
}

/// Rendu conforme charte Google : fond blanc, bordure #747775, logo G 18dp,
/// libellé Roboto Medium #1F1F1F.
class _BoutonGoogle extends StatelessWidget {
  const _BoutonGoogle({required this.enCours, required this.onPressed});

  final bool enCours;
  final VoidCallback? onPressed;

  static const Color _texte = Color(0xFF1F1F1F);
  static const Color _bordure = Color(0xFF747775);

  @override
  Widget build(BuildContext context) {
    return Material(
      color: Colors.white,
      borderRadius: BorderRadius.circular(14),
      child: InkWell(
        borderRadius: BorderRadius.circular(14),
        onTap: onPressed,
        child: Ink(
          height: 52,
          decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.circular(14),
            border: Border.all(color: _bordure),
          ),
          child: Center(
            child: enCours
                ? const SizedBox(
                    height: 22,
                    width: 22,
                    child: CircularProgressIndicator(strokeWidth: 2),
                  )
                : Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      SvgPicture.string(_googleGSvg, width: 18, height: 18),
                      const SizedBox(width: 12),
                      const Text(
                        'Se connecter avec Google',
                        style: TextStyle(
                          color: _texte,
                          fontSize: 15,
                          fontWeight: FontWeight.w500,
                          fontFamily: 'Roboto',
                        ),
                      ),
                    ],
                  ),
          ),
        ),
      ),
    );
  }
}