// screens/settings/settings_screen.dart — 系统设置（照原型 settings.html 重建）。
// 布局：.head + .settings grid(左 .subnav 200px + 右面板卡)。子导航 5 项 =
// 原型 4（门店信息/用户管理/授权管理/偏好设置）+ 保留真实功能「编号规则」。
// 用户管理面板 = 预览表 + 「管理全部用户」→ /settings/users 独立页（原型 users.html）。
// 原「系统参数」假设置（本地 state 不落后端）已按用户口径删除。
// 窄屏（原型 m-settings.html）：hub 形态三组（门店/偏好/数据），标题在壳顶栏；
// 门店信息/编号规则/默认仓库走底部 sheet；?tab= 深链窄屏忽略（无面板可落）。
// 授权入口不在此（拍板：授权在「我的」系统组 /me/license）。
import 'package:file_picker/file_picker.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:go_router/go_router.dart';
import 'package:lucide_icons_flutter/lucide_icons.dart';

import '../../core/auth/auth_state.dart';
import '../../core/responsive/responsive.dart';
import '../../core/theme/app_dims.g.dart';
import '../../core/theme/app_tokens.g.dart';
import '../../core/theme/context_tokens.dart';
import '../../core/theme/theme_controller.dart';
import '../../core/utils/dialog_util.dart';
import '../../models/number_rule.dart';
import '../../models/shop.dart';
import '../../providers/number_rule_provider.dart';
import '../../providers/shop_provider.dart';
import '../../providers/user_provider.dart';
import '../../providers/warehouse_provider.dart';
import '../../widgets/ds/ds_atoms.dart';
import '../../widgets/ds/ds_menu.dart';
import '../../widgets/ds/ds_table.dart';
import '../../widgets/ds/m_hub.dart';
import '../../widgets/ds/m_sheet.dart';
import '../../widgets/theme_sheet.dart';
import '../../widgets/write_guard.dart';
import 'license_panel.dart';
import 'settings_card.dart';
import 'users_screen.dart' show userRoleBadge, userStatusBadge;
import '../../core/theme/app_fonts.dart';
import '../../widgets/ds/ds_toast.dart';

class SettingsScreen extends ConsumerStatefulWidget {
  /// 初始面板：{shop:0, users:1, number:2, license:3, pref:4}
  final int initialTab;
  const SettingsScreen({super.key, this.initialTab = 0});

  @override
  ConsumerState<SettingsScreen> createState() => _SettingsScreenState();
}

class _SettingsScreenState extends ConsumerState<SettingsScreen> {
  static const _navs = [
    // 图标对齐原型 subnav sprite：i-ic44=house / i-ic45=user-plus /
    // i-ic07=trending-up / i-ic46=contrast（编号规则为 app 专属项，用 hash）
    (LucideIcons.house, '门店信息'),
    (LucideIcons.userPlus, '用户管理'),
    (LucideIcons.hash, '编号规则'),
    (LucideIcons.trendingUp, '授权管理'),
    (LucideIcons.contrast, '偏好设置'),
  ];
  late int _panel = widget.initialTab.clamp(0, _navs.length - 1);

