import 'package:doublefeel_flutter/data/local/user_preferences_storage.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';

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

  @override
  Widget build(BuildContext context) {
    final userPreferencesStorage = Get.find<UserPreferencesStorage>();

    return Scaffold(
      appBar: AppBar(title: const Text('User Information')),
      body: Obx(() {
        final preferences = userPreferencesStorage.preferences.value;
        final userInfo = preferences.meUserInfo;

        return ListView(
          padding: const EdgeInsets.all(16),
          children: [
            _InfoRow(label: 'userid', value: '${userInfo?.id ?? ''}'),
            const Divider(height: 1, color: Color(0x66CCCCCC)),
            _InfoRow(label: 'nickname', value: userInfo?.nickname ?? ''),
            const Divider(height: 1, color: Color(0x66CCCCCC)),
            _InfoRow(label: 'access token', value: preferences.accessToken),
          ],
        );
      }),
    );
  }
}

class _InfoRow extends StatelessWidget {
  const _InfoRow({required this.label, required this.value});

  final String label;
  final String value;

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 14),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            label,
            style: Theme.of(context).textTheme.bodySmall?.copyWith(
                  color: Colors.grey,
                ),
          ),
          const SizedBox(height: 6),
          SelectableText(
            value,
            style: Theme.of(context).textTheme.bodyMedium,
          ),
        ],
      ),
    );
  }
}