import 'package:didvan/models/view/app_bar_data.dart';
import 'package:didvan/pages/home/profile/edit_profile/widgets/profile_photo.dart';
import 'package:didvan/pages/home/profile/edit_profile/widgets/switch.dart';
import 'package:didvan/pages/home/profile/widgets/menu_item.dart';
import 'package:didvan/widgets/didvan/card.dart';
import 'package:didvan/widgets/didvan/divider.dart';
import 'package:didvan/widgets/didvan/scaffold.dart';
import 'package:didvan/widgets/didvan/text_field.dart';
import 'package:flutter/material.dart';

class EditProfile extends StatelessWidget {
  const EditProfile({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return DidvanScaffold(
      appBarData: AppBarData(),
      slivers: [
        const SliverToBoxAdapter(
          child: ProfilePhoto(),
        ),
        SliverPadding(
          padding: const EdgeInsets.all(16),
          sliver: SliverToBoxAdapter(
            child: DidvanCard(
              child: Column(
                children: [
                  DidvanTextField(
                    title: 'نام کاربری',
                    hintText: 'انتخاب نام کاربری (اختیاری)',
                    onChanged: (value) {
                      //TODO: Needs implementation
                    },
                  ),
                  const SizedBox(height: 16),
                  DidvanTextField(
                    title: 'ایمیل',
                    hintText: 'مثال: example@email.com',
                    onChanged: (value) {
                      //TODO: Meeds implementaion
                    },
                  ),
                  const SizedBox(height: 16),
                  const DidvanTextField(
                    title: 'موبایل',
                    enabled: false,
                    hintText: '09123456789', //TODO: Needs api
                  ),
                  const SizedBox(height: 16),
                  DidvanSwitch(
                    value: true, //TODO: Needs api
                    title: 'ورود با اثر انگشت',
                    onChanged: (value) => {
                      //TODO: Needs implementaion
                    },
                  ),
                  const DidvanDivider(),
                  MenuItem(
                    title: 'تغییر رمز عبور',
                    onTap: () {},
                  ),
                ],
              ),
            ),
          ),
        ),
      ],
    );
  }
}