  @override
  Widget build(BuildContext context) {
    final t = context.tokens;
    // 窄屏：hub 形态（原型 m-settings.html）；?tab= 深链在窄屏无面板可落，忽略
    if (context.isMobile) return _mobileHub(t);
    return Container(
      color: t.bg,
      padding: const EdgeInsets.fromLTRB(26, 22, 26, 22),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          // ── 头部（原型 .head）──
          Padding(
            padding: const EdgeInsets.only(bottom: 18),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.end,
              children: [
                Text('系统设置',
                    style: TextStyle(
                        fontSize: AppDims.fsH1,
                        fontWeight: FontWeight.w700,
                        color: t.heading)),
                const SizedBox(width: AppDims.sp3),
                Padding(
                  padding: const EdgeInsets.only(bottom: 2),
                  child: Text('门店配置 · 用户与授权 · 个性化偏好',
                      style: TextStyle(fontSize: AppDims.fsSm, color: t.muted)),
                ),
              ],
            ),
          ),
          Expanded(
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                _subnav(t),
                const SizedBox(width: 22),
                Expanded(
                  child: SingleChildScrollView(child: _panelBody()),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }

  // ── 窄屏 hub（原型 m-settings.html：门店/偏好/数据 三组）─────────
  Widget _mobileHub(dynamic t) {
    return Container(
      color: t.bg,
      child: ListView(
        padding: const EdgeInsets.all(14),
        children: [
          MHubGroup(label: '门店', items: [
            // 原型 i-ic57（门店信息）→ house，与桌面 subnav 同源
            MHubItem(
                icon: LucideIcons.house, label: '门店信息', onTap: _openShopSheet),
            MHubItem(
                icon: LucideIcons.userPlus,
                label: '用户与角色',
                onTap: () => context.push('/settings/users')),
            MHubItem(
                icon: LucideIcons.hash, label: '编号规则', onTap: _openRulesSheet),
          ]),
          MHubGroup(label: '偏好', items: [
            MHubItem(
                icon: LucideIcons.shirt,
                label: '主题外观',
                onTap: () => showThemeSheet(context)),
            MHubItem(
                icon: LucideIcons.warehouse,
                label: '默认仓库',
                onTap: _openWarehouseSheet),
            MHubItem(
                icon: LucideIcons.monitorSmartphone,
                label: '设备管理',
                onTap: () => context.go('/devices')),
          ]),
          MHubGroup(label: '数据', items: [
            MHubItem(
                icon: LucideIcons.cloud,
                label: '数据备份',
                onTap: () => showDsToast(context, '云端每日自动备份，无需手动操作')),
            MHubItem(
                icon: LucideIcons.info,
                label: '关于与版本',
                onTap: () => context.go('/about')),
          ]),
        ],
      ),
    );
  }

  /// 门店信息 sheet（原型 openShopSheet：名称/编号只读/电话/微信/地址 + 保存）。
  void _openShopSheet() {
    showMSheet<void>(
      context,
      title: '门店信息',
      builder: (_) => const _ShopInfoSheetBody(),
    );
  }

  /// 编号规则 sheet（原型 openRulesSheet：notice + drow 行；编辑走既有 dialog）。
  void _openRulesSheet() {
    showMSheet<void>(
      context,
      title: '编号规则',
      builder: (_) => Consumer(builder: (ctx, ref, _) {
        final t = ctx.tokens;
        final async = ref.watch(numberRuleListProvider);
        return async.when(
          loading: () => const Padding(
              padding: EdgeInsets.all(24),
              child: Center(child: CircularProgressIndicator())),
          error: (e, _) => Text('加载失败',
              style: TextStyle(color: t.muted, fontSize: AppDims.fsSm)),
          data: (rules) => Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              // 原型 .notice.info
              Container(
                margin: const EdgeInsets.only(bottom: 14),
                padding: const EdgeInsets.all(12),
                decoration: BoxDecoration(
                  color: t.infoSoft,
                  borderRadius: BorderRadius.circular(AppDims.rMd),
                ),
                child: Row(children: [
                  Icon(LucideIcons.info, size: 16, color: t.primary),
                  const SizedBox(width: 8),
                  Expanded(
                    child: Text('单据编号自动生成，规则全店统一；序号按规则递增。',
                        style:
                            TextStyle(fontSize: AppDims.fsSm, color: t.text)),
                  ),
                ]),
              ),
              if (rules.isEmpty)
                Text('暂无编号规则',
                    style: TextStyle(fontSize: AppDims.fsSm, color: t.muted)),
              for (var i = 0; i < rules.length; i++)
                Container(
                  padding: const EdgeInsets.symmetric(vertical: 11),
                  decoration: BoxDecoration(
                    border: i == rules.length - 1
                        ? null
                        : Border(bottom: BorderSide(color: t.borderSubtle)),
                  ),
                  child: Row(children: [
                    Text(rules[i].typeLabel,
                        style: TextStyle(
                            fontSize: AppDims.fsBody, color: t.muted)),
                    const Spacer(),
                    Text(rules[i].exampleNo,
                        style: TextStyle(
                            fontSize: AppDims.fsBody,
                            fontWeight: FontWeight.w600,
                            fontFamily: AppFonts.mono,
                            fontFamilyFallback: AppFonts.monoFallback,
                            color: t.text)),
                    WriteGuard(
                      child: Padding(
                        padding: const EdgeInsets.only(left: 10),
                        child: InkWell(
                          onTap: () => _editRule(rules[i]),
                          child: Icon(LucideIcons.pencil,
                              size: 15, color: t.muted),
                        ),
                      ),
                    ),
                  ]),
                ),
            ],
          ),
        );
      }),
    );
  }

