// Author: fruit.com.cn

import 'package:flutter/material.dart';

import '../../core/theme/app_colors.dart';
import '../../core/theme/app_dimens.dart';
import '../../l10n/app_localizations.dart';
import 'account_deactivate_page.dart';
import 'account_devices_page.dart';
import 'account_export_page.dart';
import 'account_profile_page.dart';

const _accountTitleWidth = 64.0;

/// 我的页账号入口卡；只在登录态由父页面展示。
class AccountEntryCard extends StatelessWidget {
  const AccountEntryCard({super.key});

  @override
  Widget build(BuildContext context) {
    final l10n = AppLocalizations.of(context)!;
    return Material(
      key: const Key('mine-account-card'),
      color: AppColors.card,
      borderRadius: BorderRadius.circular(16),
      clipBehavior: Clip.antiAlias,
      child: SizedBox(
        height: AppDimens.accountCardHeight,
        child: Row(
          children: [
            SizedBox(
              width: _accountTitleWidth,
              child: Padding(
                padding: const EdgeInsets.only(left: 12),
                child: Text(
                  l10n.accountCenter,
                  style: const TextStyle(
                    fontSize: AppDimens.caption,
                    fontWeight: FontWeight.w800,
                  ),
                ),
              ),
            ),
            const VerticalDivider(
              width: 1,
              color: AppColors.outlineVariantDark,
            ),
            Expanded(
              child: Row(
                children: [
                  _entry(
                    context,
                    key: const Key('mine-account-profile'),
                    icon: Icons.person_outline_rounded,
                    title: l10n.accountProfile,
                    page: const AccountProfilePage(),
                    divider: true,
                  ),
                  _entry(
                    context,
                    key: const Key('mine-account-devices'),
                    icon: Icons.devices_other_rounded,
                    title: l10n.accountDevices,
                    page: const AccountDevicesPage(),
                    divider: true,
                  ),
                  _entry(
                    context,
                    key: const Key('mine-account-export'),
                    icon: Icons.file_download_outlined,
                    title: l10n.accountDataExport,
                    page: const AccountExportPage(),
                    divider: true,
                  ),
                  _entry(
                    context,
                    key: const Key('mine-account-deactivate'),
                    icon: Icons.person_remove_outlined,
                    title: l10n.accountDeactivate,
                    page: const AccountDeactivatePage(),
                    divider: false,
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }

  Widget _entry(
    BuildContext context, {
    required Key key,
    required IconData icon,
    required String title,
    required Widget page,
    required bool divider,
  }) {
    return Expanded(
      child: Row(
        children: [
          Expanded(
            child: InkWell(
              key: key,
              onTap: () => Navigator.of(
                context,
              ).push<void>(MaterialPageRoute(builder: (_) => page)),
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Icon(
                    icon,
                    color: AppColors.blueSoft,
                    size: AppDimens.accountIcon,
                  ),
                  const SizedBox(height: 2),
                  Text(
                    title,
                    maxLines: 2,
                    overflow: TextOverflow.ellipsis,
                    textAlign: TextAlign.center,
                    style: const TextStyle(
                      fontSize: AppDimens.accountLabel,
                      height: 1.15,
                    ),
                  ),
                ],
              ),
            ),
          ),
          if (divider)
            const VerticalDivider(
              width: 1,
              color: AppColors.outlineVariantDark,
            ),
        ],
      ),
    );
  }
}