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

import '../estado/estado_entitlement.dart';
import '../l10n/gen/app_localizations.dart';
import '../tema/pluriwave_tokens.dart';
import 'pluri_glass_surface.dart';
import 'pluri_layout.dart';

/// Reusable paywall sheet (Design "File Changes" — `hoja_premium.dart`),
/// opened from every gated entry point plus the Settings premium row
/// (freemium-gating spec "Purchase Entry Points At Every Gate Plus
/// Settings"). Mirrors `FormularioEmisoraPersonalizada`'s bottom-sheet
/// shape (`ajustes_emisoras_personalizadas.dart`).
Future<void> mostrarHojaPremium(BuildContext context) {
  return showModalBottomSheet<void>(
    context: context,
    isScrollControlled: true,
    useSafeArea: true,
    backgroundColor: Colors.transparent,
    builder: (_) => const HojaPremium(),
  );
}

class HojaPremium extends StatelessWidget {
  const HojaPremium({super.key});

  @override
  Widget build(BuildContext context) {
    final l10n = AppLocalizations.of(context);
    final entitlement = context.watch<EstadoEntitlement>();
    final bottom = MediaQuery.of(context).viewInsets.bottom;

    return Padding(
      padding: EdgeInsets.fromLTRB(
        PluriLayout.horizontal,
        PluriLayout.horizontal,
        PluriLayout.horizontal,
        PluriLayout.horizontal + bottom,
      ),
      child: PluriGlassSurface(
        padding: const EdgeInsets.all(24),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            Row(
              children: [
                Icon(
                  Icons.workspace_premium_rounded,
                  color: PluriWaveTokens.brand,
                ),
                const SizedBox(width: 10),
                Expanded(
                  child: Text(
                    l10n.funcionPremium,
                    style: Theme.of(context).textTheme.titleLarge?.copyWith(
                      fontWeight: FontWeight.w900,
                    ),
                  ),
                ),
              ],
            ),
            const SizedBox(height: 20),
            if (entitlement.esPremium)
              Padding(
                key: const ValueKey('hoja-premium-activo'),
                padding: const EdgeInsets.only(bottom: 12),
                child: Text(
                  l10n.equalizerActive,
                  style: Theme.of(context).textTheme.bodyMedium,
                ),
              )
            else
              FilledButton.icon(
                key: const ValueKey('hoja-premium-comprar'),
                onPressed:
                    entitlement.compraEnCurso
                        ? null
                        : () => entitlement.comprar(),
                icon:
                    entitlement.compraEnCurso
                        ? const SizedBox(
                          width: 18,
                          height: 18,
                          child: CircularProgressIndicator(strokeWidth: 2),
                        )
                        : const Icon(Icons.lock_open_rounded),
                label: Text(l10n.desbloquearPremium),
              ),
            const SizedBox(height: 10),
            OutlinedButton(
              key: const ValueKey('hoja-premium-restaurar'),
              onPressed:
                  entitlement.compraEnCurso
                      ? null
                      : () => entitlement.restaurar(),
              child: Text(l10n.restaurarCompras),
            ),
          ],
        ),
      ),
    );
  }
}