  /// 默认仓库 sheet（原型 openWhSheet：m-opt 行选择，点选即保存）。
  void _openWarehouseSheet() {
    showMSheet<void>(
      context,
      title: '默认仓库',
      builder: (_) => Consumer(builder: (ctx, ref, _) {
        final t = ctx.tokens;
        final readonly = WriteGuard.isReadonly(ref);
        final warehouses =
            ref.watch(warehouseListProvider).valueOrNull ?? const [];
        if (warehouses.isEmpty) {
          return Text('暂无仓库',
              style: TextStyle(fontSize: AppDims.fsSm, color: t.muted));
        }
        return Column(children: [
          for (var i = 0; i < warehouses.length; i++)
            Builder(builder: (_) {
              final w = warehouses[i];
              return InkWell(
                // 只读角色不可改默认仓库（与桌面 WriteGuard 同口径）
                onTap: readonly
                    ? null
                    : () async {
                        Navigator.of(ctx).pop();
                        if (w.isDefault) return;
                        try {
                          await ref
                              .read(warehouseListProvider.notifier)
                              .updateWarehouse(w.id, {'is_default': true});
                          if (mounted) {
                            showDsToast(context, '默认仓库：${w.name} ✓',
                                bg: context.tokens.success);
                          }
                        } catch (e) {
                          if (mounted) {
                            showDsToast(context, '设置失败：$e',
                                bg: context.tokens.danger);
                          }
                        }
                      },
                child: Container(
                  padding: const EdgeInsets.fromLTRB(4, 13, 4, 13),
                  decoration: BoxDecoration(
                    border: i == warehouses.length - 1
                        ? null
                        : Border(bottom: BorderSide(color: t.borderSubtle)),
                  ),
                  child: Row(children: [
                    Expanded(
                      child: Text(w.name,
                          style: TextStyle(
                              fontSize: AppDims.fsBody,
                              fontWeight: w.isDefault
                                  ? FontWeight.w600
                                  : FontWeight.w400,
                              color: w.isDefault ? t.primary : t.text)),
                    ),
                    if (w.isDefault)
                      Icon(LucideIcons.check, size: 18, color: t.primary),
                  ]),
                ),
              );
            }),
        ]);
      }),
    );
  }

