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

import '../../../common/theme/theme.dart';
import '../../components/spacer/spacer.dart';
import 'widgets/account_info.dart';
import 'widgets/app_setting.dart';
import 'widgets/business_setting.dart';
import 'widgets/danger_zone.dart';
import 'widgets/header.dart';
import 'widgets/support.dart';

@RoutePage()
class ProfilePage extends StatefulWidget {
  const ProfilePage({super.key});

  @override
  State<ProfilePage> createState() => _ProfilePageState();
}

class _ProfilePageState extends State<ProfilePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppColor.background,
      appBar: AppBar(
        title: Text(
          'Profile',
          style: AppStyle.xxl.copyWith(
            color: AppColor.textWhite,
            fontWeight: FontWeight.w600,
          ),
        ),
        backgroundColor: AppColor.primary,
        elevation: 0,
        actions: [
          IconButton(
            icon: const Icon(Icons.edit, color: AppColor.textWhite),
            onPressed: () {
              // Navigate to edit profile
            },
          ),
        ],
      ),
      body: SingleChildScrollView(
        child: Column(
          children: [
            ProfileHeader(),
            const SpaceHeight(20),
            ProfileAccountInfo(),
            const SpaceHeight(12),
            ProfileBusinessSetting(),
            const SpaceHeight(12),
            ProfileAppSetting(),
            const SpaceHeight(12),
            ProfileSupport(),
            const SpaceHeight(12),
            ProfileDangerZone(),
            const SpaceHeight(30),
          ],
        ),
      ),
    );
  }
}
