pluriwave/lib/widgets/hoja_premium.dart

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),
        // The sheet's height is data-dependent: five benefit bullets whose
        // wrapped line count varies per locale, plus an optional
        // purchase/restore result banner. Together they already overflow a
        // short viewport by a couple of pixels, and a translation one word
        // longer would make it worse. Scrolling is the only shape that
        // cannot overflow, and it costs nothing when everything fits.
        child: SingleChildScrollView(
          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.premiumHojaTitulo,
                      style: Theme.of(context).textTheme.titleLarge?.copyWith(
                        fontWeight: FontWeight.w900,
                      ),
                    ),
                  ),
                  // Explicit, obvious dismiss affordance (fix/import-alarmas-y-
                  // paywall): a purchase sheet the user cannot easily escape is
                  // a dark pattern and a Play policy risk. Reachable without
                  // buying or restoring, same weight as any other icon button.
                  IconButton(
                    key: const ValueKey('hoja-premium-cerrar'),
                    icon: const Icon(Icons.close_rounded),
                    tooltip: l10n.closeAction,
                    onPressed: () => Navigator.of(context).maybePop(),
                  ),
                ],
              ),
              const SizedBox(height: 12),
              // Concrete, honest value list — accuracy is non-negotiable here:
              // these five are the ONLY things premium unlocks. The phone
              // equalizer stays free for everyone and must NEVER appear here;
              // only its Android Auto surface is affected, as a consequence of
              // Auto itself being gated.
              //
              // The Android Auto line describes what PRO adds in the CAR — the
              // full catalogue, favourites, my stations, local music — because
              // the free tier already gets a real, playable featured folder
              // there. A bare "Android Auto" bullet sold something free users
              // already have.
              _BeneficioPremium(texto: l10n.premiumBeneficioSinAnuncios),
              _BeneficioPremium(texto: l10n.premiumBeneficioAndroidAuto),
              _BeneficioPremium(texto: l10n.premiumBeneficioGrabacion),
              _BeneficioPremium(texto: l10n.premiumBeneficioVacaciones),
              _BeneficioPremium(texto: l10n.premiumBeneficioAlarmasIlimitadas),
              const SizedBox(height: 12),
              Text(
                l10n.premiumPagoUnico,
                style: Theme.of(
                  context,
                ).textTheme.bodyMedium?.copyWith(fontWeight: FontWeight.w600),
              ),
              const SizedBox(height: 20),
              // FIX 3 (code review): user-facing feedback for a failed
              // purchase/restore, or a restore that found nothing — before
              // this, `resultadoUsuario` had ZERO UI, so the spinner just
              // stopped with no feedback at all. Never the raw
              // `EventoCompra.mensaje` developer string — always the mapped,
              // generic localized message.
              if (entitlement.resultadoUsuario != null)
                Padding(
                  key: const ValueKey('hoja-premium-resultado'),
                  padding: const EdgeInsets.only(bottom: 12),
                  child: Row(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Icon(
                        entitlement.resultadoUsuario ==
                                ResultadoEntitlementUsuario.error
                            ? Icons.error_outline_rounded
                            : Icons.info_outline_rounded,
                        size: 18,
                        color:
                            entitlement.resultadoUsuario ==
                                    ResultadoEntitlementUsuario.error
                                ? Theme.of(context).colorScheme.error
                                : Theme.of(context).textTheme.bodyMedium?.color,
                      ),
                      const SizedBox(width: 8),
                      Expanded(
                        child: Text(
                          entitlement.resultadoUsuario ==
                                  ResultadoEntitlementUsuario.error
                              ? l10n.compraError
                              : l10n.restauracionSinCompras,
                          style: Theme.of(context).textTheme.bodyMedium,
                        ),
                      ),
                      IconButton(
                        key: const ValueKey('hoja-premium-resultado-descartar'),
                        icon: const Icon(Icons.close_rounded, size: 18),
                        onPressed: () => entitlement.consumirResultadoUsuario(),
                        padding: EdgeInsets.zero,
                        constraints: const BoxConstraints(),
                        visualDensity: VisualDensity.compact,
                      ),
                    ],
                  ),
                ),
              if (entitlement.esPremium)
                Padding(
                  key: const ValueKey('hoja-premium-activo'),
                  padding: const EdgeInsets.only(bottom: 12),
                  child: Text(
                    l10n.premiumActivo,
                    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),
              ),
              if (!entitlement.esPremium) ...[
                const SizedBox(height: 4),
                // Clearly-labelled, always-reachable decline — same weight as
                // any other secondary action, never made harder to find than
                // buying (hard constraint: no dark patterns, no guilt-shaming
                // decline copy).
                TextButton(
                  key: const ValueKey('hoja-premium-ahora-no'),
                  onPressed: () => Navigator.of(context).maybePop(),
                  child: Text(l10n.premiumAhoraNo),
                ),
              ],
            ],
          ),
        ),
      ),
    );
  }
}

/// One concrete, honest value-list row (fix/import-alarmas-y-paywall).
class _BeneficioPremium extends StatelessWidget {
  const _BeneficioPremium({required this.texto});

  final String texto;

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.only(bottom: 8),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Icon(
            Icons.check_circle_rounded,
            size: 18,
            color: PluriWaveTokens.brand,
          ),
          const SizedBox(width: 8),
          Expanded(
            child: Text(texto, style: Theme.of(context).textTheme.bodyMedium),
          ),
        ],
      ),
    );
  }
}