  /// 原型 .subnav：200px surface r-lg pad8；项高 40 gap10；on=brand50/primary/600。
  Widget _subnav(dynamic t) {
    return Container(
      width: 200,
      padding: const EdgeInsets.all(8),
      decoration: BoxDecoration(
        color: t.surface,
        border: Border.all(color: t.border),
        borderRadius: BorderRadius.circular(AppDims.rLg),
      ),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          for (var i = 0; i < _navs.length; i++)
            InkWell(
              onTap: () => setState(() => _panel = i),
              borderRadius: BorderRadius.circular(AppDims.rMd),
              child: Container(
                height: 40,
                padding: const EdgeInsets.symmetric(horizontal: 12),
                decoration: BoxDecoration(
                  color: i == _panel ? t.brand50 : null,
                  borderRadius: BorderRadius.circular(AppDims.rMd),
                ),
                child: Row(children: [
                  Icon(_navs[i].$1,
                      size: 16, color: i == _panel ? t.primary : t.muted),
                  const SizedBox(width: 10),
                  Text(_navs[i].$2,
                      style: TextStyle(
                          fontSize: AppDims.fsBody,
                          fontWeight:
                              i == _panel ? FontWeight.w600 : FontWeight.w400,
                          color: i == _panel ? t.primary : t.text)),
                ]),
              ),
            ),
        ],
      ),
    );
  }

  Widget _panelBody() => switch (_panel) {
        0 => const _StoreInfoPanel(),
        1 => _usersPanel(),
        2 => _numberPanel(),
        3 => const LicensePanel(),
        4 => const _PrefPanel(),
        _ => const SizedBox(),
      };

  // ── 面板 2：用户管理（预览表 + 独立页入口）──────────────────
  Widget _usersPanel() {
    final t = context.tokens;
    final async = ref.watch(userListProvider);
    return SettingsCard(
      title: '用户管理',
      desc: '管理门店成员与权限角色',
      trailing: DsButton('管理全部用户',
          small: true,
          icon: LucideIcons.plus,
          variant: DsBtnVariant.primary,
          onPressed: () => context.push('/settings/users')),
      child: async.when(
        loading: () => const Padding(
            padding: EdgeInsets.all(24),
            child: Center(child: CircularProgressIndicator())),
        error: (e, _) => Text('加载失败',
            style: TextStyle(color: t.muted, fontSize: AppDims.fsSm)),
        data: (users) {
          final preview = users.take(4).toList();
          return DsTable(
            shrinkWrap: true,
            emptyText: '暂无成员',
            columns: const [
              DsColumn('user', '用户'),
              DsColumn('role', '角色'),
              DsColumn('status', '状态'),
              DsColumn('actions', '操作', action: true),
            ],
            rows: preview.map((u) {
              return DsRow(cells: [
                Column(
                  mainAxisSize: MainAxisSize.min,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text(
                        u.realName?.isNotEmpty == true
                            ? u.realName!
                            : u.username,
                        style: TextStyle(
                            fontWeight: FontWeight.w600, color: t.heading)),
                    Padding(
                      padding: const EdgeInsets.only(top: 2),
                      child: Text(u.username,
                          style: TextStyle(
                              fontSize: AppDims.fsXs,
                              color: t.faint,
                              fontFamily: AppFonts.mono,
                              fontFamilyFallback: AppFonts.monoFallback)),
                    ),
                  ],
                ),
                userRoleBadge(u.role),
                userStatusBadge(u.isActive),
                InkWell(
                  onTap: () => context.push('/settings/users'),
                  child: Icon(LucideIcons.pencil, size: 16, color: t.muted),
                ),
              ]);
            }).toList(),
          );
        },
      ),
    );
  }

  // ── 面板 3：编号规则（保留真实功能，DsTable 版式）────────────
  Widget _numberPanel() {
    final t = context.tokens;
    final async = ref.watch(numberRuleListProvider);
    return SettingsCard(
      title: '编号规则',
      desc: '单据编号的前缀 / 日期格式 / 序号',
      child: async.when(
        loading: () => const Padding(
            padding: EdgeInsets.all(24),
            child: Center(child: CircularProgressIndicator())),
        error: (e, _) => Row(children: [
          Text('加载失败',
              style: TextStyle(color: t.muted, fontSize: AppDims.fsSm)),
          const SizedBox(width: 10),
          DsButton('重试',
              small: true,
              onPressed: () =>
                  ref.read(numberRuleListProvider.notifier).reload()),
        ]),
        data: (rules) => DsTable(
          shrinkWrap: true,
          emptyText: '暂无编号规则',
          columns: const [
            DsColumn('type', '单据类型'),
            DsColumn('prefix', '前缀'),
            DsColumn('date', '日期格式'),
            DsColumn('example', '下一编号示例'),
            DsColumn('no', '当前序号', numeric: true),
            DsColumn('actions', '操作', action: true),
          ],
          rows: rules.map((r) {
            return DsRow(cells: [
              Text(r.typeLabel,
                  style:
                      TextStyle(fontWeight: FontWeight.w600, color: t.heading)),
              Text(r.prefix,
                  style: const TextStyle(
                      fontFamily: AppFonts.mono,
                      fontFamilyFallback: AppFonts.monoFallback)),
              Text(r.dateFormat,
                  style: TextStyle(
                      fontFamily: AppFonts.mono,
                      fontFamilyFallback: AppFonts.monoFallback,
                      fontSize: AppDims.fsSm,
                      color: t.muted)),
              Text(r.exampleNo,
                  style: const TextStyle(
                      fontFamily: AppFonts.mono,
                      fontFamilyFallback: AppFonts.monoFallback)),
              Text('${r.currentNo}',
                  style: const TextStyle(
                      fontFamily: AppFonts.mono,
                      fontFamilyFallback: AppFonts.monoFallback)),
              WriteGuard(
                child: InkWell(
                  onTap: () => _editRule(r),
                  child: Icon(LucideIcons.pencil, size: 16, color: t.muted),
                ),
              ),
            ]);
          }).toList(),
        ),
      ),
    );
  }

  void _editRule(NumberRule r) {
    final prefixCtrl = TextEditingController(text: r.prefix);
    final noCtrl = TextEditingController(text: '${r.currentNo}');
    showAppDialog(
      context: context,
      builder: (ctx) => AlertDialog(
        title: Text('编辑规则 · ${r.typeLabel}'),
        content: SizedBox(
          width: ctx.dialogWidth(360),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text('前缀',
                  style: TextStyle(
                      fontSize: AppDims.fsSm, color: ctx.tokens.muted)),
              const SizedBox(height: 6),
              DsInput(controller: prefixCtrl),
              const SizedBox(height: 14),
              Text('当前序号',
                  style: TextStyle(
                      fontSize: AppDims.fsSm, color: ctx.tokens.muted)),
              const SizedBox(height: 6),
              DsInput(controller: noCtrl, keyboardType: TextInputType.number),
            ],
          ),
        ),
        actions: [
          DsButton('取消', onPressed: () => Navigator.of(ctx).pop()),
          DsButton('保存', variant: DsBtnVariant.primary, onPressed: () async {
            Navigator.of(ctx).pop();
            try {
              await ref.read(numberRuleListProvider.notifier).updateRule(r.id, {
                'prefix': prefixCtrl.text.trim(),
                'current_no': int.tryParse(noCtrl.text) ?? r.currentNo,
              });
              if (mounted) {
                showDsToast(context, '规则已更新 ✓', bg: context.tokens.success);
              }
            } catch (e) {
              if (mounted) {
                showDsToast(context, '保存失败：$e', bg: context.tokens.danger);
              }
            }
          }),
        ],
      ),
    );
  }
}

// ── 窄屏：门店信息 sheet 表单（逻辑同 _StoreInfoPanel，logo 上传窄屏省略）──
class _ShopInfoSheetBody extends ConsumerStatefulWidget {
  const _ShopInfoSheetBody();

  @override
  ConsumerState<_ShopInfoSheetBody> createState() => _ShopInfoSheetBodyState();
}

class _ShopInfoSheetBodyState extends ConsumerState<_ShopInfoSheetBody> {
  final _nameCtrl = TextEditingController();
  final _phoneCtrl = TextEditingController();
  final _wechatCtrl = TextEditingController();
  final _addressCtrl = TextEditingController();
  ShopInfo? _loaded;
  bool _saving = false;

  @override
  void dispose() {
    _nameCtrl.dispose();
    _phoneCtrl.dispose();
    _wechatCtrl.dispose();
    _addressCtrl.dispose();
    super.dispose();
  }

  void _fill(ShopInfo shop) {
    _loaded = shop;
    _nameCtrl.text = shop.name;
    _phoneCtrl.text = shop.phone;
    _wechatCtrl.text = shop.wechatId;
    _addressCtrl.text = shop.address;
  }

  Future<void> _save() async {
    final shop = _loaded;
    if (shop == null) return;
    setState(() => _saving = true);
    try {
      await ref.read(shopRepositoryProvider).updateInfo({
        'name': _nameCtrl.text.trim(),
        'address': _addressCtrl.text.trim(),
        'phone': _phoneCtrl.text.trim(),
        'manager_name': shop.managerName,
        'wechat_id': _wechatCtrl.text.trim(),
        if (shop.logoUrl.isNotEmpty) 'logo_url': shop.logoUrl,
        'custom_fields': shop.customFields,
      });
      ref.invalidate(shopInfoProvider);
      if (mounted) {
        Navigator.of(context).pop();
        showDsToast(context, '门店信息已保存 ✓', bg: context.tokens.success);
      }
    } catch (e) {
      if (mounted) {
        showDsToast(context, '保存失败：$e', bg: context.tokens.danger);
      }
    } finally {
      if (mounted) setState(() => _saving = false);
    }
  }

  @override
  Widget build(BuildContext context) {
    final t = context.tokens;
    final async = ref.watch(shopInfoProvider);
    final role = ref.watch(authStateProvider.select((s) => s.user?.role));
    final canEdit = (role == 'admin' || role == 'superadmin') &&
        !WriteGuard.isReadonly(ref) &&
        !WriteGuard.licenseBlocked(ref);

    return async.when(
      loading: () => const Padding(
          padding: EdgeInsets.all(24),
          child: Center(child: CircularProgressIndicator())),
      error: (e, _) => Text('加载失败',
          style: TextStyle(color: t.muted, fontSize: AppDims.fsSm)),
      data: (shop) {
        if (_loaded?.code != shop.code || _loaded?.name != shop.name) {
          _fill(shop);
        }
        return Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            _field('门店名称', DsInput(controller: _nameCtrl, enabled: canEdit)),
            _field(
                '门店编号（不可改）',
                DsInput(
                    controller: TextEditingController(text: shop.code),
                    enabled: false)),
            _field('联系电话', DsInput(controller: _phoneCtrl, enabled: canEdit)),
            _field(
                '微信',
                DsInput(
                    controller: _wechatCtrl,
                    enabled: canEdit,
                    hintText: '微信号 / 客服微信')),
            _field(
                '门店地址',
                DsInput(
                    controller: _addressCtrl,
                    enabled: canEdit,
                    hintText: '省 / 市 / 详细地址')),
            const SizedBox(height: 4),
            // 原型底排：取消 ghost(1) + 保存 primary(2)
            Row(children: [
              Expanded(
                child: DsButton(canEdit ? '取消' : '关闭',
                    onPressed: () => Navigator.of(context).pop()),
              ),
              if (canEdit) ...[
                const SizedBox(width: 10),
                Expanded(
                  flex: 2,
                  child: DsButton(_saving ? '保存中…' : '保存',
                      variant: DsBtnVariant.primary,
                      onPressed: _saving ? null : _save),
                ),
              ],
            ]),
          ],
        );
      },
    );
  }

  /// 原型 .m-field：label(fs-sm muted) 上、间距 6、下距 14。
  Widget _field(String label, Widget input) {
    final t = context.tokens;
    return Padding(
      padding: const EdgeInsets.only(bottom: 14),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(label, style: TextStyle(fontSize: AppDims.fsSm, color: t.muted)),
          const SizedBox(height: 6),
          input,
        ],
      ),
    );
  }
}

// ── 面板 1：门店信息（内联表单）──────────────────────────────
class _StoreInfoPanel extends ConsumerStatefulWidget {
  const _StoreInfoPanel();

  @override
  ConsumerState<_StoreInfoPanel> createState() => _StoreInfoPanelState();
}

class _StoreInfoPanelState extends ConsumerState<_StoreInfoPanel> {
  final _nameCtrl = TextEditingController();
  final _phoneCtrl = TextEditingController();
  final _wechatCtrl = TextEditingController();
  final _addressCtrl = TextEditingController();
  ShopInfo? _loaded;
  bool _saving = false;
  bool _uploadingLogo = false;

  @override
  void dispose() {
    _nameCtrl.dispose();
    _phoneCtrl.dispose();
    _wechatCtrl.dispose();
    _addressCtrl.dispose();
    super.dispose();
  }

  void _fill(ShopInfo shop) {
    _loaded = shop;
    _nameCtrl.text = shop.name;
    _phoneCtrl.text = shop.phone;
    _wechatCtrl.text = shop.wechatId;
    _addressCtrl.text = shop.address;
  }

  Future<void> _save() async {
    final shop = _loaded;
    if (shop == null) return;
    setState(() => _saving = true);
    try {
      await ref.read(shopRepositoryProvider).updateInfo({
        'name': _nameCtrl.text.trim(),
        'address': _addressCtrl.text.trim(),
        'phone': _phoneCtrl.text.trim(),
        'manager_name': shop.managerName,
        'wechat_id': _wechatCtrl.text.trim(),
        if (shop.logoUrl.isNotEmpty) 'logo_url': shop.logoUrl,
        'custom_fields': shop.customFields,
      });
      ref.invalidate(shopInfoProvider);
      if (mounted) {
        showDsToast(context, '门店信息已保存 ✓', bg: context.tokens.success);
      }
    } catch (e) {
      if (mounted) {
        showDsToast(context, '保存失败：$e', bg: context.tokens.danger);
      }
    } finally {
      if (mounted) setState(() => _saving = false);
    }
  }

  Future<void> _uploadLogo() async {
    final result = await FilePicker.platform.pickFiles(
      type: FileType.image,
      withData: true,
    );
    final file = result?.files.firstOrNull;
    if (file == null || file.bytes == null || !mounted) return;
    setState(() => _uploadingLogo = true);
    try {
      await ref.read(shopRepositoryProvider).uploadLogo(file.bytes!, file.name);
      ref.invalidate(shopInfoProvider);
      if (mounted) {
        showDsToast(context, 'Logo 已更新 ✓', bg: context.tokens.success);
      }
    } catch (e) {
      if (mounted) {
        showDsToast(context, '上传失败：$e', bg: context.tokens.danger);
      }
    } finally {
      if (mounted) setState(() => _uploadingLogo = false);
    }
  }

  @override
  Widget build(BuildContext context) {
    final t = context.tokens;
    final async = ref.watch(shopInfoProvider);
    final role = ref.watch(authStateProvider.select((s) => s.user?.role));
    final canEdit = (role == 'admin' || role == 'superadmin') &&
        !WriteGuard.isReadonly(ref) &&
        // 授权过期 >7 天同样禁编辑（后端 LicenseGuard 会 403，这里不误导）
        !WriteGuard.licenseBlocked(ref);

    return SettingsCard(
      title: '门店信息',
      desc: '用于单据抬头、对账与多端展示',
      child: async.when(
        loading: () => const Padding(
            padding: EdgeInsets.all(24),
            child: Center(child: CircularProgressIndicator())),
        error: (e, _) => Text('加载失败',
            style: TextStyle(color: t.muted, fontSize: AppDims.fsSm)),
        data: (shop) {
          if (_loaded?.code != shop.code || _loaded?.name != shop.name) {
            _fill(shop);
          }
          return ConstrainedBox(
            constraints: const BoxConstraints(maxWidth: 620),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                // 原型 .form-grid 2 列 gap16
                _formRow([
                  _field(
                      '门店名称', DsInput(controller: _nameCtrl, enabled: canEdit)),
                  _field(
                    '门店编号',
                    DsInput(
                        controller: TextEditingController(text: shop.code),
                        enabled: false),
                    hint: '系统分配，不可修改',
                  ),
                ]),
                _formRow([
                  _field('联系电话',
                      DsInput(controller: _phoneCtrl, enabled: canEdit)),
                  _field(
                      '微信',
                      DsInput(
                          controller: _wechatCtrl,
                          enabled: canEdit,
                          hintText: '微信号 / 客服微信')),
                ]),
                _field(
                    '门店地址',
                    DsInput(
                        controller: _addressCtrl,
                        enabled: canEdit,
                        hintText: '省 / 市 / 详细地址')),
                const SizedBox(height: 14),
                // Logo（现有能力保留）
                Row(children: [
                  Container(
                    width: 46,
                    height: 46,
                    clipBehavior: Clip.antiAlias,
                    decoration: BoxDecoration(
                      color: t.bg,
                      border: Border.all(color: t.border),
                      borderRadius: BorderRadius.circular(AppDims.rMd),
                    ),
                    child: shop.logoUrl.isNotEmpty
                        ? Image.network(shop.logoUrl,
                            fit: BoxFit.cover,
                            errorBuilder: (_, __, ___) =>
                                Icon(LucideIcons.image, color: t.faint))
                        : Icon(LucideIcons.image, size: 18, color: t.faint),
                  ),
                  const SizedBox(width: 12),
                  if (canEdit)
                    DsButton(_uploadingLogo ? '上传中…' : '更换 Logo',
                        small: true,
                        icon: LucideIcons.upload,
                        onPressed: _uploadingLogo ? null : _uploadLogo),
                ]),
                const SizedBox(height: 18),
                if (canEdit)
                  Row(children: [
                    DsButton(_saving ? '保存中…' : '保存',
                        variant: DsBtnVariant.primary,
                        onPressed: _saving ? null : _save),
                    const SizedBox(width: 10),
                    DsButton('撤销', onPressed: () {
                      _fill(shop);
                      setState(() {});
                      showDsToast(context, '已撤销修改');
                    }),
                  ]),
              ],
            ),
          );
        },
      ),
    );
  }

  Widget _formRow(List<Widget> fields) => Padding(
        padding: const EdgeInsets.only(bottom: 14),
        child: Row(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            for (var i = 0; i < fields.length; i++) ...[
              if (i > 0) const SizedBox(width: 16),
              Expanded(child: fields[i]),
            ],
          ],
        ),
      );

  Widget _field(String label, Widget input, {String? hint}) {
    final t = context.tokens;
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(label, style: TextStyle(fontSize: AppDims.fsSm, color: t.muted)),
        const SizedBox(height: 6),
        input,
        if (hint != null)
          Padding(
            padding: const EdgeInsets.only(top: 4),
            child: Row(children: [
              // 原型 i-ic03 = lock（系统分配，不可修改）
              Icon(LucideIcons.lock, size: 12, color: t.faint),
              const SizedBox(width: 4),
              Text(hint,
                  style: TextStyle(fontSize: AppDims.fsXs, color: t.faint)),
            ]),
          ),
      ],
    );
  }
}

// ── 面板 5：偏好设置（主题三卡 + 默认仓库）───────────────────
class _PrefPanel extends ConsumerWidget {
  const _PrefPanel();

  // (key, 名称, 说明)——原型 tcard 文案
  static const _themes = [
    ('a', 'A 经典蓝', '浅色 · 默认'),
    ('b', 'B 琥珀', '深色'),
    ('c', 'C 酒窖', '暖浅色'),
  ];

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final t = context.tokens;
    final current = ref.watch(themeControllerProvider);
    final warehouses = ref.watch(warehouseListProvider).valueOrNull ?? const [];
    final defaultWh = warehouses.where((w) => w.isDefault).firstOrNull;

    return SettingsCard(
      title: '偏好设置',
      desc: '主题与默认值，仅影响当前账号在本端的体验',
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text('主题选择',
              style: TextStyle(fontSize: AppDims.fsSm, color: t.muted)),
          const SizedBox(height: 8),
          ConstrainedBox(
            constraints: const BoxConstraints(maxWidth: 620),
            child: context.isMobile
                ? Column(children: [
                    for (final th in _themes)
                      Padding(
                        padding: const EdgeInsets.only(bottom: 10),
                        child: _tcard(context, ref, th, current == th.$1),
                      ),
                  ])
                : Row(children: [
                    for (var i = 0; i < _themes.length; i++) ...[
                      if (i > 0) const SizedBox(width: 14),
                      Expanded(
                          child: _tcard(context, ref, _themes[i],
                              current == _themes[i].$1)),
                    ],
                  ]),
          ),
          const SizedBox(height: 18),
          Text('默认仓库',
              style: TextStyle(fontSize: AppDims.fsSm, color: t.muted)),
          const SizedBox(height: 6),
          ConstrainedBox(
            constraints: const BoxConstraints(maxWidth: 300),
            child: Builder(
              builder: (bctx) => WriteGuard(
                child: InkWell(
                  onTap: () async {
                    final v = await showDsMenu<int>(bctx, items: [
                      for (final w in warehouses)
                        DsMenuItem(
                            value: w.id, label: w.name, selected: w.isDefault),
                    ]);
                    if (v == null) return;
                    try {
                      await ref
                          .read(warehouseListProvider.notifier)
                          .updateWarehouse(v, {'is_default': true});
                      if (bctx.mounted) {
                        showDsToast(bctx, '默认仓库已更新 ✓');
                      }
                    } catch (e) {
                      if (bctx.mounted) {
                        showDsToast(bctx, '设置失败：$e');
                      }
                    }
                  },
                  borderRadius: BorderRadius.circular(AppDims.rMd),
                  child: Container(
                    height: 38,
                    padding: const EdgeInsets.symmetric(horizontal: 12),
                    decoration: BoxDecoration(
                      color: t.surface,
                      border: Border.all(color: t.border),
                      borderRadius: BorderRadius.circular(AppDims.rMd),
                    ),
                    child: Row(children: [
                      Expanded(
                          child: Text(defaultWh?.name ?? '选择默认仓库…',
                              style: TextStyle(
                                  fontSize: AppDims.fsBody,
                                  color:
                                      defaultWh != null ? t.text : t.faint))),
                      Icon(LucideIcons.chevronDown, size: 14, color: t.faint),
                    ]),
                  ),
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }

  /// 原型 .tcard：1.5px 边 r-lg pad14；选中 primary 边 + brand50 ring；
  /// swatch 高 54 四色等分（primary/primary-dark/bg/accent）+ 名称/说明 + 勾。
  Widget _tcard(BuildContext context, WidgetRef ref,
      (String, String, String) theme, bool on) {
    final t = context.tokens;
    final preview = appTokensOf(theme.$1);
    return InkWell(
      onTap: () {
        ref.read(themeControllerProvider.notifier).set(theme.$1);
        showDsToast(context, '已切换为 ${theme.$2} 主题');
      },
      borderRadius: BorderRadius.circular(AppDims.rLg),
      child: Container(
        padding: const EdgeInsets.all(14),
        decoration: BoxDecoration(
          color: t.surface,
          border: Border.all(color: on ? t.primary : t.border, width: 1.5),
          borderRadius: BorderRadius.circular(AppDims.rLg),
          boxShadow: on ? [BoxShadow(color: t.brand50, spreadRadius: 3)] : null,
        ),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            // .swatch 高54 四色等分
            ClipRRect(
              borderRadius: BorderRadius.circular(AppDims.rSm),
              child: SizedBox(
                height: 54,
                child: Row(children: [
                  Expanded(child: Container(color: preview.primary)),
                  Expanded(child: Container(color: preview.primaryDark)),
                  Expanded(child: Container(color: preview.page)),
                  Expanded(child: Container(color: preview.accent)),
                ]),
              ),
            ),
            const SizedBox(height: 8),
            Row(children: [
              Expanded(
                child: Text(theme.$2,
                    style: TextStyle(
                        fontSize: AppDims.fsBody,
                        fontWeight: FontWeight.w600,
                        color: t.heading)),
              ),
              if (on) Icon(LucideIcons.check, size: 14, color: t.primary),
            ]),
            Text(theme.$3,
                style: TextStyle(fontSize: AppDims.fsXs, color: t.muted)),
          ],
        ),
      ),
    );
  }
}